Tutorial Membuat Mobile Apps Sederhana Dengan PhoneGap dan GitHub
Sebelum mulai mempelajari tutorialnya, kita harus tahu dulu apa itu phonegap dan GitHub. PhoneGap adalah Framework gratis dan Opensource yang menfasilitasi anda untuk membuat aplikasi mobile yang menggunakan standar web API untuk semua platform. PhoneGap bisa digunakan di berbagai os mobile diantaranya iOS (Apple), Android, Blackbery, Symbian, Palm, Windows Phone. Sedangkan GitHub adalah layanan berbasis web hosting untuk proyek-proyek pengembangan perangkat lunak yang menggunakan sistem kontrol revisi Git.
Langsung Aja Ya..tp yang akan saya jelaskan ini pake OS Linux ya..
1. Kita harus punya akun PhoneGap dan GitHub dulu. Silahkan daftar disini (PhoneGap) dan disini (GitHub).
2. Setelah daftar, kemudian login ke GitHub dulu.
3. Klik button New Repository
4. Tulis nama repository Anda. Misal : opening
kemudian klik button Create Repository.
5. Set up git dengan cara ketikkan perintah berikut di terminal. silahkan ganti username dan email dengan username dan email Anda.
6. Buat README pada repository Anda. Ketikkan source berikut dan silahkan ganti repo opening dengan repo Anda.
7. Commit README tersebut.
8. Push commit untuk mengkoneksikan repository lokal ke akun GitHub.
9. Buka repository pada Github Anda, maka akan ada file README
10. Buka file README, kemudian pilih button Edit untuk mengubah atau menambah source code. Kemudian Klik button commit. Jangan lupa untuk mengganti nama README, misalanya menjadi index.html
11. Setelah selesai, kemudian login ke akun phoneGap Anda. Maka akan muncul tampilan seperti berikut
12. Klik button Update code dan Rebuild all
13. Maka hasilnya akan seperti gambar di bawah ini, silahkan klik Install untuk menginstal source
14. silahkan pilih source index.html akan diubah ke dalam ekstensi apa. misal : OS Andoid , klik button Android
15. Maka file maysin_opening.apk akan terdownload.
16. Untuk menjalankannya, bisa dengan mengCopy file .apk ke handphone kemudian install .apk atau menggunakan emulator seperti GenyMotion.
# penjelasan script pada index.html :
a. title digunakan untuk memberikan judul pada mobile apps
b. <table></table> digunakan untuk membuat table, <tr></tr> digunakan untuk membuat baris baru, <td></td> digunakan untuk membuat kolom baru.
Demikian tutorial pembuatan mobile apps halaman opening menggunakan github dan phonegap, semoga bermanfaat :)
kita bisa lihat hasil .apknya di sini
Selamat Mencoba..
Langsung Aja Ya..tp yang akan saya jelaskan ini pake OS Linux ya..
1. Kita harus punya akun PhoneGap dan GitHub dulu. Silahkan daftar disini (PhoneGap) dan disini (GitHub).
2. Setelah daftar, kemudian login ke GitHub dulu.
3. Klik button New Repository
4. Tulis nama repository Anda. Misal : opening
kemudian klik button Create Repository.
10. Buka file README, kemudian pilih button Edit untuk mengubah atau menambah source code. Kemudian Klik button commit. Jangan lupa untuk mengganti nama README, misalanya menjadi index.html
11. Setelah selesai, kemudian login ke akun phoneGap Anda. Maka akan muncul tampilan seperti berikut
13. Maka hasilnya akan seperti gambar di bawah ini, silahkan klik Install untuk menginstal source
14. silahkan pilih source index.html akan diubah ke dalam ekstensi apa. misal : OS Andoid , klik button Android
15. Maka file maysin_opening.apk akan terdownload.
16. Untuk menjalankannya, bisa dengan mengCopy file .apk ke handphone kemudian install .apk atau menggunakan emulator seperti GenyMotion.
# penjelasan script pada index.html :
b. <table></table> digunakan untuk membuat table, <tr></tr> digunakan untuk membuat baris baru, <td></td> digunakan untuk membuat kolom baru.
Demikian tutorial pembuatan mobile apps halaman opening menggunakan github dan phonegap, semoga bermanfaat :)
kita bisa lihat hasil .apknya di sini
Selamat Mencoba..
Tidak ada komentar:
Posting Komentar