Pertemuan 09. Perancangan Tampilan
|
|
- Widya Makmur
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Pertemuan 09 Perancangan Tampilan
2 Kriteria yang terpenting dari sebuah antarmuka adalah tampilan yang menarik Seorang pengguna, biasanya Peranca- ngan Tampilan tertarik untuk mencoba sebuah program aplikasi dengan terlebih dahulu tertarik pada suatu tampilan yang ada dihadapan matanya
3 Peranca- ngan Tampilan Syarat untuk membuat tampilan menarik adalah : 1. harus mempunyai jiwa seni yang memadai. 2. harus mengerti selera user secara umum 3. harus bisa meyakinkan pemrogramannya, agar yang dibayangkan dapat diwujudkan (diimplementasikan) dengan piranti bantu (tool) yang tersedia 4. harus mendokumentasikan semua pekerjaan yang dilakukan
4 Peranca- ngan Tampilan Cara-cara pendokumentasian : 1. membuat sketsa pada kertas 2. menggunakan peranti prototipe GUI 3. menuliskan tekstual yang menjelaskan tentang kaitan antara satu jendela dengan jendela yang lain 4. menggunakan peranti bantu yang biasa disebut CASE (Computer- Aided Software Enginneering) untuk cara ke 2 & 4 jarang digunakan karena mahal dan biasanya untuk pembuatan antarmuka grafik
5 Program aplikasi, pada dasarnya terdiri dari 2 kategori yaitu : Perancangan Tampilan untuk cara pendekatan Program aplikasi untuk keperluan khusus dengan user yang khusus juga (special purpose software) Program aplikasi yang akan digunakan oleh banyak user (general purpose software)
6 Program Aplikasi untuk SPS adalah : inventori gudang, pengelolaan data mahasiswa, pelayanan reservasi hotel Special Purpose software - SPS Ada 2 pendekatan yang dilakukan untuk SPS adalah User-Centered Design Perancangan antarmuka yang melibatkan user. User diajak untuk aktif berpendapat dan bersamasama merancang antarmuka yang diinginkan user. User Design Approach User sendiri yang merancang antarmuka sesuai keinginan. Tetapi hal ini memberatkan bagi pemrograman (mis. Peranti yang tidak mendukung, dll).
7 Program Aplikasi untuk SPS adalah : inventori gudang, pengelolaan data mahasiswa, pelayanan reservasi hotel Special Purpose software - SPS Ada 2 pendekatan yang dilakukan untuk SPS adalah User-Centered Design Perancangan antarmuka yang melibatkan user. User diajak untuk aktif berpendapat dan bersamasama merancang antarmuka yang diinginkan user. User Design Approach User sendiri yang merancang antarmuka sesuai keinginan. Tetapi hal ini memberatkan bagi pemrograman (mis. Peranti yang tidak mendukung, dll).
8 General Program Aplikasi untuk GPS disebut juga sebagai Public Software. Dimana aplikasi dapat digunakan oleh berbagai user dengan karakteristik yang beragam serta berbagai tingkat kepandaian Purpose software - GPS Kunci utama GPS adalah dengan melakukan : - antarmuka customization - pengaturan desktop - pemilihan warna desktop oleh user
9 Prinsip dan Petunjuk Perancan gan Ada 4 komponen antarmuka user adalah Model User Merupakan model konseptual yang diinginkan user dalam memanipulasi informasi dan proses. Bahasa Perintah Command Language Merupakan bahasa perintah dimana user dengan cepat dapat mengoperasikannnya Umpan Balik Kemampuan sebuah program yang membantu user untuk mengoperasikan program itu sendiri. Penampilan Informasi Digunakan untuk menunjukkan status informasi atau program ketika user melakukan tindakan
10 Langkah-langkah perancang-an antar muka adalah : Peranca- ngan Tampilan 1. Urutan perancangan 2. Perancangan tampilan berbasis teks 3. Perancangan tampilan berbasis grafis 4. Waktu tanggap 5. Penanganan kesalahan
11 Dikerjakan secara top-down. Proses perancangan dapat dikerjakan sebagai berikut : 1. Urutan Perancangan Pemilihan ragam dialog Perancangan struktur dialog Perancangan format pesan Perancangan penangan kesalahan (dengan validasi, proteksi user, pemulihan dari kesalahan dan penampilan pesan kesalahan) Perancangan struktur data
12 Pemilihan ragam dialog dipengaruhi oleh karakteristik populasi pengguna (pengguna Pemilihan Ragam Dialog mula, menengah atau pengguna ahli), tipe dialog yang diperlukan, dan kendala teknologi yang ada untuk mengimplementasikan ragam dialog tersebut
13 Perancangan Struktur Dialog adalah melakukan analisis tugas dan menentukan model pengguna dari tugas tersebut untuk membentuk struktur dialog yang sesuai Pada tahap ini pengguna sebaiknya banyak dilibatkan sehingga pengguna langsung mendapatkan umpanbalik yang berupa diskusi informal maupun prototipe dari dialog yang nantinya akan digunakannya
14 Tata letak tampilan dan keterangan tektual secara terinci harus mendapat perhatian lebih. Perancangan Format Pesan Kebutuhan data masukan yang mengharuskan pengguna untuk memasukkan data ke dalam komputer juga harus dipertimbangkan dari segi efisiensinya Contoh : dengan mengurangi pengetikan yang tidak perlu dengan cara mengefektifkan penggunaan tombol
15 Penanga nan Perancangan Kesalahan Dalam pengoperasian sebuah program aplikasi, tidak dapat dihindarkan adanya kesalahan yang dilakukan oleh pengguna. Untuk menghindari adanya kondisi abnormal termination, yaitu eksekusi program berhenti karena terjadi kesalahan. Bentuk-bentuk penanganan kesalahan yang dapat dilakukan antara lain adalah : Validasi pemasukan data (mis: hrs input >0 tetapi yang diinput <0) Proteksi pengguna (mis: program memberi peringatan ketika pengguna melakukan suatu tindakan secara tidak sengaja) Pemulihan dari kesalahan (tersedianya mekanisme untuk membatalkan tindakan yang baru saja dilakukan) Penampilan pesan salah yang tepat dan sesuai dengan kesalahan yang terjadi
16 Perancangan Struktur Data Harus menentukan struktur data yang dapat digunakan untuk menyajikan dan mendukung fungsionalitas komponenkomponen antarmuka yang diperlukan. Struktur ini harus dipetakan langsung ke dalam model pengguna yang telah dibuat, meskipun tingkat kompleksitas antara satu aplikasi dengan aplikasi lain dapat saja berbeda.
17 2. Perancan gan Tampilan Berbasis Teks Pada perancangan tampilan untuk antarmuka berbasis teks, ada 6 faktor yang harus dipertimbangkan agar diperoleh tata letak yang berkualitas tinggi, antara lain : Urutan penyajian Harus disesuaikan dengan model pengguna, apabila tidak dapat dicapai, maka perancang harus membuat semacam kesepakatan dengan calon pengguna tentang urutan tampilan yang akan digunakan Kelonggaran Spaciousness Penyusunan tata letak yang tidak mengindahkan estetika akan mempersulit pengguna dalam melakukan pencarian suatu teks. Teks-teks tertentu harus ditempatkan dalam posisi tertentu dengan harapan ia dapat langsung memusatkan perhatian pengguna
18 2. Perancan gan Tampilan Berbasis Teks Pada perancangan tampilan untuk antarmuka berbasis teks, ada 6 faktor yang harus dipertimbangkan agar diperoleh tata letak yang berkualitas tinggi, antara lain : Pengelompokan Data yang saling berkaitan sebaiknya dikelompokkan untuk mempermudah penstrukturan layar tampilan secara keseluruhan Relevansi Tampilkan hanya pesan-pesan yang relevan dengan topik yang sedang ditampilkan pada layar Konsistensi Dalam sistem berbasis frame, pengguna dihadapkan pada sejumlah tampilan yang penuh dengan informasi. Perancang harus konsisten dalam menggunakan ruang tampilan Kesederhanaan Cara paling mudah untuk menyajikan aras informasi yang dapat dipahami dengan cepat oleh pengguna
19 Contoh tata Letak Tekstual
20 3. Perancan gan Tampilan Berbasis Grafis Ada 5 faktor yang harus diperhatikan pada saat merancang antarmuka berbasis grafis Ilusi pada obyek-obyek yang dapat dimanipulasi. Harus melibatkan 3 komponen : Gunakan kumpulan obyek yang sesuai dengan aplikasi, jika belum ada dikembangkan sendiri Penampilan obyek-obyek harus dilakukan dengan keyakinan agar mudah dimengerti oleh pengguna Gunakan mekanisme yang konsisten untuk memanipulasi obyek yang akan muncul dilayar Urutan visual dan fokus pengguna Antarmuka grafis dapat digunakan untuk menarik perhatian pengguna dengan membat suatu obyek berkedip/menggunakan warna tertentu/animasi Gunakanlah rangsangan visual tertentu untuk maksud tertentu
21 3. Perancan gan Tampilan Berbasis Grafis Ada 5 faktor yang harus diperhatikan pada saat merancang antarmuka berbasis grafis Struktur internal Merupakan suatu tanda khusus yang digunakan untuk menunjukkan adanya perbedaan Khusus pada obyek-obyek yang dapat dimanipulasi perancang harus memberikan struktur internal dalam bentuk yang berbeda dengan yang digunakan pada dokumen tekstual Kosakata grafis yang konsisten dan sesuai Penggunaan simbol-simbol obyek/icon, tidak ada standar dan biasanya disesuaikan dengan kreatifitas perancang. Kesesuaian dengan media Karakteristik khusus dari layar tampilan yang digunakan akan mempunyai pengaruh yang besat terhadap keindahan antarmuka yang akan ditampilkan.
22 4. Waktu Tanggap Keinginan user agar program aplikasinya memberikan waktu tanggap yang sependek-pendeknya Waktu tanggap > 14 detik merupakan waktu tanggap yang lama Waktu tanggap < 2 detik merupakan waktu tanggap yang cukup memadai
23 5. Penangan an Kesalahan Ada 2 macam kesalahan, antara lain Kesalahan sintaksis, yaitu kesalahan pada saat program dikompilasi (compiletime error). Sebelum kesalahan itu dibetulkan, program tidak akan dapat dioperasikan. Kesalahan logika, yaitu kesalahan pada saat program sedang dijalankan (runtime error). Kesalahanini akan mengakibatkan terhentinya eksekusi program secara abnormal. Penyebabnya adalah dari user atau pada saat proses program aplikasi di eksekusi
24 Peranti Bantu sederhana Perancang seharusnya membuat dokumentasi akan bentuk-bentuk tampilan yang akan diimplementasikan Peranti bantu sederhana yang dapat digunakan untuk mendokumentasikan wajah antarmuka yang diinginkan. Peranti bantu yang akan dijelaskan hanya berbentuk lembaran kertas Lembaran kertas yang dimaksud diberi nama dengan Lembar Kerja Tampilan/screen design work sheet (LKT)
25 Peranti Bantu sederhana LKT (lembar kerja tampilan) terdiri dari : Nomor lembar kerja Tampilan (berisi sketsa tampilan yang akan muncul di layar) Navigator (menjelaskan kapan tampilan akan muncul) Keterangan (penjelasan singkat tentang attribut tampilan)
26 Peranti Bantu sederhana
27 Lembar Kerja Tampilan Bidang Studi
28 Merupakan program aplikasi yang memungkinkan user dapat berdialog dengan komputer. Jaring Semantik Tampilan Ada 2 komponen jaringan sematik tampilan, yaitu : 1. Nomor tampilan (lembar kerja) 2. Transisi yang menyebabkan perpindahan ke tampilan yang lain
29 Jaring Semantik Tampilan
Perancangan Tampilan. Tampilan
Pertemuan 09 Perancangan Peranca- ngan Kriteria yang terpenting dari sebuah antarmuka adalah tampilan yang menarik Seorang pengguna, biasanya tertarik untuk mencoba sebuah program aplikasi dengan terlebih
Lebih terperinciJenis program aplikasi: Special purpose software General purpose software
Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik Yang harus dimiliki oleh perancang tampilan: Jiwa seni yang memadai Mengetahui selera user secara umum Seorang perancang tampilan
Lebih terperinciPerancangan Tampilan (Design)
Perancangan Tampilan (Design) Pengantar Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik. Seorang pengguna, apalagi pengguna baru, biasanya tertarik untuk mncoba sebuah program
Lebih terperinciCinta pada pandangan pertama Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik
Perancangan Tampilan Pendahuluan Cinta pada pandangan pertama Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik Yang harus dimiliki oleh perancang tampilan: Jiwa seni yang
Lebih terperinciBAB 6 Design Interface (Perancangan Tampilan)
BAB 6 Design Interface (Perancangan Tampilan) 1. Cara Pendekatan Terdapat 2 pendekatan dalam merancang tampilan yaitu : a. User centered design approach.: program aplikasi untuk keperluan khusus(special
Lebih terperinciPerancangan Tampilan
Perancangan Tampilan Pendahuluan Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik Yang harus dimiliki oleh perancang tampilan: Jiwa seni yang memadai Mengetahui selera user
Lebih terperinciPerancangan Tampilan (Design)
Perancangan Tampilan (Design) Pengantar Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik. Seorang pengguna, apalagi pengguna baru, biasanya tertarik untuk mncoba sebuah program
Lebih terperinciBAB 6 Design Interface (Perancangan Tampilan)
BAB 6 Design Interface (Perancangan Tampilan) 1. Cara Pendekatan Terdapat 2 pendekatan dalam merancang tampilan yaitu : a. User centered design approach.: program aplikasi untuk keperluan khusus(special
Lebih terperinciInteraksi Manusia dan Komputer
Pertemuan 05 Interaksi Manusia dan Komputer Desain Oleh : ANISYA, M.KOM Teknik Informatika Fakultas Teknologi Informatika ITP 2013 CopyRight Anisya - All Rights Reserved 1 SUB TOPIK Tujuan dari Desain
Lebih terperinciHUMAN COMPUTER INTERACTION
A HUMAN COMPUTER INTERACTION DISUSUN OLEH : 1. ANDRI PUTRO PAMUNGKAS 43E57006135012 Perancangan Perancangan Tampilan Tampilan 4. 4. Pendahuluan Pendahuluan 4.1 4.1CARA CARAPENDEKATAN PENDEKATAN 4.2 4.2PRINSIP
Lebih terperinciDesain Interaktif. Interaksi Manusia dan Komputer. Oky Dwi Nurhayati, ST, MT
Desain Interaktif Interaksi Manusia dan Komputer Oky Dwi Nurhayati, ST, MT email: okydn@undip.ac.id Isi materi a. Pendahuluan b. Kontrol dan Tampilan c. Rancangan Tampilan Pendahuluan Untuk merancang suatu
Lebih terperinciDesign Interface (Perancangan Tampilan)
Design Interface (Perancangan Tampilan) Salah satu kriteria penting dari sebuah antarmuka adalah tampilan yang menarik. Seorang pengguna, apalagi pengguna baru, biasanya tertarik untuk mncoba sebuah program
Lebih terperinciBAB 4. Interaksi Manusia dan Komputer Perancangan Tampilan 23
BAB 4 PERANCANGAN TAMPILAN - CARA PENDEKATAN, PRINSIP DAN PETUNJUK PERANCANGAN - URUTAN PERANCANGAN TAMPILAN (BERBASIS TEKS DAN BERBASIS GRAFIS) - WAKTU TANGGAP DAN PENANGANAN KESALAHAN - PIRANTI BANTU
Lebih terperinci4. Bahasa pemrograman dibawah ini yang masih berbentuk teks hasil outputnya adalah : a. Delphi b. Visual Basic b. Pascal d.
Pertemuan 1 : Interaksi manusia dan Komputer 1. Media yang memungkinkan manusia berinteraksi dengan komputer untuk memberikan suatu perintah kepada komputer adalah definisi dari : a. Program b. Aplikasi
Lebih terperinciModel Interaksi Manusia dengan Komputer. model interaksi antara manusia dan komputer (ragam dialog/antarmuka)
Model Interaksi Manusia dengan Komputer Pemrograman Visual (TH22012 ) by Kartika Firdausy 081.328.718.768 kartikaf@indosat.net.id kartika@ee.uad.ac.id blog.uad.ac.id/kartikaf kartikaf.wordpress.com Tujuan
Lebih terperinciInteraksi Manusia dan Komputer MODEL INTERAKSI MANUSIA KOMPUTER
Interaksi Manusia dan Komputer MODEL INTERAKSI MANUSIA KOMPUTER Tujuan Mengetahui karakteristik/sifat umum dari model interaksi antara manusia dan komputer (ragam dialog/antarmuka) Mengetahui model-model
Lebih terperinci2. Bagian yang berfungsi menghasilkan informasi berdasarkan pengolahan data yang sudah dimasukan oleh pengguna lewat algoritma adalah definisi dari: a
1. Media yang memungkinkan manusia berinteraksi dengan komputer untuk memberikan suatu perintah kepada komputer adalah definisi dari : a. Program d. Komputer b. Aplikasi e. Salah Semua c. Interface 2.
Lebih terperinciPertemuan 3 RAGAM DIALOG
Pertemuan 3 RAGAM DIALOG Ragam dialog (Dialoque Style) : Cara yang digunakan untuk mengorganisasikan berbagai tehnik dialog Beberapa Sifat setiap Ragam Dialog : a. Inisiatif Pengguna memberikan tanggapan
Lebih terperinciHuman - Computer Interaction. Desain Tampilan. Copyright 1999 all rights reserved
Human - Computer Interaction Desain Tampilan Karakteristik Kriteria yang penting dari sebuah UI adalah tampilan yang menarik Desainer UI : harus punya jiwa seni, selera pengguna dan dapat meyakinkan programer
Lebih terperinciS2 Teknik Informatika Universitas AMIKOM Yogyakarta Tahun Akademik 2016/2017 Semester Genap. Prof. Dr. Ema Utami, S.Si, M.Kom
S2 Teknik Informatika Universitas AMIKOM Yogyakarta Tahun Akademik 2016/2017 Semester Genap Prof. Dr. Ema Utami, S.Si, M.Kom Jenis program aplikasi 1. Special purpose software 2. General purpose software
Lebih terperinciRAGAM DIALOG. Ragam Dialog (Dialogue Style) adalah cara yang digunakan untuk mengorganisasikan berbagai tehnik dialog.
RAGAM DIALOG Ragam Dialog (Dialogue Style) adalah cara yang digunakan untuk mengorganisasikan berbagai tehnik dialog. Inisiatif merupakan sifat dasar dari sembarang dialog, karena inisiatif akan menentukan
Lebih terperinciSoal Pra UTS IMK. 3.Media bentuk sederhana dialog antara manusia dan komputer yang kurang menarik karena berisi teks adalah adalah : c.
Soal Pra UTS IMK 1.Media yang memungkinkan manusia berinteraksi dengan komputer untuk memberikan suatu perintah kepada komputer adalah definisi dari : a. Program d. Komputer b. Aplikasi e. Salah Semua
Lebih terperinciPertemuan 1 PENGENA N L A A L N A I M I K
Pertemuan 1 PENGENALAN IMK Mata kuliah : Interaksi Manusia dan Komputer Semester : III Jurusan : Manajemen Informatika Sks : 3 sks CAPAIAN PEMBELAJARAN : Mampu menyelesaikan masalah dengan menghasilkan
Lebih terperinciLATAR BELAKANG IMK. Komputer mempunyai prinsip : Input Proses Output
PENDAHULUAN LATAR BELAKANG IMK Manusia ( user ) ingin bisa mengoperasikan komputer meskipun awam dengan komputer itu sendiri. Manusia biasanya tidak tahu menahu dengan proses yang terjadi dalam sistem
Lebih terperinciPertemuan 5 PEDOMAN, PRINSIP DAN TEORI SISTEM INTERAKSI
Pertemuan 5 PEDOMAN, PRINSIP DAN TEORI SISTEM INTERAKSI Materi Pembahasan 1. Pedoman 2. Prinsip 3. Teori 4. Model Antarmuka Obyek dan Aksi 1. Pedoman Menggunakan bermacam bahasa Penggunaan yang baik Kritik
Lebih terperinciPerincian Nilai Genap 2014/2015
Warna dan Semantik Perincian Nilai Genap 2014/2015 dosen.it2011@gmail.com UAS = 20% UTS = 15% Presentasi = 10 % Absen = 5 % Softcopy Presentasi =10% Softcopy Terjemahan = 10% Penilaian Sejawat = 15 % Tugas
Lebih terperinciBAB III METODE PENELITIAN. pengembangan (Research and Development). Menurut Sugiyono, (2011)
BAB III METODE PENELITIAN 3.1 Jenis Penelitian Jenis penelitian yang digunakan adalah jenis penelitian dan pengembangan (Research and Development). Menurut Sugiyono, (2011) metode penelitian dan pengembangan
Lebih terperinciRAGAM DIALOG. Oleh: Muhamad Alif, S.Kom
RAGAM DIALOG Oleh: Muhamad Alif, S.Kom DIALOG MANUSIA- KOMPUTER Pengertian dialog: Umum, dialog adalah proses komunikasi antara 2 atau lebih agen, dalam dialog makna harus dipertimbangkan agar memenuhi
Lebih terperinciA. Spesifikasi Perangkat Lunak
A. Spesifikasi Perangkat Lunak Perangkat lunak merupakan otomasi dari proses bisnis pada sebuah organisasi, untuk menghasilkan operasi bisnis (organisasi) yang efektif (akurat) dan efisien (cepat dan murah).
Lebih terperinciPertemuan 6 GAYA INTERAKSI DAN PERANGKAT INTERAKSI #1
Pertemuan 6 GAYA INTERAKSI DAN PERANGKAT INTERAKSI #1 Materi yang akan di bahas: Bebagai gaya dasar (sistem perintah, sistem menu, form) Teknik manipulasi Bahasa alami Obyek dan sumber daya dialog (sistem
Lebih terperinciBAB III ANALISIS TUGAS
BAB III ANALISIS TUGAS 3.1. ANALISA TUGAS a. Analisis tugas (Task Analysis) = suatu metode untuk menganalisis pekerjaan manusia, apa yang dikerjakan, dengan apa mereka bekerja, dan apa yang harus mereka
Lebih terperinciPRINSIP UTAMA MENDESAIN ANTARMUKA (INTERFACE)
PRINSIP UTAMA MENDESAIN ANTARMUKA (INTERFACE) Berikut ini beberapa hal yang menjadi prinsip utama mendesain antarmuka yang baik dengan memperhatikan karakteristik manusia & komputer : 1. User compatibility
Lebih terperinciBAB 3 Ragam Dialog (dialoque style) Interaksi Manusia & Komputer
BAB 3 Ragam Dialog (dialoque style) 1 Definisi 2 Sederhana adalah cara yang digunakan untuk mengorganisasikan berbagai teknik dialog Umum, dialog adalah proses komunikasi antara 2 atau lebih agen, dalam
Lebih terperinciDialog Manusia- Komputer Pengertian dialog: Umum, dialog adalah proses komunikasi antara 2 atau lebih agen, dalam dialog makna harus
Dialog Manusia- Komputer Pengertian dialog: Umum, dialog adalah proses komunikasi antara 2 atau lebih agen, dalam dialog makna harus dipertimbangkan agar memenuhi kaidah semantis dan pragmatis IMK, dialog
Lebih terperinciPerincian Nilai Genap 2015/2016
Warna dan Semantik Perincian Nilai Genap 2015/2016 dosen.it2011@gmail.com UAS = 26% UTS = 5% Presentasi = 25% Absen = 5 % Softcopy Presentasi = 5 % Softcopy Terjemahan = 5 % Penilaian Sejawat = 5 % Tugas
Lebih terperinciBAB II TINJAUAN PUSTAKA
BAB II TINJAUAN PUSTAKA II.1. Multimedia Multimedia, ditinjau dari bahasanya, terdiri dari 2 kata, yaitu multi dan media. Multi memiliki arti banyak atau lebih dari satu. Sedangkan media merupakan bentuk
Lebih terperinci# $ % &' ( & &' (& " # ) &* ( & (+(, "
BAB IV ANTAR MUKA MANUSIA DAN KOMPUTER Prinsip kerja dalam dalam sebuah sistem komputer adalah masukan, proses dan keluaran (input, proses, output). Kepada komputer kita memberikan data masukan (angka
Lebih terperinciRAGAM DIALOG KULIAH III
RAGAM DIALOG KULIAH III http://iwankuliah.wordpress.com DIALOG MANUSIA- KOMPUTER Pengertian dialog: Umum, dialog adalah proses komunikasi antara 2 atau lebih agen, dalam dialog makna harus dipertimbangkan
Lebih terperinciPertemuan 3 RAGAM DIALOG 4/20/2013. Indah Purwandani, M.Kom - BSI Bogor 1. Ragam dialog (Dialoque Style) :
Pertemuan 3 RAGAM DIALOG Ragam dialog (Dialoque Style) : Cara yang digunakan untuk mengorganisasikan berbagai tehnik dialog KARAKTERISTIK / SIFAT RAGAM DIALOG a.inisiatif b.keluwesan c.kompleksitas d.kekuatan
Lebih terperinciVisual Basic (VB) Tatik yuniati. Abstrak.
Visual Basic (VB) Tatik yuniati Tatikyuniati10@yahoo.co.id Abstrak Visual Basic adalah generasi ketiga -event bahasa pemrograman dan lingkungan pengembangan terpadu (IDE) dari Microsoft untuk perusahaan
Lebih terperinciBAB III METODOLOGI. III.1 Acuan Pengembangan Program
BAB III METODOLOGI III.1 Acuan Pengembangan Program Pengembangan program komputer ESC-2 mengikuti beberapa acuan pengembangan. Langkah pertama adalah evaluasi dan pengembangan basis pengetahuan program
Lebih terperinciRagam Dialog. Kuliah III. Mohon Selama Perkuliahan, Tidak Menjadi Manusia Multitasking!!!
Ragam Dialog Kuliah III Mohon Selama Perkuliahan, Tidak Menjadi Manusia Multitasking!!! 1 Dialog Manusia komputer Pengertian dialog: Umum, dialog adalah proses komunikasi antara 2 atau lebih agen, dalam
Lebih terperinciDIALOG DESAIN. 2. Sintaksis - Yaitu urutan dan struktur dari input dan output. - Pada bahasa manusia, ekuivalen dengan grammar suatu kalimat.
DIALOG DESAIN Dialog dalam arti umum adalah percakapan antara dua kelompok atau lebih. Sedangkan dialog dalam konteks perencanaan user interface adalah struktur dari percakapan antara user dan sistem komputer.
Lebih terperinciBAB 1. Interaksi Manusia dan Komputer Pemahaman IMK 1
BAB 1 PEMAHAMAN INTERAKSI MANUSIA DAN KOMPUTER - PENDAHULUAN - ANTAR MUKA MANUSIA DAN KOMPUTER - BIDANG STUDI YANG TERKAIT - PIRANTI BANTU PENGEMBANGAN SISTEM Interaksi Manusia dan Komputer Pemahaman IMK
Lebih terperinciTeori, Prinsip, dan Pedoman. Interaksi Manusia dan Komputer Sesi 2
Teori, Prinsip, dan Pedoman Interaksi Manusia dan Komputer Sesi 2 Pendahuluan Panduan bagi perancang tersedia dalam bentuk: Teori-teori tingkat tinggi sebagai kerangka kerja atau bahasa untuk membahas
Lebih terperinciBAB 3 RAGAM DIALOG - RAGAM DIALOG INTERAKTIF. Interaksi Manusia dan Komputer Ragam Dialog 14
BAB 3 RAGAM DIALOG - RAGAM DIALOG INTERAKTIF Interaksi Manusia dan Komputer Ragam Dialog 14 BAB 3 RAGAM DIALOG Berbagai teknik dialog interaktif memungkinkan terjadinya komunikasi antara manusia dan komputer.
Lebih terperinciPertemuan 1 PENGENALAN IMK
Pertemuan 1 PENGENALAN IMK Berapa banyak produk interaktif yang ada di penggunaan sehari hari? Berpikir sejenak tentang apa yang anda gunakan seharihari : ponsel, komputer, organizer pribadi, remote control,
Lebih terperinci23/09/2012. Materi 4 Interaksi Manusia dan Komputer
Materi 4 Interaksi Manusia dan Komputer Ragam interaksi merujuk kepada semua cara yang digunakan untuk pengguna untuk dapat berinteraksi dengan sistem komputer. Ragam interaksi didasarkan pada pola perilaku
Lebih terperinciBAB III ANALISA DAN PERANCANGAN
BAB III ANALISA DAN PERANCANGAN III.1. Analisis Masalah Proses analisa sistem merupakan langkah kedua pada pengembangan sistem. Analisa sistem dilakukan untuk memahami informasi-informasi yang didapat
Lebih terperinciPertemuan 3 : Gaya Interaksi. Adiyuda Prayitna
Pertemuan 3 : Gaya Interaksi Adiyuda Prayitna Arah dan Tujuan Pada bab ini akan di singgung mengenai beberapa faktor yang akan menjadi pertimbangan dalam pemilihan gaya interaksi. Di harapkan ke depan
Lebih terperinciAnalisis Dan Perancangan Sistem ( Systems Analysis And Design)
BAB 12 DESIGN INPUT Tujuan Perancangan Input : Kualitas sistem input menentukan kualitas sistem outputnya. Bentuk formulir input tampilan layar, dokumen-dokumen jaringan interaktif berdasrkan hubungan
Lebih terperinciBAB III ANALISIS MASALAH DAN RANCANGAN PROGRAM
BAB III ANALISIS MASALAH DAN RANCANGAN PROGRAM III.1. Analisis Masalah Pemampatan data menggambarkan suatu sumber data digital seperti file gambar, teks, suara dengan jumlah bit yang sedikit yang bertujuan
Lebih terperinciPertemuan 11 METODE DESAIN (2)
Pertemuan 11 METODE DESAIN (2) Pokok Bahasan dalam RPL : Desain Interface Desain Interface Manusia Mesin Desain Prosedural Coding Buku Referensi : Pressman, RS., 2008, Software Engineering: A Practitioner
Lebih terperincisistem penjendelaan sering disebut juga dengan sistem antarmuka yang memungkinkan pengguna untuk menampilkan berbagai informasi baik sendiri-sendiri
SISTEM PENJEDELAAN Secara umum yang disebut dengan jendela (window) adalah bagian dari layar yang digunakan untuk menampilkan suatu informasi. Informasi disini dapat berupa informasi tekstual maupun grafis
Lebih terperinci16/09/2013. Materi 4 Interaksi Manusia dan Komputer
Materi 4 Interaksi Manusia dan Komputer Olivia Kembuan, S.Kom, M.Eng PTIK-UNIMA 2013 1 1 Ragam interaksi merujuk kepada semua cara yang digunakan untuk pengguna untuk dapat berinteraksi dengan sistem komputer.
Lebih terperinciTUGAS I KL PERANCANGAN ANTARMUKA PENGGUNA
TUGAS I KL PERANCANGAN ANTARMUKA PENGGUNA NIU : 13/344592/SV/03107 NAMA : Nadia Suliestiyanti KELAS : B2 SOAL Amatilah dua sistem operasi yang berbasis text /command driven dibandingkan dengan sistem operasi
Lebih terperinciDESAIN DAN NOTASI DIALOG. Pertukaran instruksi dan informasi antara user dan sistem komputer Ada dua model NOTASI dialog
DESAIN DAN NOTASI DIALOG NOTASI DIALOG Pertukaran instruksi dan informasi antara user dan sistem komputer Ada dua model NOTASI dialog 1. Diagramatik: flowchart, diagram alir 2. Tekstual: format grammar,
Lebih terperinci11/4/2011. Dalam merancang sebuah antarmuka terdapat beberapa pendekatan User centered design approach & User Design approach
Program aplikasi, pada dasarnya dapat dikelompokkan ke dalam dua kategori besar, yakni : Program aplikasi untuk keperluan khusus dengan pengguna yang khusus pula (special purpose software) & Program aplikasi
Lebih terperinciUser Interface Design
User Interface Design Interaksi Manusia Komputer Human Computer Interaction (HCI) Rekayasa Perangkat Lunak Software Engineering Surya Sumpeno ST MSc Apa itu User Interface? Antarmuka Pengguna Antarmuka
Lebih terperinciMenjelaskan maksud dari arsitektur PL dan kenapa sangat penting.
METODE DESAIN (2) Pokok Bahasan dalam RPL : Desain Interface Desain Interface Manusia Mesin Desain Prosedural Coding Tujuan Metode Desain Menjelaskan maksud dari arsitektur PL dan kenapa sangat penting.
Lebih terperinciBAB 1 PENDAHULUAN. Perangkat lunak adalah istilah umum untuk data yang diformat dan disimpan secara
1 BAB 1 PENDAHULUAN 1.1 Latar Belakang Perangkat lunak adalah istilah umum untuk data yang diformat dan disimpan secara digital, termasuk program komputer, dokumentasinya, dan berbagai informasi yang bisa
Lebih terperinciInterraksi Manusia dan Komputer
Yayasan Perguruan Tinggi Komputer Universitas Putra Indonesia YPTK Padang Fakultas Ilmu Komputer Interraksi Manusia dan Komputer oleh Tery Ade Putra, S. Kom e-mail : teriadeputra_upi@ymail.com FB : Tery
Lebih terperinciINTERAKSI INTERAKSI. Definisi Interaksi. Kerangka Kerja Interaksi 3/21/2018. Output O. System S U User. I Input
INTERAKSI INTERAKSI 1 2 Definisi Interaksi KBBI; Hal saling melakukan aksi, berhubungan, mempengaruhi, antarhubungan. Hubungan antara orang yang satu dan yang lain dengan menggunakan bahasa. Interaksi
Lebih terperinciBAB IV PERANCANGAN SISTEM
BAB IV PERANCANGAN SISTEM 4.1 Perancangan sistem Pada bagian ini akan dijelaskan beberapa tahapan untuk membuat sebuah aplikasi mulai dari alur aplikasi, perancangan antar muka, perancangan arsitektural,
Lebih terperinciBAB I PERSYARATAN PRODUK
BAB I PERSYARATAN PRODUK 1.1. Pendahuluan Informasi untuk suatu perusahaan peminjaman bus sangatlah penting. Dikarenakan sering adanya keterlambatan datangnya bus ataupun bentroknya jadwal peminjaman sehingga
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Multimedia 2.1.1 Pengertian Multimedia Menurut Vaughan(2011,p1), Multimedia adalah kombinasi teks, gambar, suara, animasi dan video yang disampaikan kepada user melalui komputer.
Lebih terperinciInteraksi Manusia - Komputer
Interaksi Manusia - Komputer Pertemuan ke -2 Antar Muka Manusia Komputer Interaksi Manusia Komputer Peranti Bantu Pengembang Sistem Strategi Pengembangan Antar Muka Prinsip UI 1 Peranti Bantu Pengembang
Lebih terperinciBAB I PENDAHULUAN 1.1 Latar belakang
BAB I PENDAHULUAN 1.1 Latar belakang Pertanian memberikan kontribusi banyak terhadap keberlangsungan hidup masyarakat, terutama kontribusinya sebagai sumber pangan, sumber lapangan pekerjaan bagi sebagian
Lebih terperinciBAB II TINJAUAN PUSTAKA
BAB II TINJAUAN PUSTAKA II.1. Perancangan Untuk membuat tampilan yang menarik memang tidak mudah dilakukan. Seorang perancang tampilan selain harus mempunyai jiwa seni yang memadai, ia juga harus mengerti
Lebih terperinciMenerapkan pembuatan antar muka (User Intreface) pada aplikasi
Menerapkan pembuatan antar muka (User Intreface) pada aplikasi Menerapkan pembuatan antar muka (User Intreface) pada aplikasi Definisi dan Karakteristik Antar Muka ( Interface) Prinsip Perancangan Antar
Lebih terperinciDESAIN GRAFIS. Salah satu kriteria penting dari sebuah antar muka adalah tampilan yang menarik.
1 DESAIN GRAFIS Salah satu kriteria penting dari sebuah antar muka adalah tampilan yang menarik. Perancang tampilan selain harus mempunyai jiwa seni yang memadai, juga harus mengerti selera pengguna secara
Lebih terperinciPENDAHULUAN. Model interaksi. Ergonomi. Gaya interaksi. Konteks. terjemahan antara pengguna dan sistem. karakteristik fisik dari interaksi
INTERAKSI PENDAHULUAN Model interaksi terjemahan antara pengguna dan sistem Ergonomi karakteristik fisik dari interaksi Gaya interaksi sifat pengguna / system dialog Konteks sosial, organisasi, motivasi
Lebih terperinciDanang Wahyu Utomo
danang.wu@dsn.dinus.ac.id 085 725 158 327 Santosa, Insap. Interaksi Manusia dan Komputer. Penerbit Andi. 2010 Dix, Alan, et al. Human Computer Interaction 3th edition Interaksi Ergonomi Gaya interaksi
Lebih terperinciRancang Bangun Aplikasi Manajemen Data Siswa (Studi Kasus SMK Negeri 1 Karawang)
Rancang Bangun Aplikasi Manajemen Data Siswa (Studi Kasus SMK Negeri 1 Karawang) Ahmad Fauzi Fakultas ilmu Komputer, Universitas Singaperbangsa Karawang ahmad.fauzi@staff.unsika.ac.id Abstrak Sekolah memiliki
Lebih terperinciBAB 2 LANDASAN TEORI. Kata komputer berasal dari bahasa Inggris, to compute yang berarti menghitung.
BAB 2 LANDASAN TEORI 2.1 Komputer Kata komputer berasal dari bahasa Inggris, to compute yang berarti menghitung. Beberapa pakar dan peneliti mengartikan komputer sebagai berikut : 1. Menurut Hamacher,
Lebih terperinciBAB IV IMPLEMENTASI DAN PENGUJIAN
BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1. Implementasi Implementasi adalah sebuah tahap dimana analisa dan rancangan yang sudah dibuat sebelumnya dijalankan. Pada tahap ini perangkat keras dan perangkat lunak
Lebih terperinciBAB II LANDASAN TEORI. 2.1 Kegiatan Aplikasi Instrumentasi dan Himpunan Data (Inventarisasi Data
BAB II LANDASAN TEORI 2.1 Kegiatan Aplikasi Instrumentasi dan Himpunan Data (Inventarisasi Data Pribadi) Dalam buku pedoman PLPG BK (2009), disebutkan bahwa aplikasi Instrumentasi yaitu kegiatan mengumpulkan
Lebih terperinciRAGAM DIALOG 08/11/2014
1 RAGAM DIALOG Pendahuluan 2 Interaksi dapat didefinsikan sebagai dialog antar manusia (pengguna) dengan sistem komputer. Setiap aplikasi mempunyai ragam dialog yang berbeda. Ragam dialog harus disesuaikan
Lebih terperinciDibuat Oleh : 1. Andrey ( )
Dibuat Oleh : 1. Andrey (41813120186) FAKULTAS ILMU KOMPUTER PROGRAM STUDI SISTEM INFORMASI UNIVERSITAS MERCU BUANA JAKARTA 2015 Desain Perangkat Lunak Desain perangkat lunak bukan hanya sebuah perancangan
Lebih terperinciSEKOLAH TINGGI MANAJEMEN INFORMATIKA & KOMPUTER JAKARTA STI&K SATUAN ACARA PERKULIAHAN
SEKOLAH TINGGI MANAJEMEN INFORMAA & KOMPUTER JAKARTA STI&K SATUAN ACARA PERKULIAHAN Mata : INTERAKSI MANUSIA DAN KOMPUTER Kode Mata : MI 30 Jurusan / Jenjang : S SISTEM INFORMASI Tujuan Instruksional Umum
Lebih terperinciInteraksi Manusia dan Komputer [Kode Kelas]
Interaksi Manusia dan Komputer [Kode Kelas] [ Chapter 1] Pengantar Interaksi Manusia dan Komputer (IMK) Dedy Alamsyah, S.Kom, M.Kom [NIDN : 0410047807] Definisi IMK ACM SIGCHI [1992] mendefinisikan interaksi
Lebih terperinciBAB III LANDASAN TEORI
BAB III LANDASAN TEORI Landasan teori merupakan panduan untuk menemukan solusi pemecahan masalah yang sedang dihadapi. Pada bab ini akan dikemukakan landasan teori yang terkait dengan permasalahan untuk
Lebih terperinciPemilihan Tipe Windows
Pemilihan Tipe Windows Window 2 Window adalah sebuah area di layar, biasanya berbentuk persegi empat, memiliki batas-batas dan memiliki bagian yang menunjukkan aktivitas komputer atau bagian yang memungkinkan
Lebih terperinciInteraksi Manusia dan Komputer
Pertemuan 1 Interaksi Manusia dan Komputer 13 April 2012 Achmad Basuki Politeknik Elektronika Negeri Surabaya Contents Mengintip Teknologi Masa Depan Interaksi Manusia dan Komputer (IMK) Bidang Studi IMK
Lebih terperinciBAB IV STUDI KASUS 4.1 Rumusan masalah 4.2 Pendekatan masalah
BAB IV STUDI KASUS Dalam bab ini akan dijelaskan mengenai studi kasus yang dikembangkan oleh penulis sebagai implementasi dari hasil eksplorasi yang dilakukan. 4.1 Rumusan masalah Pada bagian rumusan masalah
Lebih terperinciBAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI 2.1 Tinjauan Pustaka Perusahaan Cisco dalam aplikasi buatannya yang berjudul Cisco IT Essentials Virtual
BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI 2.1 Tinjauan Pustaka Perusahaan Cisco dalam aplikasi buatannya yang berjudul Cisco IT Essentials Virtual Desktop (Netacad.com, 2014) adalah aplikasi untuk melakukan
Lebih terperinciUSER INTERFACE DESIGN (UID)
USER INTERFACE DESIGN (UID) Tujuan dari UID adalah merancang interface yang efektif untuk sistem perangkat lunak. Efektif artinya siap digunakan, dan hasilnya sesuai dengan kebutuhan penggunanya. Pengguna
Lebih terperinciBAB II LANDASAN TEORI
BAB II LANDASAN TEORI 2.1 Pengertian Aplikasi Aplikasi dapat diartikan sebagai program komputer yang dibuat untuk menolong manusia dalam melaksanakan tugas tertentu. Aplikasi komputer adalah suatu pekerjaan
Lebih terperincidatanya. Hasil User dapat melanjutkan aktivitas selanjutnya setelah memilih File yang diinginkan. 2. Use Case Menyisipkan Teks Table 4-2 Deskripsi Use
BAB 4. PERANCANGAN Bagian ini menjelaskan perancangan sistem dan antar muka aplikasi 4.1. Perancangan Sistem 4.1.1 Perancangan Pembuatan Sistem (Use Case Diagram) Gambar 4-1 Use Case aplikasi Audio Steganografi
Lebih terperinciREKAYASA PERANGKAT LUNAK. 3 sks Sri Rezeki Candra Nursari reezeki2011.wordpress.com
REKAYASA PERANGKAT LUNAK 3 sks Sri Rezeki Candra Nursari reezeki2011.wordpress.com Referensi Rekayasa Perangkat Lunak Pendekatan Praktisi, Roger S. Pressman, Ph.D, Andi Jogyakarta, 2012 Buku 1 Rekayasa
Lebih terperinciBAB 2 LANDASAN TEORI
BAB 2 LANDASAN TEORI 2.1 Pengertian Komputer Istilah komputer berasal dari bahasa latin computer yang berarti menghitung. Dalam bahasa Inggris komputer berasal dari kata to compute yang artinya menghitung.
Lebih terperinciBAB III ANALISA, KONSEP DAN PERANCANGAN
BAB III ANALISA, KONSEP DAN PERANCANGAN 3.1 Analisa Sistem Tahap analisis merupakan tahapan awal dalam membuat sebuah perangkat lunak dimana penulis menganalisa kebutuhan dasar dari sistem yang akan dibuat.
Lebih terperinciREKAYASA PERANGKAT LUNAK INTERFACE DESIGN. Defri Kurniawan M.Kom
REKAYASA PERANGKAT LUNAK INTERFACE DESIGN Defri Kurniawan M.Kom Content The golden rules User Interface Analysis and Design Interface Analysis Interface Design Step Aturan-aturan Theo Mandel [Man97] menekankan
Lebih terperinciBAB I PENDAHULUAN.
BAB I PENDAHULUAN 1.1 Latar Belakang Di dalam perusahaan atau instansi tentu nya memiliki data yang cukup besar, salah satunya adalah inventory. Suatu kegiatan dalam proses pengolahan data pada suatu gudang
Lebih terperinciInteraksi Manusia dan Komputer
Pertemuan 01 Interaksi Manusia dan Komputer Pendahuluan Oleh : ANISYA, S.KOM Teknik Informatika Fakultas Teknologi Informatika ITP 2013 SUB TOPIK Ruang Lingkup Interaksi Manusia dan Komputer. Pengertian
Lebih terperinciPEMODELAN ANALISIS PL
PEMODELAN ANALISIS PL Aprilia Sulistyohati, S.Kom Jurusan Teknik Informatika Universitas Islam Indonesia Your Logo REKAYASA SISTEM VS REKAYASA PERANGKAT LUNAK Rekayasa sistem berkaitan dengan semua aspek
Lebih terperinciBAHASA PEMROGRAMAN. Merupakan prosedur/tata cara penulisan program.
BAHASA PEMROGRAMAN PROGRAM Kata, ekspresi, pernyataan atau kombinasinya yang disusun dan dirangkai menjadi satu kesatuan prosedur yang berupa urutan langkah untuk menyelesaikan masalah yang diimplementasikan
Lebih terperinciBAB I PENDAHULUAN. 1.1 Latar Belakang Masalah
BAB I PENDAHULUAN 1.1 Latar Belakang Masalah Saat ini perkembangan perangkat telepon telah sampai pada era smartphone. Telepon pada zaman dulu hanya berfungsi sebagai alat komunikasi suara atau pesan saja.
Lebih terperinciBAB 2 LANDASAN TEORI. menjelaskan beberapa prinsip umum sistem antara lain: menghadapi keadaan-keadaan yang berbeda.
BAB 2 LANDASAN TEORI 2.1 Sistem Menurut Hariyanto (2004, p59), sistem adalah kumpulan objek atau elemen yang saling beinteraksi untuk mencapai satu tujuan tertentu. Ia menjelaskan beberapa prinsip umum
Lebih terperinciPengertian Interaksi = komunikasi 2 arah antara manusia (user) dan sistem komputer.
Interaksi manusia dan komputer adalah ilmu yang mempelajari tentang bagaimana mendesain, mengevaluasi, dan mengimplementasikan sistem komputer yang interaktif sehingga dapat digunakan oleh manusia dengan
Lebih terperinci