Desain Input Kelompok 2.docx

DESAIN SISTEM INFORMASI AKUNTANSI RESUME DESAIN INPUT

KELOMPOK 2 Anggota Kelompok : Mira Puspita

(041611535033)

Muhammad Mahib Fawwaz (041611535038) Izzatul Isma

(041611535045)

Fadilah Adim

(041611535046)

UNIVERSITAS AIRLANGGA BANYUWANGI 2018

Designing Effective Input  Tujuan Desain Input Kualitas input sistem menentukan kualitas output sistem , tujuan desain input: 1. Efektivitas 2. Ketepatan 3. Kemudahan penggunaan 4. Konsistensi 5. Kesederhanaan 6. Daya tarik  Bentuk Desain yang Bagus 1. Buat formulir mudah diisi Untuk mengurangi kesalahan, mempercepat penyelesaian, dan memfasilitasi pemasukan data, penting bahwa formulir dibuat mudah untuk diisi. Metode tersebut sering kali menampilkan data yang dimasukkan oleh pengguna yang mengunjungi situs Web yang ditetapkan untuk transaksi informasional atau e-commerce. 1. Form flow  Dapat meminimalkan waktu dan usaha yang dikeluarkan oleh karyawan dalam penyelesaian formulir  Harus mengalir dari kiri ke kanan dan atas ke bawah 2. Seven sections of a form  Heading  Identifikasi dan akses  Instruksi  Badan  Tanda tangan dan verifikasi  Total  Komentar 3. Captioning Captioning adalah teknik lain yang dapat mempermudah pengisian formulir.

Keterangan memberi tahu orang yang menyelesaikan formulir apa yang harus dimasukkan ke dalam garis kosong, spasi, atau kotak. Ada beberapa tipe Caption, yaitu : judul baris, teks kotak, centang teks, cek secara horizontal, keterangan table,

dan kombinasi 2. Pastikan bahwa formulir memenuhi tujuan yang mereka rancang Analis sistem dapat menggunakan berbagai jenis bentuk khusus untuk tujuan yang berbeda 3. Bentuk desain untuk menjamin penyelesaian yang akurat Untuk mengurangi tingkat kesalahan yang terkait dengan pengumpulan data, formulir harus dirancang untuk memastikan penyelesaian yang akurat. Membentuk desain untuk membuat orang lain dapat menggunakan dengan benar dan sesuai 4. Buat formulir tetap menarik Berbentuk menarik agar orang terdorong untuk menyelesaikkanya. Formulir harus terlihat rapi, dan memperoleh informasi dalam urutan yang diharapkan. Menggunakan font dan tebal garis yang berbeda dalam bentuk yang sama dapat membantu membuatnya lebih menarik bagi pengguna. 5. Mengontrol Formulir Bisnis  Pastikan bahwa setiap formulir yang digunakan memenuhi tujuan spesifiknya  Pastikan bahwa tujuan yang ditentukan merupakan bagian integral dari fungsi organisasi  Mencegah duplikasi informasi yang dikumpulkan dan formulir yang dikumpulkan  Rancang formulir yang efektif  Tentukan cara mereproduksi formulir dengan cara yang paling ekonomis  Buat prosedur yang membuat formulir tersedia, dengan biaya serendah mungkin  Tampilan Bagus dan Desain Bentuk Web 1. Pertahankan tampilan sederhana Pedoman pertama untuk desain tampilan yang baik adalah menjaga tampilan tetap sederhana. Layar yang ditampilkan harus yang diperlukan untuk tindakan khusus yang dilakukan. Output tampilan harus dibagi menjadi tiga bagian.

 Bagian atas layar memiliki bagian "heading". Berisi judul perangkat lunak dan file terbuka, tarik-bawah menu, dan ikon yang melakukan tugas-tugas tertentu.  Bagian tengah disebut "tubuh" dari layar. Tubuh dapat digunakan untuk data coba dan terorganisasi dari kiri ke kanan dan atas ke bawah, karena orang-orang dalam budaya Barat memindahkan mata mereka pada halaman dengan cara ini.  Bagian ketiga dari tampilan adalah bagian “komentar dan instruksi”. Bagian ini mungkin menampilkan menu perintah singkat yang mengingatkan pengguna tentang dasar-dasar seperti cara mengubah halaman atau fungsi, menyimpan file, atau menghentikan entri. 2. Pertahankan presentasi tampilan tetap konsisten Cari informasi di area yang sama setiap kali layar baru diakses. Informasi yang secara logis dimiliki bersama harus secara konsisten dikelompokkan bersama. Informasi tidak boleh tumpang tindih dari satu grup ke grup lainnya 3. Memfasilitasi pergerakan pengguna di antara tampilan layar dan halaman Aturan three-clic mengatakan bahwa pengguna harus bisa masuk ke layar yang mereka butuhkan dalam tiga klik mouse atau keyboard Pergerakan di antara layar: Bergulir dengan menggunakan panah, Jendela pop-up yang sensitif terhadap konteks, dan Dialog layar. 4. Buat tampilan yang menarik dan menyenangkan Harus menarik pengguna dan menarik perhatian mereka, gunakan alur logis dalam rencana ke halaman tampilan Anda, dan buat kotak warna atau berarsir dan panah tiga dimensi.  Menggunakan Ikon di Desain Layar 1. Ikon bergambar, representasi layar yang menampilkan tindakan komputer yang dapat dipilih pengguna 2. Bentuk harus mudah dikenali 3. Ikon untuk aplikasi tertentu harus dibatasi hingga 20 bentuk yang dapat dikenali 4. Gunakan ikon secara konsisten di seluruh  Graphical User Interface (GUI) Controls 1. Kotak teks : Sebuah persegi panjang mewakili kotak teks, seperti yang disebutkan sebelumnya, dan digunakan untuk membuat garis besar entri data dan bidang tampilan.

2. Centang kotak : Dalam contoh kontrol GUI, kotak centang digunakan untuk menunjukkan pelanggan baru. Kotak centang berisi X atau kosong, sesuai dengan apakah pengguna memilih atau tidak pilihan; mereka digunakan untuk pilihan noneksklusif di mana satu atau lebih dari opsi mungkin diperiksa. 3. Tombol opsi atau radio : Lingkaran, yang disebut tombol pilihan atau tombol radio, digunakan untuk memilih pilihan yang eksklusif. Hanya satu dari beberapa opsi yang bisa dipilih. Dengan cara ini Anda bisa membuatnya jelas bagi pengguna itu mereka harus memutuskan di antara opsi. 4. Daftar dan kotak daftar drop-down : Kotak Daftar menampilkan beberapa opsi yang dapat dipilih dengan mouse. Kotak daftar Drop-down digunakan ketika ada sedikit ruang yang tersedia di halaman. 5. Tombol slider dan putaran : Kotak dialog kontrol tab adalah bagian lain dari pengguna grafis antarmuka dan cara lain untuk membuat pengguna terorganisir dan menjadi bahan sistem secara efisien. 6. Peta gambar : Bidang peta gambar digunakan untuk memilih nilai dalam gambar. 7. Area teks : Area teks digunakan untuk memasukkan jumlah teks yang lebih besar. Area-area ini termasuk jumlah baris, kolom, dan bar gulir yang memungkinkan pengguna untuk masuk dan melihat teks lebih besar dari ukuran area kotak. 8. Kotak pesan : Kotak pesan digunakan untuk memperingatkan pengguna dan memberikan pesan umpan balik lainnya dalam kotak dialog, sering tumpang tindih dengan tampilan.  Kontrol Formulir dan Nilai Setiap kontrol dalam antarmuka GUI menyimpan data yang terkait dengan control. Halaman web menggunakan pasangan nama dan nilai yang dikirimkan ke server atau dalam email yang dikirim bersama dengan formulir.  Bidang Tersembunyi 1. Tidak terlihat oleh pengguna 2. Jangan mengambil ruang di halaman web 3. Hanya dapat berisi nama dan nilai 4. Digunakan untuk menyimpan nilai yang dikirim dari satu formulir Web ke server  Grafik Peristiwa-Tanggapan

1. Digunakan untuk:  Buat daftar berbagai kejadian yang dapat terjadi  Tunjukkan apa yang seharusnya terjadi  Buat formulir Web yang membutuhkan tindakan minimal dari pengguna  Jelajahi peningkatan pada halaman web 2. Acara dapat digunakan untuk:  Kontrol navigasi antar halaman web  Ubah konten daftar drop-down  Halaman Web yang Dinamis Halaman web yang berubah sendiri sebagai hasil dari beberapa tindakan pengguna 1. Keuntungan : Dapat mengubah dengan cepat 2. Kerugian : Tidak akan berfungsi jika JavaScript dimatikan  Halaman Web Tiga Dimensi Analis harus menentukan: 1. Bagaimana layer dibangun? Apakah itu dibuat menggunakan kode JavaScript, seperti kalender, atau informasi tambahan yang diperlukan untuk membangun lapisan? Jika informasi tambahan diperlukan, di mana letak data dan bagaimana cara mendapatkannya? Idealnya informasinya diperoleh dari hanya satu tabel database di server menggunakan teknik Ajax. 2. Peristiwa apa yang menyebabkan lapisan dibuat? Ini termasuk pengguna mengklik ke dalam bidang, mengklik tautan, atau menghitung jumlah penekanan tombol yang dimasukkan ke dalam bidang. Sebuah contoh akan menjadi jaringan hotel dengan banyak lokasi. Untuk memasukkan semua lokasi dalam daftar drop-down akan membuat daftar terlalu panjang. Ketika pengguna memasukkan tiga karakter, daftar permukaan blok hotel dimulai dengan tiga huruf tersebut, termasuk negara, kota, negara bagian atau provinsi, dan Informasi lainnya. Jika acara hanya mendeteksi dua huruf, daftar mungkin terlalu besar untuk blok tampilan. 3. Peristiwa apa yang menghapus lapisan? 4. Di mana blok itu harus ditempatkan? Biasanya di sebelah bidang yang dibuat memblokir, di x dan y-koordinat.

5. Ukuran blok? Jika informasi terlalu besar untuk memblokir, seperti daftar hotel, analis harus memutuskan bagaimana menangani tambahan informasi. Pilihan termasuk menambahkan scroll bar atau memposisikan tautan di bagian bawah ke halaman informasi selanjutnya. 6. Bagaimana cara membingkai wilayah tersebut? Jika ada serangkaian tautan, tinjau penampilan mereka dengan pengguna. Tanyakan kepada pengguna apakah mereka mau warna berubah saat mouse bergerak di setiap baris. 7. Apa yang terjadi ketika opsi dipilih? Dalam hal kalender reservasi, ketika tanggal diklik, tanggal ditempatkan di tanggal mulai. Jika sebuah hotel dipilih, kota, negara bagian atau provinsi, dan informasi negara, bersama dengan tautan ke hotel, harus diisi bidang formulir Web.  Ajax (Asynchronous JavaScript and XML) 1. Menggunakan JavaScript dan XML 2. Memungkinkan pengembang Web untuk membuat halaman web yang berfungsi seperti program desktop tradisional 3. Data dapat berupa file teks kecil atau dokumen XML yang berisi banyak pelanggan atau mengulang data 4. Memiliki keuntungan membuat Web bekerja lebih cepat dan memberikan pengalaman menonton yang lebih lancar bagi pengguna 5. Kerugiannya adalah bahwa JavaScript harus diaktifkan dan halaman web dapat melanggar Undang-undang Disabilitas Amerika.  Penggunaan Warna Lima kombinasi warna latar depan / latar yang paling dapat dibaca: 1. Hitam dengan warna kuning 2. Hijau dengan warna putih 3. Biru dengan warna putih 4. Putih dengan warna biru 5. Kuning dengan warna hitam  Desain Halaman Web 1. Berikan instruksi yang jelas 2. Tunjukkan urutan entri untuk mengisi formulir

3. Gunakan berbagai kotak teks, tombol push, tombol radio, daftar drop-down, dan fitur GUI lainnya 4. Berikan kotak teks bergulir jika Anda tidak yakin berapa banyak teks yang akan dimasukkan 5. Sertakan dua tombol dasar: Kirim dan Hapus 6. Jika formulirnya panjang, bagilah menjadi beberapa formulir yang lebih sederhana pada halaman terpisah 7. Buat layar umpan balik yang mencantumkan pesan kesalahan jika formulir belum diisi dengan benar  Aplikasi Ecommerce 1. Aplikasi Ecommerce melibatkan lebih dari sekadar desain situs web yang bagus. 2. Pelanggan harus merasa percaya pada situs 3. Kereta Belanja 4. Pelanggan dapat mengedit jumlah barang yang dipesan atau dapat menghapus item seluruhnya