Selasa, 16 April 2013

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/mpemasaran/ )

                                            ( 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:

 Valid CSS!
<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>
            
Valid CSS!
<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

 Valid CSS!
<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>
            
Valid CSS!
<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/akuntansi/asset/css/iz_style.css

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 diploma.gunadarma.ac.id/akuntansi 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 diploma.gunadarma.ac.id/mpemasaran dan diploma.guhadarma/akuntasi . terdapat banyak kesalahan dan peringatan pada code HTML XHTMLan terhadap web diploma.gunadarma/mpemasaran terdeteksi Hasil: 27 Kesalahan, 3 peringatan. dibandingkan web diploma.gunadarma.ac.id/akuntansi 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://kmrg.itb.ac.id/blog/ 
                http://validator.w3.org/ 
                http://jigsaw.w3.org/css-validator/






















 
Posted by Panji Teguh On 11.12 No comments READ FULL POST
  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube

Hijri Date Converter


    Blogger news


    Get this widget!

    Blogroll

    Viewers