Download - Modul Prak Client-Server 2015
-
7/26/2019 Modul Prak Client-Server 2015
1/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
MODUL PRAKTIKUM
PEMROGRAMAN CLIENT-SERVER VB.NET
OLEH : MUHAMMAD SYAHRIR AL FATH
TA 2015/2016
-
7/26/2019 Modul Prak Client-Server 2015
2/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Topik Pembahasan:
I. Konsep Dasar Dan Arsitektur Client Server(1X)
Arsitektur Client-Server 1 Tier
Arsitektur Client-Server 2 Tier
Arsitektur Client-Server 3/N Tier
II. Komponen Pada Sisi Server(1X)
MySQLServer 5.1 (Wajib)
Naviqat 8.5(Tambahan)
Connector ODBC 5.1 (Tambahan)
III. Komponen Pada Sisi Client(2X)
IDE Visual Studio 2010 Ultimate (Wajib)
Connector MySQL 6.5.5 (Wajib)
Connector ODBC 5.1 (Wajib)
Naviqat 8.5 (Tambahan)
IV. Mengenal Database MySQLServer 5.1(2X)
Mengenal Fitur MySQLServer 5.1
Tipe Data
Merancang Dan Manipulasi Database
V. Triggers, View, Dan Store Procedure(1X)
Membuat Trigger
Membuat View
Membuat Store Procedure
VI. Merancang Aplikasi, Database Dan Membuat Koneksi Ke Server(4X(1X UTS))
Merancang Database Dan Aplikasi Pada Sisi Client (Kasus Aplikasi Transaksi
Penjualan Komputer)
Buat Tabel Dan Form Aplikasi
Membuat Koneksi Ke Server (2 Metode ODBC 5.1 Dan MySQL Connector 6.6.5)VII. Manipulasi Dan Integrasi MySQL Server Dengan VB.Net(Lanjutan Kasus Aplikasi
Transaksi Penjualan Komputer)(3X)
Manipulasi Data Master
Manipulasi Data Transaksi
Manipulasi Data Servis
-
7/26/2019 Modul Prak Client-Server 2015
3/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
VIII. Membuat Report Dengan Crystal Report 13 For .Net(1X)
Koneksi Report Dan Database
Integrasi Report Pada Aplikasi
Cetak Report.
IX. Tugas Besar(1X(UAS))
Buat Sistem Informasi Wajib Berbasis Client-Server Topik Bebas.
Tambahkan Fitur-Fitur Tambahan Dalam Aplikasinya
Contoh : Skin, Web-Cam, Chat, Game, dll
###
-
7/26/2019 Modul Prak Client-Server 2015
4/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Bagian I
Konsep Dasar Dan Arsitektur Client-Server
----------------------------------------------------------------------------------------------------
CS adalah salah satu model komunikasi dua computer atau lebih yang befungsi melakukanpembagian tugas. Client bertugas untuk melakukan CRUD. Sementara server bertugas
menyediakan pelayanan untuk melakukan manajemen, yaitu menyimpan dan mengolah
dataase. Aplikasi berbasis CS merupakan sebuah jawaban atas perkembangan teknologi
informasi yang sangat pesat, dimana sebagai contoh dalam satu perusahaan yang memiliki
banyak cabang dan departemen dan harus terhubung antara satu dengan yang lainnya untuk
mengakses data.
Terdapat tiga arsitektur yang di gunakan untuk melakukan pemrograman database berbasis CS
,yaitu 1-Tier, 2-Tier, N/3 Tier.1. Arsitektur 1 Tier (Stand Alone)
Konsep 1 Tier adalah sebuah computer yang mengakses sebuah database dari kompoter
sendiri, artinya aplikasi antar muka user dan aplikasi DBMS ada dalam satu computer yang
sama. 1 Tier dapat pula terjadi dalam sebuah jaringan workstation yang memiliki dua jenis
computer yang saling berhubungan, yaitu Client dan Server. Computer client bertigas
melakukan pemrosesan data. Datanya di peroleh dari DBMS server yang di salin dalam
aplikasi database pada masing-masing computer client. Dengan demikian computer client
tetap tetap mengakses dari aplikasi DBMS yang terdapat pada pada computer client sendiri.----------------------------------------------------------------------------------------------------------------------
Gambar untuk arsitektur 1-Tier
----------------------------------------------------------------------------------------------------------------------2. Arsitektur 2 Tier
Konsep 2 Tier pada model demikian membagi tugas antara computer client-server.
Computer client bertugas menyediakan antar muka user,permintaan data ke DBMS server,
serta pemprosesan data. Computer client hanya mengirim statement untuk CRUD dan
terkahir meminta(select) data yang akan di tampilkan pada antar muka user yang telah di
-
7/26/2019 Modul Prak Client-Server 2015
5/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
buat. Pada sisi server model 2 Tier, server bertanggung jawab terhadap penyimpanan,
pengelolaan, melayani permintaan akses data, dan pemprosesan data oleh client. Lebih
lanjut,computer server menyediakan pula store procedure dan triggers yang akan di panggil
oleh computer client untuk melakukan pemprosesan data.
-----------------------------------------------------------------------------------------------------------------------
Gambar untuk arsitektur 2-Tier
-----------------------------------------------------------------------------------------------------------------------
3. Arsitektur N/3 Tier
Model ini berarti membagi komponen menjadi N entitas, yaitu 1 tier client dan n-1 tier server.
Seperti pada model sebelumnya client bertugas menyediakan antarmuka aplikasi,
sedangkan server bertugas menyediakan data. Pada model N Tier server di bagi menjadi
dua yakni server yang dipakai sebagai middle tier dan satu servre menyimpan database
(sever tier).
Secara nyata model n-tier adalah jaringan internet yang memanfaatkan database. Internet
lapisan pertama adalah computer clinet yang menampilkan halaman Web, tempat content
atau data alaman web berasal dari sebuah database. Lapisan kedua adalah web dan HTTP
server yang menterjemahkan scripe server side(PHP, JSP, Asp, dan lainnya) dari computer
client untuk meminta data data pada database, kemudian lapisan ke tiga adalah computer
server database yang menyediakan database yang diminta oleh web atau HTTP server.
-
7/26/2019 Modul Prak Client-Server 2015
6/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
-----------------------------------------------------------------------------------------------------------------------
Gambar untuk arsitektur N-Tier
-----------------------------------------------------------------------------------------------------------------------
=====================================================================
Tugas : Buat Artikel Tentang Konsep Aplikasi/Program Yang Berbasis Client-Server.
Format Bebas
=====================================================================
S e r v e r
C o m p u te r
S e r v e r
C o m p u te r
S e r v e r
C o m p u te r
S e r v e r
S e r v e r D B M S ( M y S Q L , O r a c le , d l l )
C l i e n t 1 C l i e n t 2 C l i e n t 3
D o m a in
W e b S e r v e r ( Ap a c h e , I I S , d l l )
-
7/26/2019 Modul Prak Client-Server 2015
7/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Bagian II
Komponen Pada Sisi Server
----------------------------------------------------------------------------------------------------
Server bertugas untuk melayani client dalam hal memberikan data yang di minta oleh client.Kemudian, model 2-tier server menyediakan pula sebuah store procedure, triggers, query, dan
lainnya. Kita akan membahas pembuatan aplikasi database dengan MySQLServer 5.1
Mengapa menggunkan MySQLServer, padahal Microsoft memiliki MS SQL Server yang
tentunya lebih kompatibel dan menunjang kemudahan karena yang kita tahu MS Visual Studio
tempat VB.Net bernaung dengan C#, C++, F# dan ASP adalah milik Microsoft. Jawabanya
karena MySQLServer gratis!!!! mudah, dan juga tangguh, ga percaya ayo kita buktikan!!!
----------------------------------------------------------------------------------------------------------------------------
Sebelum memulai praktek yang wajib di persiapkan MySQLServer 5.1
Naviqat 8.5 atau yang di atasnya
Connector ODBC 5.1
-----------------------------------------------------------------------------------------------------------------------------
1. MySQLServer
Untuk Install MySQL Sever 5.1, Klik ganda icon MySQL Server 5.1
Klik Next
-
7/26/2019 Modul Prak Client-Server 2015
8/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Pilih Complete > Next
Klik Install Untuk memulai proses penginstallan.
-
7/26/2019 Modul Prak Client-Server 2015
9/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Silahkan tunggu sampai selesai proses penginstallan.
Klik Next untuk melanjutkan
Pilih Configurasi the MySQL now > Finish
Penting : dengan memilih configurasi kita langsung akan mengeset server kita, dengan
demikian server kita siap di pakai.
-
7/26/2019 Modul Prak Client-Server 2015
10/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Untuk melanjutkan konfigurasi klik Next
-
7/26/2019 Modul Prak Client-Server 2015
11/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Pilih Detail Configuration > Next
Pilih Server Mechine > Next
-
7/26/2019 Modul Prak Client-Server 2015
12/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Pilih Multifunctional Database > Next
Pilih Decision Support > Next
-
7/26/2019 Modul Prak Client-Server 2015
13/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Beri centang Enable TCP/IP Networking Dan Enable Strit Mode > Next
Pilih Best Support For Multilingualism > Next
-
7/26/2019 Modul Prak Client-Server 2015
14/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Centang Install As Windows Services > Pilih MYSQL 5.1> Centang Include Bin
Directory > Next
Masukkan New Password admin dan Confirm admin > Centang Enable root acces
from remote mechines > Next
-
7/26/2019 Modul Prak Client-Server 2015
15/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Klik Execute untuk memulai configurasi
Penginstallan serta konfigurasi berhasil dan siap untuk di gunakan , Klik Finish untuk
mengakhiri
Untuk mengetahui jalan atau tidaknya masuk pada MySQL Command Line.
-
7/26/2019 Modul Prak Client-Server 2015
16/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Tampilan MySQL Command Line > masukkan password admin > enter
Ketikkan show databases ; > enter
Ok sudah selesai!!!!!!!!!!!!!!!!!!!
-
7/26/2019 Modul Prak Client-Server 2015
17/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
2. Naviqat 8.5/Naviqat Premium 11.0
Install Naviqat 8.5/Naviqat Premium 11.0
Klik ganda Icon Naviqat 11.0 Premium
Klik Nextuntuk melanjutkan penginstallan
Pilih I accept the agreement> Next
-
7/26/2019 Modul Prak Client-Server 2015
18/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Pilih target tempat/direktori penginstallan (defaultnya pada program files pada drive C:)>
Next
Pilih Create a desktop icon (agar bisa menampilkan icon naviqat pada desktop)
-
7/26/2019 Modul Prak Client-Server 2015
19/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Klik Installuntuk memulai proses penginstallan
Tunggu sampai proses penginstallan selesai
-
7/26/2019 Modul Prak Client-Server 2015
20/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Klik Finish untuk mengakhiri penginstallan
Untuk memulai menggunakan Naviqat pastikan Naviqat terkoneksi dengan MySQL
Server, perhatikan gambar di bawah ini Naviqat dan MySQL terkoneksi, klik Test
Connection > Ok.
Untuk cara setting akan di bahas pada bagian IV
-
7/26/2019 Modul Prak Client-Server 2015
21/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
3. Connector ODBC 5.1
Install Connector ODBC 5.1
Klik ganda Icon Mysql Connector Odbc 5.1
Klik Nextuntuk melanjutkan pengistallan.
Pilih Complete > Next
-
7/26/2019 Modul Prak Client-Server 2015
22/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Pilih Installuntuk memulai proses penginstallan
Tunggu sampai proses pengistallan selesai
-
7/26/2019 Modul Prak Client-Server 2015
23/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Klik Finish untuk mengakhiri proses penginstallan
Untuk memastikan, masuk pada Control Panel>Administrator Tools > ODBC > Pilih
MySQL ODBC 5.1 Driver.
-
7/26/2019 Modul Prak Client-Server 2015
24/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Masukkan parameter untuk membuat koneksi DSN(Data Source Name) sesuai
kebutuhan anda.
Klik Test> Ok.
========================================================================
Tugas : Buat Video Tutorial Tentang Cara Penginstallan MySQLServer 5.1, Naviqat
8.5/11.0 dan Mysql Connector ODBC 5.1
=====================================================================
-
7/26/2019 Modul Prak Client-Server 2015
25/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Bagian III
Komponen Pada Sisi Client
----------------------------------------------------------------------------------------------------
Pada sisi Client inilah kita akan membuat Aplikasi antar muka dengan VB.Net. sebelummelakaukan praktek yang wajib dipersiapkan
-----------------------------------------------------------------------------------------------------------------------------
Microsoft Visual Studio 2010
MySQL Connector 6.5.5
Naviqat 8.5/ yang versi di atasnya
Connector ODBC
----------------------------------------------------------------------------------------------------------------------------
1. Pengenalan IDE Visual Studio 2010Langkah pertama yang akan kita pelajari adalah IDE (Integrade Development Environment)
dari Visual Basic.Net pada saat pertama kali kita membuka Visual Studio 2010 akan tampil
seperti gambar di bawah ini.
-
7/26/2019 Modul Prak Client-Server 2015
26/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Untuk membuka project yang telah di buat, maka gunakan menu File > Open > Project atau
dengan mengklik tombol open project yang ada di bawah. Sedangkan untuk membuat
project baru gunakan menu File > New > Project
Pada kotak dialog tersebut terdapat beberapa pilihan bahasa pemrograman untuk membuat
aplikasi yakni Visual Basic.Net, Visual C#. Visual C++, Visual J#, Visual F#, Asp.Net
Pilih visual basic dan pilih Windows Forms Application kemudian berinama pada bagian
name serta letak program yang akan di buat setelah kita menekan ok.
-
7/26/2019 Modul Prak Client-Server 2015
27/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
1. Menu Bar
Menu Bar adalah bagian dari IDE yang terdiri dari berbagai perintah-perintah untuk mengatur
dan mengeksekusi program yang di buat.
Untuk menggunakan menu bar anda tinggal meng-klik menu pilihan yang akan di jalankan.
Misalnya menu File > New > Project.
2. Toolbar
Fungsi dari toolbar sama sebenarnya dengan perintah-perintah yang ada pada menu tapi
pada toolbar ini dilambangkan dengan bentuk icon. Anda tinggal mengklik icon yang untuk
melakukan proses sesuai kebutuhan dalam pembuatan aplikasi.
Pada toolbar terdapat beberapa tombol untuk membuat dan memanipulasi window dari IDE
Visual Basic.Net yakni ToolBox, Solution Explorer, dan Properties
3. ToolBox
Toolbox adalah tempat dimana control dan komponen di letakkan. Untuk membuat suatu
program aplikasi. Anda dapat mengambil control dan komponen yang ada pada Tollbox.
-
7/26/2019 Modul Prak Client-Server 2015
28/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
4. Solution Explorer Dan Properties
Membuat tampilan daftar file-file dari project yang sedang di buat sementara properties untuk
pengaturan nilai dan fungsi form serta menu control.
5. Membuat Aplikasi Pertama
Untuk membuat aplikasi pada Visual Basic.Net maka pertama anda harus membuat New
Project kemudian menambahkan beberapa control pada form dan menuliskan beberapa
kode program kemudian menjalankannya.
Langkah pembuatan aplikasi pertama :
Pada halaman start page Visual Basic.Net klik tombol New Project tunggu sampai muncul
kotak dialog New Project.
Pada kotak dialog New Project, dibagian Install template pilh Visual Basic > Windows >
Windows Forms Application, kemudian isi nama Project yang akan di buat serta lokasi
folder tempat kita menyimpan project tersebut.
Lalu ok, maka akan muncul form editor dari project yang akan dibuat.
-
7/26/2019 Modul Prak Client-Server 2015
29/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
-
7/26/2019 Modul Prak Client-Server 2015
30/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Kemudian anda dapat menambahkan beberapa object control pada form, dengan cara
meng-klik ganda pada object control yang akan dimasukkan atau dengan cara lain klik
dan dragobject control tersebut ke dalam form editor.
Setelah kita merancang tampilan pada form, maka kita harus menulis kode program
agar object control tersebut dapat berjalan sesuai dengan yang diinginkan. Untuk
menulis kode program kita klik tombol View Code pada bagian solution explorer dan klik
ganda object control tersebut.
Kemudian akan muncul kotak editor. Pada kotak editor tersebut anda dapat menuliskan
kode program di dalamnya.
-
7/26/2019 Modul Prak Client-Server 2015
31/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Untuk menjalankan aplikasi yang telah di buat maka di lakukan kompilasi terlebih
dahulu. Caranya pilih menu Build -> Bulid [Nama Project].
Setelah proses kompilasi selesai, jalankan program melalui menu Debug > Start
Debugging atau dengan menekan tombol F5.
2. Install MySQl Connector 6.5.5 Dan Include Ke Dalam VB.Net
Untuk memulai penginstallan, klik ganda icon mysql-connector 6.6.5
Klik Next
-
7/26/2019 Modul Prak Client-Server 2015
32/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Pilih Complete > Klik Next
Klik Installuntuk memulai proses penginstallan
Tunggu sampai proses penginstallan selesai
-
7/26/2019 Modul Prak Client-Server 2015
33/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Klik Finish untuk mengakhiri
Setelah kita menginstall kita akan mengincludkan dengan VB.net
Buat project baru > Klik kanan project > Add References.
Klik Browse > Cari posisi MySqlData.dll (ada pada program files-MySQL-MySql
Connector Net 6.5.5 Assembles v2.0)>Ok
-
7/26/2019 Modul Prak Client-Server 2015
34/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Untuk memastikan apakah connector sudah include atau belum, klik form > klik view code
> coba ketikkan seperti gambar di bawah ini. Apabila sudah muncul berarti kita sudah
berhasil mengincludenya.
3. Install Naviqat Dan Includkan dengan MySQLServer 5.1
Klik setup > Next > (cara install sudah di bahas pada Bagian II, caranya sama persis)
Setelah kita mengistall kita akan mengincludkan dengan MySQL Server 5.1
Buka Naviqat 8.5 > Klik Connections > Masukkan Nama Koneksi(sesuai keinginan kita) >
Server =sesuaikan dengan IP server >Username = root > Password =Sesuaikan
dengan password pada saat kita mengistall MySQLServer > Test Connectiosn > Ok.
-
7/26/2019 Modul Prak Client-Server 2015
35/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Apabila berhasil akan mencul seperti gambar di bawah ini.
-
7/26/2019 Modul Prak Client-Server 2015
36/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
4. Install Connector ODBC 5.1 Dan Cara Penerapannya
Install Connector (cara install sudah di bahas pada Bagian II, caranya sama persis)
Setelah Connector ODBC sudah sukses kita langsung akan coba terpakan dengan
Database
Masuk pada Panel Control > Addministrtor Tools > ODBC Data Source.
Apabila kita ingin menambah DSN(data source name) Klik Add >Pilih My SQL 5.1 Drvier >
Finish.
-
7/26/2019 Modul Prak Client-Server 2015
37/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Atur Propertiesnya seperti gambar di bawah ini > Test(untuk tes koneksi) > Ok
Hasil dari pada DSN(db_cs) yang kita buat.
=====================================================================
Tugas : Buat Video Tutorial Untuk Meninclude/Mengimport Library Connector 6.5.5
dengan project yang di buat dengan IDE Visual Studio 2010
=====================================================================
Bersambung Part II (IV, V, VI)
-
7/26/2019 Modul Prak Client-Server 2015
38/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Bagian IV
Mengenal Database MySQL Server 5.1
----------------------------------------------------------------------------------------------------
MySQL adalah salah satu softaware system manajemen database(DBMS) Structured QueryLanguage (SQL) yang bersifat open sorce(gratis!!!). SQL adalah bahasa standart untuk
mengakses database dan di definisiakn dengan standart ANSI/ISO SQL. MySQL
dikembangkan, disebarluaskan, dan didukung oleh MySQL AB. MySQL AB adalah perusahaan
komersial yang didirikan oleh pengembang MySQL. MySQL merupakan aplikasi Relation
Database Mangement System (RDBMS) yang dapat digunakan sebagai aplikasi client-server
atau system embedded.
1. Mengenal MySQL
MySQL memiliki beberapa sifat yang menjadikannya sebagai salah satu software databaseyang banyak di gunakan oleh pemakai di seluruh dunia. Sifat-sifatnya antara lain:
Merupakan DBMS(Database Management System)
Database adalah kumpulan data yang terstruktur. Data dapat bersifat belanja, kumpulan
gambar, atau yang lebih luas yakni informasi jaringan perusahaan. Agar dapat
memanipulasi data pada sebuah computer database, kita membutuhkan system
manajemen database (DBMS). DBMS memainkan peran utama dalam perhitungan baik
sebagai peralatan yang berdiri sendiri maupun bagian sebuah aplikasi
Merupakan RDBMS
Database relasional menyimpan data pada tabel-tabel yang terpisah, bukan menyimpan
data dalam ruangan penyimpanan yang besar, hal ini menambah kecepatan akses dan
fleksibelitas.
Merupakan Open Source, setiap orang dapat menggunakan dan mengubahnya secara
Cuma-Cuma sesuai yang dibutuhkan. Software MySQL menggunakan GNU/GPL(General
Public License)
Memiliki Performa yang cepat, dan sangat mudah di gunakan.
MySQL Server bekerja pada client-server atau system embedded.
MySQL Server adalah system client-server yang terdiri atas multi-threaded SQL Server
yang medukung beckend yang berbeda, beberapa program client dan
pustaka(libraries)berbeda peralatan administrator, dan jangkauan luas API.
-
7/26/2019 Modul Prak Client-Server 2015
39/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Ada pula MySQL Server sebagai pustaka embedded multi-thread yang dapat anda
hubungkan ke dalam aplikasi untuk mendapatlkan MySQL Server yang lebih kecil,lebih
cepat, dan lebih mudah untuk mengatur produk stand alone.
MySQL memiliki sejumlah besar software pendukung
MySQL database yang paling saya senangi
2. Tipe Data MySQL Server
MySQL Server mendukung banyak tipe data yang dapat di simpan pada sebuah kolom.
Terdapat tiga kategori, tipe data yang di dukung oleh MySQL Server,yaitu :
Tipe data numeric
Tipe data string
Tipe data penganggalan dan waktu
Sebuah data yang akan di simpan harus sesuai dengan tipe kolom yang bersangkutan.
Dengan mengetahui tipe data, kita akan mengetahui cara menentukan tipe data yang sesuai
untuk sebuah kolom pada tabel. Hal ini sangat penting untuk meningktkan performa
database.
a. Data Numerik
Data numerik adalah salah satu bentuk data berupa angka, baik bilangan bulat, maupun
bilangan real, bilangan bulat dapat berupa tipe data int, tinyint, smallint, dan lainya.
Sebaliknya bilangan real dapat menyimpan data berupa pecahan.
b. Data String
Pada tipe data ini kita dapat menyimpan semua data, baik karakter, angka, waktu,
maupun tanggal, juga dapat berupa kombinansi karakter dan angka. Tipe data string pada
MySQL server dapat digolongkan menjadi dua, yaitu kelompok data yang berupa text.blob
dan selain text/blob
c. Data Penanggaln Dan Waktu
Dalam menangani data tanggal dan waktu (jam), MySQL memiliki tipe data sendiri.
Dengan tipe ini, masalah penanggalan dan waktu dapat di selesaikan dengan cepat.
3. Membuat Database dengan MySQL Server
Untuk membuat database dengan MySQL Server banyak cara bisa di lakukan mulai dari
yang paling sulit hingga yang paling mudah, tergantung kita senangnya yang mana??
Di bawah ini kita akan coba mempraktekkan dengan aplikasi console (command prompt) dan
GUI(Naviqat 8.5/yang di atasanya)
a. Dengan aplikasi console (command prompt)
Buka MySQL Command Line Client > Masukkan Password > Enter.
-
7/26/2019 Modul Prak Client-Server 2015
40/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Mulai membuat database dengan perintah Create database nama_database > enter.
Untuk melihat database ketik show databases > enter
Untuk membuat tabel di dalam database tersebut (alfath) kita harus memilih
databasenya terlebih dahulu dengan cara ketik use database nama_database > enter
-
7/26/2019 Modul Prak Client-Server 2015
41/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Buat tabel mahasiswa dengan mengetik perintah seperti gambar dibawah ini
Untuk melihat tabel ketik perintah desc nama_tabel > enter.
b. Dengan Aplikasi GUI (Naviqat)
Jalankan Aplikasi GUI Naviqat
-
7/26/2019 Modul Prak Client-Server 2015
42/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Klik kanan Nama Koneksi > New Databases > Berinama database db_alfath > Ok.
Klik kanan Tables pada database yang telah kita buat > New Table.
Desain seperti gambar di bawah ini > Jika sudah selesai klik Save > Ok
-
7/26/2019 Modul Prak Client-Server 2015
43/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Masukkan nama tabel > Ok
Hasilnya seperti gambar di bawah ini.
========================================================================
Tugas : Buat 1 Database (standart bebas), dalam database tersebut terdapat 3 tabel yang
saling berhubung/ relasi (bebas pakai aplikasi console/aplikasi gui naviqat), dan wajib
menggunakan DBMS MySQLServer
======================================================================
Sebagai Referensi untuk dasar-dasar MySQL ada modul khusus!!
-
7/26/2019 Modul Prak Client-Server 2015
44/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Bagian V
Triggers, View, Dan Store Procedure
----------------------------------------------------------------------------------------------------
Trigger digunakan untuk memanggil satu atau beberapa perintah SQL secara otomatis sebelumatau sesudah terjadi proses INSERT, UPDATE atau DELETE dari suatu tabel. Sebagai contoh
misalnya kita ingin menyimpan id pelanggan secara otomatis ke tabel log sebelum
menghapus data di tabel pelanggan. Triggers mulai dikenal di versi MySQL 5.0, dan di versi
saat ini (5.0.4) fungsionalitasnya sudah bertambah. Pada versi selanjutnya (5.1) pihak
pengembang MySQL berjanji akan lebih menguatkan (menambah) fitur trigger ini.
Trigger sering digunakan, antara lain untuk:
Melakukan update data otomatis jika terjadi perubahan. Contohnya adalah dalam sistempenjualan, jika dientri barang baru maka stock akan bertambah secara otomatis.
Trigger dapat digunakan untuk mengimplementasikan suatu sistem log. Setiap terjadi
perubahan, secara otomatis akan menyimpan ke tabel log.
Trigger dapat digunakan untuk melakukan validasi dan verifikasi data sebelum data
tersebut disimpan.
1. Membuat Triggers
BEFORE | AFTER digunakan untuk menentukan kapan proses secara otomatis akan
dieksekusi, sebelum atau sesudah proses.
INSERT | UPDATE | DELETE digunakan untuk menentukan event yang dijadikan trigger untuk
menjalankan perintah-perintah di dalam triggers.Statement atau perintah dalam trigger dapat
berupa satu perintah saja, dan dapat juga beberapa perintah sekaligus. Jika terdapat beberapaperintah dalam trigger, maka gunakan perintah BEGIN dan END untuk mengawali dan
mengakhiri perintah.
Di dalam statement trigger, kita dapat mengakses record tabel sebelum atau sesudah proses
dengan menggunakan NEW dan OLD. NEW digunakan untuk mengambil record yang akan
-
7/26/2019 Modul Prak Client-Server 2015
45/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
diproses (insert atau update), sedangkan OLD digunakan untuk mengakses record yang sudah
diproses (update atau delete).
Contoh Penerapan :
Kita buat database create database [nama_database] > enter
Kita pilih database use [nama_database]> enter
Kita buat tabel create table [nama_tabel](Nim char(15) not null, Nama varchar(30),
Alamat varchar(60), Jurusan char(15)) > enter
Hasilnya seperti gambar di bawah ini
------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------
Penting : nama database db_triggers, dan nama tabel mahasiswa
Kita buat tabel log_mhs untuk menyimpan kejadian dari proses eventtriggers
---------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------
-
7/26/2019 Modul Prak Client-Server 2015
46/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Kita buat triggers triggers_mhs
-------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------
Kita masukkan data ke dalam tabel mahasiswa
-------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------
2. Membuat View
Views di MySQL mulai disediakan pada versi 5.0. Views merupakan suatu tampilan tabel
virtual. Views berisi perintah SELECT ke tabel dalam database.Views dapat digunakan untuk
mempermudah kita dalam pembuatan laporan atau tampilan database yang diinginkan
dengan cepat. Dengan kata lain, views merupakan perintah SELECT yang disimpan,
sehingga setiap saat kita membutuhkannya, kita dapat langsung memanggilnya tanpa perlu
mengetikkan perintah SELECT kembali.
View dibuat atau didefinisikan dengan menggunakan perintah CREATE VIEW. Bentuk umum
perintah untuk membuat (mendefinisikan) view, sebagai berikut:
Contoh Penarapan :
Kita buat database baru dengan nama db_pelanggan
Kita buat tabel baru dengan nama tbl_pelanggan
Coba perhatiakan gambar di bawah ini.
-
7/26/2019 Modul Prak Client-Server 2015
47/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Kita akan membuat view untuk menampilkan Id Pelanggan, Nama Pelanggan, Dan
No_Telp
3. Membuat Fungsi Prosedure(Store Procedure ini yang umum di bilang )
Function dan Stored Procedure merupakan fitur utama yang paling penting di MySQL 5.
Function dan Stored Procedure merupakan suatu kumpulan perintah atau statement yang
disimpan dan dieksekusi di server database MySQL. Dengan SP (Stored Procedure), kita
dapat menyusun program sederhana berbasis sintaks SQL untuk menjalankan fungsi
tertentu. Hal ini menjadikan aplikasi yang kita buat lebih efektif dan efisien.
Berikut ini beberapa keuntungan menggunakan Stored Procedure:
-
7/26/2019 Modul Prak Client-Server 2015
48/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Lebih cepat. Hal ini karena kumpulan perintah query dijalankan langsung di server.
Berbeda dengan jika dijalankan secara sekuensial di bahasa pemrograman, akan lebih
lambat karena harus bolak-balikantara client dan server.
Menghilangkan duplikasi proses, pemeliharaan yang mudah. Pada dasarnya operasi
yang terjadi di suatu aplikasi terhadap database adalah sama. Secara umum, di dalam
aplikasi biasanya terdapat operasi untuk validasi data inputan, menambahkan record
baru, mengubah record, menghapus record dan sebagainya. Dengan SP, mungkin kita
dapat menghindari adanya duplikasi proses yang kurang lebih sama, sehingga
pemeliharaannya juga jadi lebih mudah.
Meningkatkan keamanan database. Dengan adanya SP, database akan lebih aman
karena aplikasi yang memanggil SP tidak perlu mengetahui isi di dalamnya. Sebagai
contoh, dalam proses menambahkan data (insert), kita membuat suatu SP khusus.
Dengan demikian, saat client atau aplikasi akan menambahkan data (insert) maka tidak
perlu tahu nama tabelnya, karena hanya cukup memanggil SP tersebut dengan
mengirimkan parameter yang diinginkan.
Selanjutnya, Stored Procedure dari segi bentuk dan sifatnya terbagi menjadi 2 (dua), yaitu
FUNCTION dan PROCEDURE. Perbedaan utama antara function dan procedure adalah
terletak pada nilai yang dikembalikannya (di-return). Function memiliki suatu nilai yang
dikembalikan (di-return), sedangkan procedure tidak. Umumnya suatu procedure hanya
berisi suatu kumpulan proses yang tidak menghasilnya value, biasanya hanya menampilkan
saja.
Contoh Penerapan :
Untuk meilhat hasilnya cukup call [nama_procedure]
-
7/26/2019 Modul Prak Client-Server 2015
49/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Penting : Untuk Triggers, View, Dan Store Procedure tidak akan di bahas lebih jauh!! Sebab
itu masuk pada mata kuliah Rancangan Basis Data
=====================================================================
Tugas : Buat 1 Database (standart bebas), dalam database tersebut buatkan 1 tabel untuk
menginputkan data, dan 1 tabel untuk menyimpan kejadian hasil trigger. Lalu buatkan
trigger dan viewnya
=====================================================================
-
7/26/2019 Modul Prak Client-Server 2015
50/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Bagian VI
Perancangan Database Dan Desain Aplikasi
----------------------------------------------------------------------------------------------------
Sebagai contoh kasus kita akan membuat database untuk aplikasi proses transaksi penjualanKomputer. Mengingat transaksi penjualan banyak menyangkut proses transaksi yang mudah di
pahami tentang masukkan data, proses data, dan output data.
1. Perancangan Database
Sebelum merancang database tentunya kita harus tahu persis tentang desain sistem seperti
apa akan kita bangun. Perhatikan gambar contoh kasus di bawah ini:
----------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------Sekarang kita akan tentukan tugas Bagian Kasir, Bagian Penggudangan, Dan Bagian Servis
Kasir : melakukan proses transaksi pembelian, penjualan, serta cetak nota, serta inputa
data servis.
Penggundangan : melakukan penginputan data master yakni barang, supplier, dan return.
Servis : mengupdate data servis
Dari contoh kasus di atas kita akan bisa menentukan database, jumlah tabel, dan komponen-
komponen dari tiap tabel tersebut.
Nama database : db_penjualanNama Tabel Untuk Data Master : tbl_barang, tbl_suplier, tbl_return
Nama Tabel Untuk Data Transaksi : tbl_pembelian, tbl_pembelian_dtl, tbl_penjualan,
tbl_penjualan_dtl, tbl_servis, tbl_servis_detail
Nama Laporan : laporan barang, pembelian, penjualan, servis, dan laporan return.
-
7/26/2019 Modul Prak Client-Server 2015
51/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
1.1 Membuat database
Buka naviqat > klik kanan pada parameter connections > New Database > berinama
database(db_penjualan) > Ok
Penting : apabila mau membuat dengan menggunakan perintah query sql silahkan
1.2 Membuat Tabel
Tabel barang : Klik kanan pada Tables > New Tables > Desain tbl_barang sesuai
kebutuhan > klik save/save as, secara otomatis kita akan diminta untuk memasukan
nama tabel lalu (tbl_barang) > Ok.
-
7/26/2019 Modul Prak Client-Server 2015
52/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Tabel Suplier : prosesnya sama dengan proses pembuatan tabel barang, yang
mebedakan ialah nama field-fieldnya.
Tabel Pembelian :
-
7/26/2019 Modul Prak Client-Server 2015
53/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Tabel Pembelian Detail:
Tabel Penjualan :
Tabel Penjualan Detail:
Tabel Servis :
-
7/26/2019 Modul Prak Client-Server 2015
54/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Tabel Servis Detail:
Tabel Return :
1.3 Membuat relasi antar tabel dalam database db_penjualan Apabila kita telah telah
membuat tabel dengan benar akan terlihat seperti gambar di bawah ini.
-
7/26/2019 Modul Prak Client-Server 2015
55/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Penting : apabila rancangan untuk database telah kita buat, maka kita akan memudah
membuat Procedure, Function, Views, Dan Triggers.
2. Perancangan Aplikasi User Interface
Penting : kita tidak akan membahas terlalu jauh cara membuat menu, menambah form,
desain tampilan dan semacamnya karena pada dasarnya sudah di ajarkan pada
pemrograman visual II.
2.1 Membuat Menu Utama
Buka Microsoft Visual Studio 2010 Ultimate/Express > File > New Project > Visual
Basic > Windows > Windows Form Aplication > Name (AplTranspen) > Ok.
-
7/26/2019 Modul Prak Client-Server 2015
56/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Secara Default akan membentuk project dengan satu Form bawaan dengan nama
Form1, ubah nama Form1 dengan FrmUtama. Klik simpan > secara otomatis kita
akan diminta untuk menentukan folder untuk menyimpan project yang kita buat.
-
7/26/2019 Modul Prak Client-Server 2015
57/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Klik Save untuk menyimpan project kita.
Masih pada FrmUtama > Atur propertiesnya seperti di bawah ini, tujuannya ialah kita
akan membuat FrmUtama menjadi Form Induk.
Tambahkan komponen MenuStrip, Dan desain seperti gambar di bawah ini.
-
7/26/2019 Modul Prak Client-Server 2015
58/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Tambahkan komponen StatusStrip atur sesuai kehendak anda, minimal seperti
gambar di bawah ini!
Sekarang tambahkan satu buah Form untuk Form Setting Koneksi dan berinama
FrmKoneksi. Dengan cara klik kanan project > Add > Windows Form > Add.
-
7/26/2019 Modul Prak Client-Server 2015
59/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Desain seperti gambar di bawah ini.
No Komponen Nama Parameter Propertiesnya
1 Button1 BtnKoneksi
2 Button2 BtnBatal
3 Text1 tServer
4 Text2 tUsername
5 Text3 tPassword
6 Text4 tDatabase
Kembali pada FrmUtama, pada menu Navigasi Opsi > Klik ganda pada Setting
Koneksi DB > Masukkan Code Program seperti di bawah ini.
=====================================================================
Private SubSettingKoneksiDB_Click(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)HandlesSettingKoneksiDB.Click
DimfrmKoneksiAs NewFrmKoneksi
frmKoneksi.MdiParent =MefrmKoneksi.Show()
End Sub
=====================================================================
-
7/26/2019 Modul Prak Client-Server 2015
60/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
2.2 Membuat Koneksi Ke Server (Penting Wajib Di Ingat!!!!)
Klik kanan project tambahkan satu buah Module > Berinama ClassKoneksi
Sebelum kita mulai mengetik code program untuk koneksi database ke server, harus
dipastika mysql-connector 6.6.5 sudah di install (pada bab III sudah di bahas),
sekarang kita akan menginport library tersebut ke dalam project yang kita buat
sekarang.
Klik kanan project > Add References > Pilih tab browse > Cari File MySql.Data.dll >
Ok.
Untuk memastikan apakah library MySql.Data.dll sudah berhasil kita import atau
tidak, kita akan mencoba mengetik code program seperti di bawah ini. Apabila
berhasil akan tampak seperti gambar di bawah ini.
-
7/26/2019 Modul Prak Client-Server 2015
61/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
======================================================================
======================================================================
Sekarang kita akan mulai mengetik code program. Klik ganda pada ClassKoneksi,
lalu ketikkan code program seperti di bawah ini.
=====================================================================
ImportsMySql.Data.MySqlClientModuleClassKoneksi
'========================================================''== deklarasi mas bro == :)PublicConnAsMySqlConnectionPublicDataAdpAsMySqlDataAdapterPublicDataRdAsMySqlDataReader
PublicCmdAsMySqlCommandPublicTblAsDataTablePublicDataSTAsDataSet
PublicStr, Server, Username, Password, DatabaseAs String'========================================================='Public SubBukaKoneksi()
WithFrmKoneksi
Server = .tServer.TextUsername = .tUsername.TextPassword = .tPassword.TextDatabase = .tDatabase.Text
TryStr ="Server='"& Trim(Server) &"';Database='"& Trim(Database) &
"';Uid='"& Trim(Username) &"';Password='"& Trim(Password) &"'"
Conn =NewMySqlConnection(Str)IfConn.State =ConnectionState.ClosedThen
Conn.Open()MessageBox.Show(" Database '"& Database &"' Berhasil Terkoneksi Ke
Server "," IP Server '"& Server &"' ")FrmKoneksi.Close()
End IfCatchsyahrirAsException
MessageBox.Show(syahrir.Message)End Try
End With
End SubEnd Module
=====================================================================
-
7/26/2019 Modul Prak Client-Server 2015
62/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Pada FrmKoneksi > Klik ganda pad BtnKoneksi > Lalu ketikkan code program seperti
di bawah ini.
========================================================================
ImportsApotik.KoneksiPublic ClassFmSetting
Private SubBtnKoneksi_Click(ByValsenderAsSystem.Object,ByValeAsSystem.EventArgs)HandlesBtnKoneksi.Click
IfTServer.Text =""OrTUsername.Text =""OrTPassword.Text =""OrTDatabase.Text =""Then
MessageBox.Show("Data belum lengkap")Else
CallKoneksiDatabase()
End IfEnd Sub
End Class
=====================================================================
Tekan F5 untuk menjalankan aplikasi dan hasilnya seperti gambar di bawah ini.
2.3 Membuat Form untuk input data barang, data supplier, data return, data pengguna
Tambahkan Form baru berinama FrmInputBarang, desain seperti gambar di bawah
ini.
-
7/26/2019 Modul Prak Client-Server 2015
63/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Tambahkan Form berinama FrmInputSuplier desain tampilan seperti gambar di
bawah ini.
-
7/26/2019 Modul Prak Client-Server 2015
64/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Tambahkan Form berinama FrmInputReturn serta desain tampilanya seperti
gambar di bawah ini.
Tambahkan Form berinama FrmInputPengguna serta desain tampilanya seperti di
bawah ini.
2.4 Membuat Form untuk transaksi Pembelian, Penjualan, Dan Servis
Tambahkan Form dan berinama FrmPembelian dan desain seperti gambar di bawah
ini.
-
7/26/2019 Modul Prak Client-Server 2015
65/66
STMIK Bumigora Mataram Pemrograman Berbasis CS Dengan VB.Net
Tambahkan Form dan berinama FrmPenjualan dan desain seperti gambar di bawah
ini.
-
7/26/2019 Modul Prak Client-Server 2015
66/66
Tambahkan Form berinama FrmServis dan desain tampilanya seperti gambar di
bawah ini.
----------------------------------------------------------------------------------------------------------------------------
Tugas : Desain Tampilan Form Untuk Servis Komputer Sebagus Mungkin
dengan mengacu pada Field-Field tabel servis dan servis detail
----------------------------------------------------------------------------------------------------------------------------
Bersambung Pada Part 3 (VII, VIII, IX) untuk Part 3 sedang proses pembuatan
Referensi :
- Head Book A Brain-Friendly Guide First C#.Net And VB.net By Andre Stellman And
Jenifer Greene.
- Boom Visual Basic2010 Subari - Yuswanto
- E-Book Didik Setiady Dan Achmad Solichi MySQLServer Dan Naviqat
- PASMembuat Aplikasi Akademik Berbasis Client-Server Dengan VB.Net
Referensi On-Line :
- www.CodeProject.com
- www.PVBI.Facebook.com
- www.VBHelper.com