Aplikasi Database Sederhana (drag-drop-style)

<p>Artikel ini berupa tutorial step-by-step untuk membuat aplikasi database sederhana menggunakan C# dan database SQL Server Compact Edition. Aplikasi yang akan kita buat adalah aplikasi &ldquo;Address Book&rdquo; berfungsi untuk menyimpan data kontak dan nomor telepon. Dalam tutorial kali ini, aplikasi hanya akan berfungsi untuk menambah, mengubah dan menghapus data. Pengembangan selanjutnya seperti fasilitas searching dan lain-lain ane serahkan pada agan-agan untuk mengembangkannya.</p>
<p>Aplikasi ini menggunakan metode data-binding untuk menghubungkan komponen user interface (dalam tutorial ini menggunakan DataGridView) dengan data yang tersimpan dalam DataSet.</p>
<p>Pra-syarat untuk dapat memahami tutorial ini antara lain,</p>
<ul>
<li>
Dasar-dasar penggunaan IDE Visual Studio</li>
<li>
Konsep dasar programming c#</li>
<li>
Konsep dasat ADO.NET 2.0 (DataSet, DataAdapter, dsb)</li>
<li>
Konsep dasar database relational (Tabel, Primary Key, dll)</li>
<li>
Niat yang sangat kuat untuk belajar</li>
<li>
Berani mencoba dan tidak mudah menyerah</li>
</ul>
<p>Berikut ini langkah-langkahnya,</p>
<ul>
<li>
Jalankan visual studio express

</li>
<li>
Buat project Windows Forms Aplication dengan meng-klik icon New Project di Start Page, beri nama project dengan &ldquo;AksesDatabase1&rdquo;

</li>
<li>
Tambahkan database local dengan cara klik kanan pada project AksesDatabase1 di Solution Explorer, kemudian pilih Add New Item

</li>
<li>
Pilih Local Database pada windows yang muncul, dan beri nama databasenya &ldquo;dbAkses.sdf&rdquo;</li>
<li>
Kemudian akan muncul window Data Source Configuration Wizard

</li>
<li>
Pilih DataSet sebagai database modelnya. Untuk database model Entity Data Model akan kita bahas dalam tutorial berikutnya.</li>
<li>
Klik next, kemudian beri nama &ldquo;dsAkses&rdquo; untuk DataSet yang kita buat.

</li>
<li>
Sampai pada langkah ini berarti dalam struktur solution (lihat di Solution Explorer) kita sudah terdapat 1 buah form, 1 file database, dan 1 buah dataset.</li>
<li>
Langkah berikutnya membuat tabel untuk menyimpan data address book kita,</li>
<li>
Klik ganda di file database &ldquo;dbAkses.sdf&rdquo; otomatis Database Explorer akan terbuka.</li>
<li>
Buka tree &ldquo;dbAkese.sdf&rdquo; dan Klik kanan pada &ldquo;Tables&rdquo; untuk membuat tabel baru, kemudian buatlah tabel seperti pada gambar. Field ID bertipe data int dengan setting primary Key = Yes dan Identity = True. Field lainnya cukup nvarchar dengan lebar field 100 karakter. Simpan tabel yang kita buat dengan nama &ldquo;Contacts&rdquo;

</li>
<li>
Buka DataSet designer dengan cara klik ganda dataset &ldquo;dsAkses&rdquo; pada Solution Explorer.</li>
<li>
Drag dan drop tabel &ldquo;Contacts&rdquo; dari Database Explorer ke designer &ldquo;dsAkses&rdquo; untuk membuat definisi DataTable dan DataAdapter secara otomatis.

</li>
<li>
Compile program (tidak perlu dijalankan) tujuannya adalah agar dataset yang kita buat dikenali oleh visual studio. Jika proses compile berhasil, maka TableAdapter &ldquo;Contacts&rdquo; dan dataadapter &ldquo;ContactsTableAdapter&rdquo; akan muncul dalam toolbox di grup &ldquo;AksesDatabase1 Components&rdquo;</li>
<li>
Langkah berikutnya adalah membuat user interface.</li>
<li>
Buka Form1 dengan cara klik ganda &ldquo;Form1&rdquo; di Solution Explorer</li>
<li>
Drag dan drop komponen button dari toolbox ke Form1, ubah teks-nya menjadi &ldquo;Apply Changes&rdquo; nanti akan kita fungsikan untuk menyimpan data ke database.</li>
<li>
Drag dan drop komponen button (lagi) dari toolbox ke Form1, ubah teks-nya menjadi &ldquo;Discard Changes&rdquo; nanti akan kita fungsikan untuk membatalkan penambahan atau perubahan data ke database.</li>
<li>
Drag dan drop komponen dsAkses dari toolbox ke Form1.</li>
<li>
Drag dan drop komponen ContactsTableAdapter dari toolbox ke Form1.

</li>
<li>
Drag dan drop komponen DataGridView dari toolbox (ada di grup Data) ke Form1, kemudian ubah properties &ldquo;Data Source&rdquo; dengan &ldquo;dsAkses1&rdquo;. dsAkses1 adalah hasil drag-drop kita pada langkah 19. Ubah juga properties &ldquo;Data Member&rdquo; dengan &ldquo;Contacts&rdquo;</li>
<li>
Sampai dengan langkah ini User Interface kita sudah selesai seperti pada gambar, sekarang saatnya untuk coding sedikit.

</li>
<li>
Klik kanan pada desain Form1 dan pilih menu View Code, kamudian masukkan coding berikut ini dibawah baris &ldquo;InitializeComponent&rdquo;, tujuannya adalah agar otomatis program mengambil data Contacts yang sudah tersimpan dalam database.
<pre class="brush: csharp" title="Ambil data dari database">
// perintahkan table adapter untuk selalu mengosongkan
// dataset setiap kali akan mengabil data dari database
contactsTableAdapter1.ClearBeforeFill = true;
// ambil data dari database masukkan ke dataset
contactsTableAdapter1.Fill(dsAkses1.Contacts);</pre>
</li>
<li>
Kembali ke desain Form1, klik ganda pada button1 (berlabel &ldquo;Apply Changes&rdquo;) untuk membuka Code Editor, kemudian ubah code yang tampil menjadi seperti di bawah ini,
<pre class="brush: csharp" title="Button1 Click Event Handler">
private void button1_Click(object sender, EventArgs e)
{
// pastikan perubahan data yang dilakukan user melalui
// user interface sudah dipindahkan ke dataset
BindingContext[dsAkses1.Contacts].EndCurrentEdit();
// simpan perubahan data di dataset ke database
contactsTableAdapter1.Update(dsAkses1.Contacts);
// update sukses, terima perubahan di dataset
dsAkses1.AcceptChanges();
// ambil ulang data dari database (refresh kolom ID)
contactsTableAdapter1.Fill(dsAkses1.Contacts);
}
</pre>
</li>
<li>
Kembali ke desain Form1, klik ganda pada button1 (berlabel &ldquo;Reject Changes&rdquo;) untuk membuka Code Editor, kemudian ubah code yang tampil menjadi seperti di bawah ini,
<pre class="brush: csharp" title="Button2 Click Event Handler">
private void button2_Click(object sender, EventArgs e)
{
// pastikan perubahan data yang dilakukan user melalui
// user interface *tidak* dipindahkan ke dataset
BindingContext[dsAkses1.Contacts].CancelCurrentEdit();
// batalkan semua perubahan di dataset
dsAkses1.RejectChanges();
}
</pre>
</li>
<li>
Selesai&hellip; mainkan&hellip;</li>
<li>
Untuk menambahkan kontak baru, ketik nama baru di kolom Name danmasukkan nomor telepon di kolom lainnya yang tersedia.</li>
<li>
Tekan tombol &ldquo;Apply Changes&rdquo; untuk menyimpan data ke database</li>
<li>
Tekan tombol &ldquo;Reject Changes&rdquo; untuk membatalkan perubahan data</li>
<li>
Selamat mencoba&hellip;

</li>
</ul>
<p>

</p>
<p>&nbsp;</p>