Matakuliah Tahun Versi : M0154 / Management Support Systems : 2005 : 1/1 Pertemuan 21 Mendesain Tampilan Layar 1 Learning Outcomes Pada akhir pertemuan ini : Mahasiswa dapat membuat diagram / skema rancangan layar(user interface) 2 Konsep Dasar SIE Objektif chapter 10 : Ke-khas-an tampilan SIE Kategori tampilan SIE Jenis tampilan SIE Menentukan kegunaan layar Pertimbangan desain layar Standar sistem 3 Merancang Layar EIS Rancangan layar menjadi pengembangan suatu EIS. bagian penting dalam Karena jika desain layar dianggap kurang baik oleh user, misalnya tidak dapat menyediakan informasi yang sesuai kebutuhannya maka sistem akan menghadapi masalah serius atau bahkan tidak akan dimanfaatkan oleh user. Sebaliknya jika layer dapat memberikan persepsi yang mudah digunakan, mudah diakses dengan penyajian yang informative maka EIS akan diapresaiasi dengan baik dan bermanfaat. 4 Keunikan screen EIS • Keseluruhan layar menampilkan beragam fakta • Desain layar dibuat, sehingga eksekutif dapat memilih langsung sebuah informasi tanpa dibatasi oleh rancangan yang tersedia. • Memberi kemudahan bagi eksekutif untuk mengatur layar secara bebas, misalnya melakukan zooming, mengurutkan tampilan, menampilkan dalam satu layar atau di tempat lain. • Personil/user menjadi bagian dari sistem, sehingga ia mengetahui persis letak informasi yang diperlukan oleh user • Tampilan layar harus terlihat menarik, menyenangkan 5 Komponen Screen EIS Layar informasi, yaitu bagian layar yang dirancang untuk menyediakan informasi untuk hal-hal tertentu, misalnya, untuk tanya-jawab (interaktif), menampilkan(view) informasi, mengubah(modify) informasi dsb. Layar system, yaitu bagian layar yang dirancang untuk mengoperasikan system, seperti menu, navigasi, hel-screen. 6 Layar informasi Lokas/Navigasi Menu Pulldown menu Keyword-index Interface E-mail, e-filling, DSS, spreadsheet Pengaktifan printer Cetak ke hardcopy Klarifikasi/ Tutorial Asistensi Help screens Petunjuk operasi 7 Layar sistem Status History Perbandingan Kecenderungan Penjelasan Berita Tampilan visual Soft informasi Acuan Informasi tantang kondisi sesaat Tampilan kinerja yang lalu Membandingkan dua/lebih variabel Kinerja yang lalu, projeksi yad Menjelaskan gambar, tabel, dll Penejlasan berupa teks Diagram , menampilkan output sistem. Gambar/foto memperjelas kejadian Uraian tentang opini,proyeksi, dll Gambar, definisi/kamus, dll 8 Tipe Informasi Screen EIS Teks Idealnya, apa yang dapat ditampilkan melalui cetakan(paper) dapat dilakukan melalui layar, dan dapat dimanipulasi, seperti highlight, garis-bawah, ditandai bahkan di-klip dalam satu file Table Digunakan untuk mengkomunikasikan data. Informasi yang ditampilkan harus konsisten dengan isi tabel Graphic Graphic lebih komunikatif daripada tabel-data, karena dapat memperlihatkan trend dan pola data. Dapat berbentuk : line, bar, pie. Juga pictorial,graph (icon), semi-log, distribusi frekuensi serta grafik khusus Kombinasi Rancangan layar yang berisi overview berupa grafis diikuti dengan tabel data dan diberi simpulan berupa teks 9 Pertimbangan merancang layar • • • • Untuk menentukan tampilan layar, pertimbangannya adalah : Jenis informasi berupa filtering, seleksi, kombinasi atau rangkuman data Bentuk informasi, berupa teks, tabel, grafis atau kombinasinya Menampilkan perubahan data dengan warna, bentuk dan komentar/penjelasan Oleh karena itu diperlukan wawancara dengan eksekutif yang hasilnya digunakan untuk menentukan jenis screen, preferensi dan tampilannya. 10 Pertimbangan Rancangan Layar 1.Executive User Memperoleh tampilan informasi yang paling baik, warna, pencahayaan, teks, grafis, penggunaan font, dll Ganakan prototipe sistem 2.Executive Preferensi user berbeda. User Bagian Keuangan lebih Preference menyukai angka, user Bagian Administrasi/Legal lebih menyukai teks, sedangkan engineer lebih menyukai gambar/grafis dll 3.Alternative Grafik yang ditampilkan berurutan. Design Layar yang menonjolkan (highlight) bagian tertentu. Pengulangan informasi guna memperlihatkan hubungan informasi. Latar belakang layar yang kontras 4.Culture Rancangan disesuaikan dengan pola yang telah ada, misal : informasi untuk stakeholder, laporan industri, dll 11 Pertimbangan Rancangan Layar 1.Executive Sesuaikan rancangan bila ada feedback dari eksekutif. Feedback 2.Design Screen EIS memungkinkan tampilan yang dibuat sendiri oleh eksekutif, berupa teks, grafis atau tabel 3.Feature Setiap vendor menawarkan kelebihan produknya. Gunakan fitur ini untuk memperkaya tampilan layar 4.Limitation Gunakan scrolling, baik vertical maupun horizontal 12 Tips untuk merancang screen EIS Teks Teks Teks Tabel Tabel Grafik Grafik Huruf Icon Menu Zoom Gunakan singkatan, akronim Buat ringkasan eksekutif Gunakan teks yang lengkap jika dikirim melalui e-mail Beri Judul. Yang jelas Hilangkan kolom yang tidak perlu Gunakan skala-nilai sehingga memudahkan interpolasi Data historis simpan di satu file, dipakai sebagi referensi di menu utama Gunakan font yang mudah dibaca,sederhana Dipakai untuk hot-spot atau navigasi tampilan ke dalam sistem Pull down menu memudahkan user untuk mengoperasikan system Untuk menyesuaikan ukuran tampilan 13 Tips untuk merancang screen EIS 14 Standar Pertimbangan membuat standar lay-out,adalah : • Biographical Information Termasuk subjek, sumber data, tanggal, dan tandatanda khusus. Gunakan hot-spot untuk dapat mencari rincian data (drill-down) ke dalam biagraphical information • Heading Beris Judul, judul-kolom, tanggal terakhir di-update. Berikan tambahan keterangan, seperti ”dalam jutaan rph”, ’”urutan berdasarkan jenis produk”. Standar juga dapat dilakukan untuk ukuran huruf, pemakaian warna, garis bawah, dll 15 Standar (lanjutan) • Icons Jika menggunakan icon harus konsisten pada setiap layar • Special Function Key Untuk navigasi anatara layar, scroll, zoom, aktivasi printer dll 16 Standar (lanjutan) 17 Pedoman Tambahan Hard copy Mencetak dengan hitam putih dari layar berwarna, memerlukan pengaturan properties pada printer LCD Pengaturan lebar layar dan pengaturan warna perlu dilakukan sebelum presentasi melalui LCD Perluasan Penggunaan lebih luas dari EIS sampai pada tingkat manajer pemakaian EIS menengah memerlukan penyesuaian rancangan layar EIS User Baru User yang baru sering meminta tampilan yang disempurnakan sesuai dengan kebutuhan tugas mereka 18 Penutup Selanjutnya pertemuan 22 materi chapter 11 19
© Copyright 2024 Paperzz
