Materi Pokok Pert 11 :

Perancangan Keluaran
Tujuan Pembelajaran :
Mahasiswa mempunyai pengetahuan cara mendesain
output pada sebuah aplikasi sistem
Materi :
Konsep dan pedoman merancang output
Kriteria output yang baik
Mendisain output
Tugas kelompok:
Membuat disain output, input dan user interface
 Diskusi pendahuluan
Pertanyaan Pendahuluan
a. Kapan kita merancang output grafis berbentuk
radar chart ? Berikan contohnya
Materi pertemuan 11
Karakteristik
Pengelompokan berdasarkan Pengguna :
Output Internal :
Detailed Report
Summary Report
Exception Report
Eksternal
Turn Around
Output Internal
Detailed report internal output yang berisi
informasi rinci tanpa filtering
Contoh: daftar seluruh pelanggan

Summary report internal output, berisi informasi

yang dikelompokkan biasanya untuk manajer
Jangan terlalu rinci,dilengkapi dengan tampilan
grafis/charts
Contoh : Jumlah pelanggan per wilayah

Exception report internal output yang berisi data

yang disaring, terutama informasi perkecualian.
Contoh : Daftar pelanggan yang menunggak pembayaran
Output Eksternal
External outputs output yang dibuat untuk
pihak luar perusahaan.
Misalnya untuk customers, suppliers, partners, or
regulatory agencies.

Turnaround documents external output

yang akan di re-enter ke dalam sebagai input.
tagihan dan invoices berisi lembaran yang harus
dikembalikan bersamaan pada waktu membayar.
Karakteristik: (Metode ) implementasi output
1. Output tercetak(Printed)
a. Berupa tabel : menyajikan informasi berupa kolom yang
terdiri teks dan angka.
b. Zoned output : menyajikan huruf dan angka pada area
yang tlh ditentukan pada sebuah form atau layar
2. Output melalui layar(screen)
a. Tampilan seperti output tercetak tetapi melalui layar
b. Lebih efektif bila untuk menampilkan graphic,karena
memperlihatkan trend dan relasinya.
3. Point-of-sale terminals : output dari POS untuk
menampilkan transaksi retail konsumen.
Meningkatkan layanan
Karakteristik: (Metode ) implementasi output
4. Multimedia : Informasi ditampilkan dalam teks,
kode, kata-kata digabungkan dnegan grafik dan
gambar animasi
5. E-mail : informasi berebntuk web-enabled.
Menyajikan informasi terbaru dengan cepat bagi
konsumen
6. Hyperlinks : memungkinkan user melihat laporan
atau mencari laporan khusus serta menerima
berbagai detail informasi sesuai yang dinginkannya
7. Microfilm or microfiche : microfiche adalah media
output untuk menampung informasi yang
memerlukan tempat yang besar, sesuai kebutuhan
user
Tipe Grafik (Chart Types)
Line charts : menampilkan satu atau lebih dat serial pada
satu epriode tertentu. Berguna untuk meringkas dan menun
jukkan data pada interval waktu tertentu. Tiap baris satu
kategori data

Area charts mirip seperti lin chart, tetapi lebih fokus pada\
area dibawah baris. Area ini untuk meringkas dan
menunjukkan perubahan data sepanjang waktu. Setiap baris
adalah representasi satu seri atau kategori data.

Bar charts sangat berguna untuk membandingkan

berbagai seri atau kategori data. Setiap bar mewakili satu
seri atau kategori data.

Column charts Seperti bar chart, tetapi berbentuk vertika.

Seri-seri dalam column chart dapat digunkan
membandingkan kategori yang sama pada waktu yang
sama pada waktu atau interval yang berbeda.
Tipe Grafik (Chart Types)
Pie charts menunjukkan hubungan bagian-2 pada satu
keseluruhan. Berguna utk meringkas presentase dari keseluruh
an didalam seri data tunggal

Donut charts seperti pada pie chart; bedanya dapat

menunjukkan banyak seri atau kategori data.Masing-2 sebagai
ring konsentrisnya

Radar charts Berguna untuk membandingkan berbagai aspek

yang berbeda dari lebih satu kategori data. Setiap seri
ditunjukkan dengan bentuk geometris dengan satu titik pusat
data. Seri-data dilletakkan bertumpuk sehingga dapat
dibandingkan.

Scatter charts Berguna untuk menunjukkan hubungan antara

dua atau lebih seri / kategori data yang diukur pada interval
waktu yang tidak tentu. Setiap kategori data dinyatakan dengan
satu point menggunakan warna atau bullet yang berbeda
 Peralatan Desain Output
Printer spacing chart
Spreadsheet
PC Base (mis : Ms Access)
CASE Tools
Report Writer (mis : Crystal report)
Pedoman Desain Output
1. Outputs sederhana dan mudah dimengerti.
Diberi judul (Title).
Diberi hari dan tanggal mencetak.
Diberi judul pada setiap bidang laporan.
Beri label setiap kolom
Beri keterangan setiap legend (catatan).
Hanya berisi informasi yang dibutuhkan.
Output dapat langsung dipakai, tanpa harus diolah lebih
dahulu.
Harus balance (berikan total setiap halaman).
Navigasi yang mudah.
Hilangkan yargon dan messages.
Pedoman Desain Output
2. Ketepatan waktu adalah penting.
Berkaitan dengan implementasinya
3. Distribusi laporan ke semua pihak yang
relevan.
4. Harus dapat diterima oleh semua user.
Systems analyst memahami apa rencana user
terhadap output yang diinginkannya
 Proses merancang Output
1. Identifikasi outputs dan lakukan review dengan
persyaratan logikanya
2. Buat spesifikasi output sesuai pesyaratan.
Tujuan, metode implementasi, frekuensi output dan
jumlah copy
3. Jika mungkin, buatkan rancangan pada preprinted
forms.
4. Desain, lakukan validasi and ujilah outputs
memakai kombinasi dari :
a. Layout tools (mis : spacing charts, CASE tools.
b. Prototyping tools (mis : spreadsheet, PC DBMS, 4GL)
c. Code generating tools (Mis : report writer)
Masalah dalam bentuk(format) desain
Ukuran
Orientasi
Judul Halaman
Legend
Judul Kolom
Alignment
Spasi Kolom
Judul Baris
Format
Control Break
Akhir Laporan
 Masalah dalam bentuk(format) desain
Masalah Petunjuk Desain Contoh
desain
Ukuran Ukuran kertas standar are standard (8" x 11") Not applicable
Halaman and legal (8" x 14").
Orientasi Orientasi halaman adalah lebar dan panjang
kertas saat diputar; Orientasi meliputi
PORTRAIT (8,5 x 11) atau LANDSCAPE(11 x portrait
8,5); Ukuran itu sesuai pemakain perangkat landscape
printer yang ada di pasar sat ini.
Judul Judul harus dimunculkan pada tiap halaman.
Halaman Berisi Judul yang mudah dikenal, tgl dan waktu, JAN 4, 2004
serta nomor halaman. Usahakan Judul
digabungkan dalam satu baris. Page 4 of 8
Oversubscriptions By Course
Legend Legend adalah penjelasan dari singkatan, warna,
REPORT LEGEND
(catatan) kode, yang ada pada laporan. .
SEATS Number of seats in classroom
pada LIM Course Enrollment Limit
report
 Masalah dalam bentuk(format) desain
Masalah Petunjuk Desain Contoh
desain
Judul Sebaiknya jangan terlalu panjang dan Self-explanatory
Column deskriptif. Hilangkan singkatan
Alignment HUbungan antara judul kolom dan isinya NAME
Judul sangat besar pengaruhnya dalam XXXXXXX XXXXXX
AMOUNT
kemudahan membaca. STATUS
X $X.XX

Spasi Jika kolom terlalu dekat, user akan Self explanatory

Column kesulitan membedakan kolom satu dengan
lainnya. Jika terlalu jauh user kesulitan
mengerti deskripsi kolom tsb
Judul Kolom pertama dan kedua harus dianggap STUDENT ID STUDENT NAME
Baris(Row) sbg data identifikasi untuk mebedakan 999-38-8476 Mary Ellen Kukow
setiap baris. Baris ditata berurutan. 999-39-5857 Robert Flynn
Biasanya diurutkan menurut angka/alfabet.
 Masalah
Masalah
dalam
Petunjuk Desain
bentuk(format)
Contoh
desain
desain
Format Simpan data menurut ukuran As stored: As output:
307877262 307-87-7262
karakternya, untuk menghemat 8004445454 (800) 444-5454
space. . 02272004 Feb 27, 2004

Control Setiap kelompok baris digabungkan RANK NAME SALARY

CPT JANEWAY, K 175,000
Breaks dengan arti tertentu secara logis. CPT KIRK, J 225,000
Transisi antar kelompok disebut CPT PICARD, J 200,000
CPT SISKO, B 165,000
control break dan biasanya dikuti CAPTAINS TOTAL 765,000
dnegan subtotal dari kelompok LTC CHAKOTAY 110,000
tersebut OTC DATA 125,000
LTC RICKER, W 140,000
LTC SPOCK, S 155,000
EXEC OFFCR TOTAL 530,000

End of Akhir laporan ditandai dengan jelas

*** END OF REPORT ***
Report untuk meyakinkan pengguna bahwa
mereka telah membuka seluruh
laopran.
Pertimbangan Desain Output Layar
Ukuran
Scrolling
Navigation
Partitioning
Information Hiding
Highlighting
Printing
 Pertimbangan
Pertimbangan Desain Output Layar
Petunjuk mendesain layar
rancangan
Ukuran The designer should consider the lowest common denominator. The default window
size should be less than or equal to the worst resolution display in the user
community.
Scrolling On-line outputs have the advantage of not being limited by the physical page. This
can also be a disadvantage if important information such as column headings scrolls
off the screen. If possible, freeze important headings at the top of a screen.
Navigation Users should always have a sense of where they are in a network of on-line screens.
Users also require the ability to navigate between screens.
Partitioning In Windows, zones are forms within forms. On the Internet, frames are pages within
pages.
Information On-line applications offer capabilities to hide information until it is either needed or
Hiding becomes important. Techniques include drill-down and pop-up dialogue boxes.
Highlighting Highlighting can call users attention to erroneous data, exception data, or specific
problems. Highlighting can also be a distraction if misused.
Printing Always provide users the option to print a permanent copy of the report.
 Penutup
Dari pembahasan materi pert 11 desain output :
Mahasiswa diharapkan mampu membuat
disain output yang baik dengan menggunakan
pedoman perancangan output
(lihat: Diskusi 11 membuat disain output)
 Tugas 11
1. Sebutkan dua klasifikasi output
2. Apa bedanya eksternal dan internal output
3. Sebutkan tiga subklasifikasi internal output
4. Apakah yang dimaksud turnaround
document
5. Buat daftar dan jelaskan media output
6. Identifikasikan 3 jenis tool untuk membuat
prototip output
 Tugas 11
7. Apa yang dimaksud printer format chart ?
8. Buatlah daftar tipe-tipe chart pada output
grafis
9. Identifikasikan empat prinsip dasar desain
output.
10. Jelaskan tahap-tahap dalam desain output
11. Jelaskan apakah hubungan data flow diagram
dengan desain output
 Diskusi 11
Dari kasus Latihan 01 (pert 08, 09, 10) tugas
saudara adalah :
Membuat rancangan output intternal, eksternal dan
turn around document
(lihat lampiran : Latihan 1-04)