Designing Effective Input

Nama Kelompok :
• Ayu Sisma Kumala (18312151)
• Vabillahnuriya Mahriachmad (18312243)
• Eka Putri Wahyuning Bintari (18312386)
Masukan (input) merupakan awal dimulainya proses informasi.
bahan mentah dari informasi adalah data yang terjadi dari
transaksi - transaksi.

Desain input terinci dimulai dari desain dokumen dasar sebagai

penangkap input yang pertama kali. Jika dokumen dasar tidak
didasain dengan baik, kemungkinan input yang tercatat dapat salah
bahkan kurang atau berlebihan

Langkah-langkah desain input secara umum adalah menentukan

kebutuhan input dari sistem, menentukan parameter dari input yang
meliputi bentuk input, dokumen dasar atau bentuk isian di alat input,
sumber, alat yang digunakan, volume dan periode.
 3 proses Input data

PENANGKAPAN DATA ( DATA CAPTURE ) PEMASUKAN DATA ( DATA ENTRY )

Merupakan identifikasi dan penambahan data baru,
Data entry merupakan proses mengubah data menjadi
format yang dapat dibaca oleh komputer
PENYIAPAN DATA ( DATA PREPARATION )
proses pengumpulan data, mengkonversikan
data tersebut ke formulir mesin baca, dan
menyimpannya sementara atau
memasukkannya langsung ke unit pengelola
komputer (CPU).

Sebelum melakukan sesuatu yang besar, ada

baiknya kita harus melakukan persiapan terlebih
dahulu. Semakin baik persiapannya, hasilnya juga
akan semakin baik.
M E R A N C A N G F O R M U L I R YA N G B A I K

MEMBUAT MEMASTIKAN MEMBUAT MEMBUAT

FORMULIR BAHWA FORMULIR FORMULIR
MUDAH DIISI FORMULIR YANG YANG
AKAN MEMASTIKAN MENARIK
MEMENUHI PENYELESAIAN
TUJUAN YANG TEPAT
TELAH DIBUAT
 M E R A N C A N G F O R M U L I R YA N G B A I K

CONTOH FORMULIR YANG BAIK CONTOH FORMULIR BANYAK

KESALAHAN
 G O O D D I S P L AY A N D W E B F O R M S
DESIGN

1. MEMBUAT 2. MEMBUAT 3. MEMPERMUDAH 4. MERANCANG TAMPILAN

TAMPILAN TAMPILAN YANG GERAKAN TAMPILAN YANG MENARIK &
SEDERHANA KONSISTEN DAN HALAMAN MENYENANGKAN
Buatlah tampilan Buat penyajian Pemakai harus
layar yang baik untuk tampilan layar yang mampu mendapatkan
menjaga agar sesuai dengan tampilan layar yang
tampilan tetap pengguna. dibutuhkan dalam tiga
sederhana, dengan pencetan mouse atau
cukup menunjukan papan ketik
hal-hal yang
diperlukan saja
 GRAPHICAL USER
I N T E R FA C E D E S I G N

Antarmuka pengguna dengan system operasi

(OS), seperti Window atau Mac OS, melalui
grafis antarmuka pengguna (GUI atau “GOO-
ey”), juga disebut sebagai antarmuka titik dan
klik. Pengguna dapat menggunakan mouse untuk
mengklik objek dan tarik ke posisinya.
Form Controls and Values

Setiap kontrol yang termasuk dalam interface GUI

harus memiliki beberapa cara untuk menyimpan data
yang diasosiasikan dengan kontrol

Hidden Fields

Jenis kontrol lain yang ditemukan pada formulir Web

adalah bidang tersembunyi. Ini tidak terlihat oleh
pengguna, tidak mengambil ruang di halaman web, dan
hanya boleh berisi nama dan nilai.
 E V E N T- R E S P O N S E S C H A RT
Ketika ada interaksi yang rumit pada formulir
Web (atau bentuk GUI lainnya), bagan
event response dapat digunakan untuk
mencantumkan berbagai peristiwa yang dapat
terjadi.

G A M B A R I N I A D A L A H S I T U S W E B YA N G D I G U N A K A N U N T U K M E M P E R K I R A K A N B I AYA T I N G G A L D I A Z U R E I S L E R E S O R T
 A J A X ( A S Y N C H R O N O U S J AVA S C R I P T
AND XML)

Ajax adalah teknik yang berfungsi di browser Web

terbaru. Ini melibatkan penggunaan JavaScript dan
Extensible Markup Language (XML).
THREE DIMENSIONAL WEB
PA G E S

Halaman web dinamis dapat digunakan untuk

menampilkan informasi sementara, seperti
blok informasi bantuan, kalender dengan
tanggal yang dapat diklik digunakan untuk
membantu bidang entri tanggal, kode bandara,
dan informasi lainnya.
Using Color Display in Display Design

Menggunakan warna adalah cara yang menarik dan terbukti

untuk memfasilitasi tugas yang membutuhkan input komputer.

Web Design

Gambar berikut menunjukkan halaman urutan formulir

pengisian yang menunjukkan banyak elemen desain yang baik
untuk Web
Gambar berikut menunjukkan isi keranjang belanja
untuk pelanggan yang melakukan pembelian.