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

Ini adalah bagian ketiga dari serial panduan membuat apliksai iPhone : Lihat bagian 1 dan bagian 2
Pada bagian ini saya akan menjelaskan tahapan berikutnya yaitu mendesain layout dari aplikasi yang akan dibuat.
Kira kira beginilah layout tampilan depan dari aplikasi iphone Daily Target Praxis Lite ini :

Tampilan Home Aplikasi Daily Target Praxis Lite

Jika menu utama tersebut di klik, maka ini akan masuk ke modul modul yang telah kita rancang. Salah satu modul utamanya adalah modul Daily Target Praxis.

Pada modul Daily Target Praxis ini, prinsip kerjanya adalah sebuah wizard. atau sebuah step by step action yang harus diselesaikan oleh user.

Pada tahap pertama user dipersilahkan untuk menuliskan apa pun tugas yang harus diselesaikan pada hari itu yang muncul dalam pikirannya. apa pun itu.

Selengkapnya bisa dilihat secara lengkap di gambar :

Daily Target Praxis - Proses

Berikut ini adalah tampilan untuk wizard langkah ke 1 :

Wizard Step 1 : Dump Your Brain

Seperti pada gambar di atas, ketika di klik save, selain menulis ke database, juga akan langsung ditambahkan dengan memodifikasi DOM. Juga ketika Delete button di klik, selain menghapus, juga akan menghapus DOM tsb. Tentu ketika user pertama kali menjalankan, list action ini akan kosong.
Nah baru itu dulu yang selesai, besok besok akan di update jika sudah ada progress
Oh ya, saya menggunakan framework jQuery Mobile. Silahkan anda pelajari tentang jQuery Mobile.
Salam

sumber :  http://sabukhitam.com/blog/topic/tutorial/panduan-membuat-aplikasi-iphone-ipad-dengan-phonegap-dan-xcode-3.html