Membuat Aplikasi iPhone “Tiket Pesawat ID” affiliate with tiket.com Part 3 — Cari Penerbangan

Waaaa.. these days i feel so lazy.. it’s very hard to put hands on keyboard and start typing code in XCode. Anyway… pada bagian ini penulis akan lanjutkan dengan progress untuk fitur pertama, yaitu “Cari Penerbangan”.
Penulis akan membagi pembahasan ini menjadi 2 (dua) bagian, yaitu: Input Pencarian dan Hasil Pencarian.

1. Input Pencarian
Ada beberapa paramenter dalam fitur ini:
– Penerbangan bisa Pulang Pergi atau Sekali Jalan
– Ada Departure Airport dan Arrival Airport
– Ada Tanggal Keberangkatan dan Tanggal Kembali (*Jika mencari untuk Pulang pergi)
– Ada Keterangan untuk jumlah penumpang: Dewasa, Anak2 (usia 2 – 12 thn), dan Bayi (<2 thn)

Melihat parameter di atas, penulis membuat tampilan GUI untuk fitur Cari Penerbangan sbb.

Cari_Penerbangan_0 Cari_Penerbangan_1

Asumsi seorang user akan mencari penerbangan pulang pergi dengan tujuan Jakarta – Denpasar untuk tanggal 6 Agustus 2013 dan akan kembali tanggal 14 Agustus 2013 (Ceritanya mau mudik lebaran) hehe..
– User menklik pada Departure Airport, maka akan tampil window baru dengan list airport agar user dapat memilih Aiport keberangkatan, dilanjutkan dengan menklik Arrival Airport untuk memilih airport tujuan.
– List airport juga memiliki fitur pencarian
– User juga perlu memilih Departure Date dan Arrival Date

Cari_Penerbangan_2 Cari_Penerbangan_3
Cari_Penerbangan_4 Cari_Penerbangan_5

Setelah melakukan hal di atas, kita dapat menampung input dari user tersebut kedalam parameter cari penerbangan.
Cari_Penerbangan_6

Karena user bepergian seorang diri maka cukup membiarkan jumlah Dewasa 1 pada baris Passenger.  Okay selanjutnya klik tombol Cari Penerbangan untuk menemukan penerbangan pada parameter di atas.

2. Hasil Pencarian
Hasil pencarian ditampilkan dalam bentuk tabel paging. Paging digunakan agar user dapat berpindah tanggal maju atau mundur agar user memiliki opsi/alternatif pilihan penerbangan seperti ditunjukkan pada gambar di bawah ini. Dengan men-slide ke kanan atau ke kiri user dapat berpindah tanggal untuk melihat list penerbangan yang ada sebagai bahan pertimbangan, misalnya atas dasar harga termurah.

Cari_Penerbangan_8 Cari_Penerbangan_7 Cari_Penerbangan_9

Setelah user memilih salah satu penerbangan pergi, maka akan dilanjutkan pemilihan penerbangan pulang mengingat opsi Pulang Pergi yang dipilih dari awal. Fitur Paging juga diberikan agar user memiliki opsi untuk penerbangan pulang.

Cari_Penerbangan_11 Cari_Penerbangan_10 Cari_Penerbangan_12

Alright… demikian dulu pembahasan untuk fitur Cari Penerbangan. Pada bagian ini sudah dibahas 2 (dua) hal yaitu input pencarian dan hasil pencarian yang disajikan lengkap dengan GUI input dan hasilnya. Selanjutnya, setelah kita melakukan pencarian tentu saja dilanjutkan dengan Booking Tiket  yang akan dibahas pada Part-4. So… stay tune! and have nice days! 🙂

Membuat Aplikasi iPhone “Tiket Pesawat ID” affiliate with tiket.com Part 2 — Getting API Key & Desain UI Awal

Pada bagian ini penulis akan memaparkan 2 (dua) hal:
1. Mendapatkan API Key dari tiket.com
2. UI Desain Awal

Sebelum kita mulai, terlebih dahulu penulis ingin menyampaikan bahwa panduan kita dalam menggunakan service dari tiket.com dapat dilihat melalui website mereka http://docs.tiket.com.

1. Mendapatkan API Key dari tiket.com
Okay, karena aplikasi ini menggunakan service dari tiket.com, kita memerlukan API key yang dapat diperoleh dengan cara mendaftar melalui link ini http://www.tiket.com/affiliate. Jangan lupa untuk memilih API pada bagian type.
Jika proses pendaftaran berjalan lancar, maka kita akan mendapat email konfirmasi dari tiket.com bahwa account kita telah terdaftar. Nah, lalu buka lagi link http://www.tiket.com/affiliate kemudian login menggunakan account yang tadi sudah daftar. Jika berhasil, kita akan melihat webpage yang berisi affiliate dashboard. Pada menu sebelah kiri, kliklah menu “API” sehingga akan terlihat tampilan seperti di bawah ini.

Screen Shot 2013-07-22 at 4.18.16 PM

Nah, karena kita baru mengembangkan aplikasi maka kita harus menggunakan API Key Development yang telah disediakan dalam contoh di atas API Keynya adalah yang diwarnai pink. Dengan merefer dokumen pada http://docs.tiket.com kita dapat mencoba beberapa fungsi
a. Get Token
Link Request: http://api.master18.tiket.com/apiv1/payexpress?method=getToken&secretkey=<API_KEY_ANDA>&output=json
b. List of All Airport
Link Request: http://api.master18.tiket.com/flight_api/all_airport?token=<TOKEN_YG_DIDAPAT_DARI_GET_TOKEN>&output=json
NB: Perhatikan pada contoh kita menggunakan http dan bukan https. Kita juga mengharapkan keluaran/respon dalam format json
Cobalah me-run link tersebut pada browser anda dan perhatikan keluarannya.
Screen Shot 2013-07-22 at 4.51.24 PM

2. Desain UI Awal
Screen Shot 2013-07-22 at 4.35.53 PM

Ada 4 (empat) fitur utama dalam aplikasi ini yaitu: cari penerbangan, melihat pesanan yang telah dilakukan (bayar atau belum bayar), promo Penerbangan, dan setting profile. Agar user dapat berpindah layar dari satu fitur ke fitur lainnya dengan mudah, maka di sini penulis menggunakan UITabBarController seperti pada gambar di atas.

Okay, sekian dulu untuk hari ini. Saya asumsikan pembaca telah memiliki API Key dari tiket.com lalu membaca dokumen yang ada pada http://docs.tiket.com dan mencoba service yang disediakan pada dokumen tersebut. Pada bagian berikutnya, penulis akan membahas tentang implementasi fitur pertama yaitu Cari Penerbangan. Thanks for ur time and have nice days!.