Membuat Program Kontak Berfoto dengan VB.NET dan SQLServer

Biasanya jika membuat program sederhana yang menggunakan basisdata (database), program kontak-lah yang sering menjadi kasus. Karena membuat programnya kontak tidak ada proses yang berarti hanya mengisi data, simpan dan ditampilkan kembali. Kali ini saya akan berbagi membuat program kontak lengkap dengan foto dari isi kontak menggunakan bahasa pemrograman Visual Basic.NET 2008 dan basisdatanya menggunakan SQLServer2008. Program ini juga dapat dicoba menggunakan versi sebelumnya.

Ada beberapa tahapan yang harus dilakukan untuk membuat program kontak ini, yaitu :

A. Menyiapkan Basisdata Buatlah database dengan nama yang dipilih, misal vbnet_saya. Kemudian buatlah sebuah table sesuai dengan skrip SQL dibawah ini :

 

 

CREATE TABLE [dbo].[tbl_kontak](
 [id] [varchar](6) NOT NULL,
 [nama] [varchar](50) NULL,
 [alamat] [varchar](50) NULL,
 [phone] [varchar](50) NULL,
 [email] [varchar](50) NULL,
 [foto] [varchar](50) NULL
) ON [PRIMARY]

Jika pernyataan diatas di-eksekusi maka akan tercipta sebuah table yang bernama tbl_kontak.

B. Membuat Project Baru Visual Basic.NET Sekarang memulai membuat project baru di Visual Basic.NET, untuk pertama kali tambahkan sebuah Class yang berisi pernyataan koneksi ke basisdata. Caranya dari menu Project, pilih Add Item, pilih Class, kemudian berinama clskoneksi.vb dan masukkan kodenya.  Kode koneksi harus disesuaikan dengan nama database (YYYY) dan nama server (XXXXX) yang digunakan.

cn = New OleDb.OleDbConnection("Provider=SQLOLEDB.1;

Integrated Security=SSPI;
Persist Security Info=False;User ID=sa;Password=;

Initial Catalog=YYYY;Data Source=XXXXX")

Kode dapat didownload disini.

C. Membuat Form Kontak

Setelah membuat class untuk koneksi database, selanjutnya buatlah sebuah form kontak. Untuk menambahkan form baru, klik menu Project, pilih Add Windows Form, kemudian berinama form tersebut dengan frmKontak.vb. Untuk form kontak dibutuhkan beberapa objek yaitu, Label, TextBox, Button dan ListView. Dibawah ini adalah layout form kontak : 

 

D. Kode Form Kontak

Agar form dapat berfungsi dibutuhkan kode untuk mengontrol jalannya objek form tersebut.  Jika program dieksekusi maka akan memeriksa ke database IDKontak terakhir, jika belum ada maka akan mencetak KON001, jika sudah ada maka akan menambahkan 1 angka pada angka terakhir. Pada Listview (lstKontak) akan menampilkan isi table tbl_kontak yang terurut berdasarkan nama.

Untuk menambahkan data baru cukup memasukkan nama, alamat, telepon dan email pada kolom yang ada. Untuk menambahkan foto cukup meng-klik kotak foto maka akan muncul kotak dialog untuk memilih foto yang diinginkan. Kemudian klik tombol Simpan untuk menyimpan data yang dimasukkan.

Untuk mengubah data yang diinginkan cukup memilih nama dalam ListView maka akan muncul data yang siap di-edit pada form. Lakukan perubahan terhadap nama, alamat, telepon, email dan foto, kemudian klik tombol Ubah.

Untuk menghapus data, lakukan langkah seperti meng-edit data dan menekan tombol Hapus. Sedangkan tombol Batal untuk membatalkan semua proses yang telah dilakukan.

Setiap memilih baris data pada Listview maka form akan memuat data yang dipilih dan menampilkan foto kontak.

Berikut ini adalah hasil dari eksekusi program kontak.

 

 

Program ini masih banyak kekurangan, sekiranya dapat disempurnakan kembali. Selamat mencoba.