Jumat, 14 Maret 2014

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..

Tidak ada komentar:

Posting Komentar