SlideShare a Scribd company logo
PROGRAM STUDI PENDIDIKAN TEKNIK INFORMASI DAN KOMPUTER (PTIK)
  JURUSAN TEKNIK ELEKTRO
  FAKULTAS TEKNIK – UNIVERSITAS NEGERI MAKASSAR




                Mata Kuliah

INTERAKSI MANUSIA DAN
      KOMPUTER
Tujuan:

Diharapkan mahasiswa dapat merancang
sistem interaksi dengan memperhatikan
kaidah interaksi dan komunikasi
Ruang lingkup
• Membahas prinsip dasar perancangan sistem
interaksi
• Teori pendukung dari ilmu psikologi kognitif
(pengertian)
• Tinjauan berbagai peralatan, teknik dan perangkat
bantu sistem interaksi
Materi

•
Human/manusia
• Computer / Komputer

• The Interaction Human-Computer

• Interactive Design dan Interactive style
Interaksi manusia dan
Komputer
   Interaksi Manusia dan komputer, yang secara
    umum adalah mempelajari suatu interaksi
    yang terjadi antara manusia dan komputer
   Antara manusia dengan manusia terjadi suatu
    interaksi; yang beragam cara berinteraksinya
    dapat secara berdialog, menggunakan suatu
    bahasa yang di kenal antar manusia atau
    melalui simbol-simbol yang diciptakan oleh
    manusia itu sendiri.
MODEL USER DALAM
           DESAIN
model sering digunakan dalam proses desain.
Model dapat bersifat:
• Evaluative (mengevaluasi desain yang ada)
• Generative (mempunyai kontribusi pada proses
desain) Pada prakteknya, model yang sering
digunakan adalah yang bersifat generative.
MODEL KOGNITIF
Presentasi model kognitif dibagi dalam kategori:
 Representasi hirarki tugas (task) user dan

  struktur goal, formulasi goal dan tugas
 Model linguistik dan gramatik Grammar dari

  translasi     artikulasi    dan      bagaimana
  pemahamannya oleh user
 Model tingkat device dan fisik (artikulasi pada

  tingkat motorik manusia) artikulasi tingkat
  motorik       manusia dan bukan tingkat
  pemahaman manusia
MODEL LINGUISTIK

 Interaksi user dengan komputer dapat dipandang
 dari segi language, beberapa formalisasi model
 menggunakan konsep ini. Grammar BNF paling
 sering digunakan untuk melakukan dialog.

 Backus-Naur Form (BNF)
 Memandang         dialog    pada       level
 sintaksis, mengabaikan semantik dari bahasa
 tersebut.

Contoh: Fungsi menggambar garis pada sistem
 grafik
Contoh BNF
    : Fungsi menggambar garis pada sistem grafik

   draw-line ::= select-line + choose-points + last-point
   select-line ::= position-mouse + CLICK-MOUSE
   choose-points ::= choose-one | choose-one + choose-points
   choose-one ::= position-mouse + CLICK-MOUSE
   last-point ::= position-mouse + DOUBLE-CLICK-MOUSE
   position-mouse ::= empty | MOVE-MOUSE + position-mouse

   Non-terminals (huruf kecil) adalah abstraksi level tinggi dimana
    dapat
    terdiri dari non-terminal lainnya dan terminal dalam format:
    name ::= expression
   Terminals (huruf besar), merepresentasikan level terendah dari user
    behaviour
   Operator ‘+’ adalah sequence, ‘|’ adalah choice
MODEL FISIK DAN DEVICE
Keystroke Level Model (KLM)
• Tugas dapat didekomposisi menjadi dua fase:
• Akuisisi tugas, ketika user membangun
  representasi mental dari tugas
• Execution tugas menggunakan fasilitas sistem
Contoh modelfisik dan device

  Contoh : Mengedit karakter tunggal yang salah
  1. memindahkan tangan ke mouse H[mouse]
  2. Meletakkan cursor setelah karakter yang salah
  PB[LEFT]
  3. Kembali ke keyboard H[keyboard]
  4. Hapus kerakter MK[DELETE]
  5. Ketik koreksi K[char]
  6.          Mereposisi    ke     insertion    point
  H[mouse]MPB[LEFT]
MOUSE
    Ada hal-hal yang harus diperhitungkan dalam
    merancang suatu interaksi bagi seseorang,
    dimana kita peMouse/Mice
•   Sangat umum sekarang ini
•   Mudah dalam penggunaannya
•   Mempermudah user dalam mengatur posisi
    pointer dilayar monitor, sehingga gerakan dapat
    lebih cepat dan dapat diketahui rekasinya secara
    langsung –
•   Cocok untuk interaksi yang menerapkan
    manipulasi langsung pada layer monitor perlu
    mengetahui kapasitas dan keterbatasan dari
    seseorang tersebut.
TERIMA KASIH
   

More Related Content

Viewers also liked

2010 DFC Taiwan-Chi 017 早安抱抱
2010 DFC Taiwan-Chi 017 早安抱抱2010 DFC Taiwan-Chi 017 早安抱抱
2010 DFC Taiwan-Chi 017 早安抱抱dfctaiwan2010
 
Pc components ingles(pedro alba torres )
Pc components ingles(pedro alba torres )Pc components ingles(pedro alba torres )
Pc components ingles(pedro alba torres )
pilarmgarre
 
2010 DFC Taiwan-Chi 011 狗狗黃金不落地
2010 DFC Taiwan-Chi 011 狗狗黃金不落地2010 DFC Taiwan-Chi 011 狗狗黃金不落地
2010 DFC Taiwan-Chi 011 狗狗黃金不落地dfctaiwan2010
 
0804
08040804
Web analytics
Web analyticsWeb analytics
Web analytics
Digital Business
 
13. analisis antrean
13. analisis antrean13. analisis antrean
13. analisis antrean
Nadia Rahmatul Ummah
 
電腦組裝教學
電腦組裝教學電腦組裝教學
電腦組裝教學尹弘 吳
 
John Alexander Taylor Art 2009 to 2011
John Alexander Taylor Art 2009 to 2011John Alexander Taylor Art 2009 to 2011
John Alexander Taylor Art 2009 to 2011
JohnAlexandertaylor
 
Pertemuan 6
Pertemuan 6Pertemuan 6
Pertemuan 6
mutmainnamaruru
 
how to prevent early ejaculation
how to prevent early ejaculation how to prevent early ejaculation
how to prevent early ejaculation
adlin50
 
Гласный звук о, буквы Оо
Гласный звук о, буквы ОоГласный звук о, буквы Оо
Гласный звук о, буквы Оо
МКОУ СОШ № 1 г. Сим
 
Digital Business: Audio Conferencing
Digital Business: Audio ConferencingDigital Business: Audio Conferencing
Digital Business: Audio Conferencing
Digital Business
 
Escritores influyentes
Escritores influyentesEscritores influyentes
Escritores influyentes
robervargas1991
 
ED 3120.02 Unit Plan References
ED 3120.02 Unit Plan ReferencesED 3120.02 Unit Plan References
ED 3120.02 Unit Plan References
clarachu_01
 
Ujian akhir semester
Ujian akhir semesterUjian akhir semester
Ujian akhir semester
mutmainnamaruru
 
Pertemuan 2
Pertemuan 2Pertemuan 2
Pertemuan 2
mutmainnamaruru
 
Antonio espinosa
Antonio espinosaAntonio espinosa
Antonio espinosa
pilarmgarre
 

Viewers also liked (20)

2010 DFC Taiwan-Chi 017 早安抱抱
2010 DFC Taiwan-Chi 017 早安抱抱2010 DFC Taiwan-Chi 017 早安抱抱
2010 DFC Taiwan-Chi 017 早安抱抱
 
Pc components ingles(pedro alba torres )
Pc components ingles(pedro alba torres )Pc components ingles(pedro alba torres )
Pc components ingles(pedro alba torres )
 
2010 DFC Taiwan-Chi 011 狗狗黃金不落地
2010 DFC Taiwan-Chi 011 狗狗黃金不落地2010 DFC Taiwan-Chi 011 狗狗黃金不落地
2010 DFC Taiwan-Chi 011 狗狗黃金不落地
 
0804
08040804
0804
 
Web analytics
Web analyticsWeb analytics
Web analytics
 
13. analisis antrean
13. analisis antrean13. analisis antrean
13. analisis antrean
 
電腦組裝教學
電腦組裝教學電腦組裝教學
電腦組裝教學
 
Pertemuan 12
Pertemuan 12Pertemuan 12
Pertemuan 12
 
John Alexander Taylor Art 2009 to 2011
John Alexander Taylor Art 2009 to 2011John Alexander Taylor Art 2009 to 2011
John Alexander Taylor Art 2009 to 2011
 
Pertemuan 6
Pertemuan 6Pertemuan 6
Pertemuan 6
 
how to prevent early ejaculation
how to prevent early ejaculation how to prevent early ejaculation
how to prevent early ejaculation
 
Гласный звук о, буквы Оо
Гласный звук о, буквы ОоГласный звук о, буквы Оо
Гласный звук о, буквы Оо
 
Digital Business: Audio Conferencing
Digital Business: Audio ConferencingDigital Business: Audio Conferencing
Digital Business: Audio Conferencing
 
Escritores influyentes
Escritores influyentesEscritores influyentes
Escritores influyentes
 
Pertemuan 15
Pertemuan 15Pertemuan 15
Pertemuan 15
 
Orfeo
OrfeoOrfeo
Orfeo
 
ED 3120.02 Unit Plan References
ED 3120.02 Unit Plan ReferencesED 3120.02 Unit Plan References
ED 3120.02 Unit Plan References
 
Ujian akhir semester
Ujian akhir semesterUjian akhir semester
Ujian akhir semester
 
Pertemuan 2
Pertemuan 2Pertemuan 2
Pertemuan 2
 
Antonio espinosa
Antonio espinosaAntonio espinosa
Antonio espinosa
 

Similar to Pertemuan 9

Interaksi manusia dan komputer
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputerNizar Zakaria
 
Model pengguna
Model penggunaModel pengguna
Model penggunaarfianti
 
1 Pendahuluan.ppt
1 Pendahuluan.ppt1 Pendahuluan.ppt
1 Pendahuluan.ppt
DarkoSky
 
Interaksi
InteraksiInteraksi
Interaksi
Shary Armonitha
 
Pertemuan 6
Pertemuan 6Pertemuan 6
Pertemuan 6
mutmainnamaruru
 
1. pendahuluan
1. pendahuluan1. pendahuluan
1. pendahuluan
Nafiz Curtuby
 
Interaksi Manusia dan Komputer
Interaksi Manusia dan KomputerInteraksi Manusia dan Komputer
Interaksi Manusia dan Komputer
Fandi Rahmat
 
Rpl 8-ui desain
Rpl 8-ui desainRpl 8-ui desain
Rpl 8-ui desain
f' yagami
 
Pertemuan 1 Interaksi Manusia Komputer.pptx
Pertemuan 1 Interaksi Manusia Komputer.pptxPertemuan 1 Interaksi Manusia Komputer.pptx
Pertemuan 1 Interaksi Manusia Komputer.pptx
FauzanGustafi
 
Pertemuan 1
Pertemuan 1Pertemuan 1
Pertemuan 1
mutmainnamaruru
 
Paradigma,proses desain dan rekayasa daya guna
Paradigma,proses desain dan rekayasa daya gunaParadigma,proses desain dan rekayasa daya guna
Paradigma,proses desain dan rekayasa daya guna
Shary Armonitha
 
Interaksi manusia dan komputer jaringan 88.pptx
Interaksi manusia dan komputer jaringan 88.pptxInteraksi manusia dan komputer jaringan 88.pptx
Interaksi manusia dan komputer jaringan 88.pptx
iisistriyah23
 
Pertemuan 7
Pertemuan 7Pertemuan 7
Pertemuan 7
mutmainnamaruru
 
Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar
Interaksi Manusia dan Komputer - Bab 1 Konsep DasarInteraksi Manusia dan Komputer - Bab 1 Konsep Dasar
Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar
Epafraditus Memoriano
 
01 Pengenalan Interaksi Manusia dan Komputer.pdf
01 Pengenalan Interaksi Manusia dan Komputer.pdf01 Pengenalan Interaksi Manusia dan Komputer.pdf
01 Pengenalan Interaksi Manusia dan Komputer.pdf
CempakaAnanggadipa
 
Pendahuluan IMK.pptx
Pendahuluan IMK.pptxPendahuluan IMK.pptx
Pendahuluan IMK.pptx
SantosSantos94
 
Memahami perancangan alur multimedia interaktif berbasis halaman web dan medi...
Memahami perancangan alur multimedia interaktif berbasis halaman web dan medi...Memahami perancangan alur multimedia interaktif berbasis halaman web dan medi...
Memahami perancangan alur multimedia interaktif berbasis halaman web dan medi...
MULTIMEDIA 'n BROADCASTING SMKN 1 PUNGGING MOJOKERTO
 

Similar to Pertemuan 9 (20)

Pertemuan 16
Pertemuan 16Pertemuan 16
Pertemuan 16
 
Pertemuan 16
Pertemuan 16Pertemuan 16
Pertemuan 16
 
Interaksi manusia dan komputer
Interaksi manusia dan komputerInteraksi manusia dan komputer
Interaksi manusia dan komputer
 
Model pengguna
Model penggunaModel pengguna
Model pengguna
 
1 Pendahuluan.ppt
1 Pendahuluan.ppt1 Pendahuluan.ppt
1 Pendahuluan.ppt
 
Interaksi
InteraksiInteraksi
Interaksi
 
Pertemuan 6
Pertemuan 6Pertemuan 6
Pertemuan 6
 
1. pendahuluan
1. pendahuluan1. pendahuluan
1. pendahuluan
 
Interaksi Manusia dan Komputer
Interaksi Manusia dan KomputerInteraksi Manusia dan Komputer
Interaksi Manusia dan Komputer
 
Rpl 8-ui desain
Rpl 8-ui desainRpl 8-ui desain
Rpl 8-ui desain
 
Pertemuan 1 Interaksi Manusia Komputer.pptx
Pertemuan 1 Interaksi Manusia Komputer.pptxPertemuan 1 Interaksi Manusia Komputer.pptx
Pertemuan 1 Interaksi Manusia Komputer.pptx
 
Pertemuan 1
Pertemuan 1Pertemuan 1
Pertemuan 1
 
Imk
ImkImk
Imk
 
Paradigma,proses desain dan rekayasa daya guna
Paradigma,proses desain dan rekayasa daya gunaParadigma,proses desain dan rekayasa daya guna
Paradigma,proses desain dan rekayasa daya guna
 
Interaksi manusia dan komputer jaringan 88.pptx
Interaksi manusia dan komputer jaringan 88.pptxInteraksi manusia dan komputer jaringan 88.pptx
Interaksi manusia dan komputer jaringan 88.pptx
 
Pertemuan 7
Pertemuan 7Pertemuan 7
Pertemuan 7
 
Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar
Interaksi Manusia dan Komputer - Bab 1 Konsep DasarInteraksi Manusia dan Komputer - Bab 1 Konsep Dasar
Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar
 
01 Pengenalan Interaksi Manusia dan Komputer.pdf
01 Pengenalan Interaksi Manusia dan Komputer.pdf01 Pengenalan Interaksi Manusia dan Komputer.pdf
01 Pengenalan Interaksi Manusia dan Komputer.pdf
 
Pendahuluan IMK.pptx
Pendahuluan IMK.pptxPendahuluan IMK.pptx
Pendahuluan IMK.pptx
 
Memahami perancangan alur multimedia interaktif berbasis halaman web dan medi...
Memahami perancangan alur multimedia interaktif berbasis halaman web dan medi...Memahami perancangan alur multimedia interaktif berbasis halaman web dan medi...
Memahami perancangan alur multimedia interaktif berbasis halaman web dan medi...
 

More from mutmainnamaruru

Ujian tengah semester
Ujian tengah semesterUjian tengah semester
Ujian tengah semester
mutmainnamaruru
 
Ujian akhir semester
Ujian akhir semesterUjian akhir semester
Ujian akhir semester
mutmainnamaruru
 
Pertemuan 10
Pertemuan 10Pertemuan 10
Pertemuan 10
mutmainnamaruru
 
Pertemuan 10
Pertemuan 10Pertemuan 10
Pertemuan 10
mutmainnamaruru
 
Pertemuan 8
Pertemuan 8Pertemuan 8
Pertemuan 8
mutmainnamaruru
 
Pertemuan 11
Pertemuan 11Pertemuan 11
Pertemuan 11
mutmainnamaruru
 
Pertemuan 12
Pertemuan 12Pertemuan 12
Pertemuan 12
mutmainnamaruru
 
Pertemuan 10
Pertemuan 10Pertemuan 10
Pertemuan 10
mutmainnamaruru
 
Pertemuan 9
Pertemuan 9Pertemuan 9
Pertemuan 9
mutmainnamaruru
 
Ujian tengah semester
Ujian tengah semesterUjian tengah semester
Ujian tengah semester
mutmainnamaruru
 
Ujian akhir semester
Ujian akhir semesterUjian akhir semester
Ujian akhir semester
mutmainnamaruru
 
Ujian tengah semester
Ujian tengah semesterUjian tengah semester
Ujian tengah semester
mutmainnamaruru
 
Pertemuan 11
Pertemuan 11Pertemuan 11
Pertemuan 11
mutmainnamaruru
 
Pertemuan 14
Pertemuan 14Pertemuan 14
Pertemuan 14
mutmainnamaruru
 
Pertemuan tiga belas
Pertemuan tiga belasPertemuan tiga belas
Pertemuan tiga belas
mutmainnamaruru
 

More from mutmainnamaruru (20)

Ujian tengah semester
Ujian tengah semesterUjian tengah semester
Ujian tengah semester
 
Ujian tengah semester
Ujian tengah semesterUjian tengah semester
Ujian tengah semester
 
Ujian akhir semester
Ujian akhir semesterUjian akhir semester
Ujian akhir semester
 
Pertemuan 10
Pertemuan 10Pertemuan 10
Pertemuan 10
 
Pertemuan 10
Pertemuan 10Pertemuan 10
Pertemuan 10
 
Pertemuan 8
Pertemuan 8Pertemuan 8
Pertemuan 8
 
Pertemuan 9
Pertemuan 9Pertemuan 9
Pertemuan 9
 
Pertemuan 9
Pertemuan 9Pertemuan 9
Pertemuan 9
 
Pertemuan 11
Pertemuan 11Pertemuan 11
Pertemuan 11
 
Pertemuan 12
Pertemuan 12Pertemuan 12
Pertemuan 12
 
Pertemuan 10
Pertemuan 10Pertemuan 10
Pertemuan 10
 
Pertemuan 9
Pertemuan 9Pertemuan 9
Pertemuan 9
 
Pertemuan 8
Pertemuan 8Pertemuan 8
Pertemuan 8
 
Ujian tengah semester
Ujian tengah semesterUjian tengah semester
Ujian tengah semester
 
Ujian akhir semester
Ujian akhir semesterUjian akhir semester
Ujian akhir semester
 
Ujian tengah semester
Ujian tengah semesterUjian tengah semester
Ujian tengah semester
 
Pertemuan 11
Pertemuan 11Pertemuan 11
Pertemuan 11
 
Pertemuan 15
Pertemuan 15Pertemuan 15
Pertemuan 15
 
Pertemuan 14
Pertemuan 14Pertemuan 14
Pertemuan 14
 
Pertemuan tiga belas
Pertemuan tiga belasPertemuan tiga belas
Pertemuan tiga belas
 

Pertemuan 9

  • 1. PROGRAM STUDI PENDIDIKAN TEKNIK INFORMASI DAN KOMPUTER (PTIK) JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK – UNIVERSITAS NEGERI MAKASSAR Mata Kuliah INTERAKSI MANUSIA DAN KOMPUTER
  • 2. Tujuan: Diharapkan mahasiswa dapat merancang sistem interaksi dengan memperhatikan kaidah interaksi dan komunikasi
  • 3. Ruang lingkup • Membahas prinsip dasar perancangan sistem interaksi • Teori pendukung dari ilmu psikologi kognitif (pengertian) • Tinjauan berbagai peralatan, teknik dan perangkat bantu sistem interaksi
  • 4. Materi • Human/manusia • Computer / Komputer • The Interaction Human-Computer • Interactive Design dan Interactive style
  • 6. Interaksi Manusia dan komputer, yang secara umum adalah mempelajari suatu interaksi yang terjadi antara manusia dan komputer  Antara manusia dengan manusia terjadi suatu interaksi; yang beragam cara berinteraksinya dapat secara berdialog, menggunakan suatu bahasa yang di kenal antar manusia atau melalui simbol-simbol yang diciptakan oleh manusia itu sendiri.
  • 7. MODEL USER DALAM DESAIN model sering digunakan dalam proses desain. Model dapat bersifat: • Evaluative (mengevaluasi desain yang ada) • Generative (mempunyai kontribusi pada proses desain) Pada prakteknya, model yang sering digunakan adalah yang bersifat generative.
  • 8. MODEL KOGNITIF Presentasi model kognitif dibagi dalam kategori:  Representasi hirarki tugas (task) user dan struktur goal, formulasi goal dan tugas  Model linguistik dan gramatik Grammar dari translasi artikulasi dan bagaimana pemahamannya oleh user  Model tingkat device dan fisik (artikulasi pada tingkat motorik manusia) artikulasi tingkat motorik manusia dan bukan tingkat pemahaman manusia
  • 9. MODEL LINGUISTIK Interaksi user dengan komputer dapat dipandang dari segi language, beberapa formalisasi model menggunakan konsep ini. Grammar BNF paling sering digunakan untuk melakukan dialog. Backus-Naur Form (BNF) Memandang dialog pada level sintaksis, mengabaikan semantik dari bahasa tersebut. Contoh: Fungsi menggambar garis pada sistem grafik
  • 10. Contoh BNF : Fungsi menggambar garis pada sistem grafik  draw-line ::= select-line + choose-points + last-point  select-line ::= position-mouse + CLICK-MOUSE  choose-points ::= choose-one | choose-one + choose-points  choose-one ::= position-mouse + CLICK-MOUSE  last-point ::= position-mouse + DOUBLE-CLICK-MOUSE  position-mouse ::= empty | MOVE-MOUSE + position-mouse  Non-terminals (huruf kecil) adalah abstraksi level tinggi dimana dapat terdiri dari non-terminal lainnya dan terminal dalam format: name ::= expression  Terminals (huruf besar), merepresentasikan level terendah dari user behaviour  Operator ‘+’ adalah sequence, ‘|’ adalah choice
  • 11. MODEL FISIK DAN DEVICE Keystroke Level Model (KLM) • Tugas dapat didekomposisi menjadi dua fase: • Akuisisi tugas, ketika user membangun representasi mental dari tugas • Execution tugas menggunakan fasilitas sistem
  • 12. Contoh modelfisik dan device Contoh : Mengedit karakter tunggal yang salah 1. memindahkan tangan ke mouse H[mouse] 2. Meletakkan cursor setelah karakter yang salah PB[LEFT] 3. Kembali ke keyboard H[keyboard] 4. Hapus kerakter MK[DELETE] 5. Ketik koreksi K[char] 6. Mereposisi ke insertion point H[mouse]MPB[LEFT]
  • 13. MOUSE Ada hal-hal yang harus diperhitungkan dalam merancang suatu interaksi bagi seseorang, dimana kita peMouse/Mice • Sangat umum sekarang ini • Mudah dalam penggunaannya • Mempermudah user dalam mengatur posisi pointer dilayar monitor, sehingga gerakan dapat lebih cepat dan dapat diketahui rekasinya secara langsung – • Cocok untuk interaksi yang menerapkan manipulasi langsung pada layer monitor perlu mengetahui kapasitas dan keterbatasan dari seseorang tersebut.
  • 14. TERIMA KASIH 