SlideShare a Scribd company logo
Interaksi Manusia &
      Komputer
 (Human Computer
     Interaction)
Acara Perkuliahan
   Handout /slide
   Penilaian:
       30% Tugas: kelompok, perorangan
       30% Ujian Tengah Semester
       40% Ujian Akhir Semester




                          1 - Pengenalan Konsep IMK   2
PENGENALAN
 KONSEP IMK
1 - Pengenalan Konsep IMK   4
Apa itu IMK?
   Secara sederhana IMK adalah studi tentang
    manusia, teknologi komputer dan cara
    bagaimana mereka saling berinteraksi.
   Kita mempelajari IMK untuk dapat
    menentukan bagaimana membuat agar
    teknologi komputer dapat lebih berguna bagi
    manusia


                    1 - Pengenalan Konsep IMK     5
Apa itu IMK?
   Hal tersebut membutuhkan pemahaman
    tentang tiga hal, yaitu:
       Teknologi komputer
       Manusia yang akan berinteraksi dengannya
       Dan apa yang dimaksud dengan “lebih berguna”
        (more usable)




                       1 - Pengenalan Konsep IMK       6
Apa itu IMK?
   “IMK adalah apa yang terjadi saat pengguna
    manusia dan sistem komputer bersama-
    sama menyelesaikan suatu tugas/pekerjaan”




                    1 - Pengenalan Konsep IMK    7
HCI And Human Factors
 Human     Factors
     fokus kepada “study of human” - dan sekitarnya,
      tools with special attention on how to increase
      safety, comfort, and economy while reducing
      human workload and errors.
 HCI
     fokus kepada manusia menggunakan komputer
      dan juga menitikberatkan isu yang sama seperti
      Human Factors



                             1 - Pengenalan Konsep IMK   8

               interaksi manusia komputer                8
“it is easy to make things
hard….it is hard to make things
              easy”

  Coba anda bayangkan
menggunakan komputer baru
     tanpa manual…   1 - Pengenalan Konsep IMK   9

       interaksi manusia komputer                9
1 - Pengenalan Konsep IMK   10

interaksi manusia komputer                10
Pengenalan Konsep IMK
   Perubahan Teknologi -> Perlu Metoda
    Perancangan yang Berbeda
   Tantangan Bidang IMK
   Sasaran IMK
   Peranan IMK -> Produktivitas
   Efek Perancangan IMK yang Buruk



                   1 - Pengenalan Konsep IMK   11
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, tidak
    praktis, dan waktu eksekusinya sulit
    diprediksi.

                    1 - Pengenalan Konsep IMK   12
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 kartu plong (punch
    card).
   Hanya sedikit yang diketahui tentang
    bagaimana membuatnya mudah untuk
    digunakan.
                    1 - Pengenalan Konsep IMK   13
ENIAC 1




 1 - Pengenalan Konsep IMK   14
Memprogram ENIAC




          1 - Pengenalan Konsep IMK   15
ILLIAC II




            1 - Pengenalan Konsep IMK   16
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.


                    1 - Pengenalan Konsep IMK   17
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 penyimpan yang besar, namun
    dengan harga yang semakin murah.
                     1 - Pengenalan Konsep IMK   18
Perubahan Teknologi

   Perubahan teknologi di atas telah membuka
    kemungkinan penggunaan komputer yang
    lebih luas.
   Saat ini kehadiran komputer sudah tidak
    dapat dilepaskan dari dunia bisnis dan
    industri modern.
   Komputer juga ditemukan dalam
    penggunaan aplikasi rumah tangga

                   1 - Pengenalan Konsep IMK    19
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.
                   1 - Pengenalan Konsep IMK   20
   Pengguna seharusnya tidak perlu
    memikirkan bagaimana cara berinteraksi
    dengan komputer, tetapi yang penting justru
    bagaimana mengoptimalkan komputer untuk
    memenuhi kebutuhannya
   Analoginya adalah seperti kita menggunakan
    mobil atau motor, kita tidak perlu memikirkan
    bagaimana cara mesin bekerja.

                     1 - Pengenalan Konsep IMK   21
Istilah IMK / HCI
   Pada tahun 1970 mulai dikenal istilah
    antarmuka 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 antarmuka pengguna sebagai
    faktor penentu keberhasilan dalam
    pemasaran produknya.
                    1 - Pengenalan Konsep IMK   22
Istilah IMK / HCI
   Istilah human-computer interaction (HCI)
    mulai muncul pertengahan tahun 1980-an
    sebagai bidang studi yang baru.
   Istilah HCI mengisyaratkan bahwa bidang
    studi ini mempunyai fokus yang lebih luas,
    tidak hanya sekedar perancangan antarmuka
    secara fisik.


                   1 - Pengenalan Konsep IMK   23
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 di sekitarnya.
   HCI pada prinsipnya membuat agar sistem
    dapat berdialog dengan penggunanya
    seramah mungkin (user friendly) .

                    1 - Pengenalan Konsep IMK   24
Apa itu Antarmuka Pengguna
(user Interface)
   Tidak hanya perancangan layout layar
    monitor
   Dari sudut pandang pengguna merupakan
    keseluruhan sistem
   Useful, Usable, Used.




                  1 - Pengenalan Konsep IMK   25
Useful, Usable, Used.
 useful
    fungsional, dapat mengerjakan sesuatu
 usable
    Dapat mengerjakan sesuatu dengan mudah,
     mengerjakan sesuatu yang benar (does the right
     things)
 used
    Terlihat baik, tersedia dan diterima/digunakan
     oleh organisasi
                      1 - Pengenalan Konsep IMK       26
APA ITU HCI?
   Lingkungan fisik bagi pengguna komputer
   Interaksi antara pengguna dengan sistem
    komputer
   Topik termasuk:
       Software development and usability engineering
       Good design
       Usability testing
       Styles of interaction
       Accessibility for people with disabilities
   “User friendly”
   Good HCI is all about good design

                              1 - Pengenalan Konsep IMK   27

                interaksi manusia komputer                27
Labels that look like pushbuttons




                      1 - Pengenalan Konsep IMK   28

        interaksi manusia komputer                28
1 - Pengenalan Konsep IMK   29

interaksi manusia komputer                29
Ergonomic toothbrush?




                      1 - Pengenalan Konsep IMK   30

        interaksi manusia komputer                30
HCI PRINCIPLES
   Consistency
   Stability
   Use of metaphors
   Aesthetic Integrity
   Direct Manipulation
   See & Point
   Feedback
   Forgiveness
   User Control
   Clear
   Simple

                               1 - Pengenalan Konsep IMK   31

                 interaksi manusia komputer                31
Elemen Utama IMK
   Manusia
   Komputer
   Interaksi
   Aktivitas
   Lingkungan kerja




                   1 - Pengenalan Konsep IMK   32
Tujuan Utama IMK
   Tujuan utama IMK adalah untuk membuat sistem
    yang lebih:
       Berguna (usable)
       Aman
       Produktif
       Efektif
       Efisien
       Fungsional
   Meningkatkan interaksi antara manusia dgn sistem
                       komputer
                           1 - Pengenalan Konsep IMK   33
Keterkaitan IMK Dengan
Disiplin Ilmu Lain
   Prinsip kerja sebuah sistem komputer adalah
    adanya masukan – proses – keluaran (input
    – process – output).
   Ketika seseorang bekerja dengan sebuah
    komputer, ia akan melakukan interaksi atau
    berdialog dengan komputer menggunakan
    cara-cara tertentu.


                    1 - Pengenalan Konsep IMK   34
Keterkaitan IMK Dengan
Disiplin Ilmu Lain
   Agar terjadi proses dialog yang baik, maka
    kita harus memahami watak atau karakter
    lawan dialog kita.
   Dalam konteks IMK maka perancang
    terutama harus memahami psikologi
    manusia, yang merupakan faktor penentu
    keberhasilan interaksi.


                    1 - Pengenalan Konsep IMK    35
Keterkaitan IMK Dengan
Disiplin Ilmu Lain
   Teknik Elektronika dan Komputer.
   Psikologi.
   Perancangan grafis dan tipografi.
   Ergonomis.
   Antropologi.
   Linguistik.
   Sosiologi.

                  1 - Pengenalan Konsep IMK   36
BIdang-Bidang yang berkaitan
    dengan IMK
   Ilmu Komputer
       Komponen utama = komputer
   Teknik Elektro
       Sisi perangkat keras
   Psikologi
       Sifat dan kebiasaan pengguna
   Perancangan Grafis
       Tampilan Grafis
   Ergonomik
       Lingkungan
   Antropologi
       Ilmu tentang manusia
   Linguistik
       Bahasa komunikasi
   Sosiologi                   1 - Pengenalan Konsep IMK   37

       Kaitan dengan struktur sosial
Perancang IMK
   Membutuhkan pengetahuan tentang
       Tujuan manusia
       Kemampuan dan keterbatasan manusia
       Kemampuan dan keterbatasan komputer
       Pekerjaan
       Aspek sosial
       Aspek Organisasi
       Lingkungan kerja
       Interaksi diantara elemen-elemen di atas
                        1 - Pengenalan Konsep IMK   38
Konfigurasi dasar komputer &
Interaksi dengan manusia
     INPUT                     PROSES                        OUTPUT




                                    End User
             perintah                                hasil



  Umumnya, Interaksi Manusia dan Komputer (pengguna saling
  berinteraksi dengan komputer) dilakukan lewat masukan dan
  keluaran


                         1 - Pengenalan Konsep IMK                    39
Contoh IMK


Input n :       Input n : 5                  Input n : 5
                                             Value of 5! Is 120


               Input n : 5



                 1 - Pengenalan Konsep IMK                  40
Contoh IMK




             1 - Pengenalan Konsep IMK   41
Komponen Utama Program
Aplikasi
   Bagian antarmuka
       Berfungsi sebagai sarana dialog antara manusia
        dan komputer
   Bagian aplikasi
       Berfungsi untuk menghasilkan informasi
        berdasarkan olahan data yang sudah dimasukkan
        oleh pengguna lewat algoritma yang disyaratkan
        oleh aplikasi tersebut


                        1 - Pengenalan Konsep IMK        42
Komponen Utama Program
Aplikasi
   Myers (1989)
       Penelitian pada berbagai aplikasi kecerdasan
        buatan menunjukkan bahwa 40-50% dari
        keseluruhan statemen program aplikasi dan
        memori yang ada diperuntukan bagi
        pengembangan antarmukanya.
       Antarmuka menjadi bagian yang sangat penting.




                        1 - Pengenalan Konsep IMK       43
Antarmuka Telepon




      1 - Pengenalan Konsep IMK   44
Antarmuka pada HP




      1 - Pengenalan Konsep IMK   45
Antarmuka Kamera Digital




            1 - Pengenalan Konsep IMK   46
Definisi lain IMK
   Seringkali, IMK di definisikan sebagai studi
    dan pengembangan antarmuka berbasis
    komputer dengan tujuan membuat suatu
    aplikasi lebih mudah dipergunakan oleh
    manusia.




                     1 - Pengenalan Konsep IMK     47
Strategi Pengembangan
Antarmuka
   Secara garis besar, pengembangan bagian
    antarmuka perlu memperhatikan beberapa hal
    sebagai berikut:
       Pengetahuan tentang mekanisme fungsi manusia sebagai
        pengguna komputer
       Berbagai informasi yang berhubungan dengan karakteristik
        dialog
       Penggunaan prototipe yang didasarkan pada spesifikasi
        dialog formal yang disusun secara bersama-sama antara
        (calon) pengguna dan perancang sistem
       Teknik evaluasi yang digunakan untuk mengevaluasi hasil
        proses prototipe yang telah dilakukan.
                           1 - Pengenalan Konsep IMK           48
Pentingnya Perancangan
   Antarmuka Pengguna yang
   Baik
•   Mengurangi biaya penulisan program
       Dalam pemrograman antarmuka pengguna grafis, rata-rata
        70% penulisan program berkaitan dengan antarmuka.
   Mempermudah penjualan produk
       Suatu produk dilihat pertama kali dari tampilannya, apabila
        tampilannya menarik biasanya akan menarik minat orang
        untuk menggunakan aplikasi tersebut.
   Meningkatkan kegunaan komputer pada organisasi.
       Dengan antarmuka yang menarik, biasanya pengguna
        akan tertarik untuk menggunakan suatu aplikasi komputer.

                            1 - Pengenalan Konsep IMK             49
Dampak Antarmuka Pengguna
  yang Baik
   Peningkatan produktivitas
   Mengurangi biaya pelatihan pegawai
   Mencegah pengambil alihan pegawai
   Kepuasan pengguna
   Produksi hasil dengan kualitas yang lebih
    baik.



                    1 - Pengenalan Konsep IMK   50
Penyebab adanya antarmuka yang
kurang baik
   Kurangnya pendidikan / pelatihan yang
    berkaitan dengan perancangan antarmuka.
   Penyebaran pengetahuan yang diperlukan
    untuk merancang antarmuka pengguna yang
    baik.
   Perkembangan teknologi yang sangat cepat.
   Koordinasi yang kurang baik dalam
    pengembangan aplikasi

                   1 - Pengenalan Konsep IMK   51
Bidang Kerja Dalam IMK
   Designer interaksi – mereka yang terlibat dalam mendesain
    semua aspek interaktif sesuatu produk
   Designer web – mereka yang membangun dan mencipta
    desain laman web
   Arsitek Infromasi – mereka yang mencetuskan idea tentang
    bagaimana untuk merancang produk interaktif
   User experience designers – mereka yang membuat
    kesemua di atas termasuk menjalankan kajian tentang desain
    produk




                         1 - Pengenalan Konsep IMK           52
Disiplin Ilmu IMK




      1 - Pengenalan Konsep IMK   53

More Related Content

PPTX
Ragam Dialog :: Interaksi Manusia dan Komputer
PDF
Interaksi manusia dan komputer
PDF
Interaksi Manusia dan Komputer : Conceptual Model
PPTX
pengenalan interaksi manusia komputer
PPT
INTERAKSI MANUSIA DAN KOMPUTER
PPTX
Imk 1 pendahuluan
PDF
Prinsip User Interface Design
PPT
Ppt cloudcomputing
Ragam Dialog :: Interaksi Manusia dan Komputer
Interaksi manusia dan komputer
Interaksi Manusia dan Komputer : Conceptual Model
pengenalan interaksi manusia komputer
INTERAKSI MANUSIA DAN KOMPUTER
Imk 1 pendahuluan
Prinsip User Interface Design
Ppt cloudcomputing

What's hot (20)

DOC
Makalah sistem-operasi
PDF
Soal uas imk bsi
PPT
Sistem Operasi Komputer
PPTX
Ppt: Usability (Interaksi Manusia dan Komputer)
PDF
Privasi dan Keamanan Internet
PPT
4. pengamanan sistem operasi
PPTX
Pembuatan uml pada toko belanja online
PPTX
Etika Komputer
PPTX
1. pengenalan scratch
PPT
PPT sejarah dan perkembangan internet
PPTX
Generasi sistem operasi
PDF
Konsep dasar UI/UX
PPTX
PERANCANGAN PERANGKAT LUNAK
PPTX
Evolusi Antarmuka Komputer
PPTX
Kelas X - Teknologi Informasi dan Komunikasi.pptx
PPTX
PPT Microsoft office
PPT
Konstruksi perangkat lunak
PPTX
Komputasi Paralel dan terdistribusi (Pengantar sistem terdistribusi)
DOC
Proposal E Learning
Makalah sistem-operasi
Soal uas imk bsi
Sistem Operasi Komputer
Ppt: Usability (Interaksi Manusia dan Komputer)
Privasi dan Keamanan Internet
4. pengamanan sistem operasi
Pembuatan uml pada toko belanja online
Etika Komputer
1. pengenalan scratch
PPT sejarah dan perkembangan internet
Generasi sistem operasi
Konsep dasar UI/UX
PERANCANGAN PERANGKAT LUNAK
Evolusi Antarmuka Komputer
Kelas X - Teknologi Informasi dan Komunikasi.pptx
PPT Microsoft office
Konstruksi perangkat lunak
Komputasi Paralel dan terdistribusi (Pengantar sistem terdistribusi)
Proposal E Learning
Ad

Viewers also liked (14)

PPTX
Interaksi manusia-komputer
PPT
Interaksi Manusia dan Komputer
PDF
Interaksi Manusia dengan Komputer
PPT
Ppt imk akbar
PPTX
Materi imk aspek manusia
PPTX
materi imk Menu
PPTX
Kelompok 6
PPT
3 interface metaphors dan model konseptual-donz
PDF
Pengenalan imk
PPTX
Intraksi Manusia dan Komputer
PPTX
Interaksi manusia komputer 3
PPT
ppt_IMK-design-interface
PDF
Lecture 4: Human-Computer Interaction: Prototyping (2014)
PDF
Isa1 ism2002 resume
Interaksi manusia-komputer
Interaksi Manusia dan Komputer
Interaksi Manusia dengan Komputer
Ppt imk akbar
Materi imk aspek manusia
materi imk Menu
Kelompok 6
3 interface metaphors dan model konseptual-donz
Pengenalan imk
Intraksi Manusia dan Komputer
Interaksi manusia komputer 3
ppt_IMK-design-interface
Lecture 4: Human-Computer Interaction: Prototyping (2014)
Isa1 ism2002 resume
Ad

Similar to 1 pengenalan-konsep-imk (20)

PPT
20100325 1 pengenalankonsepimk
PPT
20100325 1 pengenalankonsepimk
PPT
Materi_PENGENALAN KONSEP Interaksi Manusia dan Komputer.ppt
PPT
PENGENALAN KONSEP IMK interaksi manusia dan komputer
PPT
Chapter1 introduction to hci
DOC
Resume Interaksi Manusia Koputer
PDF
Pendahuluan imk
PDF
Pendahuluan Interaksi Manusia dan Komputer
PPTX
Interaksi Manusia Dan Komputer Pertemuan 1
PPTX
Slide pengantar_imk perkuliahan awal mk.pptx
PPTX
interaksi manusiadan komputer Pertemuan 2.1.pptx
PPTX
Interaksi Manusia dan Komputer.pptx
PPT
Interaksi manusia dan komputer 3
PPTX
interaksi manusia dan komputer pertamuan 1
PPTX
Pertemuan interaksi manusiadan komputer1.pptx
PPTX
Pendahuluan Interaksi Manusia dan Komputer.pptx
PPT
Lesson 08 - UTS.ppt
PPT
Lesson 07 - Review For UTS.ppt
PPTX
Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar
PPTX
Konsep interakasi manusia dan komputer.pptx
20100325 1 pengenalankonsepimk
20100325 1 pengenalankonsepimk
Materi_PENGENALAN KONSEP Interaksi Manusia dan Komputer.ppt
PENGENALAN KONSEP IMK interaksi manusia dan komputer
Chapter1 introduction to hci
Resume Interaksi Manusia Koputer
Pendahuluan imk
Pendahuluan Interaksi Manusia dan Komputer
Interaksi Manusia Dan Komputer Pertemuan 1
Slide pengantar_imk perkuliahan awal mk.pptx
interaksi manusiadan komputer Pertemuan 2.1.pptx
Interaksi Manusia dan Komputer.pptx
Interaksi manusia dan komputer 3
interaksi manusia dan komputer pertamuan 1
Pertemuan interaksi manusiadan komputer1.pptx
Pendahuluan Interaksi Manusia dan Komputer.pptx
Lesson 08 - UTS.ppt
Lesson 07 - Review For UTS.ppt
Interaksi Manusia dan Komputer - Bab 1 Konsep Dasar
Konsep interakasi manusia dan komputer.pptx

More from Stevie Principe (20)

DOCX
Laporan kerja praktek
DOCX
Contoh proposalskripsi
PPTX
Rs sisflow
DOCX
Rs sisflow
PPTX
PPTX
Rekrutmen and seleksi
PPTX
PPTX
PPTX
PPTX
PPTX
PPTX
PPT
4 piranti interaktif - new
DOC
Penulisan syntax vb
DOC
Fungsi string vb
DOC
Fungsi date vb
DOC
Fungsi date vb
DOC
Ho peramalan oktober 2009 new 11
DOC
Ho peramalan oktober 2009 new 11
DOC
Ho peramalan oktober 2009 new 10
Laporan kerja praktek
Contoh proposalskripsi
Rs sisflow
Rs sisflow
Rekrutmen and seleksi
4 piranti interaktif - new
Penulisan syntax vb
Fungsi string vb
Fungsi date vb
Fungsi date vb
Ho peramalan oktober 2009 new 11
Ho peramalan oktober 2009 new 11
Ho peramalan oktober 2009 new 10

1 pengenalan-konsep-imk

  • 1. Interaksi Manusia & Komputer (Human Computer Interaction)
  • 2. Acara Perkuliahan  Handout /slide  Penilaian:  30% Tugas: kelompok, perorangan  30% Ujian Tengah Semester  40% Ujian Akhir Semester 1 - Pengenalan Konsep IMK 2
  • 4. 1 - Pengenalan Konsep IMK 4
  • 5. Apa itu IMK?  Secara sederhana IMK adalah studi tentang manusia, teknologi komputer dan cara bagaimana mereka saling berinteraksi.  Kita mempelajari IMK untuk dapat menentukan bagaimana membuat agar teknologi komputer dapat lebih berguna bagi manusia 1 - Pengenalan Konsep IMK 5
  • 6. Apa itu IMK?  Hal tersebut membutuhkan pemahaman tentang tiga hal, yaitu:  Teknologi komputer  Manusia yang akan berinteraksi dengannya  Dan apa yang dimaksud dengan “lebih berguna” (more usable) 1 - Pengenalan Konsep IMK 6
  • 7. Apa itu IMK?  “IMK adalah apa yang terjadi saat pengguna manusia dan sistem komputer bersama- sama menyelesaikan suatu tugas/pekerjaan” 1 - Pengenalan Konsep IMK 7
  • 8. HCI And Human Factors  Human Factors  fokus kepada “study of human” - dan sekitarnya, tools with special attention on how to increase safety, comfort, and economy while reducing human workload and errors.  HCI  fokus kepada manusia menggunakan komputer dan juga menitikberatkan isu yang sama seperti Human Factors 1 - Pengenalan Konsep IMK 8 interaksi manusia komputer 8
  • 9. “it is easy to make things hard….it is hard to make things easy” Coba anda bayangkan menggunakan komputer baru tanpa manual… 1 - Pengenalan Konsep IMK 9 interaksi manusia komputer 9
  • 10. 1 - Pengenalan Konsep IMK 10 interaksi manusia komputer 10
  • 11. Pengenalan Konsep IMK  Perubahan Teknologi -> Perlu Metoda Perancangan yang Berbeda  Tantangan Bidang IMK  Sasaran IMK  Peranan IMK -> Produktivitas  Efek Perancangan IMK yang Buruk 1 - Pengenalan Konsep IMK 11
  • 12. 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, tidak praktis, dan waktu eksekusinya sulit diprediksi. 1 - Pengenalan Konsep IMK 12
  • 13. 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 kartu plong (punch card).  Hanya sedikit yang diketahui tentang bagaimana membuatnya mudah untuk digunakan. 1 - Pengenalan Konsep IMK 13
  • 14. ENIAC 1 1 - Pengenalan Konsep IMK 14
  • 15. Memprogram ENIAC 1 - Pengenalan Konsep IMK 15
  • 16. ILLIAC II 1 - Pengenalan Konsep IMK 16
  • 17. 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. 1 - Pengenalan Konsep IMK 17
  • 18. 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 penyimpan yang besar, namun dengan harga yang semakin murah. 1 - Pengenalan Konsep IMK 18
  • 19. Perubahan Teknologi  Perubahan teknologi di atas telah membuka kemungkinan penggunaan komputer yang lebih luas.  Saat ini kehadiran komputer sudah tidak dapat dilepaskan dari dunia bisnis dan industri modern.  Komputer juga ditemukan dalam penggunaan aplikasi rumah tangga 1 - Pengenalan Konsep IMK 19
  • 20. 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. 1 - Pengenalan Konsep IMK 20
  • 21. Pengguna seharusnya tidak perlu memikirkan bagaimana cara berinteraksi dengan komputer, tetapi yang penting justru bagaimana mengoptimalkan komputer untuk memenuhi kebutuhannya  Analoginya adalah seperti kita menggunakan mobil atau motor, kita tidak perlu memikirkan bagaimana cara mesin bekerja. 1 - Pengenalan Konsep IMK 21
  • 22. Istilah IMK / HCI  Pada tahun 1970 mulai dikenal istilah antarmuka 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 antarmuka pengguna sebagai faktor penentu keberhasilan dalam pemasaran produknya. 1 - Pengenalan Konsep IMK 22
  • 23. Istilah IMK / HCI  Istilah human-computer interaction (HCI) mulai muncul pertengahan tahun 1980-an sebagai bidang studi yang baru.  Istilah HCI mengisyaratkan bahwa bidang studi ini mempunyai fokus yang lebih luas, tidak hanya sekedar perancangan antarmuka secara fisik. 1 - Pengenalan Konsep IMK 23
  • 24. 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 di sekitarnya.  HCI pada prinsipnya membuat agar sistem dapat berdialog dengan penggunanya seramah mungkin (user friendly) . 1 - Pengenalan Konsep IMK 24
  • 25. Apa itu Antarmuka Pengguna (user Interface)  Tidak hanya perancangan layout layar monitor  Dari sudut pandang pengguna merupakan keseluruhan sistem  Useful, Usable, Used. 1 - Pengenalan Konsep IMK 25
  • 26. Useful, Usable, Used.  useful  fungsional, dapat mengerjakan sesuatu  usable  Dapat mengerjakan sesuatu dengan mudah, mengerjakan sesuatu yang benar (does the right things)  used  Terlihat baik, tersedia dan diterima/digunakan oleh organisasi 1 - Pengenalan Konsep IMK 26
  • 27. APA ITU HCI?  Lingkungan fisik bagi pengguna komputer  Interaksi antara pengguna dengan sistem komputer  Topik termasuk:  Software development and usability engineering  Good design  Usability testing  Styles of interaction  Accessibility for people with disabilities  “User friendly”  Good HCI is all about good design 1 - Pengenalan Konsep IMK 27 interaksi manusia komputer 27
  • 28. Labels that look like pushbuttons 1 - Pengenalan Konsep IMK 28 interaksi manusia komputer 28
  • 29. 1 - Pengenalan Konsep IMK 29 interaksi manusia komputer 29
  • 30. Ergonomic toothbrush? 1 - Pengenalan Konsep IMK 30 interaksi manusia komputer 30
  • 31. HCI PRINCIPLES  Consistency  Stability  Use of metaphors  Aesthetic Integrity  Direct Manipulation  See & Point  Feedback  Forgiveness  User Control  Clear  Simple 1 - Pengenalan Konsep IMK 31 interaksi manusia komputer 31
  • 32. Elemen Utama IMK  Manusia  Komputer  Interaksi  Aktivitas  Lingkungan kerja 1 - Pengenalan Konsep IMK 32
  • 33. Tujuan Utama IMK  Tujuan utama IMK adalah untuk membuat sistem yang lebih:  Berguna (usable)  Aman  Produktif  Efektif  Efisien  Fungsional  Meningkatkan interaksi antara manusia dgn sistem komputer 1 - Pengenalan Konsep IMK 33
  • 34. Keterkaitan IMK Dengan Disiplin Ilmu Lain  Prinsip kerja sebuah sistem komputer adalah adanya masukan – proses – keluaran (input – process – output).  Ketika seseorang bekerja dengan sebuah komputer, ia akan melakukan interaksi atau berdialog dengan komputer menggunakan cara-cara tertentu. 1 - Pengenalan Konsep IMK 34
  • 35. Keterkaitan IMK Dengan Disiplin Ilmu Lain  Agar terjadi proses dialog yang baik, maka kita harus memahami watak atau karakter lawan dialog kita.  Dalam konteks IMK maka perancang terutama harus memahami psikologi manusia, yang merupakan faktor penentu keberhasilan interaksi. 1 - Pengenalan Konsep IMK 35
  • 36. Keterkaitan IMK Dengan Disiplin Ilmu Lain  Teknik Elektronika dan Komputer.  Psikologi.  Perancangan grafis dan tipografi.  Ergonomis.  Antropologi.  Linguistik.  Sosiologi. 1 - Pengenalan Konsep IMK 36
  • 37. BIdang-Bidang yang berkaitan dengan IMK  Ilmu Komputer  Komponen utama = komputer  Teknik Elektro  Sisi perangkat keras  Psikologi  Sifat dan kebiasaan pengguna  Perancangan Grafis  Tampilan Grafis  Ergonomik  Lingkungan  Antropologi  Ilmu tentang manusia  Linguistik  Bahasa komunikasi  Sosiologi 1 - Pengenalan Konsep IMK 37  Kaitan dengan struktur sosial
  • 38. Perancang IMK  Membutuhkan pengetahuan tentang  Tujuan manusia  Kemampuan dan keterbatasan manusia  Kemampuan dan keterbatasan komputer  Pekerjaan  Aspek sosial  Aspek Organisasi  Lingkungan kerja  Interaksi diantara elemen-elemen di atas 1 - Pengenalan Konsep IMK 38
  • 39. Konfigurasi dasar komputer & Interaksi dengan manusia INPUT PROSES OUTPUT End User perintah hasil Umumnya, Interaksi Manusia dan Komputer (pengguna saling berinteraksi dengan komputer) dilakukan lewat masukan dan keluaran 1 - Pengenalan Konsep IMK 39
  • 40. Contoh IMK Input n : Input n : 5 Input n : 5 Value of 5! Is 120 Input n : 5 1 - Pengenalan Konsep IMK 40
  • 41. Contoh IMK 1 - Pengenalan Konsep IMK 41
  • 42. Komponen Utama Program Aplikasi  Bagian antarmuka  Berfungsi sebagai sarana dialog antara manusia dan komputer  Bagian aplikasi  Berfungsi untuk menghasilkan informasi berdasarkan olahan data yang sudah dimasukkan oleh pengguna lewat algoritma yang disyaratkan oleh aplikasi tersebut 1 - Pengenalan Konsep IMK 42
  • 43. Komponen Utama Program Aplikasi  Myers (1989)  Penelitian pada berbagai aplikasi kecerdasan buatan menunjukkan bahwa 40-50% dari keseluruhan statemen program aplikasi dan memori yang ada diperuntukan bagi pengembangan antarmukanya.  Antarmuka menjadi bagian yang sangat penting. 1 - Pengenalan Konsep IMK 43
  • 44. Antarmuka Telepon 1 - Pengenalan Konsep IMK 44
  • 45. Antarmuka pada HP 1 - Pengenalan Konsep IMK 45
  • 46. Antarmuka Kamera Digital 1 - Pengenalan Konsep IMK 46
  • 47. Definisi lain IMK  Seringkali, IMK di definisikan sebagai studi dan pengembangan antarmuka berbasis komputer dengan tujuan membuat suatu aplikasi lebih mudah dipergunakan oleh manusia. 1 - Pengenalan Konsep IMK 47
  • 48. Strategi Pengembangan Antarmuka  Secara garis besar, pengembangan bagian antarmuka perlu memperhatikan beberapa hal sebagai berikut:  Pengetahuan tentang mekanisme fungsi manusia sebagai pengguna komputer  Berbagai informasi yang berhubungan dengan karakteristik dialog  Penggunaan prototipe yang didasarkan pada spesifikasi dialog formal yang disusun secara bersama-sama antara (calon) pengguna dan perancang sistem  Teknik evaluasi yang digunakan untuk mengevaluasi hasil proses prototipe yang telah dilakukan. 1 - Pengenalan Konsep IMK 48
  • 49. Pentingnya Perancangan Antarmuka Pengguna yang Baik • Mengurangi biaya penulisan program  Dalam pemrograman antarmuka pengguna grafis, rata-rata 70% penulisan program berkaitan dengan antarmuka.  Mempermudah penjualan produk  Suatu produk dilihat pertama kali dari tampilannya, apabila tampilannya menarik biasanya akan menarik minat orang untuk menggunakan aplikasi tersebut.  Meningkatkan kegunaan komputer pada organisasi.  Dengan antarmuka yang menarik, biasanya pengguna akan tertarik untuk menggunakan suatu aplikasi komputer. 1 - Pengenalan Konsep IMK 49
  • 50. Dampak Antarmuka Pengguna yang Baik  Peningkatan produktivitas  Mengurangi biaya pelatihan pegawai  Mencegah pengambil alihan pegawai  Kepuasan pengguna  Produksi hasil dengan kualitas yang lebih baik. 1 - Pengenalan Konsep IMK 50
  • 51. Penyebab adanya antarmuka yang kurang baik  Kurangnya pendidikan / pelatihan yang berkaitan dengan perancangan antarmuka.  Penyebaran pengetahuan yang diperlukan untuk merancang antarmuka pengguna yang baik.  Perkembangan teknologi yang sangat cepat.  Koordinasi yang kurang baik dalam pengembangan aplikasi 1 - Pengenalan Konsep IMK 51
  • 52. Bidang Kerja Dalam IMK  Designer interaksi – mereka yang terlibat dalam mendesain semua aspek interaktif sesuatu produk  Designer web – mereka yang membangun dan mencipta desain laman web  Arsitek Infromasi – mereka yang mencetuskan idea tentang bagaimana untuk merancang produk interaktif  User experience designers – mereka yang membuat kesemua di atas termasuk menjalankan kajian tentang desain produk 1 - Pengenalan Konsep IMK 52
  • 53. Disiplin Ilmu IMK 1 - Pengenalan Konsep IMK 53