ANALISA PERANCANGAN SISTEM Input Design Mulyadi S Kom

  • Slides: 26
Download presentation
ANALISA & PERANCANGAN SISTEM Input Design Mulyadi, S. Kom, M. S. I

ANALISA & PERANCANGAN SISTEM Input Design Mulyadi, S. Kom, M. S. I

Data Capture and Data Entry 16 -2 Data capture – identifikasi dan akuisisi data

Data Capture and Data Entry 16 -2 Data capture – identifikasi dan akuisisi data baru (pada sumbernya). Source documents – formulir yang digunakan untuk menyimpan transaksi bisnis menggunakan data dari aktifitas transaksi tersebut. Data entry – Proses menterjemahkan data atau dokumen sumber ke format yang bisa dibaca oleh komputer.

Input Implementation Methods 16 -3 Keyboard Mouse Touch Screen Point-of-sale terminals Sound and speech

Input Implementation Methods 16 -3 Keyboard Mouse Touch Screen Point-of-sale terminals Sound and speech Automatic data capture � Optical mark recognition (OMR) � � � Bar codes Optical character recognition (OCR) Magnetic Ink Electromagnetic transmission Smart cards Biometric

Merancang inputan yg efektif • • Kualitas dari input sistem menentukan kualitas dari output

Merancang inputan yg efektif • • Kualitas dari input sistem menentukan kualitas dari output sistem. Saat merancang, penting dipikirkan hubungan interaktif antara formulir input, layar dan dokumen. Desain formulir input, pada layar dan web untuk pengisian data harus memenuhi sasaran: ▫ Efektif ▫ Akurat ▫ Mudah dipakai ▫ Konsisten ▫ Sederhana ▫ Menarik

Langkah-langkah Desain Input • Langkah – langkah desain input : - Menentukan kebutuhan input

Langkah-langkah Desain Input • Langkah – langkah desain input : - Menentukan kebutuhan input dari sistem baru - Menentukan parameter dari input ▫ Bentuk dari input ▫ Sumber input ▫ Jumlah tembusan ▫ Alat input ▫ Volume input ▫ Periode input

Rancangan Form yang baik • • System Analyst harus mempunyai kemampuan untuk mendesain sebuah

Rancangan Form yang baik • • System Analyst harus mempunyai kemampuan untuk mendesain sebuah form yang berguna dan lengkap Empat Pedoman dalam mendesain form yang berguna sbb: 1. Buatlah formulir yang mudah untuk di isi 2. Pastikan formulir tersebut sesuai dengan tujuan pembuatan formulir tersebut 3. Pastikan form yang dirancang dapat diisi dengan akurat 4. Desain form harus menarik.

16 -7 Automatic Identification: Bar Codes

16 -7 Automatic Identification: Bar Codes

Alur yang tidak baik 16 -8

Alur yang tidak baik 16 -8

Alur yang baik 16 -9

Alur yang baik 16 -9

Input Komponen Single Line Text Box

Input Komponen Single Line Text Box

Componen pada Rancangan Input Multiple Line Text Box

Componen pada Rancangan Input Multiple Line Text Box

Componen pada Rancangan Input Radio Button

Componen pada Rancangan Input Radio Button

Componen pada Rancangan Input Check Box

Componen pada Rancangan Input Check Box

Componen pada Rancangan Input List Box

Componen pada Rancangan Input List Box

Componen pada Rancangan Input Drop Down List Box

Componen pada Rancangan Input Drop Down List Box

Componen pada Rancangan Input Combin ation (Combo ) Box

Componen pada Rancangan Input Combin ation (Combo ) Box

Componen pada Rancangan Input Spin Box

Componen pada Rancangan Input Spin Box

Componen pada Rancangan Input Button

Componen pada Rancangan Input Button

 • DROP DOWN CALENDER CONTROL • SLIDER EDIT CONTROL • MASKED EDIT CONTROL

• DROP DOWN CALENDER CONTROL • SLIDER EDIT CONTROL • MASKED EDIT CONTROL • ELIPSIS INDICATING ADDITIONAL DETAIL • ALTERNATE NUMERIC SPINNER CONTROL • CHECK LIST BOX • CHECK TREE LIST BOX

Perancangan Formulir Elektronik • Empat pedoman perancangan tampilan layar yang penting dalam perancangan elektronik

Perancangan Formulir Elektronik • Empat pedoman perancangan tampilan layar yang penting dalam perancangan elektronik : 1. Membuat tampilan layar sederhana 2. Membuat penyajian tampilan layar yang konsisten 3. Memudahkan pengguna bergerak di antara layar 4. Menciptakan tampilan layar yang menarik

Membuat Tampilan layer Sederhana • • Layar hanya menampilkan aksi yang diperlukan untuk dijalankan,

Membuat Tampilan layer Sederhana • • Layar hanya menampilkan aksi yang diperlukan untuk dijalankan, intinya 50% dari layar harus mengandung informasi yang berguna. Layar dibagi menjadi tiga bagian : Heading, yang mengandung title dari software dan open files, pull-down menus, dan icon yang menjalankan tugas tertentu Body, yang digunakan untuk memasukkan data. Alurnya dari kiri ke kanan dari atas ke bawah Comments and instructions, yang menampilkan perintah short dan mengingatkan user bagaimana merubah halaman

Membuat penyajian tampilan layar yang konsisten Lokasi informasi adalah di tempat yang sama setiap

Membuat penyajian tampilan layar yang konsisten Lokasi informasi adalah di tempat yang sama setiap saat sebuah layar baru diakses.

Memudahkan pengguna bergerak di antara layar • • Pada web pages (halaman website) perpindahan

Memudahkan pengguna bergerak di antara layar • • Pada web pages (halaman website) perpindahan halaman bisa dilakukan dengan menggunakan hyperlink. Minimal terdapat 3 cara untuk berpindah di antara layar yang dikembangkan - Scrolling - Context-sensitive popup windows - Onscreen dialog

Menciptakan tampilan layar yang menarik Jika user melihat tampilan layar menarik, mereka akan lebih

Menciptakan tampilan layar yang menarik Jika user melihat tampilan layar menarik, mereka akan lebih produktif, sedikit supervisi dan hanya membuat sedikit kesalahan saja. Gunakan banyak windows atau hyperlink dari pada memasukkan semuanya ke satu layar saja. Jika tampilannya memang harus kompleks, tebalkan atau pisahkan sub kategorinya untuk membuat perbedaannya.

Gunakan Icon yang berbentuk gambar dan merupakan tampilan berupa simbol dari suatu aksi yang

Gunakan Icon yang berbentuk gambar dan merupakan tampilan berupa simbol dari suatu aksi yang dapat dipilih dengan mouse, keyboard, lightpen atau joystick. Gunakan icon yang sudah standar dan yang sering dipakai. Maksimal icon yang digunakan jangan lebih dari 20 buah

Terima Kasih

Terima Kasih