Analisa dan Komparasi Parameter pada Web II

Analisa dan Komparasi Parameter pada Web II

Pada tulisan sebelumnya saya sudah menerangkan bagaimana segi menganalisis Implementasi (page generation) & pengujian (testing) yang baik dalam sebuah web,
nah dalam tulisan kali ini saya akan menganalisa antara web 2 yaitu: http://www.narotama.ac.id/ dan http://www.maranatha.edu/ . dan saya akan menganalisa dan membuat suatu percobaan Implementasi (page generation) & pengujian (testing) dan saya akan menggunakan bantuan dari salah satu web yaitu :     http://validator.w3.org/  dan  http://jigsaw.w3.org/css-validator/   unttuk menguji keduan web tersebut

W3C Markup Validator adalah layanan gratis oleh W3C yang membantu memeriksa keabsahan/kevalidan sebuah Web dokumen (HTML). Pada dasarnya Web dokumen ditulis menggunakan bahasa markup, seperti HTML, HTML 5 atau XHTML. Bahasa-bahasa markup ini ditentukan oleh spesifikasi teknis tertentu, termasuk juga machine-readable formal grammar (tata bahasa agar dapat terbaca dengan benar). Nah,pemeriksaan dokumen terhadap kesalahan atau eror ini disebut validasi, dan adalah fungsi dari Markup Validator.                                                                                                                         
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.

Langsung saja web pertama yang akan saya uji Testing pada parameter " fungsional and operational testing yaitu web Universitas Narotama : http://www.narotama.ac.id/

                                                         ( http://www.narotama.ac.id/ )
                                                          


Testing yang pertama akan mencoba code HTML XTML pada website http://www.narotama.ac.id/
pada website itu telah terdekteksi Kesalahan pada saat memeriksa dokumen sebagai XHTML 1.0 Strict! :
Hasil: 27 Kesalahan, 3 peringatan (s)
alamat:
http://www.narotama.ac.id/
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://www.narotama.ac.id/

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 http://www.narotama.ac.id/ 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!



web kedua yang akan saya uji Testing pada parameter " fungsional and operational testing yaitu web Universitas Kristen Maranatha : http://www.maranatha.edu/

                                                            ( http://www.maranatha.edu/ )

Testing yang Kedua akan mencoba code HTML XTML pada websitehttp://www.maranatha.edu/.
pada website itu telah terdekteksi Kesalahan pada saat memeriksa dokumen sebagai


XHTML 1.0 Strict! :

Hasil: 9 Kesalahan, 2 peringatan (s)
alamat: http://www.maranatha.edu/
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://www.maranatha.edu/ 220 #content-wrap Same color for background-color and border-top-color 224 #header Same color for background-color and color Dari analisa yang kedua web http://www.maranatha.edu/ mencoba code HTML XTML telah terdeteksi XHTML 1.0 Strict! : Hasil: 9 Kesalahan, 2 peringatan (s) Encoding: iso-8859-1 Elemen root: html dan Pada pengujian CSS telah terdeteksi  Dokumen memvalidasi sebagai CSS level 3!   Kesimpulan : kesimpulan dari analisa ke 2 web ini adalah Web Universitas Narotama : http://www.narotama.ac.id/ dan web Universitas Kristen Maranatha : http://www.maranatha.edu/. terdapat banyak kesalahan dan peringatan pada code HTML XHTMLan terhadap web http://www.narotama.ac.id/ terdeteksi Hasil: 27 Kesalahan, 3 peringatan. dibandingkan web http://www.maranatha.edu/. terdeteksi Hasil: 9 Kesalahan, 2 peringatan dana pada percobaan testing code CSS terjadi kesama pada website tersebut. di telah terjadi Dokumen memvalidasi sebagai CSS level 3 pada web tersebut.

  Sumber : http://validator.w3.org/