PERANCANGAN

INPUT SISTEM
INFORMASI
BERBASIS
KOMPUTER
Presented by: Group 7
 ANGGOTA :
DINA AFIFAH

2010533008

ZAHRA SHAFIRA WILLIAM GARCIA

2010531011 2010532003
 ESENTATION OUTLIN
PR E
GOOD FORM INTRANET &
DESIGN INTERNET PAGE
DESIGN

GOOD DISPLAY
& WEB FORMS
DESIGN
 TUJUAN
PERANCANGAN
INPUT
Tujuan perancangan input :
1. Membuat penyelesaian input yang mudah dan efisien
2. Menjamin input akan memenuhi tujuan yang diharapkan
3. Menjamin penyelesaian yang tepat
4. Membuat tampilan layar dan formulir yang menarik
5. Membuat input yang tidak rumit
6. Membuat tampilan layar formulir yang konsisten
GOOD FORM
DESIGN
Terdapat 4 pedoman :
1. BUAT FORMULIR MUDAH DIISI

Tujuannya adalah untuk mengurangi

kesalahan, mempercepat penyelesaian, dan
memudahkan dalam memasukkan data.
Terdapat 3 unsur yang harus diperhatikan :
Aliran formulir (Form flow)
Tujuh bagian formulir (7 sections of a
form)
Keterangan (Captioning)
ALIRAN FORMULIR
Formulir harus mengalir dari kiri kekanan dan dari atas kebawah

TUJUH BAGIAN FORMULIR :

1. Judul
2. Identifikasi dan akses
3. Instruksi
4. Tubuh
5. Tanda tangan dan verfikasi
6. Jumlah
7. Komentar
KETERANGAN
Memudahkan pekerjaan dalam mengisi formulir
Terdapat 6 jenis keterangan yang bisa
dicantumkan dala sebuah formulir :

1. Line Caption
2. Box caption
3. Check off caption
4. Horizontal check off caption
5. Table caption
6. Combination
2. MEMENUHI TUJUAN YANG
DIRANCANG
Formulir dirancang untuk melayani satu atau
lebih tujuan dalam melakukan pencatatan,
pemroresan, penyimpanan, dan pengambilan
informasi untuk bisnis. Analis sistem dapat
menggunakan berbagai jenis formulir khusus
untuk tujuan yang berbeda :
1. Multiple part forms
2. Continuous-feed forms
3. Perforated forms
3. DESAIN FORMULIR HARUS
MEMASTIKAN PENYELESAIAN
YANG AKURAT
Ketika formulir dirancang untuk memastikan
penyelesaian yang akurat, tingkat kesalahan
yang biasanya terkait dengan pengumpulan
data akan terlihat jelas.
4. MENJAGA FORMULIR TETAP
MENARIK

Formulir yang dirancang harus terlihat rapi.

Beberapa hal yang harus diperhatikan agar
formulir terlihat menarik yaitu urutan
informasi, tata letak, jenis font dan bobot
garis, serta memisahkan kategori dengan
subkategorinya
GOOD DISPLAY
AND WEB FORM
DESIGN
1. PEDOMAN TAMPILAN
DESAIN FORMULIR PADA
WEB
TERDAPAT 4 PEDOMAN :

A. Sederhana, terdapat 3 bagian layar formulir :

1) Bagian atas.
2) Bagian Tengah.
3) Bagian komentar dan petunjuk.
B. Konsisten
C. Memfalisitasi pergerakan
D. Menarik dan menyenangkan
2. DESAIN ANTARMUKA
PENGGUNA GRAFIS (GUI)
GUI adalah cara pengguna berinteraksi dengan suatu
perangkat komputer yang digunakan oleh si pengguna
tersebut pada sistem operasi Windows dan Mancintosh

1. Text Boxes
2. Check Boxes
3. Option Buttons
4. List and Drops-Down List Boxes
5. Tab Control Dialog Boxes
6. Slider and Spin Buttons
7. Image Maps
8. Text Areas
9. Message Boxes
10. Command Buttons
3. NILAI DAN KONTROL
FORMULIR
 KONTROL DAPAT
BERUPA :

Dalam formulir terdapat nilai dan

1. Bidang Tersembunyi ( Hidden
kontrol. Nilai formulir biasanya
Fields)
berupa kode sedangkan kontrol
2. Bagan Respon Peristiwa
selalu disertakan dalam antar
(Event-Respons Charts)
muka GUI
4. HALAMAN WEB 3 DIMENSI
Penggunaan halaman web 3 dimensi dapat dilakukan
dengan serangkaian lapisan bertumpuk dalam desain
halaman web. Menggunakan teknik lapisan ini adalah
cara yang efektif untuk membangun situs web karena
tidak memerlukan halaman pop-up
5. AJAX ( JAVASCRIPT DAN
XML ASINKRON )
Ajax adalah cara baru dalam proses kerja web yang
memungkinkan aplikasi web untuk bekerja secara tidak
langsung (asyncronous)

Javascript merupakan bahasa coding

yang kerap digunakan sedangkan XML
( Extensible Markup Language) adalah
varian lain dari bahasa markup.
Javascript dan XML bekerja secara
tidak langsung di dalam Ajax
CONTOH PENGGUNAAN AJAX

1 2 3 4
 INTRANET
DAN
INTERNET
PAGE DESIGN
 FORMULIR INTERNET
Pengisian data akan seragam dan menghemat waktu, biaya, dan tenaga

PANDUAN MEMBUAT FORM INTERNET

DAN INTRANET

MANFAAT PENGISIAN FORM MELALUI

INTERNET
FORMULIR INTRANET & INTERNET

PANDUAN
1. Berikan instruksi yang jelas
2. Mendemonstrasikan urutan
entri yang logis
3. Menggunakan berbagai jenis
kotak, tombol, menu dll
4. Sediakan kotak teks bergulir
5. Siapkan 2 tombol dasar
6. Bagi formulir menjadi
beberapa bagian
7. Buat layar umpan balik
MANFAAT
1. Lebih fleksibel dan hemat
biaya
2. Mewujudkan konsep Go
Green
3. Mendapatkan kritik dan
saran secara prktis
 Contoh

Applikasi Ecommerce
menggunakan
Shopping Chart /
Shopping Bag di
Internet
THANK YOU !
any questions ?