Pengenalan Phonegap
PhoneGap adalah solusi untuk membangun
aplikasi mobile yang cross-platform dengan menggunakan Web standard seperti
HTML, JavaScript dan Css. PhoneGap juga merupakan framework yang digunakan saat
mengembangkan aplikasi hybrid di platform mobile. Aplikasi hybrid adalah
aplikasi multiplatform yang bisa dikembangkan di berbagai platform mobile
terkini, seperti Android, IOS, dan Windows Phone. Implementasi aplikasi hybrid
ini menggunakan HTML 5, kombinasi antara teknologi HTML, javascript, dan CSS 3
sehingga menghasilkan aplikasi yang memiliki fitur layaknya native app namun
bisa dijalankan di berbagai platform yang berbeda. Dengan phonegap kita dapat
menghemat waktu dalam membuat aplikasi untuk beberapa smartphone sekaligus dan
hanya dibekali pengetahuan tentang HTML, JavaScript dan CSS semua dapat
menggunakan PhoneGap.
Pada dasarnya PhoneGap merupakan library
yang digunakan sebagai Javascript Wrapper yang akan menghubungkan event yang di
buat di HTML interface ke Mobile OS System. Aplikasi berbasis PhoneGap juga
dibuat dan dikemas seperti aplikasi asli(native), yang artinya pembuat aplikasi
bisa membagikan aplikasinya melalui Apple App Store atau Android Market.
PhoneGap SDK menyediakan sebuah API, yaitu sebuah lapisan abstrak yang
menyediakan pengembang dengan akses ke fitur hardware dan platform tertentu.
Keunggulan PhoneGap yaitu Sudah mencakup
hampir semua sistem operasi yang banyak digunakan dan mendukung sebagian besar
fitur native pada masing-masing sistem operasi.
Fitur hardware
yang didukung oleh PhoneGap API :
Gb.01 Fitur hardware yang didukung oleh PhoneGap API
Lingkungan Pengembangan Fragmentasi
Lingkungan
Pengembangan merupakan salah satu yang terpenting dalam fragmentasi. Anda akan
membutuhkannya pada saat dua sistem operasi, Windows(Windows 7) dan Mac
(Leopard). Jika anda ingin mengembangkan aplikasi mobile, dan menargetkan
platform berikut :
1. iOS
2. Android
3. BlackBerry
4. WebOS
5. Symbian
6. Windows 7
maka anda harus
menggunakan berbagai IDE seperti Xcode dan Eclipse serta bahasa pemrograman,
seperti Java, C++ dan Objective C.
Komponen
Browser sebagai Common Platform
Dunia browser
sebagian besar terfragmentasi hanya sampai beberapa tahun yang lalu. Saat itu,
browser yang berbeda berpegang pada standar W3C (World Wide Web Consortium )
untuk derajat yang berbeda. Firefox dan Safari Browser berada di garis depan
dalam hal mengikuti standar yang ada, sementara yang lain tertinggal di
belakang.
Sekarang, browser
mencari yang lebih baik dalam hal mengikuti standar (terlebih pada platform
mobile). Ini benar adanya karena platform mobile sekarang memiliki browser
webkit-based yang sama. Juga pada browser baru, baik pada desktop dan
smartphone, sudah mulai mematuhi standar baru seperti HTML5/ CSS3. Ini
menambahkan lebih banyak fitur untuk dunia browser dan mengurangi fragmentasi
di platform mobile.
Semua platform
ponsel kecuali ponsel Windows7 menggunakan browser webkit - based, sementara
pada ponsel Windows7 menggunakan IE7 - based. PhoneGap menggunakan browser
modern ini sebagai platform untuk membangun aplikasi HTML5/CSS3-based.
Aplikasi
Mobile Webviews
Semua platform mobile browser mendukung
penyisipan dalam aplikasi. Ini berarti salah satu layar dari aplikasi mobile
Anda benar-benar dapat menjadi browser yang menampilkan halaman HTML.
Penyisipan browser ini sering disebut sebagai webviews. Ini berarti Anda dapat
menentukan salah satu layar dari aplikasi Anda sebagai webview.
Pikirkan tentang aplikasi Anda memiliki layar
bernama ini "tentang kami" layar menunjukkan informasi perusahaan
Anda "tentang kami.". Sekarang, mari kita asumsikan misalnya,
"tentang kami" informasi tentang perubahan perusahaan Anda secara
sering. Salah satu persyaratan dari aplikasi mobile Anda adalah untuk
menunjukkan terbaru "tentang kami" informasi. Oleh karena itu,
alih-alih menunjukkan hardcoded "tentang kami" layar, Anda dapat
menunjukkan webview menunjuk ke perusahaan Anda halaman "tentang
kami" (sebaiknya versi mobile dari halaman web). Ini akan memuat
"tentang kami" halaman dari web. Juga, sebuah webview dapat digunakan
untuk memuat dan menampilkan halaman HTML yang disimpan secara lokal pada
perangkat mobile. Kita dapat mengambil konsep ini selangkah lebih maju: bukan
halaman web statis, kita dapat menampilkan halaman web berbasis Ajax yang
berinteraksi dengan layanan web.
Native
Hooks untuk Paparan Kemampuan Perangkat
Browser dapat
tertanam dalam aplikasi web, mari kita mengalihkan fokus kita untuk mengekspos
kemampuan perangkat melalui browser tertanam. Katakanlah Anda sedang
mengembangkan sebuah aplikasi Flickr, berdasarkan API Flickr. Dengan bantuan
API ini, Anda dapat login ke Flickr, galeri daftar, men-download dan
menampilkan gambar Anda.
Meskipun ini merupakan ide yang baik
untuk aplikasi web, ketika kita menunjukkan aplikasi yang sama pada ponsel,
ingatlah bahwa ponsel biasanya memiliki kamera. Ini akan masuk akal untuk
memungkinkan aplikasi Flickr untuk mengambil gambar dari kamera dan meng-upload
ke Flickr. Untuk melakukan hal ini, kita dapat membuat penyisipan browser (atau
webview) expose JavaScript API, yang pada saat dipanggil, membuat kamera
mengambil gambar dan memberi kita kembali data biner untuk gambar tersebut
(lihat Gambar dibawah)
Gambar JavaScript untuk Komunikasi native dan sebaliknya Secara teknis
semua platform mendukung mengekspos modul asli
JavaScript di webview tersebut. Ini berarti, bahwa semua pemrograman platform
ini memungkinkan kode JavaScript untuk memanggil Java asli / C + + / Objective
kode C, dan sebaliknya. Mari kita lihat sebuah contoh. Webview kami host
halaman HTML, yang menampilkan peta Google. Kami ingin pusat peta sesuai dengan
lokasi GPS dari ponsel. Untuk melakukannya, kita perlu menulis komponen asli,
yang bertanya tentang perangkat GPS lokasi.
Kemudian, kita menulis kode yang akan mengekspos modul asli dari
webview tersebut. Kode JavaScript di webview memanggil kode ini untuk
mendapatkan akses ke koordinat GPS. Setelah kode akses, keuntungan ke koordinat
GPS, itu berpusat sesuai peta. Ini adalah prinsip utama di balik kerangka
PhoneGap.
Post a Comment