B7ts2923 Shelly

729 views

Published on

Published in: Technology, Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
729
On SlideShare
0
From Embeds
0
Number of Embeds
13
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • B7ts2923 Shelly

    1. 1. Bab 7 Antaramuka Pengguna, Rekabentuk Input & Output
    2. 2. Objektif <ul><li>Jelaskan konsep r/bentuk a/muka pengguna (UI) & human-computer interaction (HCI) & prinsip asas r/bentuk berpusatkan pengguna. </li></ul><ul><li>Senaraikan panduan spesifik utk. r/bentuk UI. </li></ul><ul><li>Jelaskan teknik r/bentuk UI termasuk elemen skrin & kawalan. </li></ul><ul><li>Jelaskan konsep, teknik & kaedah rekabentuk input. </li></ul>
    3. 3. Objektif <ul><li>Jelaskan panduan-panduan r/bentuk skrin kemasukan data </li></ul><ul><li>Guna ujian pengesahan utk kurangkan kesalahan input </li></ul><ul><li>Merekabentuk dokumen sumber yg efektif & kawalan input </li></ul><ul><li>Diskus isu rekabentuk output & pelbagai jenis output </li></ul><ul><li>Merekabentuk pelbagai jenis laporan bercetak, & cadang kawalan output & keselamatan </li></ul>
    4. 4. Pengenalan <ul><li>Dalam fasa III (rekabentuk fizikal sistem) </li></ul><ul><li>R/bentuk UI termasuk: </li></ul><ul><ul><li>Interaksi komputer-pengguna </li></ul></ul><ul><ul><li>Isu input </li></ul></ul><ul><ul><li>Isu output </li></ul></ul>
    5. 5. Rekabentuk UI <ul><li>Mengandungi: </li></ul><ul><ul><li>H/w </li></ul></ul><ul><ul><li>S/w </li></ul></ul><ul><ul><li>Menu </li></ul></ul><ul><ul><li>Fungsi </li></ul></ul><ul><ul><li>Fitur yg pengaruhi komunikasi </li></ul></ul><ul><ul><li>2 hala komputer-pengguna </li></ul></ul>
    6. 6. Rekabentuk UI <ul><li>Evolusi UI </li></ul><ul><ul><li>Pengurusan maklumat: pemprosesan data terpusat  sistem yg. dinamik, enterprise-wide .. </li></ul></ul><ul><ul><li>Fokus utama berubah — dari jabatan IT kepada pengguna sendiri </li></ul></ul><ul><ul><ul><li>Kumpulan IT sediakan IT, bukan sediakan maklumat </li></ul></ul></ul><ul><ul><li>(rujuk Fig.7-3 m.s. 305) </li></ul></ul><ul><ul><li>Sistem berpusatkan pengguna </li></ul></ul><ul><ul><li>Perlu kefahaman HCI & prinsip r/bentuk berpusatkan pengguna </li></ul></ul>
    7. 7. Rekabentuk UI <ul><li>HCI </li></ul><ul><ul><li>Jelaskan hubungan komputer  manusia yg gunakan komputer utk laksana tugas berkaitan bisnes </li></ul></ul><ul><ul><li>IBM melalui tapak Almaden computer science research, </li></ul></ul><ul><ul><ul><li>fokus kpd pengguna & bagaimana mereka guna/alami teknologi </li></ul></ul></ul>
    8. 8. Rekabentuk UI <ul><li>HCI </li></ul><ul><ul><li>IBM kesan sejarah & evolusi HCI; </li></ul></ul><ul><ul><ul><li>Pengguna taip teks arahan berwarna hijau yg kompleks pd skrin hitam  Pengenalan kpd GUI </li></ul></ul></ul><ul><ul><li>Dr. Clare-Marie Karat ( IBM usability expert ) menyatakan “ in this new computer age, the customer is not only right, the customer has rights ” </li></ul></ul>
    9. 9. Rekabentuk UI <ul><li>HCI </li></ul><ul><ul><li>Hak pengguna yg dinyatakan Dr. Karat; </li></ul></ul><ul><ul><ul><li>Perspektif </li></ul></ul></ul><ul><ul><ul><li>Instalasi </li></ul></ul></ul><ul><ul><ul><li>Compliance </li></ul></ul></ul><ul><ul><ul><li>Arahan </li></ul></ul></ul><ul><ul><ul><li>Kawalan </li></ul></ul></ul><ul><ul><ul><li>Maklum balas </li></ul></ul></ul><ul><ul><ul><li>Pergantungan </li></ul></ul></ul><ul><ul><ul><li>Skop </li></ul></ul></ul><ul><ul><ul><li>Bantuan </li></ul></ul></ul><ul><ul><ul><li>Penggunaan </li></ul></ul></ul>
    10. 10. Rekabentuk UI <ul><li>Prinsip Asas R/bentuk UI: </li></ul><ul><ul><li>Faham fungsi bisnes asas </li></ul></ul><ul><ul><li>Memaksimakan keefektifan grapik </li></ul></ul><ul><ul><li>Profailkan pengguna-pengguna sistem </li></ul></ul><ul><ul><li>Berfikir seperti pengguna </li></ul></ul><ul><ul><li>Gunakan prototaip </li></ul></ul><ul><ul><li>Rekabentuk antaramuka yg komprehensif </li></ul></ul><ul><ul><li>Teruskan proses maklum balas </li></ul></ul><ul><ul><li>Dokumen r/bentuk antaramuka </li></ul></ul>
    11. 11. Rekabentuk UI <ul><li>Panduan R/bentuk UI </li></ul><ul><ul><li>Ikut 8 panduan asas: </li></ul></ul><ul><ul><ul><li>Fokus kpd objektif asas </li></ul></ul></ul><ul><ul><ul><li>Bangunkan antaramuka yg. mudah dipelajari & mudah guna </li></ul></ul></ul><ul><ul><ul><li>Sediakan fitur utk. tingkat keefisienan </li></ul></ul></ul><ul><ul><ul><li>Mudahkan pengguna utk dapat bantuan & betulkan kesalahan </li></ul></ul></ul><ul><ul><ul><li>Minimumkan masalah input data </li></ul></ul></ul><ul><ul><ul><li>Beri maklum balas kpd pengguna </li></ul></ul></ul><ul><ul><ul><li>Wujudkan susun atur & rekabentuk menarik </li></ul></ul></ul><ul><ul><ul><li>Guna terma & imej yg biasa dilihat/digunakan </li></ul></ul></ul>
    12. 12. Rekabentuk UI <ul><ul><li>R/bentuk UI yg baik berdasarkan kombinasi ergonomik + estetika + teknologi antaramuka </li></ul></ul>
    13. 13. Panduan Rekabentuk UI <ul><ul><li>Fokus kpd objektif asas </li></ul></ul><ul><ul><ul><li>Bina r/bentuk yg mudah utk dipelajari & diingati </li></ul></ul></ul><ul><ul><ul><li>R/bentuk antaramuka utk baiki efisiensi & produktiviti pengguna </li></ul></ul></ul><ul><ul><ul><li>Gunakan arahan, tindakan,respon sistem yg konsisten & predictable </li></ul></ul></ul>
    14. 14. Panduan Rekabentuk UI <ul><ul><li>Bangunkan antaramuka yg. mudah dipelajari & mudah guna </li></ul></ul><ul><ul><ul><li>Label dgn jelas semua kawalan, butang & ikon </li></ul></ul></ul><ul><ul><ul><li>Pilih hanya imej yg pengguna boleh faham dgn mudah </li></ul></ul></ul><ul><ul><ul><li>Sediakan arahan yg logik, padat & jelas pd skrin </li></ul></ul></ul><ul><ul><ul><li>Tunjukkan semua arahan dlm senarai item menu </li></ul></ul></ul>
    15. 15. Panduan Rekabentuk UI <ul><li>Sediakan fitur utk. tingkat keefisienan </li></ul><ul><ul><ul><li>Susun atur tugas, arahan & fungsi dlm kumpulan2 yg menunjukkan operasi bisnes sebenar </li></ul></ul></ul><ul><ul><ul><li>Kedudukan item menu </li></ul></ul></ul><ul><ul><ul><li>Sediakan shortcuts kpd pengguna berpengalaman (cth. Ctrl + C utk Copy dlm MS Word) </li></ul></ul></ul><ul><ul><ul><li>Guna nilai default jika majoriti nilai bg satu ruang adalah sama (jika 90% pelanggan tinggal di Malaysia, guna Malaysia sbg nilai default dlm ruang Negara) </li></ul></ul></ul>
    16. 16. Panduan Rekabentuk UI <ul><li>Mudahkan pengguna utk dapat bantuan & betulkan kesalahan </li></ul><ul><ul><ul><li>Pastikan Help sentiasa tersedia ( User-selected Help & Context-sensitive Help ) </li></ul></ul></ul><ul><ul><ul><li>Sertakan maklumat utk dihubungi pengguna( contact information ) </li></ul></ul></ul><ul><ul><ul><li>Perlukan pengesahan pengguna sebelum padam data ( Adakah anda pasti?) </li></ul></ul></ul><ul><ul><ul><li>Sediakan sesuatu spt kekunci Undo </li></ul></ul></ul>
    17. 17. Panduan Rekabentuk UI <ul><li>Minimumkan masalah data input </li></ul><ul><ul><ul><li>Sediakan pemeriksaan pengesahan data </li></ul></ul></ul><ul><ul><ul><li>Paparkan mesej & peringatan yg event-driven </li></ul></ul></ul><ul><ul><ul><li>Wujudkan senarai dgn nilai yg dikenalpasti, yg boleh pengguna klik utk pilih </li></ul></ul></ul><ul><ul><ul><li>Bina peraturan yg memastikan integriti data </li></ul></ul></ul><ul><ul><ul><li>Gunakan input masks </li></ul></ul></ul>
    18. 18. Panduan Rekabentuk UI <ul><li>Beri maklum balas kpd pengguna </li></ul><ul><ul><ul><li>Papar mesej pd tempat yg logikal atas skrin </li></ul></ul></ul><ul><ul><ul><li>Sedarkan pengguna kpd masa proses yg lama atau dilewatkan </li></ul></ul></ul><ul><ul><ul><li>Mesej dikekalkan pada suatu masa utk bolehkan pengguna baca </li></ul></ul></ul><ul><ul><ul><li>Beritahu pengguna jika suatu operasi berjaya atau tidak </li></ul></ul></ul>
    19. 19. Panduan Rekabentuk UI <ul><li>Wujudkan susun atur & rekabentuk menarik </li></ul><ul><ul><ul><li>Gunakan warna sesuai utk highlight kawasan skrin yg berbeza </li></ul></ul></ul><ul><ul><ul><li>Gunakan special effects yg berpatutan </li></ul></ul></ul><ul><ul><ul><li>Gunakan hyperlink utk bolehkan pengguna terus ke topik tertentu </li></ul></ul></ul><ul><ul><ul><li>Kumpulkan objek & maklumat berkaitan </li></ul></ul></ul><ul><ul><ul><li>Papar tajuk,mesej & arahan secara konsisten & di lokasi yg sama pada setiap skrin </li></ul></ul></ul>
    20. 20. Panduan Rekabentuk UI <ul><li>Gunakan terma & imej yg biasa dilihat/digunakan </li></ul><ul><ul><ul><li>Ingat, pengguna dibiasakan dgn merah=berhenti, kuning=berhati2, hijau=OK/terus </li></ul></ul></ul><ul><ul><ul><li>Gunakan arahan yg familiar </li></ul></ul></ul><ul><ul><ul><li>Jika pengguna biasa guna aplikasi berasaskan Windows, sediakan rupa & rasa Windows dlm r/bentuk antaramuka </li></ul></ul></ul>
    21. 21. Rekabentuk UI <ul><li>Kawalan UI </li></ul><ul><ul><li>Bar menu </li></ul></ul><ul><ul><li>Toolbar </li></ul></ul><ul><ul><li>Butang arahan </li></ul></ul><ul><ul><li>Kotak dialog </li></ul></ul><ul><ul><li>Kotak teks </li></ul></ul><ul><ul><li>Toggle button </li></ul></ul><ul><ul><li>List box – scroll bar </li></ul></ul><ul><ul><li>Drop-down list box </li></ul></ul><ul><ul><li>Option button, or radio button </li></ul></ul><ul><ul><li>Check box </li></ul></ul><ul><ul><li>Calendar control </li></ul></ul><ul><ul><li>Switchboard </li></ul></ul>
    22. 22. Rekabentuk UI <ul><li>Kawalan UI </li></ul>
    23. 23. Rekabentuk Input <ul><li>Teknologi input sudah banyak berubah </li></ul><ul><li>Obj. utama r/bentuk input: pastikan kualiti, ketepatan, pd masa yg dikehendaki/ timeliness </li></ul><ul><li>Kualiti output adalah sekualiti inputnya </li></ul><ul><ul><li>Garbage in, garbage out (GIGO) </li></ul></ul><ul><ul><li>Data capture (cth alat, pembaca bar kod) </li></ul></ul><ul><ul><li>Kemasukan data ( cth. Dgn. klik tetikus) </li></ul></ul>
    24. 24. Rekabentuk Input <ul><li>Kaedah Input dan Kemasukan Data </li></ul><ul><ul><li>Batch input </li></ul></ul><ul><ul><ul><li>Batch </li></ul></ul></ul><ul><ul><li>Online input </li></ul></ul><ul><ul><ul><li>Masuk data atas talian </li></ul></ul></ul><ul><ul><ul><li>Source data automation (gabungan online + data capture dari peralatan input) </li></ul></ul></ul><ul><ul><ul><li>Strip data bermagnet atau pengimbas swipe </li></ul></ul></ul><ul><ul><ul><li>POS, ATMs </li></ul></ul></ul>
    25. 25. Rekabentuk Input <ul><li>Kaedah Input dan Kemasukan Data </li></ul><ul><ul><li>Tradeoffs </li></ul></ul><ul><ul><ul><li>Kemasukan data manual lambat, lebih mahal drpd kemasukan secara batch . Kecuali jika guna source data automation. </li></ul></ul></ul><ul><ul><ul><ul><li>Dilaksanakan pada masa transaksi </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Dilaksanakan ketika komputer amat banyak diperlukan/digunakan </li></ul></ul></ul></ul><ul><ul><ul><li>Keputusan sama ada input secara batch atau online bergantung kpd keperluan bisnes </li></ul></ul></ul>
    26. 26. Rekabentuk Input <ul><li>Jumlah Input </li></ul><ul><ul><li>Panduan mengurangkan jumlah input: </li></ul></ul><ul><ul><ul><li>Masukkan data yg perlu </li></ul></ul></ul><ul><ul><ul><li>Jangan masukkan data yg boleh pengguna capai dari fail sistem atau buat kiraan dari data lain </li></ul></ul></ul><ul><ul><ul><li>Jangan masukkan data tak berubah( constant) </li></ul></ul></ul><ul><ul><ul><li>Guna kod </li></ul></ul></ul>
    27. 27. Rekabentuk Input <ul><li>Rekabentuk Skrin Kemasukan Data </li></ul><ul><ul><li>Isi borang (kaedah paling efektif utk masuk data atas talian) </li></ul></ul><ul><ul><li>Panduan utk rekabentuk skrin kemasukan data </li></ul></ul><ul><ul><ul><li>Hadkan capaian pengguna kpd lokasi skrin di mana perlu masukkan data </li></ul></ul></ul><ul><ul><ul><li>Sediakan penjelasan bg setiap ruang, tunjuk di mana perlu masukkan data & saiz maksimum satu ruang </li></ul></ul></ul>
    28. 28. Rekabentuk Input <ul><li>Rekabentuk Skrin Kemasukan Data </li></ul><ul><ul><li>Panduan utk rekabentuk skrin kemasukan data </li></ul></ul><ul><ul><ul><li>Paparkan contoh format (jika pengguna perlu guna format tertentu) </li></ul></ul></ul><ul><ul><ul><li>Perlu ending keystrokes bg setiap ruang </li></ul></ul></ul><ul><ul><ul><li>Pengguna tidak perlu taip leading zeroes, 0 1- 0 8-2004 </li></ul></ul></ul><ul><ul><ul><li>Pengguna tidak perlu taip trailing zeroes bg nombor perpuluhan, 98. 00 </li></ul></ul></ul><ul><ul><ul><li>Papar nilai default, operator boleh tekan kekunci ENTER utk terima nilai yg dicadangkan </li></ul></ul></ul>
    29. 29. Rekabentuk Input <ul><li>Rekabentuk Skrin Kemasukan Data </li></ul><ul><ul><li>Panduan utk rekabentuk skrin kemasukan data </li></ul></ul><ul><ul><ul><li>Papar senarai nilai yg diterima bagi ruangan, dan beri mesej kesilapan yg difahami </li></ul></ul></ul><ul><ul><ul><li>Sediakan cara utk keluar dari skrin masuk data pada bila2 masa </li></ul></ul></ul><ul><ul><ul><li>Beri pengguna peluang utk sahkan ketepatan data yg dimasukkan </li></ul></ul></ul>
    30. 30. Input Design <ul><li>Rekabentuk Skrin Kemasukan Data </li></ul><ul><ul><li>Panduan utk rekabentuk skrin kemasukan data </li></ul></ul><ul><ul><ul><li>Sediakan cara utk pengguna bergerak dari ruang ke ruang dalam borang </li></ul></ul></ul><ul><ul><ul><li>Bolehkan pengguna tambah, edit, padam & lihat rekod </li></ul></ul></ul><ul><ul><ul><li>Sediakan cara utk pengguna cari maklumat spesifik </li></ul></ul></ul>
    31. 31. Rekabentuk Input <ul><li>Kesilapan Input </li></ul><ul><ul><li>Kurangkan kesilapan input, kualiti data lebih baik </li></ul></ul><ul><ul><li>Periksa kesahihan data </li></ul></ul><ul><ul><ul><li>Uji data, tolak kemasukan yg gagal ikut keperluan yg ditentukan </li></ul></ul></ul>
    32. 32. Rekabentuk Input <ul><li>Kesilapan Input </li></ul><ul><ul><li>Sekurang2nya 8 jenis pemeriksaan kesahihan data: </li></ul></ul><ul><ul><ul><li>Periksa aturan ( sequence ) </li></ul></ul></ul><ul><ul><ul><li>Periksa kewujudan ( existence ) (cth. Perlu masukkan No. Matrik sebelum simpan data) </li></ul></ul></ul><ul><ul><ul><li>Periksa jenis data </li></ul></ul></ul><ul><ul><ul><li>Periksa nilai minimum dan maksimum( range check) </li></ul></ul></ul>
    33. 33. Rekabentuk Input <ul><ul><ul><li>Periksa kebolehterimaan ( reasonableness ) </li></ul></ul></ul><ul><ul><ul><li>Periksa kesahihan ( validity check ) </li></ul></ul></ul><ul><ul><ul><li>Periksa kombinasi </li></ul></ul></ul><ul><ul><ul><li>Kawalan batch (jumlah utk sahkan input secara batch ) </li></ul></ul></ul>
    34. 34. Rekabentuk Input <ul><li>Dokumen sumber </li></ul><ul><ul><li>Apakah dokumen sumber? </li></ul></ul><ul><ul><li>Susun atur borang yg baik:ruang yg cukup, arahan yg jelas, mudah utk dilengkapkan </li></ul></ul><ul><ul><li>Zon dokumen sumber: </li></ul></ul><ul><ul><ul><li>Heading zone </li></ul></ul></ul><ul><ul><ul><li>Control zone </li></ul></ul></ul><ul><ul><ul><li>Instruction zone </li></ul></ul></ul><ul><ul><ul><li>Body zone </li></ul></ul></ul><ul><ul><ul><li>Totals zone </li></ul></ul></ul><ul><ul><ul><li>Authorization zone </li></ul></ul></ul>
    35. 35. Rekabentuk Input <ul><li>Dokumen Sumber </li></ul><ul><ul><li>Aliran maklumat dlm borang: </li></ul></ul><ul><ul><ul><li>Kiri ke kanan & atas ke bawah </li></ul></ul></ul><ul><ul><li>Cabaran merekabentuk borang berasaskan Web: </li></ul></ul><ul><ul><ul><li>Cara manusia baca & interaksi dgn maklumat atas skrin & atas kertas adalah berbeza </li></ul></ul></ul>
    36. 36. Rekabentuk Input <ul><li>Dokumen Sumber </li></ul><ul><ul><li>Dr. Jakob Nielson percaya; </li></ul></ul><ul><ul><ul><li>Pengguna imbas 1 halaman, pilih sebghn perkataan & ayat </li></ul></ul></ul><ul><ul><li>Perekabentuk Web guna teks yg boleh diimbas utk ditangkap & kekalkan perhatian pengguna </li></ul></ul><ul><ul><li>Susun atur & r/bentuk penting dlm borang berasaskan Web </li></ul></ul>
    37. 37. Rekabentuk Input <ul><li>Kawalan Input </li></ul><ul><ul><li>Setiap maklumat perlu boleh dijejaki semula ke data yg diinput </li></ul></ul><ul><ul><li>Jejak audit ( Audit trail ) </li></ul></ul><ul><ul><li>Keselamatan data </li></ul></ul><ul><ul><li>Polisi pengekalan/penahanan rekod( Records retention policy ) </li></ul></ul><ul><ul><li>Enkripsi </li></ul></ul>
    38. 38. Isu2 R/bentuk Output <ul><li>Sebelum r/bentuk output, pastikan ; </li></ul><ul><ul><li>Tujuan output </li></ul></ul><ul><ul><li>Siapa perlukan maklumat, kenapa diperlukan & bagaimana digunakan? </li></ul></ul><ul><ul><li>Maklumat spesifik yg perlu disertakan </li></ul></ul><ul><ul><li>Output perlu dicetak, dilihat atas skrin atau kedua2nya? </li></ul></ul>
    39. 39. Isu2 R/bentuk Output <ul><ul><li>Bila maklumat perlu disediakan, sekerap mana perlu dikemaskini? </li></ul></ul><ul><ul><li>Isu keselamatan atau kerahsiaan wujud? </li></ul></ul><ul><li>Jwpn kpd soalan beri kesan kpd strategi r/bentuk output </li></ul>
    40. 40. Isu2 R/bentuk Output <ul><li>Jenis Output </li></ul><ul><ul><li>Dlm fasa r/bentuk sistem perlu r/bentuk </li></ul></ul><ul><ul><ul><li>Laporan sebenar dlm bentuk skrin & bentuk/kaedah penghantaran output </li></ul></ul></ul><ul><ul><ul><ul><li>Penghantaran maklumat berasaskan Internet </li></ul></ul></ul></ul><ul><ul><ul><ul><li>E-mel </li></ul></ul></ul></ul><ul><ul><ul><ul><li>Audio </li></ul></ul></ul></ul><ul><ul><ul><ul><li>COLD </li></ul></ul></ul></ul><ul><ul><ul><ul><li>COM </li></ul></ul></ul></ul><ul><ul><ul><ul><li>dsbg. </li></ul></ul></ul></ul>
    41. 41. Isu2 R/bentuk Output
    42. 42. Isu2 R/bentuk Output <ul><li>Bentuk Output yg Specialized: </li></ul><ul><ul><li>Pelbagai jenis bentuk bisnes perlu pelbagai output yg specialized </li></ul></ul><ul><ul><li>Output dari sistem lain biasanya jadi input kpd sistem yg lain </li></ul></ul><ul><ul><li>Output bercetak, jenis output yg sgt banyak digunakan </li></ul></ul>
    43. 43. Output Bercetak <ul><li>Sgt.mudah alih, berguna dlm situasi tertentu </li></ul><ul><li>Dokumen turnaround (Cth. Bil telefon) </li></ul>
    44. 44. Output Bercetak <ul><li>Jenis Laporan </li></ul><ul><ul><li>Laporan terperinci ( detail reports ) </li></ul></ul><ul><ul><ul><li>Baris terperinci (rujuk Fig. 7-32) </li></ul></ul></ul><ul><ul><ul><li>Mungkin berjela-jela </li></ul></ul></ul><ul><ul><ul><li>Alternatif yg lebih baik ialah laporan pengecualian </li></ul></ul></ul><ul><ul><li>Laporan pengecualian ( exception reports ) </li></ul></ul><ul><ul><ul><li>Sgt berguna jika pengguna mahu maklumat utk rekod yg perlu diambil tindakan </li></ul></ul></ul><ul><ul><li>Laporan ringkasan ( summary reports ) </li></ul></ul><ul><ul><ul><li>Utk kegunaan individu pengurusan atasan </li></ul></ul></ul>
    45. 45. Output Bercetak <ul><li>Penglibatan pengguna dlm r/bentuk laporan </li></ul><ul><ul><li>Laporan bercetak cara penting sampaikan maklumat, pengguna perlu luluskan dgn awal semua r/bentuk laporan </li></ul></ul><ul><ul><li>Guna prototaip utk pengguna lihat </li></ul></ul>
    46. 46. Output Bercetak <ul><li>Prinsip R/bentuk Laporan </li></ul><ul><ul><li>Mesti menarik, profesional, mudah baca </li></ul></ul><ul><ul><li>Headers & footers laporan </li></ul></ul><ul><ul><li>Headers & footers halaman </li></ul></ul><ul><ul><li>Heading alignment kolum </li></ul></ul><ul><ul><li>Jarak antara kolum </li></ul></ul>
    47. 47. Output Bercetak <ul><ul><li>Turutan baris </li></ul></ul><ul><ul><ul><li>Baris mesti dipaparkan dan dikumpulkan dlm turutan yg logikal </li></ul></ul></ul><ul><ul><li>Kumpulan baris terperinci </li></ul></ul><ul><ul><ul><li>Rujuk Fig. 7-36 </li></ul></ul></ul><ul><ul><ul><li>Group header </li></ul></ul></ul><ul><ul><ul><li>Group footer </li></ul></ul></ul>
    48. 48. Output Bercetak <ul><li>Contoh R/bentuk Laporan </li></ul><ul><ul><li>Rujuk contoh dlm Fig. 7-36. </li></ul></ul><ul><ul><li>Memenuhi panduan, dan masih boleh diperbaiki </li></ul></ul><ul><ul><li>Jgn terlalu banyak maklumat dlm 1 halaman. </li></ul></ul>
    49. 49. Output Bercetak <ul><li>Lagi Isu2 R/bentuk: </li></ul><ul><ul><li>R/bentuk piawai yg baik, hasilkan laporan yg seragam & konsisten </li></ul></ul><ul><ul><li>Jika 1 sistem hasilkan banyak laporan, setiap laporan perlu ada elemen r/bentuk yg sama/seragam </li></ul></ul><ul><ul><li>Selepas r/bentuk laporan diluluskan,dokumen r/bentuk dlm borang laporan analisis </li></ul></ul>
    50. 50. Output Bercetak <ul><li>Merekabentuk laporan berasaskan karektor </li></ul><ul><ul><li>Banyak sistem hasilkan laporan ini </li></ul></ul><ul><ul><li>Bina & edit laporan ini gunakan alat tradisional, printer spacing chart (rujuk Fig. 7-40) </li></ul></ul>
    51. 51. Output Bercetak <ul><li>Jumlah Cetakan & Keperluan Masa </li></ul><ul><ul><li>Jumlah laporan tinggi, kos tinggi </li></ul></ul><ul><ul><li>Kiraan panjang laporan </li></ul></ul><ul><ul><li>Kiraan masa cetak laporan </li></ul></ul>
    52. 52. Output Bercetak <ul><li>Kawalan & Keselamatan Output </li></ul><ul><ul><li>Output mesti </li></ul></ul><ul><ul><ul><li>Tepat </li></ul></ul></ul><ul><ul><ul><li>Lengkap </li></ul></ul></ul><ul><ul><ul><li>Terkini </li></ul></ul></ul><ul><ul><ul><li>Selamat </li></ul></ul></ul><ul><ul><li>Jabatan IT bertanggungjawab ambil langkah berjaga </li></ul></ul><ul><ul><li>Diskless workstations </li></ul></ul>
    53. 53. Kesimpulan <ul><li>Konsep HCI & GUI </li></ul><ul><li>Prinsip r/bentuk yg berpusatkan pengguna utk: </li></ul><ul><ul><li>Faham fungsi bisnes </li></ul></ul><ul><ul><li>Memaksimakan keefektifan grafik </li></ul></ul><ul><ul><li>Profail pengguna sistem </li></ul></ul><ul><ul><li>Fikir spt pengguna </li></ul></ul><ul><ul><li>Guna prototaip </li></ul></ul><ul><ul><li>R/bentuk antaramuka komprehensif </li></ul></ul><ul><ul><li>Teruskan proses maklum balas pengguna </li></ul></ul><ul><ul><li>Dokumen r/bentuk antaramuka </li></ul></ul>
    54. 54. Kesimpulan <ul><li>Cara efektif utk kurangkan kesilapan input </li></ul><ul><ul><li>Kurangkan jumlah input </li></ul></ul><ul><li>Isu r/bentuk output </li></ul><ul><li>Deskripsi pelbagai jenis output </li></ul><ul><li>Kawalan output & langkah berjaga utk capai kawalan output yg cukup utk pastikan maklumat betul, lengkap & selamat </li></ul>
    55. 55. Bab 7 Selesai..

    ×