STEP BY STEP MENJADISTEP BY STEP MENJADI ...ilmukomputer.org › wp-content › uploads › 2013 › 12 › jun-File...Step By Step Menjadi Programmer Handal Dengan VB.Net Junindar,
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Step By Step Menjadi Programmer Handal Dengan VB.Net
Junindar, ST, MCPD, MOS, MCT, MVP VB.NET
- Lalu Drag table “tblImage” kedalam jendela “Object Relational Designer”.
- View Code pada Form 1, dan ketikkan Imports System.IO pada awal baris.
- Kita akan membuat sebuah procedure untuk merfresh form seperti dibawah.
- Selanjutnya sebuah procedure untuk menampilkan data pada DataGridView,
ketikkan sintaks seperti dibawah.
Sintaks diatas merupakan fungsi LINQ to SQL untuk menampilkan data.
- Klik ganda button browse (…) dan ketikkan sintaks berikut.
Private Sub ClearForm() txtFileName.Clear() pbImage.Image = Nothing End Sub
Private Sub Displaydata() Using db As New dcFileStreamDataContext Dim hasil = (From img In db.tblImages Order By img.PicName Ascending) DataGridView1.DataSource = hasil End Using End Sub
Try OFD.Filter = "Image Files (*.JPEG, *.jpg, *.bmp, *.gif, *.png)|*.JPEG; *.jpg; *.bmp; *.gif; *.png" If OFD.ShowDialog = Windows.Forms.DialogResult.OK Then Dim strFileLocation As String = OFD.FileName txtFileName.Text = OFD.SafeFileName pbImage.Image = Image.FromFile(strFileLocation) End If Catch ex As Exception MsgBox(ex.Message, MsgBoxStyle.Exclamation, "FileStream") End Try
Step By Step Menjadi Programmer Handal Dengan VB.Net
Junindar, ST, MCPD, MOS, MCT, MVP VB.NET
Sesuai dengan nama nya, button browse ini berfungsi untuk mencari gambar
dan menampilkan gambar tersebut kedalam sebuah PictureBox. Coba
jalankan program dan klik button browse lalu cari gambar yang di inginkan.
- Selanjutnya adalah membuat procedure untuk menyimpan gambar, tetapi
sebelum membuat procedure tersebut kita akan membuat sebuah function
seperti dibawah.
Function diatas digunakan untuk mendapatkan Binary dari gambar yang kita
pilih sebelum nya. Yang nantinya akan digunakan pada procedure
penyimpanan data, seperti sintaks dibawah.
Private Function GetImageBinary() As Data.Linq.Binary Dim ms As New MemoryStream() pbImage.Image.Save(ms, pbImage.Image.RawFormat) Dim cPic() As Byte = ms.GetBuffer ms.Close() Return New Data.Linq.Binary(cPic) End Function
Step By Step Menjadi Programmer Handal Dengan VB.Net
Junindar, ST, MCPD, MOS, MCT, MVP VB.NET
Seperti kita lihat pada sintaks diatas, pada Property Picture menggunakan
function “GetImageBinary” untuk mendapatkan valuenya.
- Selanjutnya klik ganda button Save dan ketikkan sintaks seperti dibawah.
Sebelumnya system akan mengecek apakah sudah ada gambar pada
PictureBox, jika tidak ada maka akan keluar sebuah pesan untuk
memasukkan gambar terlebih dahulu. Lalu akan menyimpan gambar
kedalam database. Selanjutnya aplikasi akan menampilkan data yang telah
disimpan kedalam DataGridView dan merefresh form. Jalankan program
dan coba untuk meyimpan gambar dengan menggunakan button save.
Private Sub SaveImage() Using db As New dcFileStreamDataContext Dim images As New tblImage With {.PicId = Guid.NewGuid(), .PicName = txtFileName.Text, .Picture = GetImageBinary()} db.tblImages.InsertOnSubmit(images) db.SubmitChanges() End Using End Sub
Try If pbImage.Image Is Nothing Then Throw New Exception("Masukkan gambar yang akan disimpan") End If SaveImage() Displaydata() ClearForm() Catch ex As Exception MsgBox(ex.Message, MsgBoxStyle.Exclamation, "FileStream") End Try
Step By Step Menjadi Programmer Handal Dengan VB.Net
Junindar, ST, MCPD, MOS, MCT, MVP VB.NET
- Setelah berhasil dengan proses simpan, selanjutnya adalah membuat proses
penghapusan data. Klik ganda button delete, dan ketikkan sintaks dibawah
ini.
Untuk melakukan proses delete ini, kita memerlukan sebuah value dari
kolom PicId. Oleh karena itu sebelum menekan button delete pastikan klik
(pilih) terlebih dahulu baris yang akan di hapus pada DataGridView.
Try 'mengambil value dari kolom PicId (GUID) untuk baris yang di klik Dim picId As Guid = DirectCast(DataGridView1.CurrentRow.Cells(0).Value, Guid) Using db As New dcFileStreamDataContext Dim hasil = (From c In db.GetTable(Of tblImage)() _ Where c.PicId.Equals(picId) Select c).ToList If hasil.Count = 0 Then Throw New Exception("Data tidak ada") End If db.tblImages.DeleteOnSubmit(hasil.First) db.SubmitChanges() End Using pbImage.Image = Nothing Displaydata() Catch ex As Exception MsgBox(ex.Message, MsgBoxStyle.Exclamation, "FileStream") End Try
Step By Step Menjadi Programmer Handal Dengan VB.Net
Junindar, ST, MCPD, MOS, MCT, MVP VB.NET
- Sampai tahap ini, kita telah berhasil membuat proses simpan dan hapus data
pada form. Langkah selanjutnya adalah, menampilkan data pada saat baris
di DataGridView di pilih (klik).
- Klik DataGridView, lalu pada Properties klik button events, dan klik ganda
CellClick
Dan ketikkan sintaks dibawah ini.
Program akan menampilkan gambar pada PictureBox pada saat baris
DataGridView di klik.
Try pbImage.Image = Nothing If DataGridView1.Rows(e.RowIndex).Cells("Picture").Value <> Nothing Then Dim imageBytes() As Byte = (DataGridView1.Rows(e.RowIndex).Cells("Picture").Value).ToArray Dim newImage As Image Using ms As New MemoryStream(imageBytes, 0, imageBytes.Length) ms.Write(imageBytes, 0, imageBytes.Length) newImage = Image.FromStream(ms, True) End Using pbImage.Image = newImage End If Catch ex As Exception MsgBox(ex.Message, MsgBoxStyle.Exclamation, "FileStream") End Try