Desain dan prototyping input

Post on 18-Jul-2015

538 views 1 download

Transcript of Desain dan prototyping input

Desain dan Prototyping Input

M. Ainul Yaqin

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

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

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

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

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

Aliran data yang buruk

Aliran data yang baik

Contoh desain metafora

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

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

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

spinners• Check list boxes• Check tree boxes

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

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