Skip to content

Membuat Program Kontak Berfoto dengan VB.NET dan SQLServer

Januari 25, 2012

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 :

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. Kode lengkap dapat didownload disini.
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.

Referensi :
Muhammad Sadeli, “Aplikasi Penjualan dengan Visual Basic 2008″, Maxiom, 2010

From → Uncategorized

Tinggalkan sebuah Komentar

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: