Sabtu, 26 Oktober 2013

Video
Text

FLASH AIR No.3: Insert Data ke dalam tabel dan menampilkannya pada Grid (CRUD AIR - SQLITE part 2)

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)

Please share bila tutorial ini cukup berbobot untuk anda!

MediaTutorial mengedepankan tutorial yang berkualitas. Semua penjelasan dipaparkan sedetail mungkin.
Please, bila tutorial ini membantu anda dan cukup berkualitas bagi anda mohon untuk share pada button sharing berikut ini.

Writen by: Okie Eko Wardoyo

Comments

1 komentar:

Admin Blogger mengatakan...

malam gan Okie, ane ikutin postingan ini, ane udah bisa tambah kolom di database (jenis Kelamin), dan ane udah tambahin di flash nya juga.

Pertanyaan ane gan:
1. pada saat test movie di flash, urutan database yang tampil di datagridviewnya selalu ga sesuai kaya database gan, kolom ID yang selalu berpindah2.
Gimana caranya agarkolom ID selalu di depan, sebelum kolom nama?

ane udah coba daftar di expert diskusi gan, tapi ga ada link untuk mulai diskusi gan. mohon pencerahaanya gan

Poskan Komentar