Pembuatan Aplikasi Buku Tamu

 

           Setelah membuat aplikasi Log In sebagai tahapan awal, maka pembaca diajak untuk mencoba membuat aplikasi buku tamu yaitu dengan langkah-langkah sebagai berikut :

1. Untuk mengakses Microsoft Visual Basic 6.0 dapat menggunakan cara berikut :

 

Klik Start -> All Programs -> Microsoft Visual Basic 6.0

 

     Catatan :  Microsoft Visual Basic 6.0 dapat berjalan pada Sistem Operasi Microsoft

                      Windows dengan arsitektur 32bit maupun 64bit.

 

2.  Setelah muncul workspace dari Microsoft Visual Basic 6.0, maka pilih Standard.EXE dan buatlah layout/design tampilan program aplikasi buku tamu seperti gambar berikut ini :

 

 

Gambar 4 Layout Aplikasi Buku Tamu sebelum diberikan script.

 

4. Atau pembaca dapat membuat aplikasi buku tamu dengan cara meneruskan form yang telah dibuat yaitu dengan cara sebagai berikut :

 

Project Explorer, Klik kanan Forms -> Add -> Form

 

5. Kemudian akan muncul tampilan sebagai berikut, Pilih Form, Kemudian klik Open

Gambar 4.1 Tampilan Add Form.

 

6. Kemudian setelah membuat layout APLIKASI BUKU TAMU, maka hal yang harus dilakukan terlebih dahulu yaitu membuat penghubung database nya, yaitu dengan cara sebagai berikut :

·      Klik kanan pada Tool Box Microsoft Visual Basic

·      Pilih Components

·      Maka akan muncul window dari Components,

·      Pilih Microsoft ADO Data Control 6.0 (OLEDB) dan Microsoft DataGrid Control 6.0 (OLEDB)

·      Kemudian Klik Ok

 

     Catatan :  Untuk memunculkan window Component juga dapat menggunakan kombinasi

                      tombol CTRL+T

 

7. Setelah itu akan muncul icon baru dari Microsoft ADO Data Control 6.0 (OLEDB) dan Microsoft DataGrid Control 6.0 (OLEDB) yang terletak di ToolBox Microsoft Visual Basic

 

8. Buatlah ADO data dan DataGrid dengan komponen yang telah ada, sehingga layout dari aplikasi buku tamu akan tampak seperti berikut :

Gambar 4.2 Layout Aplikasi Buku Tamu setelah diberikan Adodc(ADO Data) dan DataGrid (Penghubung Database).

 

9. Setelah adanya Adodc(ADO Data) dan DataGrid sebagai penghubung database, maka kita akan membuat database nya dengan langkah-langkah sebagai berikut :

 

·      Klik Add Ins

·      Pilih Visual Data Manager

 

10. Maka akan muncul window dari VisData, kemudian buatlah database Microsoft Office Access nya dan ikuti tahap-tahap berikut ini :

 

Pilih File -> New -> Microsoft Office Acces -> Version 7.0 MDB

 

11. Kemudian akan muncul windows explorer untuk membuat database baru dan menyimpan nama database yang hendak pembaca buat.

12. Lalu akan muncul tampilan sebagai berikut, dan klik kanan Properties, pilih New Table

 

Gambar 4.3 Window dari VisData Sebelum dibuat databasenya.

 

 

 

 

 

13. Lalu akan muncul Table Structure seperti dibawah ini :

 

Gambar 4.4 Window dari Table Structure dibuat fieldnya.

 

14. Setelah muncul window dari Table Structure, maka isikan Table Name (tidak boleh menggunakan spasi) dan buatlah Field nya yang terdiri dari Nama, NPM, Kelas, Alamat dan Telepon.

 

15. Setelah semua field nya dibuat, maka anda dapat menutup window dari Table Structure dan akan terlihat database yang dibuat.

 

16. Setelah itu anda dapat mengisi data pada aplikasi buku tamu meskipun belum diinputkan script untuk button-button nya yaitu dengan cara klik dua kali nama database yang telah anda buat dan pilih Add, apabila telah selesai maka klik update. Anda dapat menambahkan record baru dengan klik Add. Contoh nya seperti gambar di bawah ini :

Gambar 4.5 Window dari DynaSet beserta record yang telah dibuat.

 

17. Setelah selesai anda dapat menutup window dari DynaSet dan VisData dan kembali ke Form Aplikasi Buku Tamu.

 

18. Kemudian koneksikan database yang telah anda buat dengan cara sebagai berikut :

·         Klik kanan adodc1

·         Pilih ADODC Properties

·         Klik button Build

·         Pada Tab Provider, pilih Microsoft JET 4.0 OLE DB Provider, Klik Next

·         Pada Tab Connection, pilih database yang telah anda buat.

·         Klik Test Connection, apabila berhasil maka akan muncul pesan “Test Connection

Succeeded”

·         Klik OK, kemudian pada window Property Pages pilih tab Record Source

·         Kemudian pada combo box Command Type, pilih 2-adCmdTable

·         Pada combo box Table or Stored Procedure Name, pilih nama database yang telah anda buat, Klik OK

 

19. Setelah selesai dengan Adodc1, maka koneksikanlah database yang telah dibuat dengan DataGrid. Yaitu dengan cara sebagai berikut :

·         Pada Properties Window, pilih DataSource

·         Pilih Adodc1

 

20. Setelah itu, koneksikan TextBox dengan database yang telah dibuat dengan cara sebagai berikut :

·         Pada Properties Window, pilih DataSource

·         Pilih Adodc1

·         Pada DataField pilih Field yang sesuai dengan Textbox nya.

 

21. Maka antara form Aplikasi buku tamu dengan database nya pun telah terkoneksi.

22. Setelah itu, ketikkan script pada button yang ada pada layout aplikasi buku tamu seperti berikut ini :

Gambar 4.6 Script untuk button INSERT

Gambar 4.7 Script untuk button DELETE

Gambar 4.8 Script untuk button SAVE

Gambar 4.9 Script untuk button CLEAR

Gambar 4.10 Script untuk button CLOSE

 

 

 

 

LOGIKA SCRIPT APLIKASI BUKU TAMU (INSERT BUTTON) :

 

·      Private Sub Command1_Click()

Untuk mendeklarasikan CommandButton 1 akan dapat dijalankan apabila menggunakan

perintah klik

·      Adodc1.Recordset.AddNew

Text1.Text = " "

Text2.Text = " "

Text3.Text = " "

Text4.Text = " "

Text5.Text = " "

Untuk mendeklarasikan bahwa apa yang diinput pada TextBox 1 hingga TextBox 5 dapat ditambahkan ke DataGrid maupun ke table database pada aplikasi buku tamu.

·      End Sub

Digunakan untuk mengakhiri sub perintah (disini digunakan untuk mengakhiri perintah pada CommandButton Insert).

 

       Catatan : Button Insert digunakan untuk menambahkan data yang diinginkan.

 

 

 

 

 

LOGIKA SCRIPT APLIKASI BUKU TAMU (DELETE BUTTON) :

 

·      Private Sub Command2_Click()

Untuk mendeklarasikan CommandButton 2 akan dapat dijalankan apabila menggunakan

perintah klik

·      Adodc1.Recordset.Delete

Digunakan untuk menghapus database yang diinginkan.

·      End Sub

Digunakan untuk mengakhiri sub perintah (disini digunakan untuk mengakhiri perintah pada CommandButton Delete).

 

       Catatan :Button Delete digunakan untuk menghapus database yang diinginkan.

 

LOGIKA SCRIPT APLIKASI BUKU TAMU (SAVE  BUTTON) :

 

·      Private Sub Command3_Click()

Untuk mendeklarasikan CommandButton 3 akan dapat dijalankan apabila menggunakan

perintah klik.

·      Adodc1.Recordset("Nama") = Text1.Text

Adodc1.Recordset("NPM") = Text2.Text

Adodc1.Recordset("Kelas") = Text3.Text

Adodc1.Recordset("Alamat") = Text4.Text

Adodc1.Recordset("Telepon") = Text5.Text

Adodc1.Recordset.Update

Untuk mendeklarasikan bahwa apapun yang dilakukan seperti INSERT, DELETE  pada TextBox 1 hingga TextBox 5 akan disimpan ke DataGrid maupun ke table database pada aplikasi buku tamu.

·      End Sub

Digunakan untuk mengakhiri sub perintah (disini digunakan untuk mengakhiri perintah pada CommandButton SAVE).

 

       Catatan : Button SAVE digunakan untuk menyimpan data yang telah dirubah.

 

LOGIKA SCRIPT APLIKASI BUKU TAMU (CLEAR  BUTTON) :

 

·      Private Sub Command4_Click()

Untuk mendeklarasikan CommandButton 4 akan dapat dijalankan apabila menggunakan

perintah klik.

·      Text1.Text = " "

Text2.Text = " "

Text3.Text = " "

Text4.Text = " "

Text5.Text = " "

Untuk menghapus hasil input dari TextBox 1 hingga TextBox 5

 

·      End Sub

Digunakan untuk mengakhiri sub perintah (disini digunakan untuk mengakhiri perintah pada CommandButton CLEAR).

 

Catatan : Button CLEAR digunakan untuk menghapus hasil input dari TextBox 1 hingga TextBox 5 dan berguna apabila user melakukan kesalahan input yang cukup banyak pada beberapa TextBox maka semua hasil inputnya pun akan terhapus.

 

LOGIKA SCRIPT APLIKASI BUKU TAMU (CLOSE  BUTTON) :

 

·      Private Sub Command5_Click()

Untuk mendeklarasikan CommandButton 5 akan dapat dijalankan apabila menggunakan

perintah klik.

·      END

Digunakan untuk mengakhiri jalannya program.

·      End Sub

Digunakan untuk mengakhiri sub perintah (disini digunakan untuk mengakhiri perintah pada CommandButton CLOSE).

 

Catatan : BUTTON END digunakan untuk mengakhiri jalannya program.

 

 

 

23. Untuk membuat MenuBar nya, yaitu dengan cara klik menu bar Tools pada Visual Basic,  Kemudian pilih Menu Editor. Lalu buatlah rangkaiannya seperti berikut ini :

Gambar 4.11 Tampilan untuk membuat Menu Editor

 

Catatan : Menu editor ini adalah optional, apabila pembaca hanya ingin membuat satu aplikasi saja tidak memerlukan MenuBar.

 

24. Kemudian setelah membuat layout dan MenuBar untuk aplikasi buku tamu maka ketikkan script pada tiap submenu dan button seperti berikut ini :

Gambar 4.12 Script untuk submenu CLOSE

Gambar 4.13 Script untuk submenu SIGN OUT

Gambar 4.14 Script untuk submenu Aplikasi Buku Tamu

Gambar 4.15 Script untuk submenu Aplikasi Kalkulator

 

Gambar 4.16 Script untuk submenu Aplikasi Grade

Gambar 4.17 Script untuk submenu About

 

 

 

 

 

LOGIKA SCRIPT MENUBAR CLOSE :

 

·      Private Sub Close_Click()

Untuk mendeklarasikan bahwa submenu Close dapat dijalankan dengan menggunakan perintah klik.

·      END

Digunakan untuk mengakhiri jalannya program.

·      End Sub

Digunakan untuk mengakhiri sub perintah (disini digunakan untuk mengakhiri perintah pada SubMenu Close).

 

LOGIKA SCRIPT MENUBAR SIGNOUT :

 

·      Private Sub SignOut_Click()

Untuk mendeklarasikan bahwa submenu SignOut dapat dijalankan dengan menggunakan perintah klik.

·      Form1.Show

Untuk memunculkan form 1

·      Form2.Hide

Untuk mennyembunyikan form 2

·      End Sub

Digunakan untuk mengakhiri sub perintah (disini digunakan untuk mengakhiri perintah pada SubMenu Close).

 

 

LOGIKA SCRIPT MENUBAR APLIKASI_BUKU_TAMU:

 

·      Private Sub Aplikasi_Buku_Tamu_Click()

Untuk mendeklarasikan bahwa submenu Aplikasi_Buku_Tamu dapat dijalankan dengan menggunakan perintah klik.

·      Form2.Show

Untuk memunculkan form 2

·      End Sub

Digunakan untuk mengakhiri sub perintah (disini digunakan untuk mengakhiri perintah pada SubMenu Aplikasi_Buku_Tamu).

 

LOGIKA SCRIPT MENUBAR APLIKASI_KALKULATOR :

 

·      Private Sub Aplikasi_Kalkulator_Click()

Untuk mendeklarasikan bahwa submenu Aplikasi_Kalkulator dapat dijalankan dengan menggunakan perintah klik.

·      Form3.Show

Untuk memunculkan form 3

·      Form2.Hide

Untuk menyembunyikan form 2

·      End Sub

Digunakan untuk mengakhiri sub perintah (disini digunakan untuk mengakhiri perintah pada SubMenu Aplikasi_Kalkulator).

 

 

LOGIKA SCRIPT MENUBAR APLIKASI_GRADE :

 

·      Private Sub Aplikasi_Grade_Click()

Untuk mendeklarasikan bahwa submenu Aplikasi_Grade dapat dijalankan dengan menggunakan perintah klik.

·      Form4.Show

Untuk memunculkan form 4

·      Form2.Hide

Untuk menyembunyikan form 2

·      End Sub

Digunakan untuk mengakhiri sub perintah (disini digunakan untuk mengakhiri perintah pada SubMenu Aplikasi_GRADE).

 

LOGIKA SCRIPT MENUBAR ABOUT :

 

·      Private Sub About_Click()

Untuk mendeklarasikan bahwa submenu About dapat dijalankan dengan menggunakan perintah klik.

·      Form5.Show

Untuk memunculkan form 5

·      Form2.Hide

Untuk menyembunyikan form 2

·      End Sub

Digunakan untuk mengakhiri sub perintah (disini digunakan untuk mengakhiri perintah pada SubMenu Aplikasi_About).

 

24. Setelah semua script telah selesai diinputkan, maka jalankan aplikasi dengan menekan tombol F5 dan akan tampak seperti berikut ini :

 

 

Gambar 4.18  Contoh Output Aplikasi Buku Tamu

Gambar 4.19  Contoh SubMenu Close dan SignOut

 

Gambar 4.20  Contoh SubMenu AplikasiBukuTamu, AplikasiKalkulator dan AplikasiGrade

 

 

Gambar 4.21  Contoh SubMenu About

 

25. Setelah melihat contoh outputnya, pembaca dapat menyimpan form yang telah dibuat dengan Cara yaitu klik tomobol stop pada toolbar, pilih file -> save project, simpan nama nya sesuai  keinginan pembaca, maka akan muncul pertanyaan untuk memasukkan nya kedalam Project1 atau tidak, pilih Yes. Kemudian muncul pertanyaan mau dimasukkan kedalam SourceSafe atau tidak. Pilih No untuk tidak. Pilih Yes untuk Ya dan Masukkan UserName dan Password yang diinginkan pembaca. Klik Ok.

 

Anda dapat melihat video tutorial nya pada link berikut ini : disini