2. LANDASAN TEORI
2.1 HTML5 Canvas
HTML5 Canvas merupakan fitur baru dari HTML5. HTML5 Canvas merupakan sebuah element yang digunakan untuk
menggambar pada sebuah halaman web dengan menggunakan scripting biasanya menggunakan JavaScript. Pada Canvas
mempunyai beberapa metode untuk menggambar paths, boxes, circles, text, dan adding images. Pada umumnya canvas
merupakan sebuah area yang berbentuk kotak persegi panjang dan secara default ,canvas tidak mempunyai batas garis dan
isi[1w3sc]. Canvas HTML5 digunakan untuk menggambar grafik secara on the fly menggunakan scripting javascript. Canvas
merupakan container untuk grafik dimana kode untuk grafiknya menggunakan script terpisah.[5]
2.2 Phonegap
Dengan semakin
berkembangnya teknologi
smartphone, diperlukannya website yang dapat disajikan melalui perangkat
mobile tersebut. Oleh karena itu dikembangkan berbagai teknologi pembuat konten yang dapat disajikan di layar
smartphone. Salah satu teknologi yang digunakan untuk membuat konten adalah PhoneGap. PhoneGap adalah sebuah program open
source yang digunakan untuk membuat aplikasi mobile dengan menggunakan standard teknologi web seperti HyperText Markup
Language HTML, JavaScript, dan Cascading Style Sheets CSS. Tipe mobile application ini disebut dengan hybrid
application. Telah dideskripsikan pada PhoneGap website www.phonegap.com bahwa developer PhoneGap berusaha
untuk mengimplementasikan standard website development kedalam framework PhoneGap. PhoneGap dimulai pertama di
iPhoneDevCamp oleh Nitobi pada ahun 2008. Tujuan dari pembuatan PhoneGap adalah memudahkan developer dalam
pembuatan mobile application[3]. PhoneGap dapat menghasilkan kode
– kode program yang bisa dibaca oleh berbagai sistem operasi mobile seperti android, blackberry, WebOS, iOS, dan
sebagainya. PhoneGap dapat membuat aplikasi menjadi berkembang dengan mudah dan cepat. Fitur hardware yang
didukung oleh PhoneGap API adalah seperti berikut: Geolocation, Accelerometer, Camera, Compass, Contact, File, Media, Network,
Notificaton alert, sound,vibration, dan Storage. [4].
2.3 jQuery Mobile
Kategori