If not the first, then the one that became popular first (in any application; this is not limited to aviation systems).
A control display unit, CDU for short, is fairly common in aviation, perhaps since the late 70s, and possibly earlier in military aviation. It's a display surrounded by keys, typically referred to as line select keys (LSKs). The two examples below are on a Boeing 747-400, and an F/A-18, respectively. All the keywords I tried either end up in too general results not even about CDUs, or the known examples such as those shown below.
Source: YouTube
Source: nasa.gov