Anda di halaman 1dari 37

DESIGNING EFFECTIVE

OUTPUT
CHAPTER 11
Kelompok
Sofia Budiwati (1110532090)
Laras Oetari Meidy (1110532089)
Elsie Fahera (1110533041)
Ihsani Mazelfi (1110532105)
LEARNING OBJECTIVES
A. Understand the objectives for effective output design.
B. Relate output content to output methods inside and outside the
organization.
C. Realize how output bias affects users.
D. Design display output.
E. Design dashboards, widgets, and gadgets.
F. Design a Web site for ecommerce.
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
2
A. OUTPUT DESIGN OBJECTIVES

OUTPUT
SOFT COPY
HARD COPY
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
3
A. OUTPUT DESIGN OBJECTIVES
Tujuan Analis Sistem merancang output :

1. Merancang Output untuk memenuhi tujuan yang dimaksudkan.
2. Merancang output agar sesuai dengan pengguna.
3. Memberikan jumlah yang tepat dari output.
4. Memastikan distribusi output mana yang tepat.
5. Memberikan output tepat waktu.
6. Memilih metode output yang tepat.
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
4
B. RELATING OUTPUT CONTENT TO OUTPUT METHOD
Isi output dari sistem informasi harus saling terkait dengan metode output itu
sendiri. Setiap kali merancang output, harus berpikir tentang bagaimana fungsi
mempengaruhi bentuk dan bagaimana tujuan yang dimaksudkan, yang nantinya
akan mempengaruhi metode output yang Anda pilih.


JENIS OUTPUT
INTERNAL
EKSTERNAL
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
5
B. RELATING OUTPUT CONTENT TO OUTPUT
METHOD
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
6
B. RELATING OUTPUT CONTENT TO OUTPUT METHOD
1. Teknologi Output


9/22/2014 ANALISA DAN PERANCANGAN SISTEM
7
B. RELATING OUTPUT CONTENT TO OUTPUT METHOD
PERBANDINGAN METODE OUPUT
TEKNOLOGI OUTPUT
PRINTER
KELEBIHAN
Terjangkau bagi
kebanyakan
perusahaan
Output, lokasi dan
kemampuannya
bersifat fleksibel
Dapat digunakan
dalam jumlah yang
besar
Dapat diandalkan
dengan sedikit waktu
tunggu
KELEMAHAN
Masih membutuhkan
campur tangan
operator
Masalah kompabilitas
dengan software
Membutuhkan
peralatan yang mahal
Kecepatan proses
tergantung model
printer
Tidak ramah lingkungan
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
8
B. RELATING OUTPUT CONTENT TO OUTPUT METHOD
TEKNOLOGI OUTPUT
LAYAR DISPLAY
KELEBIHAN
Bersifat interaktif
dengan pengguna
Bersifat fleksibel untuk
mengubah data
secara langsung
Tenang, atau tidak
bising
Hemat biaya
Kemampuan
memindahkan
database dan file
antar komputer
KELEMAHAN
Memerlukan
pengaturan kabel dan
ruangan
Dokumentansi
kemungkinan masih
butuh dicetak
Output yang berbeda
untuk resolusi layar
yang berbeda
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
9
B. RELATING OUTPUT CONTENT TO OUTPUT METHOD
TEKNOLOGI OUTPUT
VIDEO, AUDIO,
DAN ANIMASI
KELEBIHAN
Menghubungkan
orang-orang yang
berjauhan
Baik digunakan
untuk pengguna
individu
Baik untuk pesan
yang bersifat
sementara
Baik untuk distribusi
secara luas
KELEMAHAN
Membutuhkan
beberapa
perangkat
pendukung
Memiliki aplikasi
terbatas
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
10
B. RELATING OUTPUT CONTENT TO OUTPUT METHOD
TEKNOLOGI
OUTPUT
CD ROOM
dan DVD
KELEBIHAN
Memiliki
kapasitas yang
besar
Memungkinkan
untuk output
berupa
multimedia
KELEMAHAN
Membutuhkan
computer dan
layar untuk
membaca
output
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
11
B. RELATING OUTPUT CONTENT TO OUTPUT METHOD
TEKNOLOGI
OUTPUT
OUTPUT
ELEKTRONIK
KELEBIHAN
Mengurangi
penggunan
kertas
Dapat diperbarui
dengan mudah
Dapat disiarkan
Dapat dibuat
interaktif
KELEMAHAN
Membutuhkan
pemeliharaan
rutin
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
12
B. RELATING OUTPUT CONTENT TO OUTPUT METHOD
2. Faktor-faktor yang dipertimbangkan ketika memilih output teknologi

1. Siapa yang akan menggunakan (melihat) output (kualitas yang diperlukan)?
2. Seberapa banyak orang yang membutuhkan output?
3. Dimana output dibutuhkan?
4. Apa tujuan dari output? Apa pengguna dan tugas-tugas organisasi yang
didukung?
5. Berapa kecepatan dengan output mana yang dibutuhkan?
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
13
B. RELATING OUTPUT CONTENT TO OUTPUT METHOD
6. Seberapa sering output yang akan diakses?
7. Berapa lama (atau harus) output disimpan?
8. Berdasarkan peraturan khusus apa yang output yang dihasilkan, disimpan,
dan didistribusikan?
9. Berapa biaya awal dan berkelanjutan pemeliharaan dan persediaan?
10. Apa persyaratan manusia dan lingkungan (aksesibilitas, penyerapan
kebisingan, suhu terkontrol, ruang untuk peralatan, kabel, dan kedekatan
dengan pemancar Wi-Fi atau titik-yaitu akses, hot spot) untuk teknologi
keluaran?
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
14
C. MENYADARI BAGAIMANA OUTPUT BIAS
DAPAT MEMPENGARUHI PENGGUNA
Output tidak hanya sebuah produk netral yang kemudian di analisis dan
bertindak kepada para pembuat keputusan. Output akan mempengaruhi
pengguna dalam berbagai cara. Analisis sistem harus menempatkan
pemikiran besar dan peduli dalam merancang output untuk menghindari
bias itu.

9/22/2014 ANALISA DAN PERANCANGAN SISTEM
15
C. MENYADARI BAGAIMANA OUTPUT BIAS DAPAT
MEMPENGARUHI PENGGUNA
1. Mengenali Bias dalam menggunakan Output
Output
bias
Mengurutkan
informasi
Penetapan
batas yang
dapat
diterima
Pemilihan
grafik
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
16
C. MENYADARI BAGAIMANA OUTPUT BIAS DAPAT
MEMPENGARUHI PENGGUNA
Contoh grafik yang menyebabkan informasi bias

9/22/2014 ANALISA DAN PERANCANGAN SISTEM
17
C. MENYADARI BAGAIMANA OUTPUT BIAS DAPAT
MEMPENGARUHI PENGGUNA
2. Menghindari Bias Dalam Desain Output

Menyadari sumber bias
Membuat desain output interaktif
Bekerjasama dengan pengguna
Membuat ouput yang fleksibel
Menggunakan multiple output
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
18
C. MENYADARI BAGAIMANA OUTPUT BIAS
DAPAT MEMPENGARUHI PENGGUNA
3. Mendesain Output Yang Dicetak


Jenis
laporan
Rinci
Lengkap
Pegecualian
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
19
C. MENYADARI BAGAIMANA OUTPUT BIAS
DAPAT MEMPENGARUHI PENGGUNA
4. Pedoman Untuk Desain Laporan Yang Dicetak

Konvensi Desain Laporan
Kualitas Kertas, Jenis Dan Ukuran
Pertimbangan Desain
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
20
C. MENYADARI BAGAIMANA OUTPUT BIAS
DAPAT MEMPENGARUHI PENGGUNA
Contoh laporan output yang dicetak untuk manajer divisi dari grosir makanan.

9/22/2014 ANALISA DAN PERANCANGAN SISTEM
21
C. MENYADARI BAGAIMANA OUTPUT BIAS DAPAT
MEMPENGARUHI PENGGUNA
Atribut laporan lengkap
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
22
(1) judul laporan
(2) nomor
halaman
(3) tanggal
prsiapan
(4) judul kolom
(5)
pengelompokkan
item data yang
terkait
(6) penggunaan
kontrol jeda
D. MERANCANG TAMPILAN OUTPUT
1. Pedoman untuk tampilan desain
a. menjaga tampilan sederhana.
b. menjaga presentasi yang konsisten.
c. memfasilitasi pengguna gerakan antara
output ditampilkan.
d. membuat tampilan yang menarik dan me-
nyenangkan.
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
23
D. MERANCANG TAMPILAN OUTPUT
2. Menggunakan Output grafis

a. tujuan dari grafik
b. jenis data yang harus ditampilkan
c. penonton
d. efek pada para penonton dari berbagai
jenis output grafis
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
24
D. MERANCANG TAMPILAN OUTPUT
3. Dashboard

Dashboard adalah semua tentang mengkomunikasikan pengukuran kepada pengguna.
Seorang eksekutif menggunakan dashboard untuk meninjau langkah-langkah kinerja dan
mengambil tindakan jika informasi pada layar menghendaki itu.
Sebuah dashboard, mirip dengan dashboard dalam mobil, memiliki banyak alat
pengukur yang berbeda. Setiap pengukur dapat menampilkan grafik (mirip dengan
kecepatan dalam mil atau kilometer per jam), permasalahan cahaya (mirip dengan
bahwa cahaya menunjukkan sistem pengereman otomatis tidak berfungsi), atau bahkan
teks (seperti odometer yang hanya menghitung kilometer perjalanan).
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
25
D. MERANCANG TAMPILAN OUTPUT
Contoh dashboard yang menunjukkan bahwa jumlah informasi dapat
dimasukkan cukup pada satu layar.
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
26
D. MERANCANG TAMPILAN OUTPUT
Membuat
desain
dashboard
yang
menarik
dan efektif
1. Pastikan data memiliki konteks.
2. Menampilkan jumlah yang tepat dari rangkuman dan presisi
3. Pilih ukuran kinerja yang tepat untuk ditampilkan.
4. kehadiran data yang cukup.
5. Pilih gaya yang benar dari grafik atau diagram untuk ditampilkan.
6. Gunakan media display yang dirancang dengan baik.
7. Batasi berbagai jenis tipe.
8. Menyorot data yang penting.
9. Mengatur data dalam kelompok yang berarti.
10. Menjaga layar tetap rapi.
11. Menjaga seluruh dashboard pada satu layar.
12. Biarkan fleksibel.
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
27
D. MERANCANG TAMPILAN OUTPUT
4. Widgets dan Gadget-Mengubah Perumpamaan Desktop
Widgets (disebut oleh Yahoo!), Dashboard Widgets (disebut oleh Apple), dan
Gadget (disebut oleh Google dan Microsoft) semua dapat menjadi jenis program
yang mungkin berguna bagi siapa pun yang berinteraksi dengan komputer.
Gadget memungkinkan pengguna untuk melacak paket dan memeriksa jadwal.
Pengguna dapat menempatkan hiburan seperti game, music podcast, dan hobi
pada desktop mereka juga. Widget dan gadget dimiliki ganda, hampir bersifat
paradox.
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
28
E. PERANCANGAN WEBSITE

Dokumen pertama kali ditampilkan di Internet menggunakan protokol http disebut
halaman home page
Istilah Web site digantikan home page, menunjukkan bahwa susunan halaman harus
diatur, terkoordinasi, dirancang, dikembangkan, dan dipelihara dalam sebuah proses
yang teratur. Printing adalah media yang sangat terkontrol, dan analis memiliki ide
yang sangat baik dari apa output akan terlihat.
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
29
E. PERANCANGAN WEBSITE
ISTILAH
WEB
ANJAX
CSS (Cascading style sheet)
DHTML (Dynamic HTML)
FAQ (Frequently Asked Questions)
FTP (File transfer protocol)
GIF (Graphic interchange format)
JAVA
JPEG (Joint Photographic Expert Group)
HTML (Hypertext markup language)
HTTP (Hypertext transfer protocol)
PHP
PLUG-INS
URL (Uniform resource locator)
VB.NET (Visual Basic NET)
WEBMASTER
WMP (Windows media Photo)
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
30
E. PERANCANGAN WEBSITE
1. Pedoman Umum Merancang Web Web
Pedoman
umum
Gunakan Alat Profesional.
Studi Lain Situs Web.
Menggunakan Sumber Yang Memiliki Penawaran Web.
Memeriksa Situs Web Dari Profesional Desainer.
Gunakan Alat Yang Sudah Anda Pelajari.
Konsultasikan Dengan Buku.
Melihat Di Beberapa Contoh Web Halaman Yang Buruk Juga.
Menciptakan Templates Dari Anda Sendiri.
Gunakan Plug-Ins, Audio, Dan Video Karena Sangat Hemat.
Rencana Ke Depan.
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
31
E. PERANCANGAN WEBSITE
Rencana
ke
depan
Struktur
Konten
Teks
Grafik
Gaya
presentasi
Navigasi
Promosi
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
32
E. PERANCANGAN WEBSITE
2. Mempertahankan Situs Web
Sebagai pengembang Web, Anda mungkin juga diminta untuk menjaga dan
memperbarui situs web secara terus-menerus. Ini adalah layanan yang dapat
Anda berikan, dan pembayaran dapat disepakati selama proyek awal
negosiasi kontrak dan proyek penganggaran. Sekarang Anda menyadari
bahwa ada banyak fitur di situs web perusahaan yang stabil, sehingga
membutuhkan pembaruan.
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
33
E. PERANCANGAN WEBSITE
3. Membuat Blog (Web Log)

Unsur-
unsur
wajib
blog
permalink, atau permanen link.
judul atau judul posting.
link utama, yang menghubungkan pembaca ke topik diskusi.
ringkasan opsional.
blog teks atau komentar.
sebuah gambar opsional.
sebuah kutipan blok yang berisi kutipan atau bahan lain dari sumber lain yang memberikan kontribusi
diskusi.
link untuk komentar oleh orang lain.
situs perangkat lunak blog lain, seperti kalender, form pencarian, dan fitur universal.
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
34
F. OUTPUT PRODUKSI DAN XML

Output produksi bervariasi tergantung pada platform yang digunakan untuk
memproduksinya. Ada banyak cara berbeda untuk membuat output, mulai dari
software database sederhana, seperti Microsoft Access, untuk program seperti SAS,
Crystal Reports, dan file Adobe Acrobat PDF ini.
Transformasi gaya bahasa Extensible (XSLT) adalah cara yang lebih kuat untuk
mengubah dokumen XML. Mereka memungkinkan analis untuk memilih unsur-unsur
dan memasukkan mereka ke Halaman Web atau media output yang lain.
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
35
F. OUTPUT PRODUKSI DAN XML
Ajax
Teknik lain, yang disebut Ajax, menggunakan kedua JavaScript dan XML
untuk mendapatkan sejumlah kecil data, teks atau XML, dari server tanpa
meninggalkan halaman web. Ini adalah keuntungan besar karena berarti
bahwa seluruh halaman Web tidak perlu dimuat ulang. Ia bekerja dengan
membiarkan Halaman Web untuk memformat sendiri didasarkan pada pilihan
input pengguna.
Keuntungan menggunakan Ajax untuk menampilkan data adalah bahwa
pengguna tidak harus menunggu untuk Halaman Web baru untuk ditampilkan
setelah membuat pilihan
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
36
SEKIAN
TERIMA KASIH
9/22/2014 ANALISA DAN PERANCANGAN SISTEM
37