Selasa, 21 Mei 2019

Membuat Program Visual Studio : Cara Menampikan Data Dari Database Mysql ke Visual Studio



Selamat datang kembali di blog kris-education kali ini saya akan memberikan sebuah tutorial  membuat program di Visual Studio 2010 dan menghubungkannya dengan Database Mysql

Langkah pertama siapkan/buat database baru , nah disini saya membuat database dengan nama 'penjualanvb' dan saya membuat 4 tabel pada database tersebut, untuk Database nya sendiri ada tbbarang,tbjenis,tbmerek,tbpenjualan 
Dan berikut adalah struktur database dari 'penjualanvb' :
Untuk masing masing record pada tabel saya isi sebagai berikut :
  • Tabel tbbarang


  • Tabel merek
  • Tabel tbjenis
  • Tabel tbpenjualan



Menginstall Paket Paket untuk Menghubungkan Visual Studio 2010 dengan Database

Untuk mengkoneksikan visual basic 2010 dengan mysql, diasumsikan kita telah menginstall 
  • Visual Basic 2010
  • MySql Server versi terbaru(yang saya gunakan v 5.5xx)
  • MySql connector .net versi terbaru(yang saya gunakan v 4.xx)
Langkah Pertama Masukan referensi mysql.data pada visual basic melalui Solution Explorer
Kemudian pada kotak "Add Reference" pilih Tab .NET dan cari MySql.Data Klik OK



Membuat Class Koneksi 

Seperti yang telah banyak diketahui, ada banyak cara untuk koneksi database pada VB.Net yang paling sering dan yang sering saya lihat adalah menggunakan module untuk koneksi. Tapi setelah saya lihat dan bandingkan perbedaan antara keduanya bahwa penggunaan koneksi dengan Class jauh lebih mudah dan simpel dalam pemanggilan datanya
  • Tambahkan Class Pada Project

  • Isi nama class tersebut. Misalnya pada contoh saya menggunakan nama “Koneksi”. Jika sudah klik tombol Add untuk menambahkan Class pada project.
  • Kemudian isi Source Code seperti berikut 
Atau Pastekan Source Code dibawah ini
Imports MySql.Data
Imports MySql.Data.MySqlClient

Public Class koneksi

    Public koneksistring As String
    Public koneksimysql As MySqlConnection
    Public Function bukakon()
        Try
            koneksistring = "server=localhost;UserId=root;password=;Persist Security Info=false;database=penjualanvb"
            koneksimysql = New MySqlConnection(koneksistring)
            koneksimysql.Open()
            MsgBox("Berhasil")
        Catch ex As Exception
            MsgBox("Terjadi kesalahan dalam proses koneksi ke Database" & " = " & vbCrLf & ex.Message(), MsgBoxStyle.OkOnly, "Pesan")

        End Try

        Return koneksimysql
    End Function
    Public Function tutupkon()
        koneksimysql.Close()
        MsgBox("Berhasil Keluar")
        Return koneksimysql
    End Function
End Class


Membuat Class Pengolah Data

Untuk membuat class pengolah data hampir Persis seperti membuat class koneksi 
  • Tambahkan Class Pada Project

  • Isi nama class tersebut. Misalnya pada contoh saya menggunakan nama “Koneksi”. Jika sudah klik tombol Add untuk menambahkan Class pada project.

  • Kemudian isi Source Code seperti berikut 


Atau Pastekan Source Code dibawah ini
Imports MySql.Data
Imports MySql.Data.MySqlClient
Public Class Pengolahdata
    Dim konn As New koneksi
    Dim dttable As New DataTable
    Dim dtadapter As New MySqlDataAdapter
    'Untuk Mengambil data dari Database

    Public Function ambildata(ByRef qry)
        Try
            konn.bukakon()
            dtadapter = New MySqlDataAdapter(qry, konn.koneksimysql)
            dttable = New DataTable
            dtadapter.Fill(dttable)
            Return dttable
            konn.tutupkon()
        Catch ex As Exception
            MsgBox(ex.Message.ToString)
        End Try
        Return False
    End Function
End Class


Menampilkan Data Dari Database MySQL Ke DataGridView

berikut contoh tampilan form sederhananya , disana terdapat 6 button, mengapa 6 button dan setiap button kita akan buat perintah query yang berbeda silahkan ikuti desain seperti form dibawah ini
Yang pertama import terlebih dahulu MySQL Data dan MySQL Client
Panggil Class tampildata dan koneksi yang telah kita sebelumnya dengan cara membuat objek baru 
Lalu isi Source Code pada masing masing Button
  • Button Tampil Satu
  • Button Tampil Dua
  • Button Tampil Tiga
  • Button Tampil Empat
  • Button Tampil Lima
  • Button Tampilkan Semua

Atau Pastekan Source Code dibawah ini
Imports MySql.Data
Imports MySql.Data.MySqlClient
Public Class Tampildata
    Dim konn As New koneksi
    Dim olahdata As New Pengolahdata


    Private Sub Button1_Click(sender As System.Object, e As System.EventArgs) Handles Button1.Click

        Dim qry As String = "SELECT NamaBarang,HargaJual FROM tbbarang"
        DataGridView1.DataSource = olahdata.ambildata(qry)
    End Sub

    Private Sub Button2_Click(sender As System.Object, e As System.EventArgs) Handles Button2.Click

        Dim qry As String = "SELECT a.NamaBarang,b.NmMerek,c.NmJenis,a.HargaJual FROM tbbarang a JOIN tbmerek b ON a.KdMerek = b.KdMerek JOIN tbjenis c ON c.KdJenis = a.KdJenis"

        DataGridView1.DataSource = olahdata.ambildata(qry)

    End Sub

    Private Sub Button3_Click(sender As System.Object, e As System.EventArgs) Handles Button3.Click

        Dim qry As String = "SELECT b.NmMerek,a.NamaBarang FROM tbbarang a JOIN tbmerek b ON a.KdMerek = b.KdMerek WHERE b.KdMerek='KM04'"
        DataGridView1.DataSource = olahdata.ambildata(qry)
    End Sub

    Private Sub Button4_Click(sender As System.Object, e As System.EventArgs) Handles Button4.Click

        Dim qry As String = "SELECT A.NamaBarang,b.TgLPenjualan as TanggalPembelian  FROM tbbarang a JOIN tbpenjualan b ON a.KdBarang = b.KdBarang WHERE b.TgLPenjualan='2019-05-15'"
        DataGridView1.DataSource = olahdata.ambildata(qry)
    End Sub

    Private Sub Button5_Click(sender As System.Object, e As System.EventArgs) Handles Button5.Click

        Dim qry As String = "SELECT COUNT(NoNota) as JumlahPenjualan FROM tbpenjualan"
        DataGridView1.DataSource = olahdata.ambildata(qry)
    End Sub

    Private Sub Button6_Click(sender As System.Object, e As System.EventArgs) Handles Button6.Click

        Dim qry As String = "SELECT * FROM tbbarang JOIN tbmerek ON tbbarang.KdMerek = tbmerek.KdMerek JOIN tbjenis ON tbjenis.KdJenis=tbbarang.KdJenis"
        DataGridView1.DataSource = olahdata.ambildata(qry)
    End Sub
End Class

Lalu RUN program yang kita buat, pastikan tidak ada yang error. dan berikut ketika program dijalankan

  • Apabila Button Tampil Satu di Klik maka berikut Tampilannya
  • Apabila Button Tampil Dua di Klik maka berikut Tampilannya
  • Apabila Button Tampil Tiga di Klik maka berikut Tampilannya
  • Apabila Button Tampil Empat di Klik maka berikut Tampilannya
  • Apabila Button Tampil Lima di Klik maka berikut Tampilannya
  • Apabila Button Tampilkan Semua di Klik maka berikut Tampilannya
Nah sekian tutorial dari saya kali ini , kurang lebihnya maafkan , See you next tutorial from me ~~





Rabu, 08 Mei 2019

Memblokir Akses Game Android di Mikrotik


Halo kembali lagi dengan saya di blog Kris-Education yang membahas artikel seputar Dunia IT , kali ini saya akan menjelaskan bagaimana cara memblokir game online di android. seperti diketahui sekarang sudah banyak game online di android yang sudah bermunculan , dari Mobile Legends, Free Fire , PUBG Mobile , Clash Of Clans dan banyak lagi. 
Nah Disini saya akan menjelaskan bagaimana cara memblokir akses game tersebut agar tidak bisa di mainkan oleh client , pada kesempatan kali saya akan memblokir game Clash of Clans, langsung saja ke tutorialnya :

 Langkah Langkah : 
langkah pertama yaitu membuat firewall rule untuk memblokir akses aplikasi , Masuk dulu ke IP - Firewall - Filter Rules 
Buat Rules baru dengan menekan tanda (+)
Pada Bagian General saya Setting

  • Chain : Forward
  • Src Address , bisa mengarah menuju client yang ingin di blok atau bedasarkan range ip address , karna saya menggunakan DHCP Port Lan / Wireless maka saya menggunakan range Src Address : 192.168.17.2 - 192.168.17.255 Tapi apabila ingin memblok hanya satu client saja bisa menggunakan ip adaress ex : 192.168.17.10
  • Protocol : 6 (tcp)
  • In.Interface :  eth1
  • Out. Interface : eth2
  • Action : Drop




Kemudian pada IP - Firewall - Filter Rules - Action

Atau juga dengan Script
/ip firewall rule add chain=forward src-address=192.168.17.2 - 192.168.17.255 protocol=tcp dst-port=9330-9340 in-interface=ether1 out-interface=ether2 action=drop


Keterangan Perintah Di atas :

  • chain diisi dengan forward karena paket aplikasi itu melewati router,bukan paket yang masuk maupun paket yang keluar
  • src-address diisi dengan alamat ip network dari client yang akan kita blokir akses ke aplikasi clash of clans
  • protocol diisi dengan tcp karena game clash of clans memang menggunakan protocol tcp
  • dst-port diisi dengan port 9330 sampai 9340 karena game clash of clans menggunakan port 9330-9340 untuk aksesnya
  • in-interface diisi dengan interface yang menuju clinet atau jaringan lan target disini saya menggunakan ether1
  • out-interface diisi dengan interface yang menuju ke akses internet disini saya menggunakan ether2
  • action diisi dengan drop untuk menolak akses dan router akan membuang paket tersebut
Langkah Terakhir yaitu mengkoneksi kan client (android) ke Hospot yang sebelumnya kita sudah buat

Jika kita sudah melakukan konfigurasi di atas maka jika si client target ingin mengakses game clash of clans maka pada tampilan aplikasi game hanya akan menampilkan loading terus menerus dan tidak bisa masuk dan memainkan game

Rabu, 01 Mei 2019

Program Visual Studio : Membuat Program Pemesanan Tiket Kereta Api

Assalamualaikum kembali di blog saya di Kris-Education, kali ini saya akan membuat sebuah program sederhana di aplikasi Visual Studio , saya akan membuat Program Pemesanan Tiket Kereta api ? sebelum nya anda sudah tau apa itu Visual Studio ? coba intip dulu pengertiannya di link berikut https://kris-education.blogspot.com/2019/04/program-visual-studio-membuat-aplikasi.html.


Jika sudah sudah paham atau mengerti tentang penjelasan Visual Studo mari kita ke proses pembuatan program visual studio nya. disini saya menggunakan visual studio 2010 , pakai versi yang mana juga terserah karna untuk pembuatan script program nya tidak jauh beda mungkin yang membedakannya yaitu toolsnya saja.

s
Untuk Toolbox saya menggunakan :
  • Button , Kontrol ini digunakan untuk melakukan tindakan ketika diakses.
  • CheckBox , Kontrol yang memiliki nilai True atau False.
  • ComboBox , Kombinasi antara kotak list dan kotak teks yang memungkinkan untuk dipilih serta mengeditnya.
  • RadioButton , Memungkinkan untuk memilih pilihan dari sekelompok pilihan.
  • DateTimePicker , Menampilkan kalender untuk memilih hari dan tanggal.
  • Label , Menampilkan teks label.
  • TextBox , Kontrol yang digunakan untuk menampilkan atau memasukkan teks.
  • GroupBox , Mengelompokkan kumpulan kontrol (seperti radio button), bisa diberi label judul dan frame yang tidak dapat digulung.
  • MenuStrip , Membuat menu yg didalamnya terdapat submenu yg ditambahkan. Mewakili menu utama, submenu, dan item menu form.
  • DataGridView , Untuk menampilkan sejumlah besar data secara hirarkial atau relationship (relasi) dalam tampilan tabel grid.
  • NumericUpDown , Menampilkan daftar angka dimana pengguna dapat menggulung menggunakan tombol up dan down.
Langkah pertama pembuatannya yaitu kita new project , bebas untuk penamaan project nya
Kemudian Desain Form nya seperti berikut , untuk penamaan variabel pada masing masing tool silahkan ikuti saja 
 
Untuk Combo Box pada Pilih jurusan saya menambahkan list seperti berikut , untuk menambahkannya klik combo box nya kemudian cari dan klik icon segituga miring pada kanan atas combo box nya lalu pilih Edit Item dan muncul seperti berikut dan isi juga listnya  
Untuk Kode Kereta/Kode Jurusan saya menambahkan list seperti berikut




Dan untuk data gridview daya menambahkan kolom seperti berikut, untuk penambahan nya klik data grid view -> klik icon segitiga miring pada kanan atas data grid view -> add columns

Sekarang kita masuk ke ngoding scipt nya , saya akan menginsiasi variabel terlebih dahulu di pada luar class masing masing toolbox yang dimana variabel ini bisa di akses di class manapun , ikut script seperti berikut
Untuk combobox pertama yaitu pemilihan jurusun apakah jurusan nya Sukabumi - Bogor ataupun sebaliknya
Selanjutnya  Double klik pada Combo Box Pilih Jurusan(jurusan) dan isi script seperti berikut

Untuk pemilihan type kereta saya kasih Sukabumi Ekonomi dan Sukabumu Express yang dimana harga keduanya berbeda sesuai fasilitas yang dimiliki masing masing type kereta
Double klik pada Combo Box Pilih Kode Jurusan(kode) dan isi script seperti berikut
Saya akan menambahkan 2 tool check box yang dimana check box ini akan saya isi dengan checkbox Makanan dan checkbox bagasi, kedua checkbox ini berfungsi untuk biaya tambahan apabila membawa makanan maupun bagasi
Double klik pada CheckBox Makanan (CKmakanan)dan isi script seperti berikut
Double klik pada CheckBox Bagasi(CKbagasi) dan isi script seperti berikut
Selanjutnya saya akan mengisi script pada button Bthitung untuk menjumlah kan harga total keseluruhan biaya kereta tetapi sebelum perhitungan saya juga akan memberi script pada Radio Button Member/non Member terlebih dahulu 
Double klik pada Button Hitung (BtHitung) dan isi script seperti berikut
Untuk button input saya fungsi kan untuk mengisi record pada Data Grid View yang sebelumnya sudah saya setting 
Double klik pada Button input (CBinput) Bagasi dan isi script seperti berikut
Dan untuk button reset saya fungsi kan untuk mengatur ulang semua form yang sebelumnya sudah di isi agar kita bisa mengisi kembali form yang kita buat 
Double klik pada Button Reset (CBreset) Bagasi dan isi script seperti berikut
Dan yang terakhir saya menambahkan scipt untuk menu exit dengan tool menu strip yang berfungsi untuk keluar form  
Double klik pada menu strip exit (MSexit) Bagasi dan isi script seperti berikut
Nah kita sudah mengisi scipt koding pada tiap tiap tool , selanjutnya kita akan merunning form yang telah kita buat dengan menekan tombol Run atau klik tombol F5, Kemudian Isi Form Tersebut maka hasilnya akan seperti berikut ini

Sekian tutorial dari saya kurang lebih nya mohon maaf , terus pantengin blog ini ya karna akan ada tutorial tutorial menarik lainnya seputar Dunia Komputer . See You ~


Selasa, 16 April 2019

Program Visual Studio : Membuat Aplikasi Sederhana Perhitungan Gaji Karyawan

Selamat Datang kembali di  Blog Kris Education, Sesuai dengan Judul diatas kali ini saya akan Membuat Aplikasi Sederhana Perhitungan Gaji Karyawan di Microsoft Visual Studio 2010, sebelum ke prakteknya saya akan jelaskan sedikit pengenalan tentang Microsoft Visual Studio 2010
Memahami Visual Basic Net 2010 Secara Lengkap - Visual Basic 2010 merupakan salah satu bagian dari produk pemrograman terbaru yang dikeluarkan oleh Microsoft, yaitu Microsoft Visual Studio 2010. Visual Studio 2010 .NET merupakan sebuah Integrated Development Environment (IDE) atau lingkungan kerja yang digunakan untuk membangun aplikasi .NET dengan mudah.

Visual Studio Profesional 2010 menyediakan berbagai tool yang lengkap bagi para pengembang untuk membangun aplikasi yang berjalan di .NET Framework. Berbagai tool, antara lain tool Toolbox yang berisi komponen visual, sehingga Anda tinggal drag and drop komponen dan Visual Studio 2010 akan menuliskan kode untuk Anda. Selain itu masih ada jendela wizard yang membantu Anda untuk melakukan pemrograman dengan sangat mudah.

Selain itu Anda juga dapat menulis kode Visual Basic 2010 pada lingkungan kerja lain, seperti Visual Basic Express Edition yang juga disediakan oleh Microsoft secara free bagi para pelajar dan pemula. Pada Visual Basic Express Edition, tool-tool yang terpasang sangat minim dan tidak memiliki komponen visual sehingga Anda harus menuliskan kode dari awal.

Apabila sudah paham mari kita praktikan, pertama saya sudah mendesain layout aplikasi nya, silahkan anda bisa ikuti layout yang saya sudah buat sebelumnya seperti berikut ini
Lalu apa saja tool tool yang saya gunakan , yaitu :
  1. Label : Merupakan tool untuk membuat teks seperti judul, dan sebagainya. Label tidak bisa di ubah-ubah oleh user.
  2. TextBox : Merupakan tool untuk membuat teks yang bisa di ubah-ubah oleh user.
  3. GroupBox : Mengelompokkan kumpulan kontrol (seperti radio button), bisa diberi label judul dan frame yang tidak dapat digulung.
  4. Button : tombol yang dapat ditekan. Anda dapat menggunakan button agar pengguna dapat memberitahu program untuk melakukan sesuatu.
Disini saya ubah variabel pada Text Box dan Button nya anda bisa ikuti saya , berikut variabel yang saya ubah :
  1. TextBox1 --> txtgaji
  2. TextBox2  --> txttunjangan
  3. TextBox3  --> txtpotongan
  4. TextBox4  --> txtgajikotor
  5. TextBox5  --> txtpajak
  6. TextBox6 --> txtgajiditerima
  7. Button1 --> ulangi
  8. Button2 --> keluar
 Apabila sudah mengganti variabel di tiap Text Box dan Button mari kita isi source code nya ,Double Klik pada  TextBox txtpotongan maka akan muncul seperti dibawah ini :
Nah pada pojok kanan atas saya akan menambahkan event KeyPress , Tujuannya untuk Apa ? Keypress ini berfungsi apabila ketika kita menekan ENTER akan otomatis memunculkan Output apabila di tekan Enter tanpa menggunakan Event Klik 

 Jika sudah anda isikan source Code seperti dibawah ini
Private Sub txtpotongan_KeyPress(sender As Object, e As System.Windows.Forms.KeyPressEventArgs) Handles txtpotongan.KeyPress
        txtgajikotor.Text = (Val(txtgaji.Text) + Val(txttunjangan.Text)) - Val(txtpotongan.Text)

        txtpajak.Text = Val(txtgajikotor.Text) * 0.1

        txtgajiditerima.Text = Val(txtgajikotor.Text) - Val(txtpajak.Text)
End Sub

Kemudian kita akan membuat Source Code pada tombol Reset /Ulangi , yang dimana tombol Reset /Ulangi Ini Berfungsi Untuk mereset/menghapus semua kegiatan aplikasi yang sudah kita isi/inputkan agar bisa di inputkan kembali. klik 2 kali pada button Ulangi dan isi Source Code seperti dibawah ini :
 Private Sub ulangi reset_Click(sender As System.Object, e As System.EventArgs) Handles ulangi.Click
        txtgaji.Text = ""

        txtpotongan.Text = " "

        txttunjangan.Text = " "

        txtgajikotor.Text = " "

        txtpajak.Text = " "

        txtgajiditerima.Text = " "
  End Sub

Selanjutnya kita akan mengisi SourceCode pada Button Keluar, yang dimana fungsi button ini untuk menutup jendela atau keluar dari aplikasi yang dijalankan, untuk source Code nya hanya sedikit bisa di ikuti source Code dibawah ini


    Private Sub keluar_Click(sender As System.Object, e As System.EventArgs) Handles keluar.Click
        End 
    End Sub

Sampai disini kita sudah menyelesaikan Program Membuat Aplikasi Sederhana Perhitungan Gaji Karyawan , selanjutnya mari kita eksekusi program yang kita buat . Sebagai Contoh disini
Ada Karyawan memiliki gaji 8 juta dan memiliki uang tunjangan 2 juta , akan tetapi karyawan ini memiliki potongan gaji sebesar 1 juta apabila di totalkan gaji kotor karyawan tersebut adalah 9 juta , dan 9 juta ini akan di potong kembali untuk Pajak sebesar 10 %  . Dan apabila ditotalkan kembali maka 9 juta dikurangi 900 ribu . maka total gaji yag diterima adalah 8,1 Juta. Bisa di lihat gambar dibawah ini

Nah sekian untuk Tutorial Kali ini semoga dengan tutorial ini , baik anda maupun saya mendapatkan ilmu yang bermanfaat, sekian tutorial kali ini . Nantikan Tutorial Tutorial Bermanfaat Lainnya . See You Next Time :)