Analisa dan Komparasi Parameter pada Web
Pada postingan kali ini saya akan membahas, menganalisis dan melakukan komparasi bagaimana sebuah website bisa di katakan baik dari segi parameter - parameter tertentu
Dalam sebuah website dapat dikatakan baik, jika dibahas satu persatu akan banyak sekali parameter-parameternya. Contohnya saja dari segi menganalisis Implementasi (page generation) & pengujian (testing)
Suatu kegiatan untuk mewujudkan desain menjadi suatu web site. Teknologi yang digunakan tergantung dengan kebutuhan yang telah dirumuskan pada tahap analisis.
Pengujian dilakukan setelah implementasi selesai dilaksanakan. Pengujian meliputi beberapa parameter yang akan menentukan standar aplikasi berbasis web yang telah dibuat. Tahap pengujian adalah suatu proses untuk menguji aplikasi berbasis web yang telah selesai dibuat. Hal ini bertujuan untuk menemukan kesalahan dan kemudian memperbaikinya. Pengembang suatu aplikasi berbasis web mendapat tantangan besar untuk melakukan pengujian karena karakter aplikasi ini yang beroperasi pada jaringan dengan berbagai macam pengguna, berbagai macam sistem operasi, perangkat keras, browser, protokol komunikasi, dll.
Ada beberapa pendekatan yang digunakan untuk melakukan pengujian, yaitu :
1. Pengujian fungsional dan operasional (fungsional and operational testing)
Bertujuan untuk menguji masukan dan keluaran dari aplikasi ini.
Hasil keluaran aplikasi bergantung dari teknologi yang digunakan, baik itu bahasa pemrograman maupun bahasa skrip yang digunakan.
Untuk menguji code HTML dan CSS yang digunakan dapat menggunakan alat bantu W3C HTML Validation Service di http://validator.w3.org/ dan W3C CSS Validation Service di http://jigsaw.w3.org/css-validator/
2. Pengujian navigasi (navigation testing)
Hal ini digunakan untuk melihat kesesuaian antara desain navigasi dengan navigasi yang ada di aplikasi. Navigasi berhubungan dengan link-link yang terdapat didalam aplikasi.
Untuk menguji link dapat digunakan alat bantu W3C Link Checker Service di http://validator.w3.org/checklink
3. Pengujian konfigurasi (configuration testing)
Pengujian ini dilakukan pada sistem operasi, browser, sistem perangkat keras dan perangkat lunak pendukung. Pengujian ini dilakukan untuk menentukan batas toleransi kebutuhan aplikasi akan perangkat lunak dan perangkat keras pendukungnya.
4. Pengujian keamanan dan performansi (security and performance testing)
Pengujian ini dilakukan untuk melihat tingkat keamanan aplikasi dengan cara menguji aspek-aspek yang dapat menimbulkan gangguan keamanan aplikasi maupun server. Keamanan aplikasi sangat bergantung pada teknologi pengembangan website, konfigurasi server yang digunakan dan kelakuan sistem. Pengujian performansi dapat dilakukan bersamaan dengan pengujian keamanan aplikasi, karena keamanan aplikasi berbasis web juga tergantung dari performansi server dan aplikasi tersebut.dll
Dan saya tidak akan membahas semuanya satu persatu, di sini saya akan membahas salah satu parameter website yang menjadi sebuah kriteria dan disini saya akan menggunakan alat bantu untuk membuat sebuah penilaian dalam menguji code HTML dan CSS saya mengunakan alat bantu W3C HTML Validation Service di http://validator.w3.org/ dan W3C CSS Validation Service di http://jigsaw.w3.org/css-validator/ . untuk membuat suatu perbandingan.
Saya akan memcoba pada studi khusus saya mengenai Testing pada parameter " fungsional and operational testing " saya akan menganalisis dan melakukan Komparasi Terhadap 2 website yaitu : 1 http://diploma.gunadarma.ac.id/mpemasaran/ dan 2 http://diploma.gunadarma.ac.id/akuntansi/ . saya akan membuat suatu perbandingan
( http://diploma.gunadarma.ac.id/akuntansi/ )
Testing yang pertama akan mencoba code HTML XTML pada website http://diploma.gunadarma.ac.id/mpemasaran/ . pada website itu telah terdekteksi Kesalahan pada saat memeriksa dokumen sebagai XHTML 1.0 Strict! :
Hasil: 27 Kesalahan, 3 peringatan (s)
alamat: http://diploma.gunadarma.ac.id/mpemasaran/
Encoding: iso-8859-1
Doctype: XHTML 1.0 Strict
Elemen root: html
Akar Ruang nama: http://www.w3.org/1999/xhtml
pada pengujian CSS telah terdeteksi
Dokumen memvalidasi sebagai CSS level 3!
this icon to your Web page:
<p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /> </a> </p>
<p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" /> </a> </p>(close the img tag with > instead of /> if using HTML <= 4.01)
Warnings (2)
URI : http://diploma.gunadarma.ac.id/mpemasaran/asset/css/iz_style.css
219 | #content-wrap | Same color for background-color and border-top-color |
223 | #header | Same color for background-color and color |
Dari analisa yang pertama website diploma.gunadarma.ac.id/mpemasaran mencoba code HTML XTML telah terdeteksi XHTML 1.0 Strict! Hasil: 27 Kesalahan, 3 peringatan
Encoding: iso-8859-1 Elemen root: html
dan
Pada pengujian CSS telah terdeteksi
Dokumen memvalidasi sebagai CSS level 3!
Testing yang Kedua akan mencoba code HTML XTML pada website http://diploma.gunadarma.ac.id/akuntansi/. pada website itu telah terdekteksi Kesalahan pada saat memeriksa dokumen sebagai
XHTML 1.0 Strict! :
Hasil: 9 Kesalahan, 2 peringatan (s)
alamat: http://diploma.gunadarma.ac.id/akuntansi/
Encoding: iso-8859-1
Doctype: XHTML 1.0 Strict
Elemen root: html
Akar Ruang nama: http://www.w3.org/1999/xhtml
Pada pengujian CSS telah terdeteksi
Dokumen memvalidasi sebagai CSS level 3!
this icon to your Web page
<p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" /> </a> </p>
<p> <a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" /> </a> </p>
(close the img tag with > instead of /> if using HTML <= 4.01)
|
||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|