PART 2 (Insert Data ke dalam Tabel SQLite Database)
Kemarin kita sudah membuat aplikasi Flash Air untuk koneksi ke database dan menampilkan data yang terdapat dalam tabel ke dalam DataGrid. Kita juga sudah menggunakan software bantu yaitu SQLite Browser. Sekarang, saatnya kita akan menambahkan fasilitas untuk insert data pada aplikasi Flash Air kita.
1.Langkah pertama, mari kita tambahkan form dan button pada aplikasi Air kita sebelumnya.
Bukalah aplikasi kita sebelumnya, buatlah sebuah MovieClip baru dan berikan instance name nya adalah ‘form’. Untuk membuat sebuah MovieClip kita tidak membahasnya pada tutorial ini.
Bila anda mungkin ada yang belum tahu caranya anda dapat mencari tutorial nya di internet.
Lihat gambar 1:
MovieClip ini saya berikan instance name adalah ‘Form’. Di dalam MovieClip ini saya berikan beberapa komponen diantaranya:
TextBox dengan instancename adalah ‘namaTxt’.
TextBox dengan instance name ‘nohpTxt’.
Button Add dengan instance name ‘btnAdd’.
Button Close dengan instance name ‘btnClose’.
Semua komponen kita susun sedemikian rupa dan kemudian kita masukan kedalam Aplikasi beserta tombol untuk visible/unvisible movieclip ‘form’.
Lihat gambar 2:
Lihat, movieclip tadi kita berikan instance name ‘form’ dan kita tambahkan button control lagi dengan instance name ‘btnAddData’. Button inilah yang kita gunakan untuk visible dan unvisible form.
2.Langkah kedua, mari kita ketikan kode yang ter-eksekusi saat program sedang loading.
Saat program start, saya ingin supaya program meloading data, selain itu saya juga ingin supaya program meng-unvisible movieclip ‘form’.
Lihat gambar 3:
Line 22 dan 23 merupakan kode kita pada tutorial sebelumnya, sementara line 25 sampai dengan 29 merupakan tambahan untuk insert data.
Terlebih dahulu kita meng-unvisible ‘form’. Nah, kita juga menambahkan sebuah eventListener pada komponen komponen dalam movieClip ‘form’ diantaranya adalah btnClose dan btnAdd.
Dua komponen tersebut berapa pada movieClip ‘form’, sehingga untuk memanggilnya cukup dengan ‘form.btnClose’ dan ‘form.btnAdd’.
Kemudian kita juga menambahkan listener pada button lain yaitu ‘btnAddData’.
Fungsi listener baik pada ‘btnAddData’ dan ‘form.btnClose’ cukup gampang dimengerti bukan? :)
Yang menjadi perhatikan adalah listener pada ‘btnAdd’. Saya menambahkan listener fungsi ‘insertData’. Sekarang kita harus membuat fungsi ‘insertData’-nya.
3.Langkah ketiga, mari kita buat fungsi untuk insert data ke dalam tabel database.
Fungsi ‘insertData’ ini akan kita berikan kepada ‘form.btnAdd’. fungsi ini akan mengambil nilai/value dari ‘namaTxt’ dan ‘nohpTxt’. Kemudian memasukan nilai-nilai tersebut kedalam sql query.
Lihat gambar 4:
Terlebih dahulu kita berikan text untuk textArea yang telah kita berikan nama ‘status’ yaitu dengan tulisan ‘Inserting data…’.
Setelah itu kita akan membuat sebuah class SQLStatement. Lalu kita buat sql query. Perhatikan sql query kita.
Kita mengapit sql query kita dalam tanda petik dua (“ “). Dan yang kita butuhkan adalah value dari ‘form.namaTxt’ untuk nama serta ‘form.nohpTxt’ untuk nohp.
Kita juga memberikan sebuah listener saat berhasil eksekusi yaitu form di-unvisible dan fungsi getData() dipanggil.
Sedangkan saat error eksekusi maka kita akan memanggil fungsi yang sebelumnya telah kita buat yaitu ‘getDataError’.
Terakhir kita melakukan eksekusi terhadap sql query kita. Mudah bukan?
Silahkan ada pelajari, tidak ada yang sulit dari project kita ini, :) , juga tersedia source code (Fla CS5) yang siap untuk anda download.
Berikut saya sertakan source codenya:
PART YANG LAIN:
PART 1: FLASH AIR No.2: Select data dari table database dan menampilkannya pada grid (CRUD AIR - SQLITE part 1)
PART 2: Halaman ini.
PART 3: FLASH AIR No.4: Update/edit data dan menampilkannya pada DataGrid (CRUD AIR - SQLITE part 3)
Bukalah aplikasi kita sebelumnya, buatlah sebuah MovieClip baru dan berikan instance name nya adalah ‘form’. Untuk membuat sebuah MovieClip kita tidak membahasnya pada tutorial ini.
Bila anda mungkin ada yang belum tahu caranya anda dapat mencari tutorial nya di internet.
Lihat gambar 1:
MovieClip ini saya berikan instance name adalah ‘Form’. Di dalam MovieClip ini saya berikan beberapa komponen diantaranya:
TextBox dengan instancename adalah ‘namaTxt’.
TextBox dengan instance name ‘nohpTxt’.
Button Add dengan instance name ‘btnAdd’.
Button Close dengan instance name ‘btnClose’.
Semua komponen kita susun sedemikian rupa dan kemudian kita masukan kedalam Aplikasi beserta tombol untuk visible/unvisible movieclip ‘form’.
Lihat gambar 2:
Lihat, movieclip tadi kita berikan instance name ‘form’ dan kita tambahkan button control lagi dengan instance name ‘btnAddData’. Button inilah yang kita gunakan untuk visible dan unvisible form.
2.Langkah kedua, mari kita ketikan kode yang ter-eksekusi saat program sedang loading.
Saat program start, saya ingin supaya program meloading data, selain itu saya juga ingin supaya program meng-unvisible movieclip ‘form’.
Lihat gambar 3:
Line 22 dan 23 merupakan kode kita pada tutorial sebelumnya, sementara line 25 sampai dengan 29 merupakan tambahan untuk insert data.
Terlebih dahulu kita meng-unvisible ‘form’. Nah, kita juga menambahkan sebuah eventListener pada komponen komponen dalam movieClip ‘form’ diantaranya adalah btnClose dan btnAdd.
Dua komponen tersebut berapa pada movieClip ‘form’, sehingga untuk memanggilnya cukup dengan ‘form.btnClose’ dan ‘form.btnAdd’.
Kemudian kita juga menambahkan listener pada button lain yaitu ‘btnAddData’.
Fungsi listener baik pada ‘btnAddData’ dan ‘form.btnClose’ cukup gampang dimengerti bukan? :)
Yang menjadi perhatikan adalah listener pada ‘btnAdd’. Saya menambahkan listener fungsi ‘insertData’. Sekarang kita harus membuat fungsi ‘insertData’-nya.
3.Langkah ketiga, mari kita buat fungsi untuk insert data ke dalam tabel database.
Fungsi ‘insertData’ ini akan kita berikan kepada ‘form.btnAdd’. fungsi ini akan mengambil nilai/value dari ‘namaTxt’ dan ‘nohpTxt’. Kemudian memasukan nilai-nilai tersebut kedalam sql query.
Lihat gambar 4:
Terlebih dahulu kita berikan text untuk textArea yang telah kita berikan nama ‘status’ yaitu dengan tulisan ‘Inserting data…’.
Setelah itu kita akan membuat sebuah class SQLStatement. Lalu kita buat sql query. Perhatikan sql query kita.
Kita mengapit sql query kita dalam tanda petik dua (“ “). Dan yang kita butuhkan adalah value dari ‘form.namaTxt’ untuk nama serta ‘form.nohpTxt’ untuk nohp.
Kita juga memberikan sebuah listener saat berhasil eksekusi yaitu form di-unvisible dan fungsi getData() dipanggil.
Sedangkan saat error eksekusi maka kita akan memanggil fungsi yang sebelumnya telah kita buat yaitu ‘getDataError’.
Terakhir kita melakukan eksekusi terhadap sql query kita. Mudah bukan?
Silahkan ada pelajari, tidak ada yang sulit dari project kita ini, :) , juga tersedia source code (Fla CS5) yang siap untuk anda download.
Berikut saya sertakan source codenya:
PART YANG LAIN:
PART 1: FLASH AIR No.2: Select data dari table database dan menampilkannya pada grid (CRUD AIR - SQLITE part 1)
PART 2: Halaman ini.
PART 3: FLASH AIR No.4: Update/edit data dan menampilkannya pada DataGrid (CRUD AIR - SQLITE part 3)