Teknologi Web Mobile

watch_later Tuesday, 17 November 2015
Mobile computing adalah suatu istilah yang digunakan untuk menggambarkan aplikasi pada piranti berukuran kecilr,portabel, dan wireless serta mendukung komunikasi.

Yang termasuk mobile computing :  
- Mobile phone
- Wearable computing
- Personal Digital Assistant (PDA)
- Smartphone


Mobile Application Development




Native Application

Aplikasi  ini berjalan  pada perangkat mobile, dan diakses melalui ikon yang ada pada perangkat. Aplikasi ini biasanya dikembangkan khusus untuk 1 platform.

Mobile Web Application

Web apps dijalankan menggunakan browser yang ada pada pada perangkat dan biasanya ditulis menggunakan HTML5.

Hybrid Application

Aplikasi mobile yang dibuat dan ditanam (instal) langsung didalam didalam device, menggunakan bahasa pemograman web yang di gabung dalam sebuah bahasa pemograman yang selayaknya digunakan untuk membuat aplikasi pada device yang dituju.

                      Hybrid = NATIVE+WEB MOBILE 



Pengembangan web mobile terdiri 2 jenis 

1. Responsive Website


Responsive Website adalah  website yang menyesuaikan  tampilan layarnya berdasarkan ukuran viewport dari device yang digunakan mulai dari smartphone, tablet atau computer screen.


Kelebihan Responsive Website

  • Dengan adanya responsive website berarti hanya memiliki 1 website namun bisa diakses oleh berbagai device dengan ukuran layar berbeda-beda

  • Dengan hanya memiliki 1 website berarti kemudahan dalam maintenance
  • Dengan hanya memiliki 1 website tentu lebih hemat biaya
  • Dengan hanya memiliki 1 hanya butuh 1 alamat domain
  • Dengan hanya memiliki 1 website tidak perlu upaya dan biaya tambahan untuk marketingnya, berbeda bila memiliki responsive website sekaligus mobile website
Kekurangan Responsive Website

  • Waktu loading yang lebih lama dibandingkan mobile web, karena responsive web harus me-loading semua image dan skrip yang ada
  • Mengganggu penempatan banner iklan, posisi banner iklan jelas akan terpengaruh dengan sifat responsive web yang menyesuaikan layoutnya berdasarkan ukuran layar devicenya. Seperti kita tahu banyak blog, news web yang mengandalkan pendapatan dari iklan
  • Pengembangan responsive website membutuhkan biaya lebih tinggi karena kompleksitas yang ada pada responsive website

2. Mobile website

Mobile web  secara prinsip adalah sama dengan website secara umum, yang dibuat dengan HTML, CSS, javascript, PHP. Namun perbedaannya adalah mobile web dibuat agar optimal untuk ukuran mobile device seperti smartphne dan tablet.

Kelebihan Mobile Website



  • Membuat mobile website tidaklah serumit membuat responsive website
  • Untuk news dan publikasi website kita bisa melakukan customisasi agar berita yang paling update, berita penting saja yang ditampilkan di mobile website
  • Dirancang sejak awal untuk diakses melalui smartphone dengan layar relatif kecil, sehingga pengguna akan mendapatkan user experience maksimal


Kekurangan Mobile Website



  • Dengan mobile website berarti harus memiliki dua URL berbeda. Sebagai contoh mobile website memiliki URL yang diawali huruf m. Bisa kita ambil contoh : www.m.detik.com
  • Dengan memiliki mobile website berarti ada 2 website yang berbeda yang harus dimaintain :  website utama dan mobile website. Ini berarti ada tambahan biaya.
  • Mobile website biasanya dibuat hanya untuk 1 ukuran layar, sebagai contoh smartphone dengan ukuran tertentu