cara mudah membuat aplikasi android
Mobile Pemrograman

Cara Mudah Membuat Aplikasi Android | Tutorial Phonegap

Cara Mudah Membuat Aplikasi Android – Android merupakan mobile platform yang sangat populer di masyarakat. Di Google Play atau playstore, aplikasi berbasis platform Android terhitung mencapai ratusan ribu aplikasi. Untuk membuat aplikasi android, bagi kalian para pemula janganlah kawatir harus mempelajari bahasa pemrograman baru, kini dengan kemajuan teknologi hadirlah teknologi yang bernama phonegap. phonegap ini berfungsi sebagai creator mobile application dengan menggunakan bahasa pemrograman HTML, CSS dan JavaScript, atau bisa juga merubah aplikasi web  menjadi aplikasi mobile. So buat kalian para web programmer tidak usah kuatir harus bersusah payah belajar bahasa pemrograman lagi.

Saya juga akan mencoba menerangkan secara urut point-point dari phonegap agar pembaca yang ingin belajar dapat mengerti apa saja yang harus di siapkan dan dipelajari untuk membuat mobile app phonegap ini tapi jika anda adalah seorang developer web pastilah sudah paham apa saja yang akan saya simak, simak baik-baik :

nomor 1Webkit

Webkit merupakan tool rendering tampilan website, terdiri dari HTML, CSS, JavaScript. Tampilan-tampilan website yang dibangun dengan ketiga alat diatas yang membentuk satu kesatuan tertentu sehingga anda dapat melihat warna-warni dan interaktifnya user interface dari website. Perlu kita ketahui juga di teknologi sekarang baik smartphone dan platform yang lain semua sudah mendukung webkit.

nomor 2Webkit dan Phonegap

Apa hubunganya webkit dan phonegap ? ya, jelas sekali hubungan mereka baik-baik saja, bahkan erat sekali webkit sebagai layouting dan merangkup fungsional dari sistem sedangkan phonegap adalah alat konversi dari web application menjadi mobile application.

number 3Tutorial Pembuatan Aplikasi

Nah, setelah pembaca memahami dan mengikuti tutorial-tutorial yang sudah saya rangkum di atas. Pembaca dapat langsung memulai pembuatan project aplikasi Android berbasis Phonegap. Sebelumnya download terlebih dahulu aplikasi phonegap disini [Download Phonegap] dan instal software yang sudah anda download tadi kemudian jalankan. Berikut adalah beberapa tutorial pembuatan aplikasi yang dapat Anda ikuti :

 

Instal Aplikasi Phonegap

PhoneGap Developer App adalah aplikasi mobile yang berjalan pada perangkat dan memungkinkan Anda untuk melihat dan menguji ponsel aplikasi PhoneGap Anda membangun seluruh platform tanpa tambahan konfigurasi SDK platform. Secara otomatis menyediakan akses ke API inti PhoneGap menyediakan akses cepat ke fitur perangkat asli tanpa harus menginstal plugin apapun atau mengkompilasi apa pun secara lokal. Ini dimaksudkan untuk memberikan cara mudah bagi pengembang untuk memulai membuat dan menguji aplikasi PhoneGap mereka dengan cepat dengan setup minimal. Setelah terinstal, ketuk PhoneGap ikon aplikasi Pengembang dari layar rumah Anda untuk membukanya:

instalasi phonegap
Tampilan Awal Phonegap

Setelah terinstal, lanjutkan ke langkah berikutnya di mana Anda akan membuat aplikasi PhoneGap pertama Anda menggunakan alat yang Anda pilih pada langkah 1.

CATATAN: SDK Platform tersebut di atas mengacu pada kit pengembangan perangkat lunak Apple, Google dan Microsoft menyediakan untuk membangun aplikasi untuk platform mereka (iOS, Android dan Windows masing-masing). Ketika Anda siap untuk mengambil pengembangan aplikasi mobile Anda lebih lanjut atau memutuskan Anda ingin membangun untuk setiap platform lokal sendiri.

Membuat Aplikasi Mobile

Sekarang bahwa Anda telah menginstal PhoneGap Desktop dan / atau PhoneGap CLI ke komputer Anda dan PhoneGap Developer App untuk perangkat mobile Anda, Anda siap untuk membuat proyek PhoneGap pertama Anda. Proyek ini akan menjadi aplikasi mobile PhoneGap dengan kemampuan untuk berjalan di beberapa perangkat dan seluruh sistem operasi hanya dalam beberapa langkah sederhana.

Buat Proyek PhoneGap

Klik tanda plus dan pilih Buat proyek PhoneGap baru seperti berikut:

membuat aplikasi android phonegap
Membuat Phonegap Mobile App

Anda akan diminta dengan dialog daftar template seperti gambar di bawah, di mana Anda dapat memilih untuk membuat aplikasi berbasis pada sebuah proyek sampel.

Setiap template memiliki deskripsi singkat di bawah nama menunjukkan apa jenis proyek akan dibuat. Untuk memilih template, klik pada tombol radio di samping itu. Pada gambar di bawah, template Hello World dipilih.

aplikasi android dengan phonegap
Pilihan Menu Phonegap

Opsi Template pertama dalam daftar adalah default proyek Hello World. Ini terbukti menjadi cara tercepat dan termudah untuk memahami dasar-dasar membangun aplikasi mobile PhoneGap jadi mari kita mulai dari sana.

Pastikan tombol radio di sebelah template Hello World dipilih.

Klik pada tombol Next hijau.

Anda akan disajikan dengan layar untuk memasukkan informasi tentang proyek Anda. Memilih jalan pada hard drive lokal Anda di mana Anda ingin membuat proyek, nama yang ditunjuk dan pengenal opsional. Setelah informasi telah dimasukkan, klik hijau tombol Buat proyek.

langkah awal membuat aplikasi android phonegap
Android Phonegap

Sadarilah bahwa ID bidang ini juga dikenal sebagai pengenal paket untuk Android dan identifier bundel untuk iOS.
Sekarang Anda akan melihat tampilan seperti di bawah ini, dengan proyek baru Anda ditampilkan dan ditandai dengan perbatasan hijau kiri, tombol putar hijau sebelahnya dan bar hijau di bagian bawah. Anda juga harus melihat alamat server menunjukkan itu berjalan dan proyek aktif. Hanya satu proyek akan aktif dan berjalan setiap saat.

merubah web menjadi aplikasi android
Server Phonegap

TIP: Alamat server ditampilkan untuk proyek Anda di bagian bawah di bar hijau akan digunakan pada langkah berikutnya sehingga membuat catatan atau tetap terbuka.

Preview Aplikasi Lewat Browser

Anda dapat menggunakan PhoneGap Developer App dipasangkan dengan PhoneGap Desktop untuk segera melihat pratinjau aplikasi pada perangkat tanpa menginstal SDK platform, mendaftar perangkat, atau kode kompilasi.

PhoneGap Desktop memulai web server kecil untuk menjadi tuan rumah proyek Anda dan mengembalikan alamat server Anda kemudian dapat masuk ke dalam PhoneGap aplikasi Developer berjalan pada perangkat mobile Anda atau di browser desktop Anda. Proyek ini disajikan secara otomatis pada saat penciptaan proyek, tetapi Anda juga dapat secara manual memulai setiap proyek yang tidak aktif dengan mengklik play hijau (>) tombol di sebelah itu.

Anda dapat memanfaatkan browser desktop Anda untuk melihat dan menguji Anda aplikasi pertama untuk mempercepat proses pembangunan awal Anda. Misalnya, jika Anda menggunakan kerangka seperti sudut atau Bereaksi, ada alat yang tersedia untuk khusus debugging mereka kerangka kerja dalam browser yang bisa sangat membantu sebelum pindah ke perangkat. Baru-baru ini PhoneGap mulai mendukung platform peramban sebagai target otomatis untuk membantu Anda menguji dengan acara deviceready dan plugin inti Apache Cordova lebih mudah di lingkungan Anda sudah akrab dengan.

preview phonegap di browser
Preview Phonegap

 

Praktisi Komputer
Magister Teknik Informatika, 22 Tahun, Skill : Programming Web, Mobile, Dekstop, Internet Marketing & Optimasi
http://praktisikomputer.com

Leave a Reply