Gravisware

About web design, tips, tutorial, & more…

  • Home
  • Tips dan Tutorial
  • Download & Item Terbaik
  • Informasi
 

Gravisware

About web design, tips, tutorial, & more…

  • Home
  • Tips dan Tutorial
  • Download & Item Terbaik
  • Informasi

The Company

web design solo
web design solo

Tulisan Terbaru

  • 10 Keunggulan Aplikasi Berbasis Web
  • Contoh Website Profesional dan Cara Membuatnya
  • Contoh Website Perusahaan Terbaik dan Cara Membuatnya
  • Jadikan Desain Websitemu Jadi Kenyataan
  • Mempelajari Kecepatan Internet di Aducepat.com
  • WEB Sebagai Sarana Pengembangan Usaha Kecil Menengah
  • 2 Template Blogger Responsive Minimalist Untuk Blog Pribadi

Pencarian

The Network

akun.biz

travel indonesia

  • Home
  • Tentang Kami
  • Facebook
  • Syarat & Ketentuan
  • Kebijakan Privasi
  • Peta Situs
  • Kontak
Gravisware official Blog of Gravis Website Design
©2023 All Rights Reserved
Kompatibilitas Web di perangkat Mobile

Berbagai Tools Penguji Kompatibilitas Web untuk Handphone

Ditulis oleh Joddie Palgunadi, pada tanggal 28 Sep 2010, di kategori Tips dan Tutorial.

Tampilan dan performa website di handphone dan berbagai mobile device lainnya tidak bisa dipungkiri harus mulai diperhatikan. Hal ini karena makin maraknya penggunaan gadget untuk mengakses web. Sering kita lihat bahwa web design yang terlihat sempurna saat diakses lewat komputer ternyata berantakan saat diakses lewat HP. Untuk web berbasis CMS seperti WordPress – hal ini tampaknya aman-aman saja karena telah ada Mobile Template Plugin untuk WordPress (lihat artikel terdahulu).

Lalu bagaimana cara menguji performance serta tampilan design web saat dibuka lewat mobile device? Mungkin berbagai aplikasi dan situs di bawah ini bisa dipakai sebagai acuan:

1. iPhoney (http://www.marketcircle.com/iphoney/)

mob06

Web tool ini berguna untuk menguji tampilan web jika dibuka lewat iPhone yang (umumnya) memiliki dimensi layar 320×480 piksel. iPhoney sangat efektif untuk mengetahui bagaimana performa situs di Apple-Safari-powered environment, baik secara portrait, landscape, zoom, dan full screen.

2. W3C mobileOK Checker (http://validator.w3.org/mobile/)

mob02

Web tool ini berguna untuk menguji seberapa device-friendly-kah web atau blog Anda.

 

3. Modify Headers Add-on for Firefox (https://addons.mozilla.org/en-US/firefox/addon/967/)

mob08

Tools ini meruapkan Add on yang bisa diinstall pada browser Mozzila Firefox. Add-on ini berguna untuk merubah User Agent Mozzila menjadi user agent yang lain (termasuk user agent mobile device).Setelah diinstal, di bagian menu tools Mozzila akan terdapat terdapat menu baru, yaitu “Tools > Default User Agent” untuk membiarkan user agent apa adanya (default), dan “Tools > Modify Headers” untuk merubah user agent firefox menjadi user agent yang lain (termasuk mobile device mode). Sehingga, saat add on ini diaktifkan, jika web atau blog yang diakses menggunakan fasilitas mobile auto-template dengan mode deteksi user agent, maka yang tampil di monitor adalah versi mobile-nya.

 

4. Adobe Device Central CS5

mob03

Software ini masih satu paket dengan Adobe Creative Suite CS5. DenganAdobe Device Central CS5, user bisa menguji tampilan web saat diakses lewat handphone. Caranya: Pilih menu “Device Profiles > Browse Devices”, kemudian klik kanan dan pilih “Add To Test Devices”. Lalu klik menu “File > Open” (jika web masih offline) atau “File > Open URL” (jika web sudah online).

 

5. Gomez (http://www.gomez.com/mobile-readiness-instant-test)

mob05

Gomes adalah sebuah web based application yang berguna untuk menguji seberapa performa web saat diakses melalui mobile devices. Gomez memberikan nilai bagi web atau blog Anda serta memberikan perincian tentang kekurangan dan kelebihan web. Gomes juga akan memberikan berbagai saran yang bisa digunakan untuk mengoptimisasi web agar lebih optimal saat diakses lewat mobile devices.

 

6. MobiReady (http://ready.mobi/launch.jsp?locale=en_EN)

mob07

Hampir sama dengan Gomez, web application ini juga memberikan pengujian seberapa siapkah web/blog Anda saat diakses melalui mobile devices.

 

7. DotMobi Emulator (http://mtld.mobi/emulator.php)

mob04

Web application ini adalah emulator site. DotMobi Emulator mampu memperlihatkan bagaimana tampilan web / blog Anda saat diakses melalui HP.

 

8. Opera Mini Simulator (http://www.opera.com/mobile/demo/)

mob01

Sama seperti DotMobi Emulator, web application ini memperlihatkan bagaimana tampilan web/blog Anda saat diakses melalui Opera Mini di handphone.

Tampilan dan performa website di handphone dan berbagai mobile device lainnya tidak bisa dipungkiri harus mulai diperhatikan. Hal ini karena makin maraknya penggunaan gadget untuk mengakses web. Sering kita lihat bahwa web design yang terlihat sempurna saat diakses lewat komputer ternyata berantakan saat diakses lewat HP. Untuk web berbasis CMS seperti WordPress – hal ini tampaknya aman-aman saja karena telah ada Mobile Template Plugin untuk WordPress (lihat artikel terdahulu).

Lalu bagaimana cara menguji performance serta tampilan design web saat dibuka lewat mobile device? Mungkin berbagai aplikasi dan situs di bawah ini bisa dipakai sebagai acuan:

Baca Juga
Free Download 14 Wordpress Template Terbaik untuk Blog

Free Download 14 WordPress Template Terbaik untuk Blog

Kategori: Item Terbaik
6 Premium Wordpress Theme Gratis

6 Premium WordPress Theme Gratis

Kategori: Item Terbaik
Jasa pembuatan website di Solo

2 Template Blogger Responsive Minimalist Untuk Blog Pribadi

Kategori: Tips dan Tutorial
Label: Responsive, Template
Foto inspirasi oleh : johnherf

Tips Mencari Inspirasi

Kategori: Tips dan Tutorial
Tentang CMS Prestashop

Tentang CMS Prestashop

Kategori: Informasi
Girly Blogger Template Gratis

6 Girly Blogger Template Gratis

Kategori: Item Terbaik
web design solo
web design solo
Share this!

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *