Pada postingan kali ini saya akan membahas tentang software yang dapat menguji bagaimana tampilan suatu situs web pada mobile website.
Sebelumnya kita harus tahu terlebih dahulu apa itu pengujian atau biasa disebut testing dan tujuan dari pengujian itu sendiri
Pengujian/Testing
Testing adalah proses menganalisa suatu entitas software untuk mendeteksi perbedaan antara kondisi yang ada dengan kondisi yang diinginkan (defects/errors/bugs) dan mengevaluasi fitur-fitur dari entitas software. (Standar ANSI/IEEE 1059)
Tujuan Pengujian
- Pengujian adalah proses menjalankan program dengan maksud mencari kesalahan (error)
- Kasus uji yang baik adalah kasus yang memiliki peluang untuk mendapatkan kesalahan yang belum diketahui
- ƒPengujian dikatakan berhasil bila dapat memunculkan kesalahan yang belum diketahui
- Jadi pengujian yang baik bukan untuk memastikan tidak ada kesalahan tetapi untuk mencari sebanyak mungkin kesalahan yang ada pada program.
Dengan terus meningkatnya penjualan smartphone dan pasar tablet yang terus berkembang, ditambah juga dengan akses yang jauh lebih tinggi untuk jaringan data mobile. Maka banyak para programmer komputer mengembangkan dan juga membuat website atau blog.
Sebagian besar ponsel yang digunakan adalah untuk menelusuri web (web browsing), artinya sekarang seorang programmers benar-benar harus mempertimbangkan untuk membuat situs web yang kompatibel dengan mobile device/ smartphones tersebut.
Tapi bagaimana cara untuk mengetahui sebuah web/ situs kompatibel dengan smarthones?Apakah kita hatus membeli semua smartphones tersebut ?
Pengujian situs pada perangkat mobile dapat memakan waktu dan juga mahal karena jumlah besar perangkat mobile yang berbeda.
Salah satu tools untuk menguji suatu situs website bagaimana tampilannya pada mobile website adalah Modify Headers yang merupakan Add-on Firefox, dibawah ini ada tampilan Modify Header setelah instalasi add-on di firefox
Pada selection action pilih add apabila kita baru ingin menambahkan user-agent baru. Pada kolom pertama isi dengan header name , header name terserah pada kita disini saya akan mengisinya dengan nama 'user-agent'. Sedangkan kolom ke2 merupakan header value atau kode dari user agent itu sendiri yang merupakan user-agent dari tipe handphone yang ingin kita lihat tampilannya menggunakan tools ini. User Agent ponsel yang ingin kita cari Bisa search di Google Indonesia atau cari di Device Atlas. Kalau mencari di Device Atlas , masukkan merk & type hp di kolom pencarian (kanan atas). Contoh: Nokia E63 Lalu, klik Search atau tekan Enter pada keyboard. Ini contoh user agent Nokia E63: Mozilla/5.0 (SymbianOS/9.2; U; Series60/3.1 NOKIAE63/1.0; Profile/MIDP-2.0 Configuration/CLDC-1.1) AppleWebKit/413 (KHTML, like Gecko) Safari/413
Untuk kolom ketiga bisa diisikan dengan deskripsi kita, misalkan saya akan mengisinya dengan "NOKIA E63", apabila semua kolom sudah terisi dengan benar klik add yang berada di sebelah kolom description comment. Ketika di add dan masuk kedalam kolom besar untuk menaktifkannya atau mengujicobakannya klik 2 kali untuk merubah simbol merah menjadi hijau setelah semua langkah telah dilakukan dengan baik dan dipastikan tidak ada kesalahan maka klik button OK. Dibawah ini adalah contoh tampilan yang telah saya isi.
Untuk kolom ketiga bisa diisikan dengan deskripsi kita, misalkan saya akan mengisinya dengan "NOKIA E63", apabila semua kolom sudah terisi dengan benar klik add yang berada di sebelah kolom description comment. Ketika di add dan masuk kedalam kolom besar untuk menaktifkannya atau mengujicobakannya klik 2 kali untuk merubah simbol merah menjadi hijau setelah semua langkah telah dilakukan dengan baik dan dipastikan tidak ada kesalahan maka klik button OK. Dibawah ini adalah contoh tampilan yang telah saya isi.
Setelah kita klik OK, maka jendela Modify Header akan tertutup dan WEB BROWSER mozzila yang telah terpasang add-ons Modify header dan telah diaktifkan dengan user-agent tertentu akan bertindak seolah olah merupakan handphone tersebut. Maksudnya adalah apabila kita membuka suatu halaman web tertentu maka tampilan yang akan muncul adalah tampilan persis sama seperti kita akan mengkasesnya menggunakan web browser yang tersedia di handphone yang user agentnya kita aktifkan pada add-ons ini, disini saya mengaktifkan user-agent NOKIA E63 maka ketika saya klik OK dan memasukkan URL tertentu maka tampilannya web tersebut pada browser mozzila akan berubah seperti yang akan tampak pada browser Nokia E63. Berikut adalah tampilan ketika saya mengakses facebook setelah mengaktifkan Modify Header dengan user-agent untuk NOKIA E63
Tampilan diatas adalah tampilan yang akan saya peroleh sama ketika saya mengaksesnya menggunakan handphone NOKIA E63. Dengan kata lain setelah kita mengaktifkan, maka saat kita mengunjungi suatu halaman web, maka sama saja dengan kita melakukan pengaksesan web dari ponsel kita.
Tools ini sangat bermanfaat bagi pengembang atau programmer web sehingga mereka dapat menguji apakah website / aplikasi berbasis web yang mereka buat dapat digunakan dan diakses di semua jenis mobile device dan smartphone atau hanya merek tertentu saja atau bahkan tidak dapat diakses sama sekali menggunakan mobile.
Tools ini sangat bermanfaat bagi pengembang atau programmer web sehingga mereka dapat menguji apakah website / aplikasi berbasis web yang mereka buat dapat digunakan dan diakses di semua jenis mobile device dan smartphone atau hanya merek tertentu saja atau bahkan tidak dapat diakses sama sekali menggunakan mobile.
Sumber :
