Bali Villa Reservation 1

Nama : I Made Robi Dwi Santoso
NIM : 090020053
Kelas : D092

Kali ini kita akan membuat interface untuk sebuah sistem informasi Villa
Langkah pertama adalah buka Microsoft Visual Studio 2010 dengan cara klik start menu--all programs--Microsoft Visual Studio 2008--Microsoft Visual Studio 2008
Buat project baru dengan klik File--new project, namanya gunakan balivillasoftware dan disimpan disebuah folder yang sudah dibuat sebelumnya,…

Sebelum memulai membuat interface, pertama tama copy dulu semua gambar kedalam resource program agar gambr tidak hilang saat dipindahkan kekomputer lain.
Caranya klik project--balivillasoftware Properties dan klik resource, Di tab yang bertuliskan Strings, yang terletak disebelah kanan bagian atas , klik dan ganti dengan images. Copy dan paste semua gambar yang telah disiapkan kesini maka tampilannya akan seperti:

Sekarang kembali ke form dan ubah beberapa properties yang ada seperti
Nama : formUtama
Text : Bali Villa Reservation Software
Windows state : maximized

Setelah itu tambahkan komponen toolstrip yang ada di toolbox (Toolstrip.jpg) ubah properties namanya menjadi menuAtas.
Klik kanan pada toolstrip tersebut dan klik edit items maka akan muncul Items Collection Editor.
1. Pilih DropDownButton pada Select items lalu klik add
    Name : menuFile
    Gambar : klik property image--project resource file--file
    ImageScaling : None
2. Pilih separator pada Select items sebagai pemisah lalu klik add
3. Pilih DropDownButton pada Select items lalu klik add
    Name : menuMaster
    Gambar : klik property image--project resource file--Master
    ImageScaling : None
4. Pilih separator pada Select items sebagai pemisah lalu klik add
5. Pilih DropDownButton pada Select items lalu klik add
    Name : menuTransaksi
    Gambar : klik property image--project resource file--Transaksi
    ImageScaling : None
6. Pilih separator pada Select items sebagai pemisah lalu klik add
7. Pilih DropDownButton pada Select items lalu klik add
    Name         : menuLaporan
    Gambar      : klik property image--project resource file--laporan
    ImageScaling  : None
8. Pilih DropDownButton pada Select items lalu klik add

Maka hasilnya akan menjadi

Selanjutnya klik kanan pada menuAtas--Edit Drop Down Items…
Pilih MenuItem pada select item dan add sebanyak dua kali lalu separator satu kali dan MenuItem lagi sekali. Lalu dirubah beberapa propertiesnya seperti:
MenuItem | Name : menuLogin | Text : Login
MenuItem | Name : menuLogout | Text : Logout
Separator
MenuItem | Name : menuKeluar | Text : Keluar

Berikunya dilakukan langkah yang sama pada menuMaster
Tapi pada menuMaster, MenuItemnya diadd tiga kali, separatornya sekali, dan lagi satu kali menu itemnya untuk menu user dan propertiesnya:
MenuItem | Name : menuVilla | Text : Master Villa
MenuItem | Name : menuFasilitas | Text : Master Fasilitas Villa
MenuItem | Name : menuTipe | Text : Master Tipe Villa
Separator
MenuItem | Name : menuUser | Text : Master User

Pada menuAtas, satu menu item, satu separator, dan terakhir, satu menuitem
MenuItem | Name : menuReservasi | Text : Transaksi Reservasi
Separator
MenuItem | Name : menuCustomer | Text : Customer

Dan untuk menuLaporannya, cukup dua buah menu item
MenuItem | Name : menuLapReservasi | Text : Laporan Reservasi
MenuItem | Name : menuLapCustomer | Text : Laporan Customer

Sekarang tambahkan StatusStrip dari toolbox dan ubah namanya menjadi Status Utama

Maka form tadi akan menjadi seperti :

Sekarang menambahkan SplitContainer dari toolbox

dengan mengubah beberapa properties seperti
Nama : splUtama
Dock : Fill
Panel1MinSize : 0
SplitterDistance : 200
FixedPanel : Panel1
Setelah menambahkan split container, maka sekarang tambahkan komponen treeview

dari toolbox dengan merubah beberapa properties
Name : menuKiri
Dock = Fill
Klik kanan pada treeview dan edit nodes
Buat menu seperti tampak berikut ini :

File                                properties namenya kiriFile
   Login                          properties namenya kirilogin
   Logout                        properties namenya kiriLogout
   Keluar                         properties namenya kiriKeluar
Master                            properties namenya kiriMaster
   Master Villa                 properties namenya kiriVilla
   Master Fasilitas Villa    properties namenya kiriFasilitas
   Master Tipe Villa         properties namenya kiriTipe
   Master User                properties namenya kiriUser
Transaksi                       properties namenya kiriTransaksi
   Reservasi                    properties namenya kiriReservasi
   Customer                    properties namenya kiriCustomer
Laporan                         properties namenya kiriLaporan
   Laporan Reservasi      properties namenya kiriLapReservasi
   Laporan Customer      properties namenya kiriLapCustomer

Dan tampilannya akan menjadi seperti :

Sekarang langkah berikutnya adalah Pembuatan form master tipe villa
Langkah awalnya adalah menambahkan form baru dengan klik di solution explorer dan klik kanan di balivillasoftware>>add>>Windows Form, dan beri nama formMasterTipe.
Agar lebih mudah dalam memprogramnya nanti, Ubah beberapa propertynya seperti:
Text : Master Tipe Villa
WindowState : Maximized
FormBorderStyle : None

Lalu setelah itu tambahkan sebuah split container pada toolbox dan rubah juga pada propertynya yaitu
Name : splUtama
Dock : Fill
SplitterDistance : 350
FixedPanel : Panel1
IsSplitterFixed : True

Lalu sekarang tambahkan dua buah label yang masing - masing teksnya berisi Id Tipe dan Tipe
Dan dua buah textbox yang diletakkan didepan label yang tadi dan propertinya dirubah seperti
Name : textId
Text : OTOMATIS
Dan
Name : textNama
MaxLength : 30
lalu tampilannya akan seperti:

Sekarang tambahkan 4 buah button yang berada dibawah textbox dan berjejer dari kiri ke kananmasing2 propertinya al:
Yg pertama
Name : tombolNew
Text : New
Yang kedua
Name : tombolSimpan
Text : Simpan
Yang ketiga
Name : tombolHapus
Text : Hapus
Yang keempat
Name : tombolKeluar
Text : Keluar

Terakhir tambahkan sebuah data grid view pada panel 2 dengan merubah property namanya menjadi : grid1

Jika semua langkah sudah sesuai maka interface yang akan terjadi adalah seperti: