Membuat fitur CRUD dan dan searching otomatis pada Visual Studio #part2

Membuat fitur CRUD dan dan searching otomatis pada Visual Studio #part1

16. Klik 2 kali pada button Input maka akan ke tampilan source code, masukkan kode berikut.

17. Lalu masukkan kode berikut seperti pada gambar.

18. Lalu masukkan lagi kode berikut seperti pada gambar.

19. Klik 2 kali pada button Edit maka akan ke tampilan source code, lalu masukkan kode langkah 17, lalu masukkan kode berikut.

20. Masukkan kode berikut di dalam code else if.

21.  Klik 2 kali pada button Edit maka akan ke tampilan source code, lalu masukkan kode berikut.

22. Klik datagridview, lalu klik 2 kali "CellClick" pada properties.

23. Isikan data berikut didalamnya.

24. Ketikkan kode berikut di bawahnya.

25. Klik textbox Filter, lalu klik 2 kali "TextChanged" pada properties.

26. Masukkan kode berikut didalamnya.

27. Untuk langkah ini yaitu langkah mengkoneksikan database pada datagridview, bisa buka link "Cara membuat database Access".


28. Maka tampilan akan seperti ini jika berhasil.

Baca Selengkapnya »

Membuat fitur CRUD dan dan searching otomatis pada Visual Studio #part1

Hai, kembali lagi dengan saya. Kali ini saya ingin membuat tutorial cara membuat fitur CRUD atau bisa juga disebut fitur membuat/menginput data, mengedit data, dan menghapus data. Disini juga saya menambahkan fitur searching otomatis,  searching otomatis yaitu pencarian data secara otomatis dicari ketika kita menginputkan sebuah kata. Jadi, tidak usah lagi menggunakan button/tombol.

Oke langsung saja, berikut langkah -  langkah nya :
1. Buatlah suatu database, disini saya menggunakan database Access. Jika Anda belum bisa membuat database silahkan buka link berikut "Langkah membuat database Access".

2. Buka visual studio Anda, saya disini menggunakan visual studio 2013. Buatlah nama file sesuai dengan yang Anda inginkan.

3. Masukkan label ke form dari toolbox, dan atur seperti gambar dibawah.

4. Lalu masukkan textbox ke form dari toolbox, dan atur seperti gambar dibawah.

5. Lalu masukkan radioButton ke form dari toolbox, dan atur seperti gambar dibawah.

6. Lalu masukkan dateTimePicker ke form dari toolbox, dan atur seperti gambar dibawah.

7. Lalu masukkan button ke form dari toolbox, dan atur seperti gambar dibawah.

8. Lalu masukkan datagridview ke form dari toolbox, dan atur seperti gambar dibawah.

9. Tekan F7 pada keyboard dan masukkan kode seperti pada gambar

10. Klik "Server Explorer", lalu klik kanan "Data Connections" lalu klik "Add Connection".

11. Masukkan direktori database file Anda seperti pada gambar.

12. Klik "Test Connection", lalu klik OK, terus klik OK lagi.

13. Maka database Anda akan tampil pada "Server Explorer", klik database Anda lalu copy isi dari "Connection String", lalu paste kedalam code yang ditunjukan pada gambar.

14. Maka tampilan seperti berikut.

15. Terus ketikkan code berikut seperti pada gambar, sesuaikan isi dari database Anda pada tanda panah seperti pada gambar.

16. Dikarenakan ada batas dalam mempost suatu postingan pada blogspot, maka untuk langkah selanjutnya klik link berikut "Membuat fitur CRUD dan dan searching otomatis pada Visual Studio #part2"

Baca Selengkapnya »

Cara membuat Report Viewer untuk Suatu Database pada Visual Studio

Disini saya ingin mempost artikel tentang membuat report viewer untuk database pada visual studio.
Tanpa basa basi lagi saya langsung saja :)

Berikut langkah - langkah membuat report viewer :
1. Sediakan terlebih dahulu suatu database, terserah saja yang penting database itu bisa dikoneksikan pada visual studio.

2. Trus klik "Project", lalu pilih "Add Windows Form".

3. Trus klik "Add".

4. Maka Form 2 akan terbuat, sesuaikan lah ukuran form sesuai yang Anda inginkan.

5. Pada Toolbox ketikkan "Report", maka akan muncul "ReportViewer" dan kliklah "ReportViewer" tersebut.

6. Maka tampilannya seperti pada gambar, aturlah ukuran sesuai yang Anda inginkan.

7. Klik segitiga kecil seperti yang ditunjukan pada gambar, lalu klik "Design a new report"

8. Maka akan tampil window "Report Wizard", pilih database Anda pada "Data Source" lalu klik Next.

9. Blok dan drag semua Field kedalam kotak "Values"

10. Klik Next saja.

11. Pilihlah desain yang Anda inginkan pada "Styles", lalu klik Finish.

12. Maka akan tampil tabel report viewer, aturlah ukuran sesuai yang Anda inginkan.

13. Kembali ke Form 2, lalu klik lagi segitiga kecil setelah itu klik lagi segitiga kecil dan pilihlah nama report viewer yang Anda buat tadi.

14. Jika sudah di klik, maka akan muncul beberapa komponen database.

15. Oh ya, maaf saya lupa membuat button untuk ke form 2 :). Kembali lagi ke form 1, carilah "Button" pada Toolbox, lalu buatlah button seperti yang Anda inginkan.

16. Klik 2 kali pada button yang Anda buat tadi, lalu masukkan kode berikut.

17. Terakhir, jalankan form tersebut dan cobalah untuk mengklik tombol button yang Anda buat. Jika tampilan seperti gambar dibawah. Maka ReportViewer sudah berhasil dibuat.

 

Baca Selengkapnya »