Dokumen ini menjelaskan perkembangan teknologi komputer dari tahun 1950 hingga saat ini, termasuk kemajuan dalam desain antarmuka pengguna (HCI) dan peran GUI dalam interaksi manusia-komputer. Seiring dengan penurunan harga dan peningkatan kemampuan komputer, perancangan sistem yang baik menjadi krusial untuk memenuhi kebutuhan pengguna. Selain itu, kemunculan WWW dan berbagai browser menandai evolusi penting dalam aksesibilitas internet.

2. Pendahuluan
• Saat ini perkembangan teknologi(komputer)
sangat pesat
• Hampir setiap saat kita berhubungan dengan
teknologi komputer
• Pada awal perkembangan komputer tahun 1950,
masih sangat sulit dioperasikan, tidakpraktis, dan
waktu eksekusinya sulitdiprediksi.

3. Faktor Penyebabnya
• Ukurannya sangat besar dan harganya sangat mahal,
sehingga jika dibandingkan tenaga buruh saat itu masih jauh
lebih murah.
• Hanya dapat dioperasikan oleh tenaga teknisi spesialis yang
sudah terbiasa melakukan pemrograman secara on‐line
dengan menggunakan kartuplong(punch card).
• Hanya sedikit yang diketahui tentang bagaimana
membuatnya mudah untuk digunakan.

4. ENIAC 1
Gambar di samping merupakan
komputer generasi pertama yang di
beri nama ENIAC 1

5. ENIAC 1
Gambar di samping memperlihatkan
dua orang Teknisi sedang
memprogram ENIAC 1

6. Kondisi Saat ini
• Saat ini komputer sudah jauh lebih murah,
• Digunakan untuk hampir setiap sisi kehidupan,
• Kita mempunyai pengetahuan yang cukup
bagaimana agar komputer dapat menyesuaikan
dengan kebutuhan kerja manusia.

7. Perubahan Teknologi
• Penurunan harga komputer yang sangat dramatis dihasilkan
oleh adanya perkembangan teknologi terutama teknologi
microelectronic dalam bentuk keping silicon (IC).
• Kemampuan teknologi untuk memperkecil ukuran rangkaian
serta mengkemas sejumlah rangkaian dalam satu keping tipis
IC merupakan langkah menuju perkembangan komputer
yang powerful dengan kapasitas penyimpanyang besar,
namun dengan harga yang semakinmurah.

8. Kebutuhan Perancangan yang Berbeda
• Agar komputer dapat diterima secara luas dan digunakan
secara efektif, maka perlu dirancang secara baik.
• Hal ini tidak berarti bahwa semua sistem harus dirancang
agar dapat mengakomodasi semua orang, namun komputer
perlu dirancang agar memenuhi dan mempunyai
kemampuan sesuai dengan kebutuhan pengguna secara
spesifik.

9. Istilah IMK/HCI
• Pada tahun 1970 mulai dikenal istilah antar muka
pengguna(user interface), yang juga dikenal dengan
istilah Man‐Machine Interface(MMI), dan mulai
menjadi topik perhatian bagi peneliti dan perancang
sistem.
• Perusahaan komputer mulai memikirkan aspek fisik
dari antar muka pengguna sebagai faktor penentu
keberhasilan dalam pemasaran produknya.

10. Istilah IMK/HCI
• Istilah human‐computer interaction (HCI) mulai
muncul pertengahan tahun1980‐an sebagai bidang
studi yang baru.
• Istilah HCI mengisyaratkan bahwa bidang studi ini
mempunyai fokus yang lebih luas, tidak hanya
sekedar perancangan antar muka secara fisik.

11. Istilah IMK/HCI
• HCI didefinisikan sebagai disiplin ilmu yang
berhubungan dengan perancangan, evaluasi, dan
implementasi sistem komputer interaktif untuk
digunakan oleh manusia dan studi tentang
fenomena disekitarnya.
• HCI pada prinsipnya membuat agar sistem dapat
berdialog dengan penggunanya seramah mungkin.

12. Apa Itu Antar Muka Pengguna (User Interface)
• Antar muka/user interface (UI) merupakan bagian dari
komputer dan perangkat lunaknya yang dapat dilihat,
didengar, disentuh, dan diajak bicara, baik secara langsung
maupun dengan proses pemahaman tertentu.
• UI yang baik adalah UI yang tidak disadari, dan UI yang
memungkinkan pengguna fokus pada informasi dan task
tanpa perlu mengetahui mekanisme untuk menampilkan
informasi dan melakukan task tersebut.
• Komponen utamanya:
• Input
• Output

13. Perkembangan IMK
•Pengenalan GUI (Graphical User Interface)
•Perkembangan WWW (World Wide Web)
•Sejarah Desain Layar

14. Pengenalan GUI
• 1970: penelitian di Xerox’s Palo Alto Research Center
memperkenalkan mouse, pointing dan selecting, dan GUI
sebagai metode utama komunikasi manusia‐komputer.

15. Pengenalan GUI
• 1974: Xerox mempatenkan mouse seperti yang dikenal sekarang.
• 1981: Star (Xerox) double click, overlapping windows, 1024x768 monochrome.
• 1983: Macintosh (Apple) dengan revolusi konsep antar muka
• Menggunakan dekstop metaphor :
• File seperti kertas
• Directories seperti folder
• Drag and drop

16. Pengenalan GUI
• 1985: Windows 1.0 (Microsoft) dan Amiga 100 (Commodore).
• 1987: Macintosh II (Apple) Macintosh berwarna; sedangkan
X Window semakin dikenal.

17. Pengenalan GUI
• 1988: NeXTStep (NeXT), mensimulasikan layar 3‐dimensi.
• 1989: beberapa GUI berbasis UNIX dirilis: Open Look (AT&T
dan Sun), Motif for the Open Software Foundation (DEC dan
HP).

18. Pengenalan GUI
• Selama 1990‐2000an: berbagai produk dan upgrade Microsoft
dan Apple.

19. Kemunculan WWW
• 1960‐an J.C.R. Licklider (MIT) mengusulkan jaringan komputer
global dan pindah ke DARPA (Defense Advanced Projects
Research Agency). Tahun 1969, ARPANET (Advanced Research
Projects Agency Network) mulai online menghubungkan 4
universitas.
• 1974 Bolt, Beranek, dan Newman merilis Telenet, versi
komersil pertama dari ARPANET.
• Akhir 1970‐an hingga 1980‐an, dicetuskan TCP/IP sebagai
bahasa umum bagi komputer Internet.
• 1982 dicetuskan istilah Internet.

20. Kemunculan WWW
• 1991: Gopher, antarmuka friendly pertama, dibangun di University of Minnesota.
• 1992 Delphi pertama kali menyediakan akses Internet online secara komersil.
• 1993 Mosaic diperkenalkan sebagai hypertext browser berbasis grafik pertama,
yang dibuat oleh NCSA (National Center for Supercomputing Applications) di
University of Illinois.

21. Kemunculan WWW
• 1994 Netspace Navigator browser dirilis. W3C (WWW Consortium) dibentuk untuk
melakukan standarisasi Web.
• 1995 Internet Explorer dan Opera dirilis. Pada tahun ini pula AOL, CompuServe,
Prodigy, Yahoo dan Lycos dicetuskan.
• 2003 Apple merilis Safari versi 1.0.
• 2004 Mozilla Firefox diperkenalkan.

22. Sejarah Desain Layar
• Tampilan Tahun 1990

23. Sejarah Desain Layar
• Tampilan Tahun 2000