Peraturan Perkuliahan IMK Absensi dilakukan di 20 menit pertama tiap perkuliahan Jika telat dari 20 menit, disarankan tidak masuk kelas Tidak ada quiz

dokumen-dokumen yang mirip
3 Langkah untuk memperbaiki antarmuka (interfaces) 1. Ubah sikap / pendirian dari profesional software 2. Gunakan body of knowledge yang berkembang te

PRINSIP ANTARMUKA PENGGUNA KULIAH ONLINE : IMK IF SMT IV [2014] FB : IMK IF SMT IV [2014]

Prinsip Perancangan Tampilan Antarmuka/GUI IMK IF UNIKOM

Interaksi Manusia - Komputer

Menerapkan pembuatan antar muka (User Intreface) pada aplikasi

PRINSIP UTAMA MENDESAIN ANTARMUKA (INTERFACE)

Interaksi Manusia dengan Komputer (IMK) Prinsip Usability

ANALISIS USER INTERFACE. 1. Aplikasi Pilihan Internet Explorer a) User Compatibility

PERBEDAAN UI DAN UX DALAM DUNIA DESIGNER

Pengertian Interaksi = komunikasi 2 arah antara manusia (user) dan sistem komputer.

PERANCANGAN ANTAR MUKA

Paradigma dan Prinsip Usability. Rima Dias Ramadhani

bidang REKAYASA IMPLIKASI PERFORMANSI PROFILE PENGGUNA TERHADAP PERANCANGAN ANTARMUKA PERANGKAT LUNAK MIRA KANIA SABARIAH

Penilaian : Kehadiran dalam perkuliahan : 20% Tugas : 30% Kuis dan Presentasi : 20% Nilai UTS dan UAS : 30%

HUMAN COMPUTER-INTERFACE (HCI)

INTERAKSI MANUSIA DAN KOMPUTER

PENDAHULUAN. Oleh: Muhamad Alif, S.Kom

9/11/2012. Human Computer Interaction. (Interaksi Manusia & Komputer) Pendahuluan. Kuliah 1. Iwan Sonjaya, ST.MMT.MT

Interaksi Manusia & Komputer (Human Computer Interaction)

BAB 9 DESAIN USER INTERFACE

PENDAHULUAN. Mengapa Interaksi Manusia dan Komputer (Human Computer Interaction)?

DESAIN USER INTERFACE DAN USER EXPERIENCE APLIKASI REKOMENDASI FASHION

BAB III ANALISA SISTEM. Pada bagian ini akan dijelaskan tentang proses analisis sistem serta

Interaksi Manusia & Komputer. Semester Genap 2016/2017

INTERAKSI MANUSIA & KOMPUTER. Chalifa Chazar Modul :

AUTOMATIC LEVELING PADA SLIDING PUZZLE GAME BERBASIS FINITE STATE MACHINE SKRIPSI AMELIA ASTARI

DIALOG DESAIN. 2. Sintaksis - Yaitu urutan dan struktur dari input dan output. - Pada bahasa manusia, ekuivalen dengan grammar suatu kalimat.

User Interface Design

Design Rules INTERAKSI MANUSIA & KOMPUTER. LUTFI FANANI Semester Ganjil 2015/2016

Pengantar Interaksi Manusia dan Komputer. Dosen : Agus Aan Jiwa Permana, S.Kom, M.Cs

PARADIGMA DAN PRINSIP INTERAKSI

INTERAKSI MANUSIA DAN KOMPUTER (Human Computer Interaction) Faktor Manusia pada Software Interaktif. Pertemuan 1. Titik berat. Tujuan mempelajari IMK

1. Merefleksi Model Mental Model

KONSEP INTERAKSI MANUSIA dan KOMPUTER

Visi & Misi ST3 Telkom. Visi

RENCANA PELAKSANAAN PEMBELAJARAN

Model User Interface. Dibuat Oleh: Anindito Yoga Pratama, S.T., MMSI

Arief Andy Soebroto BAB I PENDAHULUAN KONSEP IMK

BAB III METODE PENELITIAN. penelitian. Perancangan tingkat usability. Analisis. Identifikasi Pola Interaksi

Jurnal Ilmiah Komputer dan Informatika (KOMPUTA) 45 Edisi... Volume..., Bulan 20.. ISSN :


Interaksi Manusia dan Komputer

BAB I PENDAHULUAN. bagus dan enak dilihat. Proses cat pada mobil adalah bagian dari proses kerja yang

Danang Wahyu Utomo

PENGANTAR INTERAKSI MANUSIA DAN KOMPUTER

TUGAS PENYUSUNAN EVALUASI PROGRAM DAN PROSES PEMBELAJARAN

BAB I. 1. Pengantar PENDAHULUAN

TINJAUAN HUMAN COMPUTER INTERACTION (HCI) TERHADAP APLIKASI PENJADWALAN SEKOLAH

PERKULIAHAN KE 1. Bahan Bacaan : Dix, Alan et.al, HUMAN-COMPUTER INTERACTION, Prentice Hall, Europe, 1993, hal 1-8

A. Spesifikasi Perangkat Lunak

IMPLEMENTASI UI DAN UX DESIGN PADA WEBSITE PT. TIME EXCELINDO NASKAH PUBLIKASI. diajukan oleh Kintar Panji Antoro

Tujuan. Pengenalan Konsep Interaksi Manusia dan Komputer. memahami aspek teoritis dan praktis tentang perancangan user-interface.

Teori, Prinsip, dan Pedoman. Interaksi Manusia dan Komputer Sesi 2

DESAI EVALU IMPLEM BAB I PENDAHULUAN

S2 Teknik Informatika Universitas AMIKOM Yogyakarta Tahun Akademik 2016/2017 Semester Genap. Prof. Dr. Ema Utami, S.Si, M.Kom

Kontrak Kuliah. Desain Sistem. Edi Sugiarto, S.Kom, M.Kom

INTERAKSI MANUSIA & KOMPUTER

BAB I PENDAHULUAN. 1.1 Latar Belakang

INTERAKSI MANUSIA dan KOMPUTER (HUMAN COMPUTER INTERACTION)

DESAIN BASIS DATA SKS

(Step 2) Understand The Business Function KELUAR

Soal Pra UTS IMK. 3.Media bentuk sederhana dialog antara manusia dan komputer yang kurang menarik karena berisi teks adalah adalah : c.

TEORI PRINSIP DAN PEDOMAN

BAB III METODOLOGI PENELITIAN. dalam pengumpulan data atau informasi guna memecahkan permasalahan dan

BAB II LANDASAN TEORI. oleh manusia yang terdiri dari komponen komponen dalam organisasi untuk. menyampaikan suatu tujuan, yaitu menyajikan informasi.

Teori, prinsip dan pedoman

BAB 1 PENDAHULUAN. pada saat ini sudah memasuki era web 3.0 dimana teknologi web tersebut sudah

PERTEMUAN 1 PENGENALAN SISTEM KOMPUTER & SISTEM OPERASI M. R A J A B F A C H R I Z A L - S I S T E M O P E R A S I - C H A P T E R 1 1

BAB III LANDASAN TEORI. dibahas meliputi permasalahan-permasalahan atau prosedur-prosedur yang

ANALISIS & PERANCANGAN SISTEM INFORMASI (APSI)

MI2193 PEMROGRAMAN WEB LANJUT PHP FRAMEWORK. Created by MTA Revised by HPU

BAB 1 PENDAHULUAN. 1.1 Latar Belakang. Binus University adalah sebuah institusi pendidikan yang menyediakan

4. Bahasa pemrograman dibawah ini yang masih berbentuk teks hasil outputnya adalah : a. Delphi b. Visual Basic b. Pascal d.

PENDAHULUAN. Model interaksi. Ergonomi. Gaya interaksi. Konteks. terjemahan antara pengguna dan sistem. karakteristik fisik dari interaksi

Guidelines & Principles. Desain Antarmuka Pengguna MI1392 Pekan ke-4

BAB III LANDASAN TEORI. secara prosedur dan pendekatan secara komponen, Herlambang dan Haryanto

SIM 4 Interaksi Manusia - Kompute t r 1

Pertemuan 1 PENGENA N L A A L N A I M I K

Perencanaan Pembelajaran

Konsep Dasar Interaksi Manusia dan Komputer

Merancang User Interface Berbasis Web E-commerce

BAB II LANDASAN TEORI

Interaksi Manusia dan Komputer

BAB I PENDAHULUAN. alat komunikasi universal pada ruang lingkup internasional. Pembelajaran bahasa

Pengenalan Sistem Operasi

BAB 1 PENDAHULUAN. Berbagai cabang ilmunya telah membantu manusia menyelesaikan pekerjaan dengan

BAB 1 PENDAHULUAN 1-1

Sistem Pakar Untuk Mendeteksi Kerusakan Pada Sepeda Motor 4-tak Dengan Menggunakan Metode Backward Chaining

Pendahuluan. Oleh : Dewi Sartika, M.Kom

Sistem Informasi. Kontrak Kuliah Pengenalan Sistem Informasi

Dosen. Utami Dewi Widianti

: ANALISA DAN PERANCANGAN SISTEM INFORMASI

Rekayasa Perangkat Lunak Semester Genap 2009/2010. Bahan Ajar Rekayasa Perangkat Lunak USER INTERFACE DESIGN (UID)

BAB II LANDASAN TEORI. Menurut McLeod dalam buku Al-Bahra (2005:3) Sistem adalah. Menurut Lucas dalam buku Al-Bahra (2005:3) Sistem sebagai suatu

SISTEM PENDUKUNG KEPUTUSAN

Sub Topik. Pengertian IMK. Pengertian IMK/HCI 10/09/2012. What is Human-Computer Interaction? KONSEP DASAR INTERAKSI MANUSIA DAN KOMPUTER

REKAYASA PERANGKAT LUNAK

BAB III ANALISA SISTEM

BAB II TINJAUAN PUSTAKA. komponen yang saling berinteraksi untuk mencapai tujuan. Sistem dilihat

A. Model Desain Perangkat Lunak

Transkripsi:

Perancangan Antarmuka Pengantar

Peraturan Perkuliahan IMK Absensi dilakukan di 20 menit pertama tiap perkuliahan Jika telat dari 20 menit, disarankan tidak masuk kelas Tidak ada quiz & tugas susulan Tidak menggunakan sandal selama perkuliahan Untuk tugas kelompok, k harus berkelompok dengan teman dalam 1 kelas

Peraturan Perkuliahan IMK Sistem penilaian : (Quiz + Tgs) + UTS + UAS (40% )+ 30% + 30% Tugas Besar sifatnya Wajib dan menjadi syarat kelulusan matakuliah ini.

3 Langkah untuk memperbaiki antarmuka (interfaces) 1. Ubah sikap / pendirian dari profesional software 2. Gunakan body of knowledge yang berkembang tentang perancangan antarmuka / UI 3. Integrasikan metode perancangan UI dengan teknik- teknik standard / umum pada metodologi pengembangan SW

Kenapa UI penting? 1984 Apple Computer Inc membuat Macintosh Sejumlah trend di industri komputer : 1. Harga teknologi semakin murah, tapi kekuatan teknologi semakin handal

Why UI is Important? 2. Teknologi mulai meluas penggunaannya, tidak hanya sebagai pengolah data di kantor tapi ke rumah tangga, ruang kelas, profesional desktop 3. Tidak pernah berakhir keinginan untuk meningkatkan produktivitas para pemakai komputer dan organisasinya

Interaksi Manusia Komputer : Definisi i i Manusia : fleksibel & mampu beradaptasi, dapat belajar bagaimana bekerja di lingkungan yang baru Komputer : tidak fleksibel / tidak mampu beradaptasi, input harus dalam format yang jelas & output harus didefinisikan sebelumnya, tidak dapat belajar, dapat di desain ulang

Interaksi Manusia Komputer : Definisi i i Irisan antara 2 lingkaran merepresentasikan antarmuka antara manusia dan komputer : 2 subsistem dapat saling berkomunikasi Human Computer

Prinsip-prinsip prinsip umum Perancangan UI 1. User Compatibility 2. Product Compatibility 3. Task Compatibility 4. Work Flow Compatibility 5. Consistency 6. Familiarity 7. Simplicity

Prinsip-prinsip prinsip umum Perancangan UI 8. Direct Manipulation 9. Control 10. WYSIWYG 11. Flexibility 12. Responsiveness 13. Invisible Technology 14. Robustness

Prinsip-prinsip prinsip umum Perancangan UI 15. Protection 16. Ease of Learning & ease of use Trade-off!!!

User Compatibility Semua user adalah tidak sama dan semua user tidak seperti developer Designer harus paham tentang pengetahuan psikologi dasar

Product Compatibility Kompatibilitas antar produk harus diperhatikan dan dipertahankan (mengorbankan perubahan UI dimana sistem mungkin lebih kompatibel)

Task Compatibility Struktur dan aliran sistem harus sesuai dan mendukung tugas user

Work Flow Compatibility Sistem harus diorganisasikan dengan baik sehingga dapat mem-fasilitasi transisi antar tugas user

Consistency Konsistensi i membuat user berfikir dengan meng-analogi-kan dan memprediksi bagaimana melakukan sesuatu yang belum pernah dilakukan sebelumnya

Familiarity Konsep, terminologi, pengaturannya di antarmuka harus yang dipahami user dengan baik

Simplicity Kesalahan umum yang terjadi pada perancangan interface adalah berusaha untuk menyediakan SEMUA fungsionalitas Gunakan konsep defaults

Direct Manipulation Users secara langsung dapat melihat aksinya pada objek yang terlihat

Control Dapat membuat frustasi dan demoralisasi bagi user, jika mereka merasa dikontrol oleh mesin

WYSIWYG Adanya korespondensi satu ke satu antara informasi di layar dengan informasi di printed- output atau file

Flexibility Mengijinkan makin banyak kontrol user dan mengakomodir skill user yang bervariasi

Responsiveness Komputer harus selalu merespon dengan segera setiap input dari user

Invisible Technology User sebaiknya mengetahui sesedikit mungkin detil teknis bagaimana sistem diimplementasikan

Robustness Sistem sebaiknya mentolerir kesalahan manusia yang umum dan tidak dapat dihindar. Crash system harus diminimalisir, menyediakan recovery yang mudah dipahami jika terjadi crash

Protection User seharusnya memproteksi dari hasil- hasil yang menyebabkan bencana karena kesalahan umum manusia

Ease of Learning Sistem mudah dipelajari bagi pemula

Ease of Use Sistem mudah digunakan bagi para expert