PENGUJIAN SITUS WEB
description
Transcript of PENGUJIAN SITUS WEB
![Page 1: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/1.jpg)
PENGUJIAN SITUS WEB
![Page 2: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/2.jpg)
Pengujian di Localhost
• Pengujian Usability– Menurut jakob nielsen, usability melibatkan
pertanyaan “dapatkah user menemukan carauntuk menggunakan situs web tersebut dengan effektif
– Pengujian usability dengan menggunakan bantuan tester
– Tester dapat dipilih dari berbagai golongan usia berbeda, keterampilan dan minat dominan mereka
![Page 3: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/3.jpg)
• Pengujian Navigasi (struktur)– Dapat menggunakan masukan dari tester– Apakah navigasi sudah konsisten ?– Apakah memungknkan untuk feedback atau tidak ?– Apakah situs kita menawarkan navigasi alternatif lain ?– Pada dreamweaver bisa melakuakan pengujian
navigasi/link dengan menggunakan fitur Check Link untuk mencari broken link dan unreferenced
![Page 4: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/4.jpg)
![Page 5: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/5.jpg)
• Pengujian Graphic Desain (Desain Visual)– Menguji dengan melihat di browser– Menguji dengan beberapa resolusi, 800 x 600,
1024x768, 1152x864– Apakah layout grafiknya konsisten ?
![Page 6: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/6.jpg)
• Pengujian Content– Untuk menguji content, bisa langsung
mengeceknya secara langsung– Apakah content nya relevan dengan tujuan situs
web nya– Apakah gaya penulisan dan bahasa yang
dipergunakan sudah sesuai dengan situs web dan target audience nya?
![Page 7: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/7.jpg)
• Pengujian Compability– Melakukan pengujian di beberapa browser– Kalau menggunkan plug-in, apakah user akan
mudah mendownloadnya?– Dalam dreamweaver dapat dilakukan dengan
menu edit – preferences- preview in browser
![Page 8: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/8.jpg)
![Page 9: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/9.jpg)
• Pengujian Loading Time– Untuk menguji loading time dapat dilakukan dengan manual,– Assumsi kecepatan akses user di indonesia paling lambat 28,8
Kbps– Kecepatan modem dalam Kbps– 8 bits = 1 Bytes– Besarnya transfer file = 28800 bits : 8 = 3600 Bytes– Jika halaman web sebesar 104 K byte, menggunakan modem
28,8 Kbps akan memakan waktu tampil utuh di browser selama – Waktu tampil = 104 Kbyte : 3,6 Kbyte per second = 28,89 second– Dalam dreamweaver , pilih menu edit-preferences,status bar
![Page 10: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/10.jpg)
![Page 11: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/11.jpg)
• Pengujian Functionality– Uji fungsionalitas , kita dapat menguji melalui situs
web– Melakukan ceheck dengan pengechekan code– Dalam dreamweaver dapat membetulkan code di
dalam banyak bahasa (HTML,XHTML,CFML,JSP,PHP,WML,XML)
– Dalam dreamweaver pilih File-check Page – valiadate as XML
![Page 12: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/12.jpg)
• Pengujian Accesibility– Pengujian aksesibilitas memastikan situs dapat
dilakukan baik oleh audience termasuk orang cacat
– Screen reader, shortchut, perubahan ke kontras yang lebih tinggi
– Dalam dreamweaver, edit-preferences, Accessibility
![Page 13: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/13.jpg)
![Page 14: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/14.jpg)
• Pengujian Interactivity– Dasar interaktifitas adalah hyperlink dan
mekanisme feedback– Dilakuakn sendiri atau menggunakan tester
![Page 15: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/15.jpg)
Pengujian di intenet
• Validasi HTML dan XHTML– Untuk validasi HTML dapat mengunjungi
http://validator.w3.org
![Page 16: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/16.jpg)
![Page 17: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/17.jpg)
• Validasi CSS– Untuk valiadasi CSS, kunjungi
http://jigsaw.w3.org/css-validator
![Page 18: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/18.jpg)
![Page 19: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/19.jpg)
• Validasi Accesibility– Kunjungi http://webxact.watchfire.com
![Page 20: PENGUJIAN SITUS WEB](https://reader034.fdocuments.net/reader034/viewer/2022050821/56816354550346895dd3fd24/html5/thumbnails/20.jpg)