Desain dan prototyping input

14
Desain dan Prototyping Input M. Ainul Yaqin

Transcript of Desain dan prototyping input

Page 1: Desain dan prototyping input

Desain dan Prototyping Input

M. Ainul Yaqin

Page 2: Desain dan prototyping input

Data capture dan data entry

• Data capture : identifikasi dan penambahan data baru– Source document : sebuah form yang

digunakan untuk menyimpan data transaksi

• Data entry : proses mengubah data menjadi format yang dapat dibaca oleh komputer

Page 3: Desain dan prototyping input

Pengolahan data

• Pengolahan data adalah semua pengolahan yang timbul pada data setelah input dari bentuk yang dapat dibaca oleh komputer– Pengolahan batch : metode pengolahan data di mana data

tentang beberapa transaksi dikumpulkan ke dalam sebuah file tunggal lalu diolah

– Pengolahan online : metode pengolahan data di mana data tentang transaksi tunggal diolah secara langsung / segera

– Pengolahan remote batch : metode pengolahan data di mana data dimasukkan secara online, dikumpulkan sebagai suatu batch, dan diolah di kemudian waktu / pada saatnya

Page 4: Desain dan prototyping input

Metode dan implementasi input• Keyboard• Mouse• Touchscreen• Point of sale• Sound and space• Optical mark• Optical character

recognition• Magnetic ink• Electromagnetic

transmission• Smart card• Biometric

Page 5: Desain dan prototyping input

Petunjuk desain input

• Capture hanya data variabel– Bukan data yang dapat di-lookup

• Jangan meng-capture data yang dapat dihitung melalui kalkulasi komputer

• Gunakan kode untuk atribut yang tepat

Page 6: Desain dan prototyping input

Petunjuk desain form / source document

• Cantumkan perintah untuk melengkapi form

• Minimalkan jumlah tulisan tangan

• Data yang dimasukkan harus diurutkan dulu

• Jika memungkinkan, gunakan desain yang berbasis metafora yang sudah dikenal

Page 7: Desain dan prototyping input

Aliran data yang buruk

Page 8: Desain dan prototyping input

Aliran data yang baik

Page 9: Desain dan prototyping input

Contoh desain metafora

Page 10: Desain dan prototyping input

Kontrol internal input

• Jumlah input harus selalu dipantau

• Validasi semua data– Existence check– Data type check– Domain check

– Combination check– Sel-chechking digits– Format check

Page 11: Desain dan prototyping input

Kontrol GUI umum

1. Text Box

2. Radio Button

3. Check Box

4. List Box

5. Dropdown List

6. Combo Box

7. Spin Box

8. Button

Page 12: Desain dan prototyping input

Kontrol advance• Drop down calendars• Slider edit controls• Masked edit controls• Ellipsis controls• Alternate numerical

spinners• Check list boxes• Check tree boxes

Page 13: Desain dan prototyping input

Proses desain input• Mengidentifikasi input sistem dan

memeriksa kebutuhan logis• Memilih kontrol GUI yang sesuai• Mendesain, memvalidasi, dan menguji input

dengan menggunakan kombinasi dari– Peralatan layout– Peralatan prototyping

• Jika perlu, mendesain source document

Page 14: Desain dan prototyping input

Contoh struktur data untuk menentukan kebutuhan logis• ORDER = ORDER NUMBER• + ORDER DATE• + CUSTOMER NUMBER• + CUSTOMER NAME• + CUSTOMER SHIPPING ADDRESS = ADDRESS >• + ( CUSTOMER BILLING ADDRESS = ADDRESS > )• + 1 { PRODUCT NUMBER +• QUANTITY ORDERED } n• + ( DEFAULT CREDIT CARD NUMBER )

• ADDRESS = ( POST OFFICE BOX NUMBER )• + STREET ADDRESS• + CITY• + STATE• + POSTAL ZONE