Dialog Teks dan Pengisian Borang

Presentasi berjudul: "Dialog Teks dan Pengisian Borang"— Transcript presentasi:

1 Dialog Teks dan Pengisian Borang

2 Manipulasi langsung (1)
Shneiderman (1983): Manipulasi langsung adalah ragam dialog yang mempunyai karakteristik: penyajian visual dari obyek yang akan dimanipulasi tindakan fisik sebagai pengganti teks masukan reaksi langsung yang dapat dilihat.

3 Manipulasi langsung (2)
Preece, 1994: kenampakan obyek dan tindakan yang dilakukan pengguna cepat, dapat dibalik/dibatalkan, tindakan meningkat penggantian perintah yang diketik dengan tindakan menunjuk ke obyek yang diinginkan

4 Manipulasi langsung (3)
Definisi lain yang lebih umum: Mengklik dan menggeser obyek pada layar tampilan Definisi di atas hanya menekankan pada tindakan fisik oleh pengguna Istilah ini sering disebut dengan manipulasi visual (Cooper dan Reimann, 2003)

5 Manipulasi langsung (4)
Aspek kognitif: Directness: gagasan tentang arah perasaan yang timbul sebagai hasil dari interaksi dengan antarmuka Aspek dari directness: Jarak antara yang dipikirkan pengguna dengan kebutuhan sistem Keterlibatan secara kualitatif

6 Manipulasi langsung (5)
Manipulasi Program vs Manipulasi Isi Manipulasi program: cara pengguna menggunakan program aplikasi untuk menyelesaikan satu tugas Tidak perlu keahlian khusus Manipulasi isi: lebih merujuk ke data yang diolah oleh program aplikasi tersebut Perlu keahlian khusus atau pelatihan dalam jangka waktu agak lama

7 Manipulasi langsung (6)
Dix et al. (2004): kenampakan obyek yang menjadi perhatian, penggantian bahasa perintah yang rumit dengan suatu tindakan yang memanipulasi obyek yang nampak secara langsung (sehingga disebut dengan manipulasi langsung) tindakan bertahap pada antarmuka dengan umpan balik segera untuk semua tindakan yang diambil, kebenaran sintaksis untuk semua tindakan, sehingga semua tindakan pengguna merupakan langkah yang sah semua tindakan dapat dibatalkan

8 Karakteristik ragam dialog yang baik
Menggunakan urutan dialog yang simple dan alami Menggunakan bahasa user Meminimalkan user memory load Konsisten Menyediakan Feedback Menyediakan shortcuts Menyediakan pesan error yang baik Mencegah errors

9 DIALOG BERBASIS PERINTAH TUNGGAL
Perintah-perintah tunggal yang dapat dioperasikan biasanya tergantung dari sistem komputer yang dipakai, dan berada dalam domain yang disebut bahasa perintah (command language) Bahasa perintah harus dirancang sedemikian rupa shg mudah dipelajari dan diingat oleh kebanyakan pengguna Contoh : Perintah-perintah yang dimiliki oleh DOS dan UNIX

10 DOS Perintah DOS dibagi 2 :
1. Internal Command (tidak memerlukan berkas .EXE dan .COM) CONTOH : C : \>DIR  menampilkan nama berkas yang terdapat pada hardisk C : \>COPY *.DOC A: \NASKAH  perintah membuat salinan semua berkas berpengenal .DOC dari hardisk C ke disket pada pemutar A dan ditempatkan dalam direktori NASKAH.

11 2. External Command (memerlukan berkas. EXE dan
2. External Command (memerlukan berkas .EXE dan .COM) CONTOH : C : \DOS>FORMAT A: /S  perintah untuk memformat disket pada pemutar A sekaligus menyalin sistem ke dalam disket tsb. Perintah ini memerlukan berkas FORMAT.COM C : \DOS>DELTREE C : \NASKAH\SOAL  perintah yang digunakan untuk menghapus direktori SOAL yang berada di dalam direktori NASKAH di dalam hardisk C Perintah ini memerlukan berkas DELTREE.EXE

12 Contoh

13 KEUNTUNGAN DAN KERUGIAN PENGGUNAAN DIALOG BERBASIS PERINTAH TUNGGAL
cepat akurat efisien ringkas luwes inisiatif oleh pengguna memerlukan pelatihan yang lama membutuhkan penggunaan yang teratur beban ingatan yang tinggi Jelek dalam menangani kesalahan

14 Saran untuk meminimalkan kesalahan
Pilihlah kata kunci yang mudah diingat Gunakan format perintah yang konsisten Gunakan untaian kata yang pendek Tambahkan fasilitas (help) Gunakan nilai-nilai default untuk mengurangi kesalahan ketik Sediakan pesan-pesan yang jelas, dan jika masih banyak kesalahan yang muncul Gunakan ragam inisiatif oleh komputer

15 Dialog berbahasa alami
Pada dialog berbasis bahasa alami pengguna menggunakan instruksi-instruksi dalam bahasa alami yang lebih umum sifatnya, pengguna dapat secara bebas memberikan instruksinya dengan kalimat-kalimat yang lebih “manusiawi”. Contoh instruksi bahasa alami : Cetak daftar semua mahasiswa yang mempunyai IP semester lebih besar dari 3,0

16 Atau dalam dialek Turbo Pascal
Bahasa diatas kemudian diterjemahkan ke dalam instruksi yang ekuivalen dengan database sebagai : Select * from IPSEM where ip=> 3.0 Atau dalam dialek Turbo Pascal while not eof (T) do begin readln(T,S) ; if S.IpSem > 3.0 then writeln(S.NamaMahasiswa); end;

17 Keuntungan dan kerugian penggunaan antarmuka berbasis bahasa alami
tidak memerlukan sintaksis khusus luwes dan powerful alamiah merupakan inisiatif campuran mempunyai dualisme bertele-tele opaque (tidak jelas) perancangan perangkat lunak yang rumit tidak efisien

18 Interaksi Berbasis Pengisian Borang (1)
Pengisian borang hampir dilakukan oleh setiap orang sepanjang hidup mereka Antarmuka berbasis pengisian borang adalah jenis antarmuka yang menggunakan metafor borang untuk mengisi data ke komputer

19 Interaksi Berbasis Pengisian Borang (2)
Aspek-aspek IBPB (1): Proteksi tampilan - adanya pembatasan agar pengguna tidak dapat mengakses semua tampilan yang ada di layar. Batasan medan tampilan - medan data dapat ditentukan untuk mempunyai panjang yang tetap atau berubah, menggunakan format bebas atau tertentu. Isi medan - pengguna biasanya mempunyai sejumlah gambar-an tentang isi medan yang diperbolehkan; petunjuk pengisian dapat juga ditampilkan sebagai bagian dari tampilan

20 Interaksi Berbasis Pengisian Borang (3)
Aspek-aspek IBPB (2): Medan opsional - beberapa medan isian dapat bersifat opsional; medan opsional dapat dinyatakan secara tekstual atau menggunakan aturan tertentu seperti penggunaan warna berintensitas rendah, warna tampilan yang berbeda dan lain-lain Default - apakah dalam medan isian dimungkinkan adanya nilai default. Jika ya, tentukan tempatnya, apakah pada bagian yang tidak dapat diakses pengguna ataukah pada bagian masukan data.

21 Interaksi Berbasis Pengisian Borang (4)
Aspek-aspek IBPB (3): Bantuan - adanya bantuan (help) yang menunjukkan cara pengisian borang dapat pula, atau malah sebaliknya, ditambahkan, tetapi harus terpisah dari bentuk dasar borang. Jika terdapat fasilitas bantuan, pengguna perlu dineritahu cara mengakses bantuan tersebut. Medan penghentian - masukan data dalam medan dapat diakhiri dengan jalan menekan tombol Enter atau Return atau mengisi karakter terakhir dengan karakter tertentu, atau de-ngan cara berpindah ke medan lain. Navigasi - kursor dapat digerakkan di sekeliling layar yang menggunakan tombol Tab untuk urutan yang tetap, atau dapat pula digerakkan secara bebas menggunakan piranti seperti mouse.

22 Interaksi Berbasis Pengisian Borang (5)
Aspek-aspek IBPB (4): Pembetulan kesalahan - pengguna dapat membetulkan kesalahan menggunakan tombol BackSpace, dengan menumpang-tindihi isian lama, dengan jelan membersihkan dan mengisi kembali medan tersebut dan lain-lain. Penyelesaian - perlu diperhatikan cara yang digunakan untuk memberitahu pengguna bahwa seluruh proses pengisian telah selesai.

23 Struktur dan Organisasi
Tampilan pada layar yang mencerminkan struktur data masukan yang diperlukan oleh sistem. Kejelasan perancangan dan penyajiannya secara visual pada layar. Derajat kebenaran dan kehandalan penerimaan data masukan oleh program lewat berbagai fasilitas pemasukan data yang ada di dalam borang tersebut.

24 Aspek perancangan dialog berbasis borang (1)
Proteksi tampilan : adanya pembatasan agar pengguna tidak dapat mengakses semua tampilan yang ada dilayar. Batasan medan tampilan : medan data dapat ditentukan untuk mempunyai panjang tetap atau berubah, menggunakan format bebas atau tertentu. Isi medan : pengguna biasanya mempunyai sejumlah gambaran tentang isi medan yang diperbolehkan, Medan opsional : beberapa medan isisan dapat bersifat opsional. Default : adalah dalam medan isisan dimungkinkan adanya nilai default. Jika ya, tentukan tempatnyam apakah pada bagian yang dapat diakses atau badian masukan data.

25 Medan penghentian : masukan data dalam medan dapat diakhiri dengan menekan tombol Enter atau Return atau mengisi karakter terakhir dengan karakter tertentu, atau dengan berpindah ke medan lain. Navigasi : kursor dapat digerakkan di sekililing layar yang menggunakan tombol Tab untuk urutan yang tetap, atau dapat pula digerakkan secara bebas menggunakan mouse. Pembetulan kesalahan : pengguna dapat membetulkan kesalahan menggunakan Backspace, dll. Penyelesaian : perlu diperhatikan cara yang digunakan untuk memberitahu pengguna bahwa seluruh proses pengisian telah selesai.

26 Validasi isian Secara teknis, validasi dapat dilakukan dengan cara sebagai berikut : Setiap kali pengguna selesai mengisi suatu isian , segera tombol Enter ditekan, atau ketika berpindah ke isian berikutnya, validasi isian langsung dilakukan. Proses validasi dilakukan setelah semua isian diisi, segera setelah tombol Enter yang terakhir ditekan, atau isisan yang terakhir diisi, validasi isiam dilakukan untuk semua isian yang ada.

27 Keuntungan dan kerugian
sudah terbiasa dengan pengisian borang isian data yang disederhanakan beban memori rendah strukturnya jelas perancangan yang mudah tersedianya berbagai piranti bantu perancangan tampilan seringkalli lambat memakan ruang layar tidak cocok untuk pemilihan perintah/instruksi Memerlukan pengontrol kursor Mekanisme navigasiny tidak terlihat secara eksplisit Memerlukan suatu bentuk pelatihan

28 contoh