Sabtu, 23 Mei 2015

Tutorial menambahkan mode edit dan delete data pada VS 2010

Pada postingan kali ini saya akan membahas secara singkat bagaimana menambahkan mode edit dan delete data.
mode edit dan delete data tidak jauh berbeda dengan menginput kode dari mode insert. karena sebelumnya sudah saya posting tentang bagaimana menambahkan mode insert data, maka tidak perlu saya tekankan pada bagaimana mengkoneksikan database ke visual.
jika anda belum mengetahui cara menambahkan mode insert pada postingan sebelumnya, bisa klik disini

Ya, langsung saja. untuk menambahkan mode edit data, langkah pertama yaitu double klik pada datagridview pada form insert

gambar 1

lalu kita akan memasuki bagian view code, ketikkan kode berikut:

gambar 2

setelah kode untuk datagridview telah dimasukan, kita memasuki tahapan selanjutnya, yaitu tahapan menambahkan mode edit data.
mode edit data digunakan untuk mengedit(mengganti) data yang telah ada dengan variabel baru didalam data tersebut.

langkah pertama sama seperti datagridview, kita double klik pada button Edit yang telah dibuat.

gambar 3

lalu kita akan diarahkan pada view code, ketikan kode berikut:

gambar 4.1

gambar 4.2

Mode edit data telah diinputkan. lalu selanjutnya adalah menginput mode delete data.
mode delete data digunakan untuk menghapus suatu data yang telah diseleksi.
langkah pertama adalah double klik pada button Delete.

gambar 5

lalu kita akan memasuki view code, ketikkan kode berikut:

gambar 6.1
gambar 6.2


Demikian postingan saya kali ini, semoga bermanfaat.







Sabtu, 25 April 2015

Tutorial menambahkan mode insert data pada VS 2010

Yak, tak usah berbasa basi lagi. pada postingan kali ini saya akan menyampaikan tutorial singkat mengenai menambahkan mode insert data pada VS 2010.

Berikut hasil tampilannya:




Langsung saja kita memasuki tahapan pembuatannya.
tidak jauh berbeda seperti postingan sebelumnya tentang menampilkan database pada visual studio, hanya saja kali ini kita menambahkan mode "insert" untuk menyisipkan sebuah data pada tabel data yang telah disediakan. 
Anda bisa membaca tutorial tentang menampilkan database pada visual 2010 disini

Untuk pembuatan Menu, saya rasa anda sudah cukup mengerti. bisa dilihat dari postingan sebelumnya. kali ini saya akan langsung menuju bagaimana menambahkan mode insert.

Langkah pertama setelah membuat form menu tentunya, buatlah form baru. untuk desain terserah anda. 
tampilannya akan seperti ini:



Setelah desain dibuat, langkah selanjutnya adalah tahapan koding. langsung saja menuju code view.

jangan lupa menyisipkan sistem baru untuk menghubungkan database kita. 


kode selanjutnya adalah membuat public void baru bernama getData


lalu double klik pada  pada form Insert dan isikan kode berikut untuk memanggil getData:


lalu double klik pada button insert data dan isikan kode berikut:


gambar 1
karena disini kita menyisipkan sebuah data, kita gunakan insert into..

gambar 2


Setelah kode diatas ditulis, jalankan dengan menekan tombol F5 pada keyboard.
selamat mencoba!




Sabtu, 18 April 2015

Tutorial menampilkan database pada visual studio 2010

Pada postingan kali ini, saya akan membahas tentang tutorial menggabungkan database dengan visual studio 2010. dimana hasil tampilannya seperti berikut:


dan berikut hasil tampilan form database yang dihubungkan dengan visual studio 2010:


Lalu, bagaimana langkah-langkahnya?
langsung saja kita memasuki tahapan pertama, yaitu tahapan membuat menu form seperti pada tutorial sebelumnya pada bagian menampilkan menu form. klik disini 
karena pada dasarnya sama, hanya saja pada bagian form ke dua kali ini saya menggunakan tool datagridview untuk menampilkan daftar buku dan button klik untuk memulai proses.

Bagian terpenting dari tutorial kali ini adalah pembuatan databasenya. karena disini saya menggunakan database buku, jadi langkah pertama yang dilakukan adalah mengaktifkan XAMPP.


klik start Apache untuk memulai membuat database.
setelah apache diaktifkan, masuk ke browser, lalu ketik localhost atau localhost:8080, tergantung port yang ada pada PC anda. setelah itu buat.


setelah xampp muncul dibrowser, pilih phpmyadmin untuk membuat database.

lalu pilih database dan buat nama database anda. lalu create.


Karena disini saya mengguanakan database data_buku. maka langkah selanjutnya adalah membuat tabel. 

isi tabel dengan nama yang anda inginkan, usahakan jangan menggunakan spasi, karena akan mempersulit dalam memproses data nantinya. disini saya mengisi tabel data dengan nama "d_buku"

setelah nama tabel diisi, maka tampilan browse masih kosong, karena belum ada data yang diisi. selanjutnya, kita pilih insert untuk mengisi variabel.


isikan column dengan urutan seperti berikut:


*Varchar digunakan untuk penulisan huruf, dan Int digunakan untuk penulisan variabel angka*
dan jangan lupa pada bagian length/values diisi dengan angka, disini saya mengisinya dengan angka 100.

setelah itu klik save.

langkah selanjutnya adalah menyisipkan data yang akan ditampilkan.


pilih tabel yang telah anda buat, lalu sisipkan data pada ikon insert. dan isi data


setelah data terisi, pilih Go untuk menampilkan data.

kembali ke menu browse dan lihat apakah data sudah ada.


setelah itu buat ke 5 kolom sesuai data yang ingin anda masukan.


Langkah berikutnya kita membuka aplikasi visual studio dan membuat form kedua setelah form menu, yaitu form untuk menampilkan database yang telah kita buat. sehingga tampilannya akan seperti ini:


Setelah form kedua telah dibuat, selanjutnya adalah langkah untuk menyisipkan sebuah database kedalam visual. pertama kita melakukan add reference, untuk menyisipkan data sql untuk diproses. yaitu dengan cara klik kanan pada References dan pilih Add reference>lalu pilih dimana lokasi file MySql.Data.dll berada.



Maka file Sql akan ada di daftar References:



Ya, selanjutnya kita memasuki tahapan koding.
masuk ke code view pada form kedua, lalu isikan kode berikut:


*Jangan lupa untuk membuat system baru, yaitu MySql.Data.MySqlclient;*

lalu tuliskan kode dibawahnya.


buat public void loadData untuk dipanggil nanti. 

setelah kode selesai dibuat, kita memasuki tahapan berikutnya, yaitu memanggil loadData. double klik pada button Ok pada form 2. lalu ketikkan kode berikut:


setelah itu jalankan aplikasi dengan menekan tombol F5. selamat mencoba!










Jumat, 10 April 2015

Menampilkan biodata diri dengan C# V 2010

Langsung saja tidak usah banyak berbasa basi, kali ini saya akan menyampaikan tutorial membuat program biodata dengan bahasa pemrograman C# pada Visual Studio2010.

berikut merupakan tampilan yang telah jadi:


Dan berikut tampilan setelah diklik OK:


Jadi, langsung saja kita memasuki tutorialnya.

Pertama, kita buat project baru pada VB 2010 dengan bahasa C#. 


maka tampilan setelah form dibuat seperti ini, masih kosong:


setelah membuat form pertama, pilih menustrip pada toolbox untuk membuat menu form.


maka tampilannya akan seperti ini:


pada bagian ini, kamu bisa menambahkan daftar item sesuai keinginan, tetapi disini saya menggunakan submenu yang sesuai dengan gambar pertama.

setelah form pertama dibuat, masukan shortcut menu agar bisa mengaksesnya dengan keyboard saat dijalankan.  lalu ubah dengan shortcut yang kamu inginkan, disini saya menggunakan control "Ctrl+F".

lalu langkah selanjutnya adalah membuat form 2 untuk dihubungkan. yaitu dengan cara menuju solution explorer>klik kanan pada form sebelumnya > add > windows form.


maka akan muncul form yang kedua:


lalu kita buat desain formulirnya, peletakkan desainnya bisa diatur sesuka kamu.


Dalam program ini, saya menggunakan tool berikut:
1.Textbox.
2.Checkbox.
3.Radiobutton.
4.Combobox.
5.Openfiledialog.
6.Datetimepicker.
7.Listbox.

Lalu kita memasuki tahapan koding, ditahapan ini, saya hanya akan memberikan source codenya saja, silahkan anda mencoba sendiri. 



berikut koding untuk menampilkan tanggal lahir:


jangan lupa double klik pada form2 untuk mengkoding kode diatas.

lalu berikut source code untuk opsi agama dan semester:


dan isikan kode berikut untuk menampilkan opsi jenis kelamin:


lalu untuk menampilkan opsi keahlian:


dan berikut kode untuk menampilkan opsi semuanya pada tombol button OK dan menjadi satu tampilan:


("\n> digunakan untuk menempatkan semua objek pada satu tampilan.) sehingga kita hanya membutuhkan satu tombol button untuk mengakses semuanya. 

Lalu kita kelangkah selanjutnya, yaitu mengkoding untuk form pertama. 
pertama kita buat syntax untuk membuat submenu close dan open bekerja. berikut tampilan source codenya.:


jangan lupa untuk double klik pada submenu close dan open sebelum mengkoding kode diatas.

lalu setelah syntax diatas diketik, kita masukan kode untuk memanggil form ke 2.


Panggil class form2 dan (F2), kamu bisa menggantinya menjadi huruf lain sesuai selera. misalnya GB, maka sebelum  ShowDialog, kamu harus menuliskan class GB agar bisa terhubung dengan form sebelumnya, atau form1 dan untuk memunculkan form2 pada form1, sehingga kita bisa mengakses menu-menu yang ada di form2. jangan lupa kurung kurawa } untuk menutup syntax agar program berjalan.

   Jalankan programnya dengan kontrol F5. 
   demikiran tutorial singkat dari saya, semoga bermanfaat!