Panduan Membuat Aplikasi iPhone / iPad dengan PhoneGap dan xCode – 1

Pada kesempatan ini saya ingin memberikan panduan membuat aplikasi iPhone atau iPad dengan PhoneGap.
Seperti pada posting saya terdahulu tentang Membuat Aplikasi Android dengan phoneGap , phoneGap adalah sebuah openSource Framework yang bisa kita gunakan untuk membuat aplikasi mobile dengan menggunakan keahlian HTML, CSS dan JavaScript.
Dengan phoneGap kita bisa membuat aplikasi Android, Blackberry dan juga iPhone atau aplikasi iPad.
Memang khusus untuk aplikasi iPhone atau iPad ini, hanya bisa dilakukan di Mac. Karena memang hingga saat ini simulator iPad atau iPhone hanya bisa dijalankan di Mac. Jadi harap maklum kalau tutorial ini hanya bisa Anda ikuti jika Anda memiliki Mac.
Oh ya, untuk editor nya sendiri ada beberapa yang bisa digunakan. Dari penelusuran saya dua yang layak Anda coba yaitu selain xCode sendiri adalah Adobe Dreamweaver 5.5
Khusus pada saat ini saya coba pakai xCode dulu. xCode ini bisa anda beli di AppleStore.
Saat ini xCode yang tersedia adalah versi 4.0, dan kebanyakan tutorial tentang PhoneGap dan xCode ini masih pada versi xCode versi dibawah 4.0.
Beda yang significant adalah pada xCode versi 4.o, kita tidak melihat pilihan untuk menampilkan membuat project baru dengan user template , phoneGap.
Tapi saya menemukan sebuah blog di sini phonegap-xcode4 yang sangat membantu.
Nah berikut ini adalah tahapannya :

1. Pastikan Anda sudah install xCode
2. Download dan install PhoneGap. link : download phonegap
   catatan : secara default, phoneGapLib akan di install di bawah folder document
3. Download custom script di sini : create_project.sh1.zip
4. Jalankan file create_project.sh tersebut dengan format :
   ?

   1	./create_project.sh namaproject folderpathproject

5. Double klik namaproject.xcodeproj dalam folder  path project pada tahap 4, ini akan membuka xCode
6. Kemudian setelah xCode terbuka, masuk ke menu Preference dan klik tab Source, Tambahkan Variable Name yang isinya path ke folder PhoneGapLib  (pada tahap 2 di atas)
   Lihat screen shot ini : 
   

   Tambahkan Variabel ini di xCode Preference
7. Sampai dengan saat ini Anda bisa menjalankan di Simulator iPad atau simulator iPhone. Tentu saja anda akan mendapatkan blank page , karena file index.html nya masih kosong belum ada kode apa apa …lihat screen shot ini :
   

   Menjalankan Blank PhoneGap Template untuk iPad/iPhone di Simulator

Sampai dengan tahapan di atas, anda sudah berhasil membuat blank Aplikasi dari template nya phoneGap di iPhone dan iPad tanpa error sama sekali saat proses Build nya …
Untuk selanjutnya dalam proses pembuatan aplikasinya sendiri akan sama baik untuk android maupun iPhone

sumber : http://sabukhitam.com/blog/topic/tutorial/panduan-membuat-apliksi-iphone-ipad-dengan-phonegap-xcode-1.html.