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.

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.

ENIAC 1Gambar

di

samping

merupakan

komputer

generasi

pertama

yang di

beri

nama

ENIAC 1

ENIAC 1Gambar

di

samping

memperlihatkan

dua

orang

Teknisi

sedang

memprogram

ENIAC 1

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.

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.

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.

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.

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.

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.

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 

Perkembangan

IMK

•Pengenalan GUI (Graphical User Interface)

•Perkembangan

WWW (World Wide Web)

•Sejarah Desain Layar

Pengenalan

GUI•

1970: penelitian di Xerox’s Palo Alto Research Center 

memperkenalkan mouse,

pointing

dan selecting, dan GUI 

sebagai metode utama komunikasi manusia‐komputer. 

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

Pengenalan

GUI•

1985: Windows 1.0 (Microsoft) dan Amiga 100 (Commodore).

•

1987: Macintosh II (Apple) Macintosh berwarna; sedangkan X Window semakin dikenal.

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).

Pengenalan

GUI•

Selama 1990‐2000an: berbagai produk dan upgrade Microsoft 

dan Apple.

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.

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.

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.

Sejarah

Desain

Layar

•

Tampilan

Tahun

1990

Sejarah

Desain

Layar•

Tampilan

Tahun

2000