ANALISA & PERANCANGAN SISTEM

Mulyadi, S.Kom, M.S.I

Output Design

System Design ?

System Design terjemahan dari kebutuhan pengguna bisnis menjadi model sistem yang menggambarkan implementasi teknis dari kebutuhan bisnis pengguna

Systems design – spesifikasi dari solusi berbasis komputer terrinci.

Disebut juga physical design

Komponen Desain

Desain Output Desain Input Desain Database User Interface Design

Perancangan Ouput

Output adalah produk dari sistem informasi yang dapat dilihat.

Output dapat terdiri dari berbagai bentuk: hard copy berupa hasil cetak laporan, soft copy berupa layar komputer, audio output.

Sistem analis harus bekerja sama dengan user untuk mendesign output yang memuaskan.

Desain Output

Type Disain Output Internal Output External Output

Internal Outputs15-6

Internal output – output ditujukan untuk pemilik sistem dan pengguna sistem dalam sebuah organisasi.

Detailed report – output internal yang menyajikan informasi dengan sedikit atau tanpa filter/penyaringan Contoh : Daftar Pelanggan

Summary report – output internal yang mengkategorikan informasi untuk para manajer Tidak menampilkan rincian Disertai grafis berupa grafik Contoh : jumlah jumlah pelanggan berdasarkan wilayah

Exception report – Output internal yang menyaring data yang melaporkan pengecualian untuk beberapa kondisi atau standar. Contoh: Sebuah daftar pelanggan dengan rekening tertunggak

Detailed Report15-7

Summary Report15-8

Exception Report15-9

External Outputs15-10

External outputs – suatu keluaran yang diperuntukkan bagi pihak diluar organisasi. Ditujukan bagi pelanggan, pemasok, mitra, atau badan

pengatur kebijakan.

Turnaround documents – suatu eksternal output yang menjadi masukan bagi sistem. Umumnya kuitansi dan faktur merupakan berkas yang

dikembalikan oleh konsumen pada saat pembayaran

External Document15-11

Turnaround Document15-12

Implementation Methods for Outputs15-13

Printed output/output tercetak Output disajikan dalam bentuk tabel Output berupa teks dan angka yang ditempatkan pada

area tertentu Screen output / output pada layar

Output grafis adalah penggunaan grafik bergambar untuk menyampaikan informasi dan menunjukkan tren dan hubungan yang tidak dapat dengan mudah dilihat dalam format tabular.

Point of sale - terminal Multimedia E-mail Hyperlinks Microfilm or microfiche

Teknologi Output

Printer Audio output DVD-Rom, DVD-RW, CD-Rom and CD-RW Electronic Output (E-mail, faxes dan Web pages) dll

Langkah-langkah design output

Menentukan kebutuhan output dari sistem baruOutput yang akan di design dapat ditentukan dari

DFD sistem baru yang telah dibuat. Menentukan parameter dari output.

Parameter output meliputi tipe output, formatnya, media yang digunakan, alat yang digunakan, jumlah tembusannya, distribusinya dan periode output.

Langkah-langkah design layar output

• Menentukan kebutuhan akan laporan tersebut• Menentukan pengguna• Menentukan item – item data yang dimasukkan• Mengestimasi ukuran laporan secara keseluruhan• Judul laporan• Memasukkan tanggal persiapan laporan• Memberi label setiap kolom data secara tepat• Menentukan data- data variabel• Menunjukkan tempat baris – baris kosong yang

digunakan untuk membantu organisasi

Pedoman Perancangan Laporan

• Untuk laporan formal, dibagi menjadi 3 bagian utama, yaitu:▫ Judul laporan ▫ Tubuh laporan ▫ Catatan kaki laporan yang berisi ringkasan, subtotal, atau

grandtotal• Untuk laporan yang penting, gunakanlah kertas yang

berkualitas baik, tidak mudah sobek serta tidak mudah kotor.

• untuk tiap – tiap batas tepi laporan (margin), sebaiknya diberi jarak 2 ½ cm, sehingga bila pinggir laporan tersobek tidak akan mengenai isi laporannya.

Pedoman Perancangan Laporan

Gunakanlah spasi baris yang cukup, sehingga laporan mudah dibaca.

Untuk hal – hal yang ingin ditonjolkan, dapat ditulis dengan huruf besar, tebal atau digaris bawahi.

Gunakanla bentuk huruf cetak yang jelas dan tidak membingungkan serta hindari penggunaan font yang sulit untuk dimengerti.

Pedoman Perancangan Laporan

Jika isi laporan menjelaskan suatu daftar urutan, gunakanlah tanda ”.” atau ”-”. Bila urutannya penting dapat dipergunakan tanda 1, 2, 3 dan seterusnya dan sajikan dalam urutan yang terpenting.

Letakkanlah informasi yang mendetail di lampiran dan gunakanlah penunjuk yang mudah dipahami untuk menjelaskan kepada pemakai laporan letak dari informasi detail tersebut.

Pedoman Perancangan Laporan

Isi laporan harus akurat. Laporan bilamana mungkin harus distandarisasi,

bentuk – bentuk laporan yang selalu berubah akan menyebabkan kebingungan bagi mereka yang menggunakanya.

Laporan harus berguna Biaya pembuatan laporan harus dipertimbangkan.

Pedoman Perancangan Laporan

• Usahakanlah di dalam laporan berisi keterangan – keterangan yang diperlukan yang mungkin akan ditanyakan oleh pemakai laporan bila keterangan – keterangan tersebut tidak ada.

• Laporan untuk tingkat manajemen yang lebih tinggi, sebaiknya lebih tersaring dan untuk tingkat manajemen yang lebih rendah lebih terinci.

• Laporan harus dibuat dan didistribusikan tepat pada waktunya.

• Laporan harus sederhana tetapi jelas.• Laporan harus diungkapkan dalam bentuk dan bahasa

yang mudah dimengerti dan dipahami oleh pemakainya.

ANALISA & PERANCANGAN SISTEM

Mulyadi, S.Kom, M.S.I

Input Design

Data Capture and Data Entry16-23

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 Methods16-24

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 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 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 form yang berguna dan lengkap

• Empat Pedoman dalam mendesain form yang berguna sbb:1. Buatlah formulir yang mudah untuk di isi2. Pastikan formulir tersebut sesuai dengan tujuan

pembuatan formulir tersebut3. Pastikan form yang dirancang dapat diisi dengan

akurat4. Desain form harus menarik.

Automatic Identification: Bar Codes16-28

Alur yang tidak baik16-29

Alur yang baik16-30

Input Komponen

Componen pada Rancangan Input

Componen pada Rancangan Input

Componen pada Rancangan Input

Componen pada Rancangan Input

Componen pada Rancangan Input

Componen pada Rancangan Input

Componen pada Rancangan Input

Componen pada Rancangan Input

•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 :1. Membuat tampilan layar sederhana2. Membuat penyajian tampilan layar yang

konsisten3. Memudahkan pengguna bergerak di antara

layar4. Menciptakan tampilan layar yang menarik

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 dan dari atas ke bawah

- Comments and instructions, yang menampilkan perintah short dan mengingatkan user bagaimana merubah halaman dan fungsi.

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 halaman bisa dilakukan dengan menggunakan hyperlink.

• Minimal terdapat 3 cara untuk berpindah di antara layar yang dikembangkan

- Scrolling- Context-sensitive pop-up

windows- Onscreen dialog

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

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