design effective input

Upload: heru-nugraha-perdana

Post on 21-Feb-2018

231 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/24/2019 Design Effective Input

    1/21

    ANALISA DAN PERANCANGAN SISTEM

    DESIGNING EFFECTIVE INPUT

    OLEH KELOMPOK 8 :

    Heru Nugraha Perdana (!"#!!$%

    Fa&hr' a)ar (!!"##!*+%

    A,dha- A.ran (!!"#/!8$%

    Ha0an Ah.ad Mu)ara (!"#/!"%

    1URUSAN AKUNTANSI

    FAKULTAS EKONOMI

    UNIVERSITAS ANDALAS

    PADANG

    /!*

    DESIGN EFFECTIVE INPUT

  • 7/24/2019 Design Effective Input

    2/21

    Masukan (input) merupakan awal dimulainya proses informasi. bahan mentah dari informasi

    adalah data yang terjadi dari transaksi - transaksi. Apabila sampah yang masuk maka sampah

    pula yang akan keluar. Oleh karena itu desain input harus benar - benar menerima input bukan

    sampah. Desain input terinci dimulai dari desain dokumen dasar sebagai penangkap input yang

    pertama kali. ika dokumen dasar tidak didasain dengan baik! kemungkinan input yang tercatat

    dapat salah bahkan kurang atau berlebihan.

    Dokumen dasar (source document) merupakan formulir yang digunakan untuk menangkap

    (capture) data yang terjadi. Data yang sudah dicatat di dokumen dasar kemudian dimasukan

    sebagai input ke sistem informasi untuk diolah. Dokumen dasar dapat membantu di dalam

    penanganan arus data sebagai berikut "

    #. Dapat menunjukan macam dari data yang harus dikumpulkan dan ditangkap

    $. Data dapat dicatat dengan jelas! konsisten dan akuran

    %. Dapat mendorong lengkapnya data! disebabkan data yang dibutuhkan disebutkan satu

    persatu di dalam dokumen dasarnya

    &. 'ertindak sebagai pendistribusian data! karena sejumlah tembusan dari formulir tersebut

    dapat diberikan kelada indiidu - indiidu atau departemen - departeman yang

    membutuhkannya

    . Dapat membantu di dalam pembuktian terjadinya transaksi yang sah! sehingga sangat

    berguna untuk audit trail (pelacakan pemeriksaan)

    *. Dapat sebagai cadangan pelindung (backup) dari file - file data di komputer.

    Data +apture merupakan identifikasi dan penambahan data baru! Data entry merupakan proses

    mengubah data menjadi format yang dapat dibaca oleh komputer. nilai suatu hasi input harus

    memiliki nilai efektif! mudah digunakan dan konsisten.

    PERANCANGAN INPUT

  • 7/24/2019 Design Effective Input

    3/21

    ,ntuk menginput data kedalam komputer yang sesungguhnya! analis sistem harus

    mendesaindokumen sumber! screen input dan metode serta prosedur untuk memasukkan data

    kedalamkomputer (dari konsumen ke form ke staf entry data ke komputer).Data capture

    merupakan identifikasi dan penambahan data baru. ource document adalahsebuah form yang

    digunakan untuk menyimpan data transaksi. Data entry merupakanprosesmengubah data menjadi

    format yang dapat dibaca oleh komputer.

    ilai suatu hasil input harusmemiliki nilai efektif! mudah digunakandan konsistensi

    ./ujuan perancangan 0nput "

    #.Membuat penyelesaian input yang mudah dan efisien

    $.Menjamin input akanmemenuhi tujuan yang diharapkan

    %.Menjamin penyelesaian yang tepat

    &.Membuat tampilan layer dan formulir yang menarik

    .Membuat input yang tidak rumit.

    *.Membuat tampilan layer dan formulir yang konsisten

    .

    MERANCANG FORMULIR YANG BAIK

    Meskipun spesialisformulir local mungkin tersedia! analyst harus mampu membuat formuliryang

    lengkap dan berguna.amun juga penting untuk bisa mengenali bentuk yang buruk!bertumpuk-

    tumpuk atau formulir tidak berguna yang menyia-nyiakan sumber daya organisasidan harus

    dihilangkan.'eberapa jenis analyst seperti analisis aliran kerja! memusatkanperhatian pada

    bagaimana kerja didalam organisasi.1ormulir adalah perangkat penting untnukmengendalikan

    aliran kerja.

    Ada & pedoman untuk membuat formulir2aitu"

    #.Membuat formulir mudah diisi

    $.Memastikan bahwa formulir akan memenuhi tujuan yang telah dibuat

    %.Membuat formulir yang memastikan penyelesaian tepat

    &.Membuat formulir yang menarik

    1. Membuat fomu!" mu#a$ #""%"

  • 7/24/2019 Design Effective Input

    4/21

    1ormulir yang akan dibuat harus mudah dimengerti! agar user dapat mengisi formulir dengan

    baik! yaitu dengan memperhatikan aliran formulir! pengelompokan tujuh bagian sebuah formulir!

    pembuatan judul.

    A!"a& Fomu!"

    Merancang sebuah formulir dengan aliran yang benar dan meminimalisir waktu dan dan usaha

    yang dikeluarkan oleh karyawan dalam menyelesaikan formulir. 1ormulir harus memiliki aliran

    dari kiri ke kanan atau dari atas ke bawah. 1low yang tidak beraturan akan membuang waktu dan

    menyulitkan pengguna. 1ormulir yang mewajibkan orang-orang untuk langsung ke bagian

    bawah formulir dan melewati bagian atas formulir merupakan formulir yang tidak baik.

    Tu'u$ Ba("a& Fomu!"

    #. udul

    udul formulir! biasanya dibuat sesuai dengan tujuan formulir itu dibuat! misalnya " formulir

    regristrasi (formulir untuk regristrasi)!formulir pendaftaran(formulir untuk pendaftaran suatu

    kegiatan3sekolah3kerja)!dll.

    $. 4engenalan(identifikasidanjalanmasuk(akses)

    4ada bagian ini diisikan idenditas yang akan menggunakan formulir ini nantinya setelah diisi oleh

    user! gunanya agar user tau kegunaan dari formulir ini dan dapat meminta pertanggung jawaban

    apabila formulir yang diisi disalah gunakan oleh pihak lain.

    %. 4etunjuk-petunjuk(instruksi)

    'agian ini juga penting dalam suatu formulir! petunjuk pengisian formulir yang berfungsi

    memberitahu user bagaimana cara mengisi formulir tersebut! agar user tidak kebingungan ketika

    mengisi formulir yang telah dibuat.

    &. 'adan'adan merupakn bagian utama dari formulir yaitu berisikan data-data yang akan diisi oleh user.

    4ada bagian ini harus dibuat sesimpel mungkin agar user dapat mengisi formulir itu dengan baik.

    . /andatangandanpembuktian(erifikasi)

    'agian ini merupakan bagian pembuktian atau pernyataan bahwa user benar-benar telah mengisi

    formulir tersebut.

  • 7/24/2019 Design Effective Input

    5/21

    *. /otal

    'agian ini merupakan akumulasi dari formulir yang telah kita buat.

    5. 6omentar(pendapat).

    4ada bagian ini biasanya user mengomentari atau membari saran tentang formulir yang telah

    diisi.'agian ini bertujuan untuk menilai formulir yang kita buat apakah user menyukainya atau

    tidak.

    7unakan caption (pedoman pengisian)"

    - 8ine +aption

    - 'o9 +aption

    - +hecked of +aption

    - /able +aption

    0dealnya! bagian ini harus muncul dihalaman seperti yang terdapat di contoh form di bawah ini.

  • 7/24/2019 Design Effective Input

    6/21

    Menyadari bahwa ke tujuh bagian ini telah mewakili informasi dasar yang harus ada di setiap

    formulir. 'agian atas formulir dibagi atas tiga bagian " heading! bagian identifikasi dan akses!

    dan bagian instruksi.

    Co&to$ fom )a&( mem"!"*" ba&)a* *e%a!a$a&

    form tersebut memiliki banyak kekurangan! diantara "

  • 7/24/2019 Design Effective Input

    7/21

    #. 4ada bagian :eading (udul) tidak dicantumkan nama dan alamat dari klinik tersebut

    sehingga bisa menimbulkan kebingungan dari pasien.

    $. 1orm tersebut tidak memiliki instruksi untuk mengisi form.

    %. 4ertanyaan pada form yang tidak terurut.

    &. 6ecilnya kolom alamat pada form

    . 1ormat penulisan tanggal yang tidak jelas sehingga bisa menjadi bias.

    *. 1orm tersebut tidak mencantumkan kolom tanda tangan dan erifikasi! padahal bagian

    tersebut sangatlah penting untuk sebuah form. /anda tangan dan erifikasi diperlukan

    sebagai tanda bahwa pasien sudah mengisi data tersebut dengan benar dan erifikasi

    sebagai tanda bahwa dokter telah menyetujui pasien.

    Mema%t"*a& ba$+a fomu!" a*a& meme&u$" tu'ua& )a&( te!a$ #"buat

    1ormulir dibuat untuk satu atau lebih tujuan dalam proses recording! processing! storing

    dan retrieing informasi untuk kepentingan bisnis. 6adang-kadang diperlukan sekali untukmenyediakan informasi yang berbeda ke department atau pengguna yang berbeda tapi masih

    menampilkan informasi dasar. ituasi ini terjadi dimana kemampuan khusus dari formulir

    berguna. 0stilah 1ormulir yang memiliki kemampuan khusus dapat juga mengacu semata-mata

    kepada cara-cara formulir dipersiapkan oleh stationer. +ontoh dari formulir yang memiliki

    kemampuan khusus oleh stationer adalah bagian yang bersifat multiple dari formulir yang

    digunakan untuk penggandaan data secara instan! halaman formulir yang berkelanjutan yang

    dijalankan melalu printer tanpa interensi dan formulir yang penuh dengan lubang yang

    meninggalkan bagian belakang sebagai sebuah record ketika mereka terpisah.

    Mema%t"*a& Pe&)e!e%a"a& )a&( a*uat

  • 7/24/2019 Design Effective Input

    8/21

    /ingkat kesalahan secara khas dihubungkan dengan pengumpulan data yang dijatuhkan

    secara tajam 6etika formulir dirancang untuk memastikan keakuratan penyelesaian. ;ancangan

    sangat penting untuk memastikan jika orang melakukan hal yang benar kepada formulir

    kapanpun mereka menggunakannya. 6etika karyawan pelayanan seperti meter readers atau

    inentory taker menggunakan perangkat handled untuk menelusuri atau sebaliknya! kunci

    didalam data di site yang pantas! langkah tambah dalam transkripsi selama proses entry data

    dihindari. 4erangkat handled menggunakan transimi wireless atau sebuah pengisian kembali

    kepada sistem komputer yang lebih luas sehingga mereka bisa mengunggah data yang pekerja

    pelayanan telah simpan. /idak ada tambahan transkripsi dari apa yang telah terjadi di dalam

    kolom yang penting.

    Me&'a(a Fomu!" A(a Teta, Ata*t"f

    Meskipun keatraktifan dari formulir merupakan hal yang paling akhir yang harus kita

    pikirkan! tapi bukan berarti ini merupakan hal yang bisa dilupakan begitu saja. elain itu! hal ini

    merupakan hal yang terakhir yang kita pikirkan karena membuat formulir menjadi menarik dapat

    dicapai dengan menerapkan teknik yang telah dibahas sebelumnya. 1ormulir yang atraktif akan

    mendorong penyelesaian yang baik.

    'entuk paket desain juga tersedia untuk 4+ . 7ambar dibawah menunjukkan bagaimana

    bentuk formulir dapat dibuat dengan menggunakan perangkat lunak yang memungkinkan analis

    untuk mengotomatisasi proses bisnis dengan cepat yang bentuk kertasnya sudah ada . Analis

    dapat menggunakan satu set alat untuk mengatur bidang! kotak centang ! garis ! kotak ! dan

    banyak fitur lainnya . 'entuk kertas juga dapat discan secara mendalam dan kemudian

    dipublikasikan ke

  • 7/24/2019 Design Effective Input

    9/21

    Me&(ea!"*a& Fomu!" B"%&"%

    Mengontrol bentuk bisnis merupakan tugas penting . 'isnis sering memiliki bentuk

    spesialis yang mengontrol bentuk! tapi kadang-kadang pekerjaan ini jatuh ke analis sistem ! yang

    mendirikan dan mengimplementasikan bentuk kontrol .

    GOOD DISPLAY AND -EB FORMS DESIGN

    Membuat Tam,"!a& Se#e$a&a

    'uatlah tampilan layar yang baik untuk menjaga agar tampilan tetap sederhana! dengan cukup

    menunjukan hal-hal yang diperlukan saja.etap menjaga agar tampilan layar tetap sederhana./ampilan layar harus menunjukkan hal = hal yang diperlukan! di mana tindakan tertentu yang

    diambil.,ntuk pengguna berkala! > persen dari tampilan layar harus terdiri dari informasi yang

    bermanfaat.6etika mendesain untuk pengguna tetap! tampilan layar diperbesar hingga ?> persen

    dari tempat yang tersedia.

    Tiga bagian tampilan layar, 'agian atas adalah judul! bagian di mana dituliskan ke dalam

    perangkat lunak untuk menggambarkan pada pengguna dipaket mana dia berada. 'agian

    tengah disebut badan dari tampilan layar. 'adan bisa digunakan untuk pemasukan data

    dan diatur dari kiri ke kanan dan atas ke bawah! karena orang = orang berkebudayaan

    barat menggerakkan matanya pada halaman seperti itu. 4enjudulan dan petunjuk =

    petunjuk harus disediakan pada bagian ini untuk membantu pengguna memasukkan data

    tepat di tempat yang benar. 'agian ketiga dari tampilan layar adalah bagian @4endapat

  • 7/24/2019 Design Effective Input

    10/21

    dan petunjuk. 'agian ini bisa ditampilkan dalam menu pendek yang berisi perintah =

    perintah yang mengingatkan pengguna terhadap dasar = dasar seperti bagaimana

    mengubah tampilan layar atau pekerjaan! menyimpan arsip! atau mengakhiri record.

    Menggunakan window atau hyperlinK.+ara lain untuk membuat tampilan layar terap

    sederhana adalah mendaftar beberapa perintah dasar dimana! ketika digunakan! akan

    melapisi window untuk mengisi sebagian layar saat itu atau semuanya dengan informasi

    yang baru. 4engguna dapat meminimalkan atau memaksimalkan ukuran window seperti

    yang dibutuhkan.

    Membuat Tam,"!a& )a&( Ko&%"%te&

    'uat penyajian tampilan layar yang sesuai dengan pengguna. ika pengguna bekerja dengan

    menggunakan form kertas! maka tampilan akan mengikuti apa yang ditunjukkan pada kertas.

    /ampilan juga bisa dibuat konsisten dengan menempatkan informasi yang sama ditempat yang

    sama setiap kali tampilan baru dibuka. 0nformasi yang memiliki kelogisan yang sama harus

    dikelompokkan dalam kelompok yang sama " ama dan alamat harus bersama-sama! bukan

    nama dan kode pos.Meskipun layar memiliki gerakan alamiah dari bagina satu kebagian lainnya!

    informasi tidak boleh melewati suatu kelompok! ke kelompok lain.

    Mem,emu#a$ Gea*a& Tam,"!a& #a& a!ama&

    4emakai harus mampu mendapatkan tampilan layar yang dibutuhkan dalam tiga pencetan mouse

    atau papan ketik. 1ormulir yang berbasis jaringan mempermudah pergerakan dengan

    menggunakan hyperlink ke layar lain yang bersangkutan. Metode umum lainnya yang

    berhubungan dengan pergerakan adalah menggunakan perasaan pengguna diaman sepertinya

    mereka secara fisik berpindah ke tampilan layar yang baru. etidaknya ada tiga cara ilusi

    pergerakan fisik di antara layar yang dikembangkan.

    crolling adalah salah satu metode meniru pergerakan fisik dari satu layar ke layar lain

    adalah memakai tuts yang telah ditandai pada papan ketik komputer. 4apan ketik 4+

    mempunyai tuts yang bertuliskan @4g ,p untuk menaikkan halaman dan @4g Dn untuk

    menurunkan halaman! dimana mengakibatkan pemakai mempunyai halaman baru

  • 7/24/2019 Design Effective Input

    11/21

    (tampilan layar). /uts = tuts ini sangat mempermudah pemakai yang tidak berpengalaman

    mengubah tampilan layar! meskipun mereka mempelajari ruang tambahan papan ketik

    dan memaksa pemakai memindah tangannya dari papan ketik bertuliskan huruf untuk

    menggunakan bantalan tuts. 6erangka pokok standar tuts = tuts untuk scrolling adalah fB!

    halaman berikutnyaC f5! halaman sebelumnyaC f##!bergeser ke kananC f#>! bergeser ke

    kiri.

    4emanggilan lebih detail maksudnya pendekatan umum lainnya mengenai pergerakan

    antara tampilan layar memperbolehkan pengguna memanggil layar lain secara tepat

    dengan menggunakan peletakan kursor pada perintah khusus.

    Dialog pada layar atau prompt sangat berguna dalam aplikasi seperti telemarketing.

    4enampilan fasilitas = fasilitas prompt yang istimewa dengna tepat pengguna antar =

    layar yang bergerak. +ontohnya adalah penciptaan kursor yang terlihat seperti tangan

    manusia! dengan kata lain pada gambar di layar. /angan pada layar ini akan digunakan

    untuk menekan maju ke layar baru atau kebelakangan kelihatan sebelumnya dengan cara

    menggunakan mouse yang dapat disamakan dengan membuka selembar kertas ke depan

    atau ke belekang pada meja. Metode ini juga bekerja pada jaringan pusat formulir

    pengisian.

    Mea&/a&( Tam,"!a& )a&( Me&a"* 0 Me&)e&a&(*a&

    ika pemakai mendapatkan layar yang menarik! mereka mungkin akan lebih produktif!

    memerlukan sedikit pengawasan dan membuat kesalahan yang lebih sedikit. 'eberapa prinsip

    merancang yang digunakan pada formulir ini juga dan beberapa prinsip estetis sudah ada dalam

    konteks yang berbeda. 8ayar seharusnya menarik pemakai dan menahan perhatian

    mereka./ujuan ini disampaikan dengan menggunakan halaman masukan data yang banyak pada

    area terbuka disekelilingnya jadi tampilan layar menjadi teratur. Anda tidak akan pernah

    kepenuhan formulirC dengan cara yang sama. Anda akan lebih baik menggunakan tampilan

    berbagai layar atau hyperlink daripada berdesakkan semuanya dalam satu layar atau halaman.

    dengan menciptakan layar = layar yang mudah dimengerti pada pemakaian pertama! anda

    menarik pemakai baik yang sudah berpengalaman maupun yang tidak berpengalaman. Dengan

    adanya 7,0! sangat mungkin untuk membuat masukan layar = layar yang sangat

  • 7/24/2019 Design Effective Input

    12/21

    menarik.Dengan menggunakan warna atau kotak = kotak diarsir dan menciptakan kotak = kotak

    dan panah = panah tiga dimensi.

    Video kebalikan dan kursor berkedip " /eknik = teknik lain juga dapat menambah

    keefektifan layar yang menarik! tetapi jika hanya digunakan dengan hemat. 0tu termasuk

    ideo balik! kursor berkedip atau halaman = halaman! dan type huruf dalam berbagai

    jenis bentuk dan ukuran.

    ideo balik menukar warna latar depan dengan warna latar belakang. 0ni merupakan cara

    yang baik untuk menyoroti halaman3 bagian yang penting! tetapi pekerjaan ini dapat

    menyebabkan pemakai menjadi terlalu berlebihan dengan sampingan dari kecerahannya

    yang mereka abaikan.

    4enampilan ideo berkedip! ketika digunakan pada kursor merupakan satu cara untuk

    memperlihatkan letaknya pada pemakai yang tidak berpengalaman. 6edipan dapat juga

    digunakan untuk mengontrol kesalaha dengan menarik perhatian pada bagian yang

    dilewati.'eberapa pemakai! mendapatkan bahwa ideo yang berkedip itu menggangu!

    membayangkan bahwa komputer tidak sabar menunggu masukkan data berikutnya.

    Menggunakan tipe huruf yang berbeda " istem komputer bagian seni dan perangkat

    lunaknya menyediakan tipe huruf dalam berbagai model dan ukuran yang berbeda. /ipe

    huruf merupakan cara lain untuk membuat layar menjadi menarik untuk pemakai. Model

    yang berbeda = berbeda menambah jumlah perbedaan kategorinya. ebagai contoh! tebal!

    model sans serif dapat digunakan untuk menunjukan kategori utama dan memberikan

    penampilan yang modern pada layar. /ipe yang lebih besar dapat menunjukan bagian

    depan untuk halaman data entry. enis yang lebih tipis dengan sans serif dapat digunakan

    untuk menunjukan sub kategori pada layar yang sama dan bisa memberikan penampilan

    yang lebih konseratif. :uruf seharusnya tidak berukuran kurang dari B point. :uruf

    dengan #> point lebih dapat dibaca. 6etika mereka menggambar tanda = tanda perhatian

    yang tidak pantas untuk merancang layar yang berseni atau jika mereka menyediakannya

    sebagai penggangu! tinggalkanlah. :ati hati! bahwa tidak semua halaman = halaman web

    ditampilan dengan browser yang berbeda = beda. +oba formulir anda dengan kombinasi

  • 7/24/2019 Design Effective Input

    13/21

    yang bermacam = macam untuk melihat apakah kombinasi warna yang dihasilkan akan

    mejadi menyenangkan atau membuat stress pada pemakai pada umumnya.

    Pea&/a&(a& A&tamu*a #e&(a& Gaf"*

    #. 6otak teks

    $. 6otak penanda

    %. /ombol pilihan

    &. Daftar dan kotak yang memanj

    ang ke bawah (drop = down). /ombol 4eluncur dan berputar

    *. 4eta 7ambar

    5. Area /eks

    B. 6otak pesan

    ?. /ombol perintah

    #>. 6otak dialog /ab control

    ##. Menggunakan warna dalam rancangan layar

  • 7/24/2019 Design Effective Input

    14/21

    /

    Pe&(ea!"a& Fomu!" #a& N"!a"

    etiap kontrol yang termasuk dalam interface 7,0 harus memiliki beberapa cara untuk

    menyimpan data yang diasosiasikan dengan kontrol . 4ada halaman

  • 7/24/2019 Design Effective Input

    15/21

    7ambar #$.* adalah contoh formulir yang digunakan untuk mendapatkan harga dan

    untuk mendaftar untuk pelayaran . /eks dalam ama ! Alamat ! 6ota ! egara ! Eip ! /elepon !

    dan daerah Fmail dikirim ke serer bila formulir dikirimkan . :anya salah satu tombol radio

    untuk & hari ! 5 hari ! atau #& hari pelayaran dapat dipilih . ilai-nilai yang dikirim adalah

    untuk pendek jika & - hari pelayaran dipilih! panjang rata-rata A untuk jika 5 hari telah dipilih!

    dan 8 untuk pelayaran panjang jika #& - hari pelayaran dipilih . elain itu! ketika salah satu dari

    kapal pesiar ini dipilih! jumlah dolar dimasukkan ke salah satu kotak teks di sisi kiri dari bentuk

  • 7/24/2019 Design Effective Input

    16/21

    pada tindakan pengguna. 4eristiwa ini mungkin mengklik sebuah tombol! mengubah nilai! fokus

    lapangan (memindahkan kursor di dalam lapangan atau tombol radio ! kotak ! atau kontrol

    lainnya memeriksa)! mengaburkan lapangan (pengguna memindahkan kursor keluar dari

    lapangan )! loading halaman web ! mendeteksi penekanan tombol ! dan banyak acara lainnya .

    /anggapan berisi bagaimana halaman

  • 7/24/2019 Design Effective Input

    17/21

    bidang dasar! lapisan standar halaman web yang menampilkan atau memperoleh informasi!

    sementara yang lain di bawah halaman tidak terlihat.

    6etika bantuan diminta atau pengguna mengklik di bidang tanggal! lapisan akan pindah

    ke atas dan menjadi terlihat atau dihasilkan oleh kode aacript dan muncul. 4osisi lapisan ini

    ditentukan oleh desainer atau analis! seperti kalender yang muncul di sisi kanan dari field

    tanggal. 6etika tanggal dipilih! link terdekat diklik! atau pengguna mengklik luar kalender!

    lapisan kemudian bergerak di bawah permukaan halaman

  • 7/24/2019 Design Effective Input

    18/21

    tambahan. 4ilihan termasuk menambahkan scroll bar atau posisi link di bagian bawah ke

    informasi di halaman berikutnya.

    :. A,a )a&( %e$au%&)a )a&( me&'a#" fomatt"&( att"bute #a" e("o& 4 ika ada

    serangkaian link! tinjau penampilan mereka dengan pengguna. /anyakan pada pengguna apakah

    mereka ingin warna berubah setiap mouse bergerak di atas setiap baris.

    ;. A,a )a&( $au% te'a#" *et"*a %ebua$ o,%" )a&( #","!"$ 4 Dalam kasus kalender reserasi!

    ketika kencan diklik ! tanggal ditempatkan di tanggal awal . ika sebuah hotel yang dipilih !

    kota ! negara bagian atau proinsi ! dan negara informasi ! bersama dengan link ke hotel ! harus

    mengisi kolom formulir

  • 7/24/2019 Design Effective Input

    19/21

    memungkinkan halaman

  • 7/24/2019 Design Effective Input

    20/21

    PERANCANGAN ALAMAN INTRANET DAN INTERNET

  • 7/24/2019 Design Effective Input

    21/21

    #. 4enggunaan bermacam kotak teks! tomboltekan menu drop-down! kotak pilihan dan tombol

    radio untuk memberikan fungsi yang spesifik dan untuk menciptakan keterkaitan dalam formulir

    tersebut

    $. Menyediakan instruksi yang jelas! karena pengguna web bisa jadi tidak familiar dengan istilah

    atau computer.

    %. Masukan tombol radio ketika user harus memilih satu jawaban dalam sebuah dua cabang!

    pertanyaan tertutup yang jawabannya hanya terdiri dari 2a dan tidak! atau / dan 1 dan lain-lain.

    &. 8etakankotak pilihan untuk memudahkan user menunjukan apakah kondisi tes benar atau

    tidak

    . Demonstrasikan sebuah masukan logis lanjutan dari formulir isian khususnya karena user

    perlu memutar ke bawah kesuatu halaman yang tidak terlihat.

    *. iapkan dua tombol dasar pada tiap formulir isian web

    5. 'uatlah sebuah layar arus balik yang menolak kepatuhan pada sebuah formulir kecuali field

    yang bersifat perintah telah diisi dengan benar.

    B. ediakan kotak teks yang menggulung padasuatu saat ketika anda tidak yakin tentant berapa

    luas field yang diperlukan oleh user.

    ?. ika formulir tersebut cukup panjang dan user harus menggulung terlalu banyak! bagilah

    formulir tersebut ke dalam beberapa formulir yang lebih sederhana pada beberapa halaman yang

    terpisah.