K1 - Ikhtisar IMK.pptx

K1 Ikh'sar IMK -‐ Genap 2015 11/02/15

Dept. Ilmu Komputer IPB 1

I N T E R A K S I M A N U S I A - K O M P U T E R D E P A R T E M E N I L M U K O M P U T E R - I P B - G E N A P 1 4 / 1 5

http://research.microsoft.com/en-us/um/cambridge/projects/hci2020/downloads/reactable.jpg

[email protected] [email protected]

FB : faripb twitter : faripb YM: f.ardiansyah

0856 888 3140 (sms)

Office hour: Senin-Jum’at : Dramaga (9-17) Ssbtu : Baranangsiang (9-18)

F I R M A N A R D I A N S Y A H S . K O M , M . S I , M O E



[email protected] asfarian.staff.ipb.ac.id

A U Z I A S F A R I A N S K O M P M K O M M O M M T A Office hour:

Senin-Jum’at : Dramaga (9-17) Sabtu : Baranangsiang (9-18)

Facebook: auzi.asfarian HOBI: FOTOGRAFI



Deskripsi

Mata kuliah ini membahas teori-teori dasar yang melandasi interaksi manusia-komputer, prinsip-prinsip dan penerapan interaksi manusia-komputer untuk perancangan antarmuka pengguna, kepentingan dan peran usabilitas dan evaluasi pada perancangan sistem, isu-isu yang berkaitan dengan keragaman pengguna, tipe sistem yang berbeda, gaya interaksi, alat dan lingkungan

Learning Outcome

Setelah mengambil mata kuliah ini, mahasiswa mampu menjelaskan teori-teori dasar dan menerapkan prinsip-prinsip interaksi manusia-komputer untuk merancang antarmuka pengguna, menjelaskan dan menerapkan peran usability dan evaluasi pada perancangan sistem, dan menjelaskan isu-isu yang terkait dengan perancangan antarmuka pengguna



KONTRAK PERKULIAHAN

S T R A T E G I P E R K U L I A H A N

•  Kuliah •  ceramah •  diskusi •  presentasi

•  Praktikum •  diskusi •  praktikum •  presentasi



25%

25%10%

20%

15%5%

UTSUASTugas LombaTugas KelompokTugas IndividuQuiz

P E N I L A I A N

P E N E N T U A N H U R U F M U T U



S E T I A P M A H A S I S W A W A J I B

•  melakukan enrollment pada LMS → imk1p8!

•  memiliki blog (alamat dikirimkan ke LMS)

•  mengikuti FB grup dan

•  menggunakan Google Docs untuk laporan



K E D I S I P L I N A N

≯ 1 5 M E N I T



- 2n



hanya jika dibutuhkan



Menjaga Kebersihan dan Kerapihan Kelas

http://www.flickr.com/photos/dcjohn/74907741/



A P A Y A N G K I T A P E L A J A R I ?

1.  Ikhtisar Interaksi Manusia-Komputer

2.  Karakteristik pengguna – Faktor Manusia

3.  Metodologi pengembangan berbasis pengguna. Analisis proses bisnis dan tugas.

4.  Faktor Komputer – Platform dan Perangkat Interaksi

5.  Perancangan interaksi – Kontrol Layar dan tata letak layar

6.  Perancangan interaksi – menu dan navigasi, arsitektur informasi

7.  Perancangan interaksi – grafis, warna, typografi

A P A Y A N G K I T A P E L A J A R I ?

8.  Perancangan interaksi – Pesan, Timbal balik, Petunjuk, Bantuan, Aksesbilitas

9.  Visualisasi Informasi, peubah visual.

10. Metode Evaluasi

11. Metode Pengujian Pengguna

12. Analisis hasil evaluasi dan pengujian

13. Pengalaman pengguna / User Experience

14. Tren ke depan



I N G A T I N I ?

I N T E R A K S I ? ?



“Far too many items in the world are designed, constructed,

and foisted upon us with no unde rstanding — or even care — for how we will use them”

— Donald Norman



S A M U D R A B E A C H H O T E L F R A S E R S U I T E S - S G

M E N G A P A D I B U T U H K A N ?



Map of Human Computer Interaction

Input and Output Devices

Dialogue Techniques

Dialogue Genre

Application Areas

Ergonomics

Evaluation Techniques

Design Approaches

Implementation Techniques and Tools

Example Systems and Case Studies

Human

Language, Communication and Interaction

Human Information Processing

Use and Context

Human-Machine Fit and Adaptation Social Organization and Work

Computer Computer Graphics

Dialogue Architecture

Development Process

A a



S U D A H K A H A N D A M A K A N S I A N G H A R I I N I ?



http://www.flickr.com/photos/gamene/4099831108

Bisa dimakan?

Mudah dimakan?

Menggiurkan?

Nikmat?

Bergizi?

Terlihat Indah?

Sehat?

Enak?

http://www.flickr.com/photos/gamene/4099831108

Siapa yang membuat?

Untuk siapa bekal ini dibuat?

Berapa lama waktu membuatnya?

Perlu latihan?

Bahan yang digunakan?

Biaya yang dikeluarkan?



BermanfaatMudah digunakan

Nyaman digunakan

Menarik

Berharga

Terlihat Indah

Meyakinkan

Apa yang harus anda lakukan untuk

membuat aplikasi yang…

L I S T E N T O T H E U S E R



Kasus

Misalkan Anda ingin membuat sebuah aplikasi pembelajaran bahasa Inggris untuk murid TK. Seperti apa aplikasi yang Anda buat?

http://www.flickr.com/photos/herupermana/4281253093

Seperti ini?



Kasus

Gak ngerti…

Gak bisa bacanya ☹


Jauh lebih baik J



Kasus


Saya suka!

P R O T O T Y P I N G



D Y N A M I C S H A P E D I S P L A Y



A K T I V I T A S

• cermati handphone anda pada fungsi berikut:

mengeset forwarding call

• coba tuliskan proses interaksi yang terjadi secara detail

T U G A S . . .



T U G A S

•  Cari sebuah antarmuka/bentuk IMK yang anda anggap ‘menarik/menyebalkan’

•  buat screencapture/foto/video, dan berikan ulasan singkat

•  upload di blog anda

•  tiap 1 orang wajib mengomentari 3 blog teman

•  kirimkan alamat lengkap ke LMS

•  tulis juga blog teman yg anda komentari

P E S A N S P O N S O R

•  Tambahkan badge IPB

•  http://ipb.ac.id/badge

K1 - Ikhtisar IMK.pptx

Documents

Transcript of K1 - Ikhtisar IMK.pptx