• Tidak ada hasil yang ditemukan

Aplikasi Sistem Informasi Hotel dengan V

N/A
N/A
Protected

Academic year: 2018

Membagikan "Aplikasi Sistem Informasi Hotel dengan V"

Copied!
136
0
0

Teks penuh

(1)

APLIKASI SEDERHANA

MANAJEMENT HOTEL DENGAN

VISUAL STUDIO DAN SQL SERVER

BLOG.KANGFAND.NET

(2)

Membuat Aplikasi Hotel Sederhana Hotel menggunakan Database SQL Server 2012 Dan Visual Studio VB.net 2013 dengan ListView

Oleh : Irfannur Diah (1310000019)

A. Pendahuluan

Di era zaman teknologi sekarang segalanya menggunakan komputer untuk membantu pekerjaan manusia, maka dari itu aplikasi hotel sederhana ini ialah sebuah aplikasi yang dapat digunakan untuk Memanajement hotel tersebut dengan keutungan lebih cepat, hemat, simple dan flexible dari pada system manual. Sebelum lanjut ketahap pembuatan kita harus mempersiapakan bahan dan perancangan desain database terlebih dahulu agar aplikasi yang dibuat lebih terarah dan sesuai dengan keingan serta kebutuhan. Untuk itu lakukan tahap analisa terlebih dahulu aplikasi yang akan dibuat, maka dari berikut tabel serta field yang dibutuhkan, seperti berikut :

(3)

sederhana. Di kesempatan berikutnya kita akan membuat aplikasi berikut dengan software yang terintegrasi dengan web jadi tamu yang akan memesan dapat melakukan pembokingan melaui webnya di internet.

B. Tahap Pembuatan Database

Pada proses pembuatan database sebenarnya dapat dilakukan dengan banyak aplikasi pendukung database namun pada studi kasus ini kita akan fokuskan pada penggunaan SQL Server. Dalam proses pembuatannya juga kita dapat membuat dengan dua cara yaitu dengan proses manual query atau langsung dari sql Server atau dengan kata lain wizard dengan hanya mengklik dan mengisikan. Namun tahap ini kita akan membahas tentang kedua cara tersebut query dan wizard.

Berikut Langkah – Langkah Pembuatan degan Query Manual:

1. Dalam pembuatan manual dapat digunakan aplikasi editor text lainnya lalu di simpan dengan extensi *.sql namun juga dapat langsung di buat langsung pada SQL Query di SQL Server, untuk itu langkah awal buka Aplikasi SQL Server Manajement Studio. Pada desktop atau start menu Seperti gambar dibawah :

(4)

3. Langkah selanjutnnya pilih new query pada toolbar, seperti berikut :

4. Selanjutnya lakukan penulisan Pembuatan Database dengan Query, seperti berikut

create database Hotel

on primary

(

name = N'hotel_primary', /* nama untuk primary */

filename = 'D:\Database Hotel\hotel_primary.mdf', /* Sesuaikan direktorinya */

size = 5mb, /* dengan ukuran awal 5mb */

maxsize = unlimited, /* maksimal ukuran tidak terbatas */ filegrowth = 100mb) /* dan pertumbuhan data 100mb */

log on

(

name = N'hotel_log', /* nama untuk log */

filename = 'D:\Database Hotel\hotel_log.ldf', /* Sesuaikan direktorinya */ size = 5mb,

maxsize = unlimited,

(5)

Script query diaatas bermaksud membuat database dengan nama Hotel. Pada Filename penyimpanan file anda dapat menggunakan tempat penyimpanan anda sendiri yang ada pada perangkat pc atau laptop anda. Namun tidak melupakan dengan extensi file primary dan log on dengan *.mdf dan *.ldf.

5. Ketiklah koding Query diatas dan Lakukan Exsekusi query dengan memblock kode query yang akan di eksekusi tersebut lalu pilih “Execute” pada toolbar atau dengan menekan “F5” pada keyboard. Seperti gambar berikut :

Jika pada proses pembuatan table ketika melakukan pengeksekusian Jangan lupa pilih terlebih dahulu database yang akan di eksekusi. Pada kotak combobox di samping “Execute” agar tepat exsekusinya.

Selanjutnya Jika pengekusian berhasil maka akan tampak seperti gambar di bawah ini

(6)

Kesalahan tersebut mudah di pahami karena ada pesan error, dan kesalahan di atas terjadi karena directorinya tidak ditemukan atau foldernya tidak ada.

6. Pembuatan Tabel dengan Query, seperti berikut :

Pada contoh pembuatan diatas bermaksud membuat table dengan nama “tbl_prov” dan pada table tersebut memiliki kolom atau field “Id_prov” dengan tipe data “varchar” serta banyaknya value sebanyak “(10)”. Sedangkan “Constraint pk_id_prov_bckup primary key (id_prov)” bermaksud membuat “id_prov” sebagai primary key (kunci utama) dengan nama konstrain “pk_id_prov_bckup”. Selanjutnya Jika anda ingin membuat konstrain foreign key (kunci tamu) maka pembuatannya “constraint fk_id_prov_tamu foreign key (id_prov)

references tbl_prov(id_prov)” kontrain kunci tamu tersebut memiliki nama fk_id_prov_tamu, dengan tamu “id_prov” yang di ambil atau refensi pada tabel “tbl_prov” dengan kolom “id_prov”.

7. Langkah selanjutnya ketikan query Pembuatan Table Hotel dibawah ini dan lakukan eksekusi seperti langkah ke 5.

create table tbl_prov (

id_prov varchar (10),

nama_prov varchar(20)

(7)

use Hotel

create table tbl_prov (

id_prov varchar (10),

nama_prov varchar(20)

constraint pk_id_prov_bcup primary key (id_prov) )

create table tbl_kab (

id_kab varchar (10),

nama_kab varchar (20)

constraint pk_id_kab_bcup primary key (id_kab) )

create table tbl_tamu(

id_tam varchar (10) not null,

no_ktp varchar(30),

constraint pk_id_tamu_bcup primary key (id_tam)

constraint fk_id_prov_tamu foreign key (id_prov) references tbl_prov(id_prov),

constraint fk_id_kab_tamu foreign key (id_kab) references tbl_kab(id_kab) )

create table tbl_karyawan(

id_kar varchar (10) not null,

no_ktp varchar(30),

constraint pk_id_karyawan_bcup primary key (id_kar) )

create table tbl_kamar (

kd_kam varchar (10) not null,

kd_tipekam varchar (10) not null,

kd_fasilitas varchar (10) not null,

harga_biasa int,

harga_liburan int,

kapasitas varchar(30),

status varchar (20)

constraint pk_kd_kamar_bcup primary key (kd_kam),

constraint fk_kd_tipekam_kamar foreign key (kd_tipekam) references tbl_tipekam(kd_tipekam),

constraint fk_kd_fasilitas_kamar foreign key (kd_fasilitas) references tbl_fasilitas(kd_fasilitas)

(8)

create table tbl_tipekam (

kd_tipekam varchar (10) not null,

nama_tipe varchar(30)

constraint pk_id_tipekamar_bcup primary key (kd_tipekam) )

create table tbl_fasilitas (

kd_fasilitas varchar (10) not null,

nama_fasilitas varchar(30)

constraint pk_id_fasilitas_bcup primary key (kd_fasilitas) )

create table tbl_menu (

kd_menu varchar (10) not null,

nama_menu varchar (30),

harga int,

constraint pk_kd_menu_bcup primary key (kd_menu), )

create table tbl_restoran (

kd_res varchar (10) not null,

kd_menu varchar (10) not null,

kd_chekin varchar (10) not null,

jumlah_pesanan int,

tgl_pesan date,

total_bayar money,

constraint pk_kd_restoran_bcup primary key (kd_res),

constraint fk_kd_menu_restoran foreign key (kd_menu) references tbl_menu(kd_menu)

)

create table tbl_reg_chekin (

kd_chekin varchar (10) not null,

kd_kam varchar (10) not null,

id_tam varchar (10) not null,

id_kar varchar (10) not null,

tgl_chekin date,

lama_tinggal int,

keterangan text,

status_chekin varchar (10)

constraint pk_kd_chekin_bcup primary key (kd_chekin),

constraint fk_kd_kam_chekin foreign key (kd_kam) references tbl_kamar(kd_kam),

constraint fk_id_tam_chekin foreign key (id_tam) references tbl_tamu(id_tam),

constraint fk_id_kar_chekin foreign key (id_kar) references tbl_karyawan(id_kar)

)

create table tbl_reg_chekout (

kd_chekin varchar (10) not null,

kd_chekout varchar (10) not null,

tanggal_chekout date,

keterangan text

constraint pk_kd_chekout_bcup primary key (kd_chekout),

(9)

8. Selanjutnya Jika pada langka 7 telah berhasil di buat atau di eksekusi maka akan muncul tabel yang telah dibuat pada tab Object Explorer seperti berikut, jika tidak muncul lakukan refresh pada database dengan melakukan Klik kanan pada database lalu pilih refresh, seperti berikut :

9. Pada gambar diatas menunjukan tabel telah selesai dibuat, langkah selanjutnya yaitu pembuatan isi dari tabel tersebut, namun sebenarnya tidak dilakukan pengisian juga tidak menjadi masalah karena kita akan membuat aplikasi Penginputan data atau yang lebih create table tbl_pembayaran (

kd_pembayaran varchar (10) not null,

kd_chekin varchar (10) not null,

kd_chekout varchar (10) not null,

kd_res varchar (10) not null,

total_pembayaran money,

discount int,

denda int,

constraint pk_kd_pembayaran_bcup primary key (kd_pembayaran),

constraint fk_kd_chekin_pembayaran foreign key (kd_chekin) references tbl_reg_chekin(kd_chekin),

constraint fk_kd_chekout_pembayaran foreign key (kd_chekout) references tbl_reg_chekout(kd_chekout),

constraint fk_kd_restoran_pembayaran foreign key (kd_res) references tbl_restoran(kd_res)

(10)

dikenal dengan CRUD dengan menggunakan Vb.net. untuk mendasari hal tersebut perlu juga di ketahui pembuatanya dengan manual query, seperti berikut :

Pada kode diatas adalah proses memasukan data ke tabel namatabel dengan isi

'isi1','isi2' pada pengisian fild di pisahkan oleh koma. Contoh :

Kode tersebut melakukan proses pengisian ke tabel provinsi dengan kode provinsi “prov01” dan nama provinsi “Aceh”.

10. Perlu di ketahui yaitu pada query diatas juga ada proses pembuatan primary key dan relationship atau kunci tamu. Contoh :

Pada query “constraint pk_kd_restoran_bcup primarykey (kd_res),” menjelaskan yaitu pembuatan primary key. “pk_kd_restoran_bcup” adalah nama atau lebel dari primary key tersebut. Sedangkan “kd_res” berarti colom kd_res yang menjadi kunci utama dari tabel tersebut. Kunci utama berfungsi untuk menjadi panduan kita nantinya dalam mencari,

menghapus atau mengedit data dan dialah yang menjadi panduannya syarat primary key ialah tidak boleh ada yang sama valuenya.

Selanjutnya pada query “constraint fk_kd_menu_restoran foreignkey (kd_menu)

references tbl_menu(kd_menu)” merupakan kunci tamu atau relasi. “fk_kd_menu_restoran” merupakan namanya juga sama seperti primary, namun ingat nama tersebut tidak boleh sama agar mudah dalam menandainya. “foreignkey (kd_menu)” bermaksud kd_menu yang menjadi kunci tamu dari “tbl_menu(kd_menu)” tabel menu. Jadi menu yang ada di restoran mengambil referensi atau sumber dari tabel menu.

Berikut Langkah – Langkah Pembuatan langsung dengan Interface / wizard : insert into namatabel values ('isi1','isi2')

insert into tbl_prov values ('prov01','Aceh')

create table tbl_restoran (

kd_res varchar (10) not null,

kd_menu varchar (10) not null,

kd_chekin varchar (10) not null,

jumlah_pesanan int,

tgl_pesan date,

total_bayar money,

constraint pk_kd_restoran_bcup primary key (kd_res),

constraint fk_kd_menu_restoran foreign key (kd_menu) references tbl_menu(kd_menu)

(11)

1. Dalam tahap ini langkah pertama yang kita lakukan adalah membuka aplikasi SQL Manajement, selanjutnya proses login sama seperti langkah di atas. Setelah ini lakukan klik kanan pada Database di Window Object Explorer lalu pilih New Database, seperti gambar berikut :

(12)

Pada Database Name lakukan pengisian nama database dan pada Database files lakukan pengisian sama seperti proses manual namun tahap ini kita hanya lakukan dengan tinggal mengubah value tidak melakukan proses pengkodean lagi.

Keterangan :

a. Logical Name : Nama

b. File Type : Tipe dari file database apakah itu data atau log c. Filegroup : merupakan pendefenisian untuk primary data file d. Initial Size (MB) : Ukuran file database yang akan dibuat

e. Autogrowth/Maximasize : pertumbuhan data dan ukuran maksimal yang akan diciptakan

f. Path : Letak direktori yang akan disimpan g. File Name : Nama file

(13)

database yang telah dibuat pada Object explorer , dan pilih Tables dan klik kanan pada Tables pilih new Tables seperti berikut :

Lalu akan muncul seperti berikut :

(14)

menggunakan “Varchar” dengan jumlah panjang value “50” sedangkan Allow Nulls merupakan apakah data tersebut boleh kosong atau tidak ketika melakukan proses pengisian tabel. Lalu tekan oke dengan begitu tabel akan di buat. Proses ini sama dengan membuat tabel tabel berikutnya.

4. Pembuatan Primary Key dapat dilakukan dengan mengklik kanan pada field yang akan di buat primary key , seperti gambar berikut :

Lalu pilih “Set Primary Key” maka dengan begitu kolom akan dibuat menjadi kunci utama atau Primary key.

(15)

Lalu pilih kolom yang ingin di relasikan atau menjadi kunci tamu dan klik kanan pilih relationship

Maka akan muncul dialog Foreign Key Relationships, seperti berikut :

(16)

Gambar contoh tersebut terlihat relasi default yang belum di ubah ketika kita menambahkannya. Selanjutnya kita tinggal mengubah nama dan kunci utama tabel atau tabel yang menjadi referensi dan pilih kolom menjadi referensinya atau primary keynya dengan tabel sudah berelasi.

6. Selanjutnya kita akan Melihat hasil relasi yang sudah kita buat yaitu dengan new query

pada toobal atau dengan CTRL+N dari keyboard. Selanjutnya kita klik kanan pada query yang kosong tersebut lalu pilih design query in editor , dapat juga dengan CTRL+ Shift+Q seperti berikut :

(17)

Ketika kotak dialog muncul, lalu add semua tabel dengan mengeblock semua lalu tekan add

(18)

C. Tahap Pembuatan Aplikasi dengan VB.net

Proses pembuatn pada tahap pertama ini kita membuka aplikasi Visual Studio 2008, 2010 atau 2013. Namun saya sendiri menggunakan Visual Studio 2013. Dalam hal versi sama saja hanya ada beberapa fitur dari yang 2013 lebih comlite dari sebelumnya.

Klik Start, program lalu pilih software Vs tersebut dan selanjutnya pilih New Project

(19)

Pilih .Net Framework 3.5 karena 3.5 lebih banyak sering digunakan di banding yang versi 4 harus di update terlebih dahulu. Pada bagian name buatlah dengan nama pilihan anda sendiri begitu juga dengan location direktori penyimpanannya. Lalu pilih ok.

Selanjutnya akan muncul form kosong yang masih belum di design, untuk itu kita akan melakukan tahap design interface.

(20)

Dan setelah di import background dan icon menjadi seperti berikut :

Proses Pengenalan dengan Visual Studio :

Dalam memulai project kita, terlebih dahulu kita harus mengenal penggunaan dasar dari visual studio ini. Dari cara membuat textbox, button, label, combobox atau form

A. Tahap Pembuatan Button Menu

(21)

Lalu klik kanan dan pilih properties untuk mengatur pengaturannya, ubah namanya dengan mengganti pada Text di properties atau juga font background atau forecolor (warna tulisan).

Jangan lupa mengubah name nya agar mempermudah pengcodingan, sesuikan dengan gaya tulisan atau kode kalian. Saya sering menggunakan inisial “t” untuk penggunan textboxt, “btn” untuk pengguaan button.

Selanjutnya tahap coding , klik dua kali pada button tersebut dan tulisan kode berikut, untuk memanggil form yang akan kita munculkan ketika menekan tombol tersebut :

Private Sub Btn_tamu_Click(sender As Object, e As EventArgs) Handles

Btn_tamu.Click

Frm_tamu.Show()

(22)

Btn_tamu adalah nama buttonnya, selanjutnya Frm_tamu adalah nama formnya yang akan kita panggil.

B. Tahap Penambahan Form

Setelah kita selesai membuat menu button pada form pertama, langkah berikutnya kita membuat sebuah form yang akan kita panggil pada button tersebut yang sudah kita bahas diatas. Dengan cara Klik kanan pada solution Exprorer, lalu pilih add dan pilih windows form, seperti gambar berikut :

(23)

C. Pembuatan Label, Combobox, Textfield, dan Listview

Untuk pembuatan ini langkah pertama pilih toolbox , lalu pilih control yang akan kita gunakan dan drag ke form selanjutnya ganti propertiesnya seperti langkah A.

Tahap Pembuatan Aplikasi : A. Pembuatan Modul Koneksi.vb

Langkah ini adalah kita akan membuat model koneksi dari visual studio ke database yang telah kita buat sebelumnya. Yaitu dengan dengan cara klik kanan pada Solution

(24)

Pada koding diatas menjelaskan tentang membuat sub fungsi koneksi, pada "data source = LINKHITAM\KANGFAND ; initial catalog = Hotel_Metafora; integrated security = true" Pada Data source rubahlah dengan nama username anda di sqlserver dengan mengelihat di propertis atau login masuk sql server. Selanjutnya Initial catalog seuikan dengan nama database yang telah kita buat sebelumnya. Nama server tersebut seperti gambar dibawah :

B. Pembuatan Form Provinsi

Tahap ini kita akan membuat form yang langkah pembuatannya sudah kita bahas sebelumnya, tampilannya seperti berikut :

Imports System.Data.SqlClient

Module koneksi

Public sqlconn As New SqlConnection Public sqlcmd As New SqlCommand Public sqlldr As SqlDataReader Public strsql As String

Public sqlda As New SqlDataAdapter Sub connect()

If sqlconn.State = ConnectionState.Open Then sqlconn.Close() sqlconn.ConnectionString = "data source = LINKHITAM\KANGFAND ; initial catalog = Hotel_Metafora; integrated security = true"

sqlconn.Open() End Sub

(25)

Pada form ini kita akan membuat :

1. 3 Group Box

2. 3 Text field

3. 3 Label

4. 4 Button

5. 1 Combo Box

6. Dan 1 List view

(26)

Tulislah kode pemanggilan koneksinya di form load. Dan selanjutnya kita akan membuat nama kolom di list view, dengan klik di ujung atas listview.

Pilih view menjadi Details, selanjutnya klik Edit coloms. Pada kotak dialog kolom.

Add dua kolom dan rubah text propertiesnya dengan Id Provinsi dan yang kedua Nama Provinsi, ini untuk melihat judul dari kolom yang akan di tampilkan.

Langkah selanjutnya tekan f7 atau klik kanan view kode dari form, dan lakukan penulisn kode pembuatan view di bawah form load, seperti berikut :

Sub keuleh1()

strsql = "select * from tbl_prov"

(27)

While (sqlldr.Read())

Selanjutnya lakukan pemanggilan di form load.

PublicClassfrm_prov

PrivateSub frm_prov_Load(sender AsObject, e AsEventArgs) HandlesMyBase.Load koneksi.connect()

keuleh1() EndSub

Setelah itu membuat fungsi bersih atau reset, berguna untuk mereset form agar kosong. Lakukan penulisan di bawah kode keuleh diatas.

Sub berseh1()

Dan sama juga seperti fungsi diatas lakukan pemanggilan di form load.

PrivateSub frm_prov_Load(sender AsObject, e AsEventArgs) HandlesMyBase.Load koneksi.connect()

keuleh1() berseh1() EndSub

(28)

dan setelah itu lakukan pengkodingan seperti berikut :

PrivateSub ListView_SelectedIndexChanged(sender AsObject, e AsEventArgs) Handles

ListView1.SelectedIndexChanged With ListView1.SelectedItems(0) ctrl1 = .SubItems(0).Text

tid_prov.Text = .SubItems(0).Text tnama_prov.Text = .SubItems(1).Text EndWith

tid_prov.Enabled = False

btambah1.Enabled = False

bhapus1.Enabled = True

bupdate1.Enabled = True

EndSub

Selanjutnya tambahkan deklarasi varibel berikut , dipaling atas setelah Public Class Formnya

Dim ctrl1 AsString

Langkah berikutnya ialah membuat proses penginputtan yaitu dengan klik double buttonnya di form, selanjutnya tuliskan koding seperti berikut :

PrivateSub btambah_Click(sender AsObject, e AsEventArgs) Handles btambah1.Click If (tid_prov.Text = "") Or (tnama_prov.Text = "") Then

(29)

EndIf

Setelah proses pembuatan peinputan selanjutnya pembuatan tombol penghapusan, dengan

klik dua kali button hapus di form ,

(30)

berseh1() EndSub

Setelah tombol hapus, selanjutnya tombol reset untuk mereset form agar kosong dan kembali

menampilkan pemanggilan ulang list view dari database,

PrivateSub breset_Click(sender AsObject, e AsEventArgs) Handles breset1.Click berseh1()

keuleh1() EndSub

Langkah selanjutnya kita akan membuat koding untuk tombol updatenya, yaitu sama dengan

langkah di atas dengan mengklik buttonnya dua kali, berikut kodenya :

PrivateSub bupdate_Click(sender AsObject, e AsEventArgs) Handles bupdate1.Click strsql = "update tbl_prov set nama_prov ='" & tnama_prov.Text & "'" _

Langkah berikutnya pembuatan untuk form pencarian, hal pertama adalah mengatur apa yang akan kita cari, pertama klik combobox pilihan pencarian dan klik icon diatas lalu pilih edit items, seperti berikut :

(31)

Setelah items dari combo box pilihan pencarian telah di isi, kita akan membuat koding untuk pencarian , dengan double klik button cari dan tulis kode seperti berikut :

PrivateSub bcari_Click(sender AsObject, e AsEventArgs) Handles bcari1.Click strsql = "select * from tbl_prov where " & cpilihan1.SelectedItem & " LIKE '%" & tpencarian1.Text & "%' "

sqlcmd.CommandText = strsql sqlcmd.Connection = sqlconn sqlda.SelectCommand = sqlcmd sqlldr = sqlcmd.ExecuteReader() ListView1.Items.Clear()

While (sqlldr.Read())

With ListView1.Items.Add(sqlldr("id_prov")) .subitems.add(sqlldr("nama_prov"))

EndWith

EndWhile

sqlldr.Close() EndSub

C. Pembuatan Form Kabupaten

(32)

Pada form kabupaten ini kita akan membuat :

1. 3 Group Box

2. 3 Text field

3. 3 Label

4. 4 Button

5. 1 Combo Box h

6. Dan 1 List view

(33)

Selanjutnya lakukan pemanggilan modul koneksi dan fungsi keuleh dan berseh sama seperti belumnya.

PrivateSub frm_prov_Load(sender AsObject, e AsEventArgs) HandlesMyBase.Load koneksi.connect()

keuleh2() berseh2() EndSub

(34)

pada listview di form, klik dua kali dan pilih pada action SelectedIndexChanged, tulis dengan koding berikut :

PrivateSub ListView_SelectedIndexChanged(sender AsObject, e AsEventArgs) Handles

ListView2.SelectedIndexChanged With ListView2.SelectedItems(0) ctrl2 = .SubItems(0).Text

tid_kab.Text = .SubItems(0).Text tnama_kab.Text = .SubItems(1).Text EndWith

tid_kab.Enabled = False

btambah2.Enabled = False

bhapus2.Enabled = True

bupdate2.Enabled = True

EndSub

Selanjutnya buat pendeklarasian variabel sementara untuk menampung data yang di terima dari listview

Dim ctrl2 AsString

Langkah berikutnya melakuka proses button input update dan delete serta reset yang sama seperti langkah sebelumnya yaitu dengan mengklik double pada buttonnya dan seperti berikut :

Untuk koding penambahan :

PrivateSub btambah_Click(sender AsObject, e AsEventArgs) Handles btambah2.Click If (tid_kab.SelectedValue = "") Or (tnama_kab.Text = "") Then

(35)

Exit Sub

Berikutnya Koding button hapus :

(36)

Berikut pada button reset :

PrivateSub breset_Click(sender AsObject, e AsEventArgs) Handles breset2.Click berseh2()

EndSub

Selanjutnya pada button Update :

PrivateSub bupdate_Click(sender AsObject, e AsEventArgs) Handles bupdate2.Click strsql = "update tbl_kab set nama_kab ='" & tnama_kab.Text & "'" _

dan pada akhirnya di button pencarian :

PrivateSub bcari_Click(sender AsObject, e AsEventArgs) Handles bcari2.Click strsql = "select * from tbl_kab where " & cpilihan2.SelectedItem & " LIKE '%" &

(37)

D. Pembuatan Form Tamu

Pada pembuatan form ini kita akan membuat aksi sama seperti sebelumnya, yang perlu di persiapkan antaralain :

1. 3 Group Box

2. 7 Text Box

3. 10 Label

4. 4 Button

5. 1 Combo Box h

(38)

Langkah selanjutnya, masuk ke form load dan lakukan pemanggilan koneksi dan pemanggilan listview serta reset. Langkang pembuatan form ini sama dengan langkah – langkah sebelumnya.

Pertama masuk ke koding dan deklarasikan sebuah varial penampung data Id tamu seperti berikut :

PublicClassfrm_tamu

Dim ctrl AsString

Selanjutnya pada form load panggil koneksi dan fungsi listview serta reset form seperti berikut :

(39)

.subitems.add(sqlldr("no_telp"))

Selanjutnya membuat aksi dengan Klik 2 kali pada button tambah dan tulis koding berikut untuk menginput data tamu :

(40)

If (tid_tam.Text = "") Or (tno_ktp.Text = "") Or (tnama_tam.Text = "") Or (tjk.Text = "")

strsql = "Insert Into tbl_tamu (id_tam, no_ktp, nama_tam, jk, alamat, id_prov, id_kab, kode_pos, email, no_telp) values ('" _

& tid_tam.Text & "','" & tno_ktp.Text & "','" & tnama_tam.Text & "','" & tjk.Text & "','"

& talamat.Text & "','" & tid_prov.SelectedValue & "','" & tid_kab.SelectedValue & "','" & tkodepos.Text & "','" & temail.Text & "','" & tno_telp.Text & "')"

Dim sqlcmd AsNew SqlClient.SqlCommand

Setelah itu berikut untuk button updatenya , klik double pada button update di form tamu , seperti berikut :

(41)

& "kode_pos ='" & tkodepos.Text & "'," _

Pada langkah selanjutnya klik double pada listview di form, lalu pilih action selected Index Changed

Koding seperti berikut :

PrivateSub ListView_SelectedIndexChanged(sender AsObject, e AsEventArgs) Handles

(42)

temail.Text = .SubItems(8).Text tno_telp.Text = .SubItems(9).Text

EndWith

tid_tam.Enabled = False

btambah.Enabled = False

bhapus.Enabled = True

bupdate.Enabled = True

EndSub

Setelah itu tambah kolom pada list view dan ubah listviewnya menjadi detail

(43)

Selanjtnya Klik double pada button hapus, dan berikut kodenya :

PrivateSub bhapus_Click(sender AsObject, e AsEventArgs) Handles bhapus.Click strsql = "delete from tbl_tamu where id_tam = '" & ctrl & "'"

Dim sqlcmd AsNew SqlClient.SqlCommand

sqlcmd.CommandText = strsql sqlcmd.Connection = sqlconn OnErrorGoTo satu

sqlcmd.ExecuteNonQuery() MsgBox("Berhasil Di Hapus") keuleh()

berseh() Exit Sub

satu:

MsgBox("Data sedang digunakan") berseh()

EndSub

Setelah button haspus, klik double pada button reset dan panggil pemanggilan fungsi sub berseh dan keuleh.

PrivateSub breset_Click(sender AsObject, e AsEventArgs) Handles breset.Click berseh()

EndSub

Dan pada button cari tulis dengan kode berikut :

(44)

strsql = "select * from tbl_tamu where " & cpilihan.SelectedItem & " LIKE '%" & tpencarian.Text & "%' "

sqlcmd.CommandText = strsql sqlcmd.Connection = sqlconn sqlda.SelectCommand = sqlcmd sqlldr = sqlcmd.ExecuteReader() ListView.Items.Clear()

While (sqlldr.Read())

With ListView.Items.Add(sqlldr("id_tam")) .subitems.add(sqlldr("no_ktp"))

.subitems.add(sqlldr("nama_tam")) .subitems.add(sqlldr("jk"))

.subitems.add(sqlldr("alamat")) .subitems.add(sqlldr("id_prov")) .subitems.add(sqlldr("id_kab")) .subitems.add(sqlldr("kode_pos")) .subitems.add(sqlldr("email")) .subitems.add(sqlldr("no_telp")) EndWith

EndWhile

sqlldr.Close() EndSub

Dan jangan lupa untuk menambahkan items pada combobox pencarian

(45)

E. Pembuatan Form Karyawan

Pada tahap ini kita akan membuat form karyawan yaitu untuk menginput data, filter, edit dan delete data karyawan. Langkah cara pembuatannya hampir sama dengan yang sudah kita bahas sebelumnya, tampilan formnya seperti berikut :

Pada pembuatan form ini kita akan membuat aksi sama seperti sebelumnya, yang perlu di persiapkan antaralain :

1. 3 Group Box

2. 6 Text Box

3. 7 Label

(46)

5. 2 Combo Box

6. Dan 1 List bea

Langkah selanjutnya adalah dengan masuk ke bagian koding, dengan klik dua kali pada form maka akan terbuka koding form Load, pada form Load tulis dengan kode berikut :

Private Sub frm_karyawan_Load(sender As Object, e As EventArgs) Handles MyBase.Load

koneksi.connect() keuleh()

berseh() End Sub

Pada kode diatas merupakan pemanggilan dari sub prosedur bersih dan view list view serta modul koneksi. Selanjutnya kita akan membuat sebuah sub prosedur selanjutnya adalah sub bersih :

(47)

Dan tambah Itemsnya

Setelah itu, pada list view kita akan menambah nama kolom ,yaitu dengan cara seperti berikut:

(48)

Pada kolom rubah pada text saja dengan nama kolom yang akan dibuat, selanjutnya

melakukan penambahan dengan klik tobol Add, pada gambar diatas dan mengganti text pada setingan propertiesnya.

Selanjutnya klik dua kali pada lisviewnya dan masukkan kode berikut :

Private Sub ListView_SelectedIndexChanged(sender As Object, e As

EventArgs) Handles ListView.SelectedIndexChanged With ListView.SelectedItems(0)

ctrl = .SubItems(0).Text

tid_kar.Text = .SubItems(0).Text tno_ktp.Text = .SubItems(1).Text tnama_kar.Text = .SubItems(2).Text tjk.Text = .SubItems(3).Text

talamat.Text = .SubItems(4).Text temail.Text = .SubItems(5).Text tno_telp.Text = .SubItems(6).Text

End With

tid_kar.Enabled = False

btambah.Enabled = False

bhapus.Enabled = True

bupdate.Enabled = True

End Sub

(49)

Pada Button “Tambah”, klik dua kali dan isi kode sebagai berikut : alamat, email, no_telp) values ('" _

& tid_kar.Text & "','" & tno_ktp.Text & "','" & tnama_kar.Text & "','"

& tjk.Text & "','" & talamat.Text & "','" & temail.Text & "','" & tno_telp.Text & "')"

Selanjutnya pada tombol “update” dengan isi kode sebagai berikut :

Private Sub bupdate_Click(sender As Object, e As EventArgs) Handles

bupdate.Click

Apabila sudah melanjutnkan ke tombol “hapus” isi kode sebagai berikut : Private Sub bhapus_Click(sender As Object, e As EventArgs) Handles

(50)

strsql = "delete from tbl_karyawan where id_kar = '" & ctrl & "'"

Sedangkan button “reset” sebagai berikut :

Private Sub breset_Click(sender As Object, e As EventArgs) Handles

breset.Click berseh() keuleh() End Sub

Dan yang terakhir adalah dengan mengklik button cari pada grup pencarian, seperti berikut :

Private Sub bcari_Click(sender As Object, e As EventArgs) Handles

bcari.Click

strsql = "select * from tbl_karyawan where " & cpilihan.SelectedItem &

" LIKE '%" & tpencarian.Text & "%' "

sqlcmd.CommandText = strsql

(51)

F. Pembuatan Form Tipe Kamar

Proses pembuatan form ini yaitu sana dengan proses dasar sebelumnya yaitu dengan membuat beberapa komponen pada formnya, dan berikut tampilan formnya :

Pada pembuatan form ini komponen yang dibutuhkan adalah sebagai berikut :

1. Listview (1)

2. Textbox (2)

3. Combobox (1)

4. Button (5)

(52)

Dari komponen diatas, langkah pernah buat terlebih dahulu sama tampilannya atau sedikit berbeda namun tetap dengan komponen yang sama seperti tampilan form ditas. Selanjutnya rubahlah nama design dari setiap komponen dengan nama ciri khas coding anda sendiri, agar mudah dalam penulisan. Selanjutnya ikuti langkah dibawah ini dan sesuikan coding dibawah dengan nama komponen anda sendiri.

Selanjutnya pada form, klik dua kali dan akan otomatis menuju ke form load. Pada form load lakukan pemanggilan koneksi, dan tulis koding berikut :

koneksi.connect()

jangan pernah lupa untuk memanggil koneksi karena di semua form yang kita buat kita akan menggunakan koneksi ke database yang telah kita buat sebelumnya.

a. Komponen listview

Pertama sekali adalah membuat kolom pada listview yang caranya sama seperti yang kita lakukan sebelumnya dengan klik kanan pada listview dan pilih properties selanjutnya ubah viewnya menjadi Details, seperti gambar dibawah :

(53)

Pada ColumnHeader Collection Editor , tekan Add dan pada properties ubah nama

Text nya pada Misc dan Name pada Design sesuai dengan urutan kolom pada tabel yang telah kita buat satu persatu, yang nantinya akan menjadi seperti berikut :

Selanjutnya klik dua kali pada listview seperti gambar diatas, dan lakukan penulisan koding seperti dibawah ini untuk menampilkan data yang ada di dalam listview ke komponen seperti textbox atau combobox dll, yang telah kita buat diatas. Berikut :

PrivateSub ListView_SelectedIndexChanged(sender AsObject, e AsEventArgs)

Handles ListView1.SelectedIndexChanged With ListView1.SelectedItems(0) ctrl1 = .SubItems(0).Text

tkd_tipekam1.Text = .SubItems(0).Text tnama_tipe1.Text = .SubItems(1).Text EndWith

tkd_tipekam1.Enabled = False

btambah1.Enabled = False

bhapus1.Enabled = True

(54)

EndSub

Pada koding diatas tulislah hanya yang di dalam listviewnya saja. Setelah itu jika ada eror tulisan mereh, berarti nama komponen tidak sama dengan yang di form, maka dari sesuaikan namanya dengan nama komponen yang ada di form, untuk melihat atau mengubahnya klik kanan pada komponen lalu pilih Properties , seperti berikut :

Pada komponen inputan yang telah kita buat seperti tampilan design form diatas, seperti berikut :

b. Pembuatan Sub Prosedur Pemanggilan Data dan Reset

Selanjutnya kita kembali ke koding, dengan klik dua kali pada form, dan kita akan membuat sub prosedur untuk memanggil data dari database . tulis kode berikut di bawah end sub form load , seperti berikut :

(55)

Setelah itu lakukan pemanggilan sub tersebut pada form load, dengan menulis nama sub diatas seperti “keuleh()” pada form load, namanya sesuikan dengan koding diatas, harap teliti dalam penulisan koding. Dengan begitu setiap kali program di jalankan akan memanggil sub tersebut.

Selanjutkan nya adalah membuat sub reset bertujuan untuk membersihkan komponen dan mengaktifkan enable komponen yang tidak aktif ketika kita klik data pada listview. Koding dibawah juga jangan lupa untuk melakukan pemanggilanya di form load tepatnya setelah sub keuleh() , dengan nama sub “berseh()” , sesuikan seperti koding sub dibawah. Dan lakukan penulisan koding dibawah tepat di bawah end sub keuleh diatas , seperti berikut :

Pada aksi ini adalah melakukan pembuatan tombol input atau tambah yang terdapat pada grupbox aksi yang terlihat seperti dibawah ini :

Langkahnya adalah lakukan klik dua kali pada button tambah dan lakukan penulisan kode berikut untuk aksinya :

PrivateSub btambah_Click(sender AsObject, e AsEventArgs) Handles btambah1.Click If (tkd_tipekam1.Text = "") Or (tnama_tipe1.Text = "") Then

MsgBox("Data Masih kurang, Lengkapi Data") Exit Sub

EndIf

(56)

& tkd_tipekam1.Text & "','" & tnama_tipe1.Text & "')"

Pada aksi ini adalah melakukan pembuatan tombol hapus, yang akan menghapus data pada database secara permanen yang terdapat pada grupbox aksi yang terlihat seperti dibawah ini :

Langkahnya adalah lakukan klik dua kali pada button hapus dan lakukan penulisan kode berikut untuk aksinya :

(57)

berseh1() EndSub

e. Pembuatan Aksi Reset Form

Pada aksi ini adalah melakukan pembuatan tombol reset, yang akan membersihkan form yang telah besisi data atau mengaktifkan tombol tambah ketika data telah di klik. pada grupbox aksi ini yang terlihat seperti berikut :

Langkahnya adalah lakukan klik dua kali pada button Reset dan lakukan penulisan kode berikut untuk aksinya :

PrivateSub breset_Click(sender AsObject, e AsEventArgs) Handles breset1.Click berseh1()

keuleh1() EndSub

f. Pembuatan Aksi Update

Pada aksi ini adalah melakukan pembuatan tombol update, yang akan mengedit data yang ada didatabase dari data yang telah diinput di pada grupbox aksi yang terlihat seperti dibawah ini :

Langkahnya adalah lakukan klik dua kali pada button update dan lakukan penulisan kode berikut untuk aksinya :

(58)

MsgBox("Berhasil DiUpdate") keuleh1()

berseh1() EndSub

g. Pembuatan Aksi Pencarian

Pada aksi ini adalah melakukan pembuatan aksi pada tombol pencarian, yang akan mencari data berdasarkan combo box yang telah di tentukan berdasarkan apa saja. pada form yang terlihat seperti dibawah ini :

Langkah pertama adalah klik dua kali pada button cari, selanjutnya tulis koding berikut :

PrivateSub bcari_Click(sender AsObject, e AsEventArgs) Handles bcari1.Click strsql = "select * from tbl_tipekam where " & cpilihan1.SelectedItem & " LIKE '%" & tpencarian1.Text & "%' "

sqlcmd.CommandText = strsql sqlcmd.Connection = sqlconn sqlda.SelectCommand = sqlcmd sqlldr = sqlcmd.ExecuteReader() ListView1.Items.Clear()

While (sqlldr.Read())

With ListView1.Items.Add(sqlldr("kd_tipekam")) .subitems.add(sqlldr("nama_tipe"))

EndWith

EndWhile

(59)

Dan selanjutnya klik kanan atau klik pada combobox dan pilih edit Items, seperti berikut :

Tambahkan Items berikut yang merupakan nama kolom pada tabel, untuk katagori pencarian berdasarkan items seperti berikut :

G. Pembuatan Form Fasilitas

(60)

Pada pembuatan form ini komponen yang dibutuhkan adalah sebagai berikut :

1. Listview (1)

2. Textbox (2)

3. Combobox (1)

4. Button (5)

5. Groupbox (3)

Dari komponen diatas, langkah pernah buat terlebih dahulu sama tampilannya atau sedikit berbeda namun tetap dengan komponen yang sama seperti tampilan form ditas. Selanjutnya rubahlah nama design dari setiap komponen dengan nama ciri khas coding anda sendiri, agar mudah dalam penulisan. Selanjutnya ikuti langkah dibawah ini dan sesuikan coding dibawah dengan nama komponen anda sendiri.

Selanjutnya pada form, klik dua kali dan akan otomatis menuju ke form load. Pada form load lakukan pemanggilan koneksi, dan tulis koding berikut :

koneksi.connect()

jangan pernah lupa untuk memanggil koneksi karena di semua form yang kita buat kita akan menggunakan koneksi ke database yang telah kita buat sebelumnya.

a. Komponen listview

Pertama sekali adalah membuat kolom pada listview yang caranya sama seperti yang kita lakukan sebelumnya dengan klik kanan pada listview dan pilih properties selanjutnya ubah viewnya menjadi Details, seperti gambar dibawah :

(61)

Pada ColumnHeader Collection Editor , tekan Add dan pada properties ubah nama

Text nya pada Misc dan Name pada Design sesuai dengan urutan kolom pada tabel yang telah kita buat satu persatu, yang nantinya akan menjadi seperti berikut :

Selanjutnya klik dua kali pada listview seperti gambar diatas, dan lakukan penulisan koding seperti dibawah ini untuk menampilkan data yang ada di dalam listview ke komponen seperti textbox atau combobox dll, yang telah kita buat diatas. Berikut :

PrivateSub ListView_SelectedIndexChanged(sender AsObject, e AsEventArgs)

Handles ListView2.SelectedIndexChanged With ListView2.SelectedItems(0) ctrl2 = .SubItems(0).Text

tkd_fasilitas2.Text = .SubItems(0).Text tnama_fasilitas2.Text = .SubItems(1).Text EndWith

tkd_fasilitas2.Enabled = False

btambah2.Enabled = False

bhapus2.Enabled = True

(62)

EndSub

Pada koding diatas tulislah hanya yang di dalam listviewnya saja. Setelah itu jika ada eror tulisan mereh, berarti nama komponen tidak sama dengan yang di form, maka dari sesuaikan namanya dengan nama komponen yang ada di form, untuk melihat atau mengubahnya klik kanan pada komponen lalu pilih Properties , seperti berikut :

Pada komponen inputan yang telah kita buat seperti tampilan design form diatas, seperti berikut :

b. Pembuatan Sub Prosedur Pemanggilan Data dan Reset

Selanjutnya kita kembali ke koding, dengan klik dua kali pada form, dan kita akan membuat sub prosedur untuk memanggil data dari database . tulis kode berikut di bawah end sub form load , seperti berikut :

(63)

Setelah itu lakukan pemanggilan sub tersebut pada form load, dengan menulis nama sub diatas seperti “keuleh2()” pada form load, namanya sesuikan dengan koding diatas, harap teliti dalam penulisan koding. Dengan begitu setiap kali program di jalankan akan memanggil sub tersebut.

Selanjutkan nya adalah membuat sub reset bertujuan untuk membersihkan komponen dan mengaktifkan enable komponen yang tidak aktif ketika kita klik data pada listview. Koding dibawah juga jangan lupa untuk melakukan pemanggilanya di form load tepatnya setelah sub keuleh() , dengan nama sub “berseh()” , sesuikan seperti koding sub dibawah. Dan lakukan penulisan koding dibawah tepat di bawah end sub keuleh diatas , seperti berikut :

Pada aksi ini adalah melakukan pembuatan tombol input atau tambah yang terdapat pada grupbox aksi yang terlihat seperti dibawah ini :

Langkahnya adalah lakukan klik dua kali pada button tambah dan lakukan penulisan kode berikut untuk aksinya :

PrivateSub btambah_Click(sender AsObject, e AsEventArgs) Handles btambah2.Click If (tkd_fasilitas2.Text = "") Or (tnama_fasilitas2.Text = "") Then

MsgBox("Data Masih kurang, Lengkapi Data") Exit Sub

EndIf

(64)

& tkd_fasilitas2.Text & "','" & tnama_fasilitas2.Text & "')"

Pada aksi ini adalah melakukan pembuatan tombol hapus, yang akan menghapus data pada database secara permanen yang terdapat pada grupbox aksi yang terlihat seperti dibawah ini :

Langkahnya adalah lakukan klik dua kali pada button hapus dan lakukan penulisan kode berikut untuk aksinya :

(65)

berseh2() EndSub

e. Pembuatan Aksi Reset Form

Pada aksi ini adalah melakukan pembuatan tombol reset, yang akan membersihkan form yang telah besisi data atau mengaktifkan tombol tambah ketika data telah di klik. pada grupbox aksi ini yang terlihat seperti berikut :

Langkahnya adalah lakukan klik dua kali pada button Reset dan lakukan penulisan kode berikut untuk aksinya :

PrivateSub breset_Click(sender AsObject, e AsEventArgs) Handles breset2.Click berseh2()

keuleh2() EndSub

f. Pembuatan Aksi Update

Pada aksi ini adalah melakukan pembuatan tombol update, yang akan mengedit data yang ada didatabase dari data yang telah diinput di pada grupbox aksi yang terlihat seperti dibawah ini :

Langkahnya adalah lakukan klik dua kali pada button update dan lakukan penulisan kode berikut untuk aksinya :

PrivateSub bupdate_Click(sender AsObject, e AsEventArgs) Handles bupdate2.Click strsql = "update tbl_fasilitas set nama_fasilitas ='" & tnama_fasilitas2.Text & "'" _ & "where kd_fasilitas = '" & ctrl2 & "'"

Dim sqlcmd AsNew SqlClient.SqlCommand

(66)

MsgBox("Berhasil DiUpdate") keuleh2()

berseh2() EndSub

g. Pembuatan Aksi Pencarian

Pada aksi ini adalah melakukan pembuatan aksi pada tombol pencarian, yang akan mencari data berdasarkan combo box yang telah di tentukan berdasarkan apa saja. pada form yang terlihat seperti dibawah ini :

Langkah pertama adalah klik dua kali pada button cari, selanjutnya tulis koding berikut : PrivateSub bcari_Click(sender AsObject, e AsEventArgs) Handles bcari2.Click

strsql = "select * from tbl_fasilitas where " & cpilihan2.SelectedItem & " LIKE '%" & tpencarian2.Text & "%' "

sqlcmd.CommandText = strsql sqlcmd.Connection = sqlconn sqlda.SelectCommand = sqlcmd sqlldr = sqlcmd.ExecuteReader() ListView2.Items.Clear()

While (sqlldr.Read())

With ListView2.Items.Add(sqlldr("kd_fasilitas")) .subitems.add(sqlldr("nama_fasilitas"))

EndWith

EndWhile

(67)

Dan selanjutnya klik kanan atau klik pada combobox dan pilih edit Items, seperti berikut :

Tambahkan Items berikut yang merupakan nama kolom pada tabel, untuk katagori pencarian berdasarkan items seperti berikut :

H. Pembuatan Form Kamar

Proses pembuatan form ini yaitu sana dengan proses dasar sebelumnya yaitu dengan membuat beberapa komponen pada formnya, dan berikut tampilan formnya :

(68)

1. Listview (1)

2. Textbox (4)

3. Combobox (3)

4. Button (5)

5. Groupbox (3)

Dari komponen diatas, langkah pernah buat terlebih dahulu sama tampilannya atau sedikit berbeda namun tetap dengan komponen yang sama seperti tampilan form ditas. Selanjutnya rubahlah nama design dari setiap komponen dengan nama ciri khas coding anda sendiri, agar mudah dalam penulisan. Selanjutnya ikuti langkah dibawah ini dan sesuikan coding dibawah dengan nama komponen anda sendiri.

Selanjutnya pada form, klik dua kali dan akan otomatis menuju ke form load. Pada form load lakukan pemanggilan koneksi, dan tulis koding berikut :

koneksi.connect()

jangan pernah lupa untuk memanggil koneksi karena di semua form yang kita buat kita akan menggunakan koneksi ke database yang telah kita buat sebelumnya.

a. Komponen listview

Pertama sekali adalah membuat kolom pada listview yang caranya sama seperti yang kita lakukan sebelumnya dengan klik kanan pada listview dan pilih properties selanjutnya ubah viewnya menjadi Details, seperti gambar dibawah :

(69)

Pada ColumnHeader Collection Editor , tekan Add dan pada properties ubah nama

Text nya pada Misc dan Name pada Design sesuai dengan urutan kolom pada tabel yang telah kita buat satu persatu, yang nantinya akan menjadi seperti berikut :

Selanjutnya klik dua kali pada listview seperti gambar diatas, dan lakukan penulisan koding seperti dibawah ini untuk menampilkan data yang ada di dalam listview ke komponen seperti textbox atau combobox dll, yang telah kita buat diatas. Berikut :

PrivateSub ListView_SelectedIndexChanged(sender AsObject, e AsEventArgs)

Handles ListView0.SelectedIndexChanged With ListView0.SelectedItems(0)

ctrl = .SubItems(0).Text

tkd_kam.Text = .SubItems(0).Text

tkd_tipekam0.SelectedValue = .SubItems(1).Text tkd_tipekam0.Show()

tkd_fasilitas0.SelectedValue = .SubItems(2).Text tkd_fasilitas0.Show()

(70)

tkapasitas.Text = .SubItems(5).Text tstatus.Text = .SubItems(6).Text EndWith

tkd_kam.Enabled = False

btambah.Enabled = False

bhapus.Enabled = True

bupdate.Enabled = True

EndSub

Pada koding diatas tulislah hanya yang di dalam listviewnya saja. Setelah itu jika ada eror tulisan mereh, berarti nama komponen tidak sama dengan yang di form, maka dari sesuaikan namanya dengan nama komponen yang ada di form, untuk melihat atau mengubahnya klik kanan pada komponen lalu pilih Properties , seperti berikut :

Pada komponen inputan yang telah kita buat seperti tampilan design form diatas, seperti berikut :

b. Pembuatan Sub Prosedur Pemanggilan Data dan Reset

Selanjutnya kita kembali ke koding, dengan klik dua kali pada form, dan kita akan membuat sub prosedur untuk memanggil data dari database . tulis kode berikut di bawah end sub form load , seperti berikut :

Sub keuleh()

strsql = "select * from tbl_kamar"

(71)

sqlcmd.Connection = sqlconn

Setelah itu lakukan pemanggilan sub tersebut pada form load, dengan menulis nama sub diatas seperti “keuleh()” pada form load, namanya sesuikan dengan koding diatas, harap teliti dalam penulisan koding. Dengan begitu setiap kali program di jalankan akan memanggil sub tersebut.

(72)

tkd_kam.Enabled = True

Pada aksi ini adalah melakukan pembuatan tombol input atau tambah yang terdapat pada grupbox aksi yang terlihat seperti dibawah ini :

Langkahnya adalah lakukan klik dua kali pada button tambah dan lakukan penulisan kode berikut untuk aksinya :

PrivateSub btambah_Click(sender AsObject, e AsEventArgs) Handles btambah.Click If (tkd_kam.Text = "") Or (tkd_tipekam0.Text = "") Or (tkd_fasilitas0.Text = "") Or

strsql = "insert into tbl_kamar (kd_kam, kd_tipekam, kd_fasilitas, harga_biasa, harga_liburan, kapasitas, status) values ('" _

& tkd_kam.Text & "','" & tkd_tipekam0.SelectedValue & "','" &

tkd_fasilitas0.SelectedValue & "','" & tharga_biasa.Text & "','" & tharga_liburan.Text & "','"

& tkapasitas.Text & "','" & tstatus.Text & "')"

(73)

keuleh()

Pada aksi ini adalah melakukan pembuatan tombol hapus, yang akan menghapus data pada database secara permanen yang terdapat pada grupbox aksi yang terlihat seperti dibawah ini :

Langkahnya adalah lakukan klik dua kali pada button hapus dan lakukan penulisan kode berikut untuk aksinya :

PrivateSub bhapus_Click(sender AsObject, e AsEventArgs) Handles bhapus.Click strsql = "delete from tbl_kamar where kd_kam = '" & ctrl & "'"

e. Pembuatan Aksi Reset Form

(74)

Langkahnya adalah lakukan klik dua kali pada button Reset dan lakukan penulisan kode berikut untuk aksinya :

PrivateSub breset_Click(sender AsObject, e AsEventArgs) Handles breset.Click berseh()

keuleh() EndSub

f. Pembuatan Aksi Update

Pada aksi ini adalah melakukan pembuatan tombol update, yang akan mengedit data yang ada didatabase dari data yang telah diinput di pada grupbox aksi yang terlihat seperti dibawah ini :

Langkahnya adalah lakukan klik dua kali pada button update dan lakukan penulisan kode berikut untuk aksinya :

(75)

keuleh() berseh() EndSub

g. Pembuatan Aksi Pencarian

Pada aksi ini adalah melakukan pembuatan aksi pada tombol pencarian, yang akan mencari data berdasarkan combo box yang telah di tentukan berdasarkan apa saja. pada form yang terlihat seperti dibawah ini :

Langkah pertama adalah klik dua kali pada button cari, selanjutnya tulis koding berikut :

(76)

Dan selanjutnya klik kanan atau klik pada combobox dan pilih edit Items, seperti berikut :

Tambahkan Items berikut yang merupakan nama kolom pada tabel, untuk katagori pencarian berdasarkan items seperti berikut :

I. Pembuatan Form Menu

(77)

Pada pembuatan form ini komponen yang dibutuhkan adalah sebagai berikut :

1. Listview (1)

2. Textbox (4)

3. Combobox (1)

4. Button (5)

5. Groupbox (3)

Dari komponen diatas, langkah pernah buat terlebih dahulu sama tampilannya atau sedikit berbeda namun tetap dengan komponen yang sama seperti tampilan form ditas. Selanjutnya rubahlah nama design dari setiap komponen dengan nama ciri khas coding anda sendiri, agar mudah dalam penulisan. Selanjutnya ikuti langkah dibawah ini dan sesuikan coding dibawah dengan nama komponen anda sendiri.

Selanjutnya pada form, klik dua kali dan akan otomatis menuju ke form load. Pada form load lakukan pemanggilan koneksi, dan tulis koding berikut :

koneksi.connect()

jangan pernah lupa untuk memanggil koneksi karena di semua form yang kita buat kita akan menggunakan koneksi ke database yang telah kita buat sebelumnya.

a. Komponen listview

(78)

Setelah itu pilih EditColomns

Pada ColumnHeader Collection Editor , tekan Add dan pada properties ubah nama

Text nya pada Misc dan Name pada Design sesuai dengan urutan kolom pada tabel yang telah kita buat satu persatu, yang nantinya akan menjadi seperti berikut :

Selanjutnya klik dua kali pada listview seperti gambar diatas, dan lakukan penulisan koding seperti dibawah ini untuk menampilkan data yang ada di dalam listview ke komponen seperti textbox atau combobox dll, yang telah kita buat diatas. Berikut :

PrivateSub ListView_SelectedIndexChanged(sender AsObject, e AsEventArgs)

(79)

With ListView1.SelectedItems(0)

Pada koding diatas tulislah hanya yang di dalam listviewnya saja. Setelah itu jika ada eror tulisan mereh, berarti nama komponen tidak sama dengan yang di form, maka dari sesuaikan namanya dengan nama komponen yang ada di form, untuk melihat atau mengubahnya klik kanan pada komponen lalu pilih Properties , seperti berikut :

Pada komponen inputan yang telah kita buat seperti tampilan design form diatas, seperti berikut :

b. Pembuatan Sub Prosedur Pemanggilan Data dan Reset

Selanjutnya kita kembali ke koding, dengan klik dua kali pada form, dan kita akan membuat sub prosedur untuk memanggil data dari database . tulis kode berikut di bawah end sub form load , seperti berikut :

Sub keuleh1()

strsql = "select * from tbl_menu"

(80)

sqlda.SelectCommand = sqlcmd

Setelah itu lakukan pemanggilan sub tersebut pada form load, dengan menulis nama sub diatas seperti “keuleh1()” pada form load, namanya sesuikan dengan koding diatas, harap teliti dalam penulisan koding. Dengan begitu setiap kali program di jalankan akan memanggil sub tersebut.

Selanjutkan nya adalah membuat sub reset bertujuan untuk membersihkan komponen dan mengaktifkan enable komponen yang tidak aktif ketika kita klik data pada listview. Koding dibawah juga jangan lupa untuk melakukan pemanggilanya di form load tepatnya setelah sub keuleh() , dengan nama sub “berseh()” , sesuikan seperti koding sub dibawah. Dan lakukan penulisan koding dibawah tepat di bawah end sub keuleh diatas , seperti berikut :

(81)

Langkahnya adalah lakukan klik dua kali pada button tambah dan lakukan penulisan kode berikut untuk aksinya :

PrivateSub btambah_Click(sender AsObject, e AsEventArgs) Handles btambah1.Click If (tkd_menu1.Text = "") Or (tnama_menu1.Text = "") Or (tharga1.Text = "") Then

(82)

Langkahnya adalah lakukan klik dua kali pada button hapus dan lakukan penulisan kode berikut untuk aksinya :

PrivateSub bhapus_Click(sender AsObject, e AsEventArgs) Handles bhapus1.Click strsql = "delete from tbl_menu where kd_menu = '" & ctrl1 & "'"

Dim sqlcmd AsNew SqlClient.SqlCommand

sqlcmd.CommandText = strsql sqlcmd.Connection = sqlconn sqlcmd.ExecuteNonQuery() MsgBox("Berhasil Di Hapus") keuleh1()

berseh1() EndSub

e. Pembuatan Aksi Reset Form

Pada aksi ini adalah melakukan pembuatan tombol reset, yang akan membersihkan form yang telah besisi data atau mengaktifkan tombol tambah ketika data telah di klik. pada grupbox aksi ini yang terlihat seperti berikut :

Langkahnya adalah lakukan klik dua kali pada button Reset dan lakukan penulisan kode berikut untuk aksinya :

PrivateSub breset_Click(sender AsObject, e AsEventArgs) Handles breset1.Click berseh1()

keuleh1() EndSub

(83)

Pada aksi ini adalah melakukan pembuatan tombol update, yang akan mengedit data yang ada didatabase dari data yang telah diinput di pada grupbox aksi yang terlihat seperti dibawah ini :

Langkahnya adalah lakukan klik dua kali pada button update dan lakukan penulisan kode berikut untuk aksinya :

PrivateSub bupdate_Click(sender AsObject, e AsEventArgs) Handles bupdate1.Click strsql = "update tbl_menu set nama_menu ='" & tnama_menu1.Text & "', harga = '" & tharga1.Text & "'" _

& "where kd_menu = '" & ctrl1 & "'" mencari data berdasarkan combo box yang telah di tentukan berdasarkan apa saja. pada form yang terlihat seperti dibawah ini :

Langkah pertama adalah klik dua kali pada button cari, selanjutnya tulis koding berikut :

(84)

sqlcmd.CommandText = strsql sqlcmd.Connection = sqlconn sqlda.SelectCommand = sqlcmd sqlldr = sqlcmd.ExecuteReader() ListView1.Items.Clear()

While (sqlldr.Read())

With ListView1.Items.Add(sqlldr("kd_menu")) .subitems.add(sqlldr("nama_menu"))

.subitems.add(sqlldr("harga")) EndWith

EndWhile

sqlldr.Close() EndSub

Dan selanjutnya klik kanan atau klik pada combobox dan pilih edit Items, seperti berikut :

Tambahkan Items berikut yang merupakan nama kolom pada tabel, untuk katagori pencarian berdasarkan items seperti berikut :

(85)

Proses pembuatan form ini yaitu sana dengan proses dasar sebelumnya yaitu dengan membuat beberapa komponen pada formnya, dan berikut tampilan formnya :

Pada pembuatan form ini komponen yang dibutuhkan adalah sebagai berikut :

1. Listview (1)

2. Textbox (3)

3. Combobox (6)

4. Button (5)

5. Groupbox (4)

6. Textrich (1)

7. DateTimePicker (1)

Dari komponen diatas, langkah pernah buat terlebih dahulu sama tampilannya atau sedikit berbeda namun tetap dengan komponen yang sama seperti tampilan form ditas. Selanjutnya rubahlah nama design dari setiap komponen dengan nama ciri khas coding anda sendiri, agar mudah dalam penulisan. Selanjutnya ikuti langkah dibawah ini dan sesuikan coding dibawah dengan nama komponen anda sendiri.

Selanjutnya pada form, klik dua kali dan akan otomatis menuju ke form load. Pada form load lakukan pemanggilan koneksi, dan tulis koding berikut :

koneksi.connect()

jangan pernah lupa untuk memanggil koneksi karena di semua form yang kita buat kita akan menggunakan koneksi ke database yang telah kita buat sebelumnya.

a. Komponen listview

(86)

Setelah itu pilih EditColomns

Pada ColumnHeader Collection Editor , tekan Add dan pada properties ubah nama

Text nya pada Misc dan Name pada Design sesuai dengan urutan kolom pada tabel yang telah kita buat satu persatu, yang nantinya akan menjadi seperti berikut :

Selanjutnya klik dua kali pada listview seperti gambar diatas, dan lakukan penulisan koding seperti dibawah ini untuk menampilkan data yang ada di dalam listview ke komponen seperti textbox atau combobox dll, yang telah kita buat diatas. Berikut :

PrivateSub ListView_SelectedIndexChanged(sender AsObject, e AsEventArgs) Handles

(87)

With ListView.SelectedItems(0) ctrl = .SubItems(0).Text

tkd_checkin.Text = .SubItems(0).Text tkd_kam.SelectedValue = .SubItems(1).Text tid_tam.SelectedValue = .SubItems(2).Text tid_kar.SelectedValue = .SubItems(3).Text tgl_checkin.Text = .SubItems(4).Text tlama_tinggal.Text = .SubItems(5).Text tketerangan.Text = .SubItems(6).Text tstatus_checkin.Text = .SubItems(7).Text EndWith

tkd_checkin.Enabled = False

btambah.Enabled = False

bhapus.Enabled = True

bupdate.Enabled = True

EndSub

Pada koding diatas tulislah hanya yang di dalam listviewnya saja. Setelah itu jika ada eror tulisan mereh, berarti nama komponen tidak sama dengan yang di form, maka dari sesuaikan namanya dengan nama komponen yang ada di form, untuk melihat atau mengubahnya klik kanan pada komponen lalu pilih Properties , seperti berikut :

(88)

b. Pembuatan Sub Prosedur Pemanggilan Data dan Reset

Selanjutnya kita kembali ke koding, dengan klik dua kali pada form, dan kita akan membuat sub prosedur untuk memanggil data dari database . tulis kode berikut di bawah end sub form load , seperti berikut :

Sub keuleh()

strsql = "select * from tbl_reg_chekin"

sqlcmd.CommandText = strsql sqlcmd.Connection = sqlconn sqlda.SelectCommand = sqlcmd sqlldr = sqlcmd.ExecuteReader() ListView.Items.Clear()

While (sqlldr.Read())

With ListView.Items.Add(sqlldr("kd_chekin")) .subitems.add(sqlldr("kd_kam"))

.subitems.add(sqlldr("id_tam")) .subitems.add(sqlldr("id_kar")) .subitems.add(sqlldr("tgl_chekin")) .subitems.add(sqlldr("lama_tinggal")) .subitems.add(sqlldr("keterangan")) .subitems.add(sqlldr("status_chekin")) EndWith

(89)

sqlldr.Close() EndSub

Setelah itu lakukan pemanggilan sub tersebut pada form load, dengan menulis nama sub diatas seperti “keuleh()” pada form load, namanya sesuikan dengan koding diatas, harap teliti dalam penulisan koding. Dengan begitu setiap kali program di jalankan akan memanggil sub tersebut.

Selanjutkan nya adalah membuat sub reset bertujuan untuk membersihkan komponen dan mengaktifkan enable komponen yang tidak aktif ketika kita klik data pada listview. Koding dibawah juga jangan lupa untuk melakukan pemanggilanya di form load tepatnya setelah sub keuleh() , dengan nama sub “berseh()” , sesuikan seperti koding sub dibawah. Dan lakukan penulisan koding dibawah tepat di bawah end sub keuleh diatas , seperti berikut :

(90)

Langkahnya adalah lakukan klik dua kali pada button tambah dan lakukan penulisan kode berikut untuk aksinya :

PrivateSub btambah_Click(sender AsObject, e AsEventArgs) Handles btambah.Click If (tkd_checkin.Text = "") Or (tkd_kam.Text = "") Or (tid_tam.Text = "") Or

(tid_kar.Text = "") Or (tgl_checkin.Text = "") Or (tlama_tinggal.Text = "") Or

(tketerangan.Text = "") Or (tstatus_checkin.Text = "") Then

MsgBox("Data Masih kurang, Lengkapi Data") Exit Sub

EndIf

strsql = "insert into tbl_reg_chekin (kd_chekin, kd_kam, id_tam, id_kar, tgl_chekin, lama_tinggal, keterangan, status_chekin) values ('" _

& tkd_checkin.Text & "','" & tkd_kam.SelectedValue & "','" & tid_tam.SelectedValue &

"','" & tid_kar.SelectedValue & "','" & tgl_checkin.Value.ToString("yyyy-MM-dd") & "','" & tlama_tinggal.Text & "','" & tketerangan.Text & "','" & tstatus_checkin.SelectedItem & "')"

(91)

Pada aksi ini adalah melakukan pembuatan tombol hapus, yang akan menghapus data pada database secara permanen yang terdapat pada grupbox aksi yang terlihat seperti dibawah ini :

Langkahnya adalah lakukan klik dua kali pada button hapus dan lakukan penulisan kode berikut untuk aksinya :

PrivateSub bhapus_Click(sender AsObject, e AsEventArgs) Handles bhapus.Click strsql = "delete from tbl_reg_chekin where kd_chekin = '" & ctrl & "'"

Dim sqlcmd AsNew SqlClient.SqlCommand

sqlcmd.CommandText = strsql sqlcmd.Connection = sqlconn sqlcmd.ExecuteNonQuery() MsgBox("Berhasil Di Hapus") keuleh()

berseh() EndSub

h. Pembuatan Aksi Reset Form

Pada aksi ini adalah melakukan pembuatan tombol reset, yang akan membersihkan form yang telah besisi data atau mengaktifkan tombol tambah ketika data telah di klik. pada grupbox aksi ini yang terlihat seperti berikut :

Langkahnya adalah lakukan klik dua kali pada button Reset dan lakukan penulisan kode berikut untuk aksinya :

PrivateSub breset_Click(sender AsObject, e AsEventArgs) Handles breset.Click berseh()

(92)

EndSub

i. Pembuatan Aksi Update

Pada aksi ini adalah melakukan pembuatan tombol update, yang akan mengedit data yang ada didatabase dari data yang telah diinput di pada grupbox aksi yang terlihat seperti dibawah ini :

Langkahnya adalah lakukan klik dua kali pada button update dan lakukan penulisan kode berikut untuk aksinya :

(93)

Langkah pertama adalah klik dua kali pada button cari, selanjutnya tulis koding berikut :

PrivateSub bcari_Click(sender AsObject, e AsEventArgs) Handles bcari.Click

strsql = "select * from tbl_reg_chekin where " & cpilihan.SelectedItem & " LIKE '%" & tpencarian.Text & "%' "

sqlcmd.CommandText = strsql sqlcmd.Connection = sqlconn sqlda.SelectCommand = sqlcmd sqlldr = sqlcmd.ExecuteReader() ListView.Items.Clear()

While (sqlldr.Read())

With ListView.Items.Add(sqlldr("kd_chekin")) .subitems.add(sqlldr("kd_kam"))

.subitems.add(sqlldr("id_tam")) .subitems.add(sqlldr("id_kar")) .subitems.add(sqlldr("tgl_chekin")) .subitems.add(sqlldr("lama_tinggal")) .subitems.add(sqlldr("keterangan")) .subitems.add(sqlldr("status_chekin")) EndWith

EndWhile

(94)

Dan selanjutnya klik kanan atau klik pada combobox dan pilih edit Items, seperti berikut :

Tambahkan Items berikut yang merupakan nama kolom pada tabel, untuk katagori pencarian berdasarkan items seperti berikut :

k. Pembuatan Filter

Pada aksi ini adalah melakukan pembuatan filter pada combobox filter, yang akan menampilkan data sesui pilihan pada combobox filter. pada form yang terlihat seperti dibawah ini :

Gambar

Gambar  diatas  merupakan  skema  database yang akan  dibuat.  Yang dimana alur
tabel yang telah dibuat pada tab Object Explorer seperti berikut, jika tidak muncul
gambar berikut :
Gambar di atas, merupakan contoh relationship dari query yang sudah kita eksekusi
+3

Referensi

Dokumen terkait

Untuk memasuki halaman ini klik table kategori produk yang berguna untuk penambahan kategori produk maka akan muncul form seperti gambar dibawah ini lalu klik tombol

Klik tombol “Cetak Excel” untuk menampilkan laporan Rekapitulasi Kegiatan, Selanjutnya akan tampil pilihan untuk : membuka file atau menyimpan file seperti terlihat

 Klik 2 kali file Chemsk11 yang telah selesai didownload, setelah mengklik maka akan muncul tampilan seperti pada gambar dibawah ini, dan klik “next” untuk memulai

Scenario Rancang Bangun Sistem Informasi E-Recruitment User melihat iklan lowongan Klik button apply Menampilkan halaman login Memiliki akun memil iki Lakukan registrasi

Untuk merubah photo-photo kondisi bangunan silahkan klik EDIT pada tampilan menu kondisi bangunan seperti gambar 13 diatas, selanjutnya akan muncul tampilan seperti dibawah

Form nilai berfungsi menampilkan daftar siswa sesuai kelas dan mata pelajaran yang diampu oleh guru yang login.. Dalam form nilai terdapat sebuah listview yang

Setelah di klik tombol cari, akan tampil data pegawai dengan NIP yang di ketikkan pada kolom pencarian data pegawai seperti pada gambar dibawah ini.. Kemudian klik pada

Langkah pertama melakukan update data departemen dengan cara klik list yang ada pada form data departemen, data yang sudah dipilih saat klik list secara