Найти Π² Π”Π·Π΅Π½Π΅
Alex Pevnenko

πŸ–₯ Как появились GUI: история интСрфСйсов ΠΎΡ‚ Xerox Π΄ΠΎ iPhone

ВсСм ΠΏΡ€ΠΈΠ²Π΅Ρ‚! БСгодня ΠΌΡ‹ Ρ‰Ρ‘Π»ΠΊΠ°Π΅ΠΌ ΠΌΡ‹ΡˆΠΊΠΎΠΉ, свайпаСм ΠΏΠΎ экрану, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ ΠΎΠΊΠ½Π° ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΠΈ β€” Π±ΡƒΠ΄Ρ‚ΠΎ это всСгда Ρ‚Π°ΠΊ ΠΈ Π±Ρ‹Π»ΠΎ. Но Π΅Ρ‰Ρ‘ 50 Π»Π΅Ρ‚ Π½Π°Π·Π°Π΄ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Ρ‹ выглядСли ΠΊΠ°ΠΊ ΡˆΠΊΠ°Ρ„Ρ‹ с ΠΌΠΈΠ³Π°ΡŽΡ‰ΠΈΠΌΠΈ Π»Π°ΠΌΠΏΠΎΡ‡ΠΊΠ°ΠΌΠΈ, Π° интСрфСйсом был… тСкст. Волько тСкст. Π˜ΡΡ‚ΠΎΡ€ΠΈΡ графичСского интСрфСйса ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ (GUI) β€” это Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΎ пиксСли ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ. Π­Ρ‚ΠΎ ΠΏΡ€ΠΎ Ρ€Π΅Π²ΠΎΠ»ΡŽΡ†ΠΈΡŽ Π² ΠΎΠ±Ρ‰Π΅Π½ΠΈΠΈ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ° ΠΈ ΠΌΠ°ΡˆΠΈΠ½Ρ‹. Π’ 1970-Ρ… Π² ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ Ρ†Π΅Π½Ρ‚Ρ€Π΅ Xerox PARC (Пало-ΠΠ»ΡŒΡ‚ΠΎ, БША) ΡƒΡ‡Ρ‘Π½Ρ‹Π΅ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π»ΠΈ интСрфСйс Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ. Π’ΠΎΠ³Π΄Π° появился Xerox Alto β€” ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π² истории ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ с ΠΌΡ‹ΡˆΡŒΡŽ ΠΈ ΠΎΠΊΠΎΠ½Π½Ρ‹ΠΌ интСрфСйсом. Он ΡƒΠΌΠ΅Π»: Но Xerox… Π½Π΅ поняли, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π΅Π»ΠΈ Π±ΡƒΠ΄ΡƒΡ‰Π΅Π΅. Alto Ρ‚Π°ΠΊ ΠΈ остался ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ машиной. Π‘Ρ‚ΠΈΠ² ДТобс ΡƒΠ²ΠΈΠ΄Π΅Π» Alto Π½Π° экскурсии Π² PARC ΠΈ, ΠΊΠ°ΠΊ настоящий Π²ΠΈΠ·ΠΈΠΎΠ½Π΅Ρ€, понял, Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄ΡƒΡ‰Π΅Π΅ β€” Π·Π° интСрфСйсами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ понятны Β«ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ людям». Π’Π°ΠΊ появился Apple Lisa (1983), Π° Ρ‡ΡƒΡ‚ΡŒ ΠΏΠΎΠ·ΠΆΠ΅ β€” Π»Π΅Π³Π΅Π½Π΄Π°Ρ€Π½Ρ‹ΠΉ Macintosh (1984). Π­Ρ‚ΠΎ ΡƒΠΆΠ΅ Π±Ρ‹Π» настоящий массовый ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ с: Π’Π°ΠΊ GUI Π²Ρ‹ΡˆΠ΅Π» ΠΈΠ· Π»Π°Π±ΠΎΡ€Π°Ρ‚ΠΎΡ€ΠΈΠΉ Π² Π΄ΠΎΠΌΠ° ΠΈ офисы. Π’ 1985 Π³ΠΎΠ΄Ρƒ Microsoft Π²Ρ‹ΠΏ
ОглавлСниС

ВсСм ΠΏΡ€ΠΈΠ²Π΅Ρ‚!

БСгодня ΠΌΡ‹ Ρ‰Ρ‘Π»ΠΊΠ°Π΅ΠΌ ΠΌΡ‹ΡˆΠΊΠΎΠΉ, свайпаСм ΠΏΠΎ экрану, ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π΅ΠΌ ΠΎΠΊΠ½Π° ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΠΈ β€” Π±ΡƒΠ΄Ρ‚ΠΎ это всСгда Ρ‚Π°ΠΊ ΠΈ Π±Ρ‹Π»ΠΎ. Но Π΅Ρ‰Ρ‘ 50 Π»Π΅Ρ‚ Π½Π°Π·Π°Π΄ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Ρ‹ выглядСли ΠΊΠ°ΠΊ ΡˆΠΊΠ°Ρ„Ρ‹ с ΠΌΠΈΠ³Π°ΡŽΡ‰ΠΈΠΌΠΈ Π»Π°ΠΌΠΏΠΎΡ‡ΠΊΠ°ΠΌΠΈ, Π° интСрфСйсом был… тСкст. Волько тСкст.

Π˜ΡΡ‚ΠΎΡ€ΠΈΡ графичСского интСрфСйса ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ (GUI) β€” это Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΏΡ€ΠΎ пиксСли ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ. Π­Ρ‚ΠΎ ΠΏΡ€ΠΎ Ρ€Π΅Π²ΠΎΠ»ΡŽΡ†ΠΈΡŽ Π² ΠΎΠ±Ρ‰Π΅Π½ΠΈΠΈ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΠ° ΠΈ ΠΌΠ°ΡˆΠΈΠ½Ρ‹.

πŸ‘“ Xerox PARC: Π³Π΄Π΅ всё Π½Π°Ρ‡Π°Π»ΠΎΡΡŒ

Π’ 1970-Ρ… Π² ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ Ρ†Π΅Π½Ρ‚Ρ€Π΅ Xerox PARC (Пало-ΠΠ»ΡŒΡ‚ΠΎ, БША) ΡƒΡ‡Ρ‘Π½Ρ‹Π΅ Ρ€Π°Π·Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°Π»ΠΈ интСрфСйс Π±ΡƒΠ΄ΡƒΡ‰Π΅Π³ΠΎ. Π’ΠΎΠ³Π΄Π° появился Xerox Alto β€” ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ Π² истории ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ с ΠΌΡ‹ΡˆΡŒΡŽ ΠΈ ΠΎΠΊΠΎΠ½Π½Ρ‹ΠΌ интСрфСйсом.

Он ΡƒΠΌΠ΅Π»:

  • ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ ΠΎΠΊΠ½Π° Π½Π° экранС,
  • Π·Π°ΠΏΡƒΡΠΊΠ°Ρ‚ΡŒ нСсколько ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌ,
  • Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с ΠΌΡ‹ΡˆΡŒΡŽ (!),
  • ΠΏΠ΅Ρ‡Π°Ρ‚Π°Ρ‚ΡŒ тСкст с ΡˆΡ€ΠΈΡ„Ρ‚Π°ΠΌΠΈ.

Но Xerox… Π½Π΅ поняли, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π΅Π»ΠΈ Π±ΡƒΠ΄ΡƒΡ‰Π΅Π΅. Alto Ρ‚Π°ΠΊ ΠΈ остался ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΉ машиной.

🍏 Apple Π±Π΅Ρ€Ρ‘Ρ‚ ΠΈΠ΄Π΅ΠΈ ΠΈ Π΄Π΅Π»Π°Π΅Ρ‚ Ρ€Π΅Π²ΠΎΠ»ΡŽΡ†ΠΈΡŽ

Π‘Ρ‚ΠΈΠ² ДТобс ΡƒΠ²ΠΈΠ΄Π΅Π» Alto Π½Π° экскурсии Π² PARC ΠΈ, ΠΊΠ°ΠΊ настоящий Π²ΠΈΠ·ΠΈΠΎΠ½Π΅Ρ€, понял, Ρ‡Ρ‚ΠΎ Π±ΡƒΠ΄ΡƒΡ‰Π΅Π΅ β€” Π·Π° интСрфСйсами, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ понятны Β«ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΌ людям».

Π’Π°ΠΊ появился Apple Lisa (1983), Π° Ρ‡ΡƒΡ‚ΡŒ ΠΏΠΎΠ·ΠΆΠ΅ β€” Π»Π΅Π³Π΅Π½Π΄Π°Ρ€Π½Ρ‹ΠΉ Macintosh (1984). Π­Ρ‚ΠΎ ΡƒΠΆΠ΅ Π±Ρ‹Π» настоящий массовый ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ с:

  • ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°ΠΌΠΈ (ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ),
  • пСрСтаскиваниСм Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΌΡ‹ΡˆΠΊΠΎΠΉ,
  • ΠΎΠΊΠ½Π°ΠΌΠΈ, мСню ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ.

Π’Π°ΠΊ GUI Π²Ρ‹ΡˆΠ΅Π» ΠΈΠ· Π»Π°Π±ΠΎΡ€Π°Ρ‚ΠΎΡ€ΠΈΠΉ Π² Π΄ΠΎΠΌΠ° ΠΈ офисы.

πŸͺŸ Microsoft Windows: Π³Ρ€Π°Ρ„ΠΈΠΊΠ° для всСх

Π’ 1985 Π³ΠΎΠ΄Ρƒ Microsoft выпустила Windows 1.0, Π²Π΄ΠΎΡ…Π½ΠΎΠ²Π»Ρ‘Π½Π½ΡƒΡŽ Ρ‚Π΅ΠΌΠΈ ΠΆΠ΅ идСями. ΠŸΠ΅Ρ€Π²Ρ‹Π΅ вСрсии Π±Ρ‹Π»ΠΈ ΠΌΠ΅Π΄Π»Π΅Π½Π½Ρ‹ΠΌΠΈ, ΡƒΠ³Π»ΠΎΠ²Π°Ρ‚Ρ‹ΠΌΠΈ, Π½ΠΎ ΠΊ сСрСдинС 90-Ρ… Windows стала Π΄Π΅-Ρ„Π°ΠΊΡ‚ΠΎ стандартом графичСского интСрфСйса.

ΠŸΠΎΡ‡Π΅ΠΌΡƒ ΠΏΠΎΠ±Π΅Π΄ΠΈΠ»Π°?

  • Π Π°Π±ΠΎΡ‚Π°Π»Π° Π½Π° ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹Ρ… IBM-совмСстимых ПК.
  • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π»Π° мноТСство ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ.
  • Microsoft ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ³Π°Π»Π° Π΅Ρ‘ агрСссивно.

πŸ“± Π­ΠΏΠΎΡ…Π° сСнсоров: iPhone ΠΈ Π½ΠΎΠ²Ρ‹ΠΉ GUI

Когда Π² 2007 Π³ΠΎΠ΄Ρƒ появился iPhone, снова ΡΠ»ΡƒΡ‡ΠΈΠ»Π°ΡΡŒ Ρ€Π΅Π²ΠΎΠ»ΡŽΡ†ΠΈΡ. На этот Ρ€Π°Π·:

  • Π½ΠΈΠΊΠ°ΠΊΠΈΡ… ΠΌΡ‹ΡˆΠ΅ΠΊ β€” Ρ‚ΠΎΠ»ΡŒΠΊΠΎ сСнсорный экран,
  • ТСсты вмСсто ΠΊΠ½ΠΎΠΏΠΎΠΊ (свайп, ΠΏΠΈΠ½Ρ‡, Ρ‚Π°ΠΏ),
  • ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ стало Π½ΠΎΠ²ΠΎΠΉ Β«Π΅Π΄ΠΈΠ½ΠΈΡ†Π΅ΠΉ интСрфСйса».

iPhone ΠΏΠΎΠΊΠ°Π·Π°Π»: графичСский интСрфСйс ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π΄ΠΎ Ρ‚Π°ΠΊΠΎΠΉ стСпСни, Ρ‡Ρ‚ΠΎ Π΅Π³ΠΎ ΠΏΠΎΠΉΠΌΡ‘Ρ‚ Ρ€Π΅Π±Ρ‘Π½ΠΎΠΊ.

🧠 Π§Ρ‚ΠΎ дальшС?

БСгодня интСрфСйсы снова ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ. ΠœΡ‹ Π³ΠΎΠ²ΠΎΡ€ΠΈΠΌ с Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°ΠΌΠΈ (Siri, Алиса), управляСм ТСстами Π² VR, ΠΈ Π΄Π°ΠΆΠ΅ AI-интСрфСйсы ΡƒΠΆΠ΅ Π½Π° ΠΏΠΎΠ΄Ρ…ΠΎΠ΄Π΅.

Но ΡΡƒΡ‚ΡŒ Ρ‚Π° ΠΆΠ΅: ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ понятными Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊΡƒ.

πŸ“ Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

ΠžΡ‚ Π»Π°Π±ΠΎΡ€Π°Ρ‚ΠΎΡ€ΠΈΠΉ Xerox Π΄ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ смартфона Π² ΠΌΠΈΡ€Π΅ β€” история GUI ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, ΠΊΠ°ΠΊ тСхничСскиС ΠΈΠ΄Π΅ΠΈ становятся Ρ‡Π°ΡΡ‚ΡŒΡŽ обыдСнности. ГрафичСскиС интСрфСйсы ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΈ Ρ‚ΠΎ, ΠΊΠ°ΠΊ ΠΌΡ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅ΠΌ, учимся ΠΈ развлСкаСмся. А Π²ΠΏΠ΅Ρ€Π΅Π΄ΠΈ нас ΠΆΠ΄ΡƒΡ‚ Π½ΠΎΠ²Ρ‹Π΅ Ρ„ΠΎΡ€ΠΌΡ‹ взаимодСйствия с Ρ‚Π΅Ρ…Π½ΠΈΠΊΠΎΠΉ β€” Π΅Ρ‰Ρ‘ Π±ΠΎΠ»Π΅Π΅ СстСствСнныС ΠΈ Π½Π΅Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹Π΅.

#историятСхники #ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ #xerox #apple #связь #internet #Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ #gui