Kali ini saya akan meberikan tutorial bagaimana cara membuat Form MDI, MenuBar dan Desain Kontrol dalam Visual Studio 2013. Dan disini saya memakai program data peminjaman buku perpustakaan. Tutorial ini saya buat sebagai tugas untuk mata kuliah pemrograman visual.
1. Yang pertama dilakukan adalah membuat new project terlebih dahulu dan pilih windows form application.
2. Selanjutnya Klik Solution explorer dan klik kanan pada sanralesta library. pilih add > New item.
3. Pada add new item, pilih Windows form dan klik add.
4. Selanjutnya kembali ke form 1 design. Klik kanan pada form 1 lalu pilih properties. selajutnya pilih isMdiContainer dan pilih true.
5. Selanjutnya klik view yang terdapat pada bagian atas. Lalu pilih toolbox. Pada toolbox pilih Menustrip.
6. Klik kolom menu strip yang ada di bagian atas kiri form. Selanjutnya beri nama pada kolom tersebut. Di program saya kali ini saya memberikan nama file pada menustrip. Dan untuk komponen yang ada di dalamnya saya isi dengan komponen peminjaman buku dan keluar. Klik dua kali pada peminjaman buku dan keluar, kemudian isi coding program.
7. Selanjutnya kembali membuka toolbox dan pilih statusstrip.
8. Klik statusstrip tadi yang ada dibawah kiri form. selanjutnya pilih sesuai keinginan. Disini saya memilih statuslabel pada menustrip di program saya.
9. Setelah itu ganti nama status label tadi menjadi Sanralesta Library.
10. Selanjutnya beralih ke form2 design. Pada form 2 ini klik view > toolbox > toolstrip.
11. Klik toolstrip pada bagian kiri atas form. Kemudian akan muncul pilihan. Pilih sesuai keinginan. Disini saya memilih button untuk toolstrip di program saya.
12. Jika anda memilih button, selanjutnya pilih icon gambar pada button tersebut dengan klik gambar button tersebut. Selanjutnya pilih local resource > import > oke.
13. Selanjutnya isi form 2 dengan komponen-komponen seperti label, textbox, datagridview dan button.
14. Selanjutnya pada button. Ganti nama button menjadi Clear dan koneksikan pada textbox agar ketika men-klik button clear, maka seluruh tulisan yang ada di textbox pun akan terhapus. Klik dua kali pada button clear tersebut dan isikan coding program.
15. Selanjutnya kembali ke form 2 design dan klik tanda panah pada sisi kanan atas pada datagridview. Pilih edit colums.
16. Selanjutnya pilih add di bawah selected columns.
17. Ketikkan nama, nim, fakultas, buku dan peminjaman pada selected columns tadi. Dan klik oke
18. Tampilan ketika columns sudah diisi pada datagridview.
19. Selanjutnya klik dua kali icon simpan pada toolstrip bagian sisi atas kiri form dan isikan codingnya.
20. Selanjutnya klik start yang terdapat di bagian atas dan program pun mulai berjalan.
21. Klik file > peminjaman buku.
22. Tampilan form2.
23. Isikan data pada textbox dan klik icon simpan.
24. Klik Button clear.
25. Klik file > keluar. Dan muncul messagebox.
Sekian tutorial yang dapat saya share. Semoga bermanfaat.
Wassalamualaikum.Wr.Wb
