INTERAKSI Chalifa Chazar http edu script id chalifa

  • Slides: 34
Download presentation
INTERAKSI Chalifa Chazar http: //edu. script. id chalifa. chazar@gmail. com

INTERAKSI Chalifa Chazar http: //edu. script. id chalifa. chazar@gmail. com

Kerangka Kerja Interaksi Untuk menjaga kesinambungan dan pandangan secara umum maka interaksi user dan

Kerangka Kerja Interaksi Untuk menjaga kesinambungan dan pandangan secara umum maka interaksi user dan sistem memerlukan suatu kerangka kerja Kerangka kerja interaksi: � Donal Norman � Abowd dan Beale

Model Donal Norman User menentukan tujuan Merumuskan tujuan Mespesifikasi aksi pada antarmuka Mengevaluasi aksi

Model Donal Norman User menentukan tujuan Merumuskan tujuan Mespesifikasi aksi pada antarmuka Mengevaluasi aksi Mengeksekusi aksi Mempresepsi status sistem Megiterpretasikan status sistem Mengevaluasi status sistem yang berhubungan dengan tujuan

 Beberapa sistem lebih sulit digunakan: pemisah pada eksekusi perumusan user mengenai aksi mungkin

Beberapa sistem lebih sulit digunakan: pemisah pada eksekusi perumusan user mengenai aksi mungkin berbeda dengan aksi-aksi yang diijinkan oleh sistem � Jurang pemisah pada evaluasi harapan user pada perubahan status sistem mungkin berbeda dengan presentasi aktual dari status sistemnya � Jurang Model Norman hanya terpusat pada cara pandang user pada antarmukanya

Model Abowd dan Beale Dibagi menjadi 4 bagian: � User � Input � System

Model Abowd dan Beale Dibagi menjadi 4 bagian: � User � Input � System � Output

 Setiap bagian memiliki bahasa sendiri yang unik Interaksi memerlukan penterjemah, masalah yang terjadi

Setiap bagian memiliki bahasa sendiri yang unik Interaksi memerlukan penterjemah, masalah yang terjadi apabila atar interface tidak saling mengenal bahasa tsb Seorang user menterjemahkan keinginannya melalui interface, dimana kemudian hasilnya ditampilka ke layar dan ditankap oleh user Kerangka kerja umum untuk memahami interaksi: � Tidak harus terkomputerisasi � Mengidentifikasi semua komponen yang terlibat � Mempunyai penafsiran yang sama dari sistem-sistem � Tidak berbentuk

Ergonomik Ilmu yang mempelajari karakteristik fisik dari interaksi Disebut juga faktor-faktor manusia Ergonomik baik

Ergonomik Ilmu yang mempelajari karakteristik fisik dari interaksi Disebut juga faktor-faktor manusia Ergonomik baik untuk mendefinisikan standar dan pedoman pembatasan bagaimana kita mendesain aspek tertentu dari sistem

Contoh Pengaturan alat pengendali dan tampilan pengelompokan alat kendali berdasarkan fungsi, frekuensi, atau ukuran

Contoh Pengaturan alat pengendali dan tampilan pengelompokan alat kendali berdasarkan fungsi, frekuensi, atau ukuran Lingkungan kerja penetapan aturan sesuai tingkatan user Kesehatan posisi fisik, kondisi lingkungan, cahaya, kebisingan Penggunaan warna merah untuk peringatan, hijau untuk OK, pertibangan adanya buta warna

Jenis Interaksi dapat dikatakan dialog antara user dengan komputer Berbagai sistem aplikasi mempunyai bentuk

Jenis Interaksi dapat dikatakan dialog antara user dengan komputer Berbagai sistem aplikasi mempunyai bentuk interaksi yang berbeda-beda Model atau jenis interaksi: Antarmuka dengan baris perintah tunggal � Antarmuka dengan baris perintah terstruktur � Menu � Bahasa sehari-hari (bahasa alami) � Dialog dengan tanya jawab terstruktur � Formulir isian dan kerja � WIMP (Windows Icon Menu Pointer) �

Baris Perintah Tunggal Cara memberi instruksi kepada komputer secara langsung, dapat beruba tombol fungsi,

Baris Perintah Tunggal Cara memberi instruksi kepada komputer secara langsung, dapat beruba tombol fungsi, karakter kata, atau kombinasi Cocok untuk perintah berulang Lebih tepat untuk pengguna yang ahli Menyediakan akses langsung pada fungsi sistem Baris perintah harus mempunyai makna/arti Contoh : sistem Unix/Linux, DOS C: >DIR perintah pada DOS

KEUNTUNGAN Cepat Efisien Akurat Ringkas Luwes Inisiatif pengguna KERUGIAN Memerlukan latihan yang lama Membutuhkan

KEUNTUNGAN Cepat Efisien Akurat Ringkas Luwes Inisiatif pengguna KERUGIAN Memerlukan latihan yang lama Membutuhkan penggunaan yang teratur Beban ingatan tinggi Jelek dalam menangani kesalahan

 Untuk meminimalkan beban ingatan dan kesalahan pengetikan dalam menggunakan interaksi bebasis baris perintah

Untuk meminimalkan beban ingatan dan kesalahan pengetikan dalam menggunakan interaksi bebasis baris perintah tunggal � Pilihlah kata kunci yang mudah diingat (pendek/singkatan) � Gunakan format perintah yang konsisten � Tambahkan fasilitas bantuan (help) � Gunakan nilai-nilai default untuk menggurangi kesalahan ketik dan sediakan pesan-pesan yang jelas

Baris Perintah Terstruktur Dialog ini memungkinkan perintah lebih dari satu baris yang dikemas dalam

Baris Perintah Terstruktur Dialog ini memungkinkan perintah lebih dari satu baris yang dikemas dalam satu berkas, biasanya disebut batch file Dalam DOS hampir selalu ada sebuah berkas bernama AUTOEXEC. BAT Berkas tsb sebenarnya merupakan bentuk kemasan dari sejumlah perintah-perintah DOS

 Cukup menjalankan C: >AUTOEXEC Keuntungan lebih cepat dan ringkas Kerugian penelusuran kesalahan sulit

Cukup menjalankan C: >AUTOEXEC Keuntungan lebih cepat dan ringkas Kerugian penelusuran kesalahan sulit

Menu Sekumpulan pilihan yang ditampilkan di layar Pilihan tampilan sesuai dengan permintaan Dipilih dengan

Menu Sekumpulan pilihan yang ditampilkan di layar Pilihan tampilan sesuai dengan permintaan Dipilih dengan alat petunjuk, kode bilangan/huruf Pilihan dikelompokan secara urut sangat penting membuat pengelompokan yang baik Sistem menu dapat berupa: � Menu datar � Menu tarik

Menu Datar Cara akses menggunakan sektor pilihan berupa kode bilangan/huruf, dapat juga kursor dan

Menu Datar Cara akses menggunakan sektor pilihan berupa kode bilangan/huruf, dapat juga kursor dan tombol enter

Menu Tarik (Pull-Down/Pop-Up) Disebut menu tarik karena seolah-olah “menu” ditarik ke bawah, ke samping,

Menu Tarik (Pull-Down/Pop-Up) Disebut menu tarik karena seolah-olah “menu” ditarik ke bawah, ke samping, atau ke atas Setelah pilihan di konfirmasi, menu akan menghilang/menutup Memanfaatkan sistem WIMP

KUNTUNGAN Memerlukan sedikit pengetikan Meringankan beban memori manusia Struktur terdefinisi dengan baik Perancangan mudah

KUNTUNGAN Memerlukan sedikit pengetikan Meringankan beban memori manusia Struktur terdefinisi dengan baik Perancangan mudah Tersedia banyak tools KERUGIAN Seringkali lambat Memakan ruang layar Memakan banyak memori Tidak cocok untuk dialog inisiatif user (user dipaksa)

Bahasa Alami Pengguna memberikan instruksi-instruksi dalam bahasa alami yang lebih umum sifatnya Jika dialog

Bahasa Alami Pengguna memberikan instruksi-instruksi dalam bahasa alami yang lebih umum sifatnya Jika dialog berbasis perintah tunggal instruksinya sangat dibatasi oleh sintaksis yang digunakan Dengan bahasa alami, user memberikan instruksi dengan kalimat yang lebih manusiawi Masalah ketidakjelasan (vague) dan bermakna ganda/rancu (ambigu) Solusi coba untuk mengerti komunitas user

Contoh

Contoh

Dialog dengan Tanya Jawab Terstruktur (Query) Bila user melakukan interaksi dengan menggunakan serangkaian pertanyaan

Dialog dengan Tanya Jawab Terstruktur (Query) Bila user melakukan interaksi dengan menggunakan serangkaian pertanyaan Cocok untuk user pemula/awam Digunakan dalam sistem informasi Bahasa query digunakan untuk menyusun informasi yang akan ditampilkan di database berdasarkan proses jawaban dari proses tanya jawab tsb Efektifitas bergantung pada pemahaman struktur database, bahasa pemograman, dan pembuat

Formulir isian (Borang) & Lembar Kerja (Spreadsheet) Dasar untuk pendataan Berbentuk formulir Data di

Formulir isian (Borang) & Lembar Kerja (Spreadsheet) Dasar untuk pendataan Berbentuk formulir Data di input pada kolom-kolom yang tersedia Perlu rancangan yang baik dan terdapat fasilitas koreksi

Lembar Kerja (Spreadsheet) Formulir isi dengan beragam variasi Ada sel yang dapat diisi data

Lembar Kerja (Spreadsheet) Formulir isi dengan beragam variasi Ada sel yang dapat diisi data atau rumus Rumus dapat berisi nilai yang melibatkan isi sel lainnya User dapat mengisi dan mengganti data, namun lembar kerja tetap konsisten dengan perubahan tsb, sehingga hasil tetap diproses sesuai rumus Contoh Excel, Lotus 123, Q-Pro, Visicalc

WIMP Window Icon Menu Pointer Merupakan model baku untuk sistem komputer interaktif saat ini

WIMP Window Icon Menu Pointer Merupakan model baku untuk sistem komputer interaktif saat ini

Window Area pada layar komputer yang dimiliki oleh terminal mandiri Dapat berisi teks atau

Window Area pada layar komputer yang dimiliki oleh terminal mandiri Dapat berisi teks atau gambar Dapat bertumpuk, di-minimize, atau ditampilkan semua Tersedia scrollbars untuk menaikan/menurunkan layar Title bar berisi judul/nama dari window Dalam aplikasi terdiri dari 1 atau lebih jendela yang bekerja dan tidak saling mempengaruhi

Icon Gambar/simbol yang digunakan sebagai representasi dari objek Window dapat diperkecil menjadi icon-icon untuk

Icon Gambar/simbol yang digunakan sebagai representasi dari objek Window dapat diperkecil menjadi icon-icon untuk mempermudah akses Bentuk icon bermacam-macam variasi dari bentuk, gambar, warna namum harus merepresentasikan objek yang diwakilinya

KELEBIHAN Icon merupakan variasi dari menu, satu icon menunjukan satu aktifitas Terobosan baru karena

KELEBIHAN Icon merupakan variasi dari menu, satu icon menunjukan satu aktifitas Terobosan baru karena sifat alaminya, ringkas, mudah diingat, mudah dipelajari dan dikenal Gambar lebih bersifat umum daripada tekstual Mempersingkat waktu dan memperkecil usaha untuk mempelajari software Kinerja user lebih tinggi, mengurangi tingkat kesalahan Bagi pemogram mempermudah pengelompokan icon berdasarkan atribut KEKURANGAN Penggunaan icon menyembunyikan menurunkan produktifitas dibalik layar yang interaktif Bisa membingungkan dan boros tempat Tidak efektif bila berberhubungan dengan perintah-perintah yang banyak User tertentu lebih suka membaca teks karena lebih jelas Membutuhkan waktu yang lama dan sulit untuk menemukan icon yang cocok Tidak ada standarisasi

Contoh Window dan Icon

Contoh Window dan Icon

Pointer Merupakan bagian penting pada WIMP, berguna untuk menunjuk dan memilih icon atau menu

Pointer Merupakan bagian penting pada WIMP, berguna untuk menunjuk dan memilih icon atau menu Digerakan oleh mouse umumnya Bentuknya bermacam-macam

Menu Pilihan operasi atau perintah yang ditawarkan pada layar Pilihan dipilih berdasrkan pointer Keyboard

Menu Pilihan operasi atau perintah yang ditawarkan pada layar Pilihan dipilih berdasrkan pointer Keyboard terbaru bisa dilengkapi dengan fasilitas untuk pemilihan menu Menu dapat mengakses sebagian besar ruangan layar Solusi Gunakan menu pull-down atau pop-up

Betuk Menu Lainnya Menu pin-up, terus muncul sampai user memberi perintah hilang/selesai Menu fall-down,

Betuk Menu Lainnya Menu pin-up, terus muncul sampai user memberi perintah hilang/selesai Menu fall-down, mirip dengan pull-down, namun bar tidak harus secara eksplisit dipilih Menu cascading (bersusun), pilihan menu dapat membuka menu lain yang berhubungan Menu pie, opsi diatur dalam lingkaran, lebih mudah untuk memilih item dan lebih cepat (jarak yang sama untuk setiap opsi)

Komponen Tambahan Pada WIMP Button (tombol) � Pallettes (palet) � Kumpulan kemungkinan mode yang

Komponen Tambahan Pada WIMP Button (tombol) � Pallettes (palet) � Kumpulan kemungkinan mode yang tersedia, ditambah mode yang aktif, biasanya sejumlah icon yang ditata secara berdampingan Combo box atau list box Kotak dialog � Radio button atau check box Jendela berisi informasi penting, seperti pada saat user akan menyimpan file, muncul dialog untuk memberi nama file tsb Kotak peringatan � Muncul untuk memberitahu kesalahan atau tuntutan

Dampak Sosial dalam Organisasi Untuk orang lain keinginan untuk memberi kesan baik, menimbulkan keingintahuan,

Dampak Sosial dalam Organisasi Untuk orang lain keinginan untuk memberi kesan baik, menimbulkan keingintahuan, persaingan, takut gagal Motivasi takut, ambisi, kepuasan diri, kesenangan Sistem yang tidak cukup mewadahi interaksi ini dapat menyebabkan frustasi dan berkurangnya motivasi

TERIMA KASIH Chalifa Chazar, S. T. , M. T Modul: http: //edu. script. id

TERIMA KASIH Chalifa Chazar, S. T. , M. T Modul: http: //edu. script. id Email: chalifa. chazar@gmail. com Copyright @2015