eBook Membuat Aplikasi Client Server Menggunakan Vb.net Dan Php

1
EBOOK MEMBUAT APLIKASI CLIENT SERVER

MENGGUNAKAN VB.NET DAN PHP
___
________
INTERNET
___
____________
___________________
_________________________
Email : artkustik90@yahoo.co.id
Blog : http://artkustik1990-aris.blogspot.com/
VISUAL BASIC.NET
Menurut wikipedia Microsoft Visual Basic .NET adalah sebuah alat untuk
mengembangkan dan membangun aplikasi yang bergerak di atas sistem .NET
Framework, dengan menggunakan bahasa BASIC. Dengan menggunakan alat ini,
para programmer dapat membangun aplikasi Windows Forms, Aplikasi web berbasis
ASP.NET, dan juga aplikasi command-line. Alat ini dapat diperoleh secara terpisah
dari beberapa produk lainnya (seperti Microsoft Visual C++, Visual C#, atau Visual
J#), atau juga dapat diperoleh secara terpadu dalam Microsoft Visual Studio .NET.
Bahasa Visual Basic .NET sendiri menganut paradigma bahasa pemrograman
berorientasi objek yang dapat dilihat sebagai evolusi dari Microsoft Visual Basic versi
sebelumnya yang diimplementasikan di atas .NET Framework. Peluncurannya
mengundang kontroversi, mengingat banyak sekali perubahan yang dilakukan oleh
Microsoft, dan versi baru ini tidak kompatibel dengan versi terdahulu.
Terdapat tiga buah versi Visual Basic yang dirilis hingga bulan Agustus 2007, yakni:
Visual Basic .NET 2002 (VB 7.0)
Versi pertama dari Visual Basic .NET adalah Visual Basic .NET 2002 yang dirilis
pertama kali pada bulan Februari 2002. Visual Basic .NET 2002 merupakan sebuah
bahasa pemrograman visual yang berbasis bahasa BASIC (sama seperti halnya Visual
Basic 6.0, tetapi lebih disempurnakan dan lebih berorientasi objek), dan didesain
untuk berjalan di atas Microsoft .NET Framework versi 1.0.
Versi 7.0 ini dirilis bersamaan dengan Visual C# dan ASP.NET. Bahasa C#, yang
dianggap sebagai jawaban terhadap Java, mendapatkan perhatian yang lebih banyak
dibandingkan dengan VB.NET yang kurang begitu banyak diulas. Hasilnya, sedikit
orang di luar komunitas Visual Basic yang memperhatikan VB.NET. Versi pertama ini
kurang mendapat sambutan yang bagus dari para programmer, dan pada saat itu,
program berbasis Visual Basic 6.0 sedang marak-maraknya dibuat. Para programmer
yang mencoba Visual Basic .NET untuk pertama kali akan merasakan bahwa Visual
Basic .NET sangatlah berbeda dibandingkan dengan Visual Basic sebelumnya. Contoh
yang paling mudah adalah runtime engine yang lebih besar 10 kali lipat
dibandingkan Visual Basic 6.0, dan juga meningkatkan beban di memori.
Visual Basic .NET 2003 (VB 7.1)
Selanjutnya, pada bulan Maret 2003, Microsoft pun merilis lagi versi yang
lebih baru dari Visual Basic .NET, Visual Basic .NET 2003. Versi ini berisi beberapa
perbaikan dibandingkan dengan versi sebelumnya, dan aplikasi yang dibuatnya dapat
berjalan di atas .NET Framework versi 1.1. Fitur yang ditambahkan adalah dukungan
terhadap .NET Compact Framework dan mesin wizard upgrade VB6 ke VB.NET yang
telah ditingkatkan. Peningkatan yang lainnya adalah peningkatan pada performa dan
keandalan dari Integrated Development Environment (IDE) Visual Basic itu sendiri,
dan juga runtime engine.
Visual Basic .NET 2003 tersedia dalam beberapa jenis cita rasa: Professional,
Enterprise Architect dan Academic Edition. Khusus untuk Visual Basic .NET 2003
Academic Edition, versi tersebut didistribusikan secara gratis untuk beberapa sekolah
di dalam setiap negara; versi Professional dan Enterprise Architect merupakan
produk komersial.
Visual Basic 2005 (VB 8.0)
Setelah itu, Microsoft pun berkonsentrasi dalam mengembangkan
Microsoft .NET Framework 2.0, dan tentunya alat bantu untuk membangun program
di atasnya. Hingga pada tahun 2005, mereka pun merilis versi terbaru dari Visual
Basic .NET, yang kali ini disebut dengan Visual Basic 2005 (dengan membuang kata
".NET"), bersama-sama dengan beberapa aplikasi pengembangan lainnya.
Untuk rilis 2005 ini, Microsoft menambahkan beberapa fitur baru, di antaranya
adalah:
Edit and Continue
Fitur ini sebelumnya terdapat di dalam Visual Basic, akan tetapi dihapus di dalam
Visual Basic .NET. Dengan keberadaan fitur ini, para programmer dapat memodifikasi
kode pada saat program dieksekusi dan melanjutkan proses eksekusi dengan kode
yang telah dimodifikasi tersebut.
Evaluasi ekspresi pada saat waktu desain
Munculnya Pseudo-Namespace "My", yang menyediakan: Akses yang mudah
terhadap beberapa area tertentu dari dalam .NET Framework yang tanpanya
membutuhkan kode yang sangat signifikan.
Kelas-kelas yang dibuat secara dinamis (khususnya My.Forms).
Peningkatan yang dilakukan terhadap konverter kode sumber dari Visual Basic ke
Visual Basic .NET.
Penggunaan kata kunci (keyword) Using, yang menyederhanakan penggunaan
objek-objek yang membutuhkan pola Dispose untuk membebaskan sumber daya
yang sudah tidak terpakai.
Just My Code, yang menyembunyikan kode reusable yang ditulis oleh alat bantu
Integrated Development Environment (IDE) Visual Studio .NET.
Pengikatan sumber data (Data Source binding), yang mampu mempermudah
pengembangan aplikasi basis data berbasis klien/server.
Fungsi-fungsi yang tersebut di atas ditujukan untuk memfokuskan Visual Basic .NET
sebagai sebuah platform pengembangan aplikasi secara cepat dan "menjauhkannya"
dari bahasa C#.
Bahasa Visual Basic 2005 memperkenalkan fitur-fitur baru, yakni:

Bawaan .NET Framework 2.0:
Generics
Partial class, sebuah metode yang dapat digunakan untuk mendefinisikan
beberapa bagian dari sebuah kelas di dalam sebuah berkas, lalu menambahkan
definisinya di lain waktu; sangat berguna khususnya ketika mengintegrasikan kode
pengguna dengan kode yang dibuat secara otomatis.
Nullable Type
Komentar XML yang dapat diproses dengan menggunakan beberapa alat
bantu seperti NDoc untuk membuat dokumentasi secara otomatis.
Operator overloading
Dukungan terhadap tipe data bilangan bulat tak bertanda (unsigned integer)
yang umumnya digunakan di dalam bahasa lainnya.
Visual Basic 9.0 (Visual Basic 2008)
Versi ini merupakan versi terbaru yang dirilis oleh Microsoft pada tanggal 19
November 2007, bersamaan dengan dirilisnya Microsoft Visual C# 2008, Microsoft
Visual C++ 2008, dan Microsoft .NET Framework 3.5.
Dalam versi ini, Microsoft menambahkan banyak fitur baru, termasuk di antaranya
adalah:
1. Operator If sekarang merupakan operator ternary (membutuhkan tiga
operand), dengan
sintaksis If (boolean, nilai, nilai). Ini dimaksudkan untuk mengganti fungsi IIF.
2. Dukungan anonymous types
3. Dukungan terhadap Language Integrated Query (LINQ)
4. Dukungan terhadap ekspresi Lambda
5. Dukungan terhadap literal XML
6. Dukungan terhadap inferensi tipe data.
7. Dukungan terhadap 'LINQ'
Kelebihan dan kekurangan VB .NET

Kelebihan
1. VB.NET menyediakan Visual Basic untuk Web.
2. VB.NET menyediakan akses ActiveX Data Object(ADO).
3. VB.NET memiliki Windows Form designer
4. VB.NET terdapat fasilitas Bug dan Real Time Background Compiler.
5. VB.NET mengatasi berbagai masalah yang sulit dan mengefisiensikan
pengembangan disekitar
aplikasi berbasis windows
Kekurangan
1. Berbayar kecuali yang express edition

2. memerlukan installasi netframework sebelum di gunakan
INSTALLASI MICROSOFT VISUAL STUDIO 2010
Pada tutorial kali ini saya akan membahas tentang bagaimana cara menginstall
Microsoft visual studio 2010. Pertama running dulu aplikasi Visual studio 2010,
selanjutnya akan di hadapkan pada menu setup seperti gambar di bawah ini, pada
menu tersebut ada dua pilihanya yaitu;
1. Install Microsoft Visual Studio 2010
2. Check for Service Release
double click option Install Microsoft Visual Studio 2010
Gambar1. Installasi langkah1

Langkah kedua akan bertemu dengan from seperti di bawah ini, di bagian ini
aplikasi hanya meminta persetujuan untuk melakukan pengiriman informasi ke
Komputer, jadi bisa langsung klik next untuk melanjutkan
Gambar 2. Installasi langkah2

Langkah ketiga akan di minta untuk menonaktifkan semua aplikasi yang
sedang berjalan di komputer , lalu di bagian ini juga terdapat dua option, pilih saja
option I have read and accept the license terms, jika sudah klik next
Gambar 3. Installasi langkah 3

Di langkah ke lima anda tinggal tunggu aja aplikasi ini akan memulai proses
installasi, ada banyak hal yang harus di install untuk aplikasi ini, jadi membutuhkan
waktu yang cukup lama untuk menyelesaikannya,
Selanjutnya langkah keenam, proses installasi pun selesai, tetapi coba lihat di
sebelah kiri pada gambar di bawah ini, terdapat informasi kegagalan melakukan
upgrade Microsoft SQL server 2008, hal itu di sebabkan karena komputer belum
melakukan installasi SQL server , untuk tutorial installasi SQL server ada di tutorial
berikutnya
Gambar 4. Installasi selesai

Tampilan awal Visual studio 2008
Gambar 5 . Tampilan awal visual studio 2008
Membuat project baru
Gambar 6 . menu file

Untuk membuat project baru, caranya dengan memilih menu file new project,
kemudian akan muncul tampilan seperti berikut;
Gambar 7. New Project

10
Pada gambar diatas terdapat project type dengan option windows, mengapa
windows ? karena project ini akan membuat dokumen vb secara desktop, berbeda
dengahn pilihan dibawahnya, yang digunakan untuk membuat dokumen vb berbasis
web dll,
Langkah selanjutnya adalah memilih windows form application pada
ntemplates dan mengubah name dengan Project pertama lalu OK, Jika sudah maka
akan muncul tampilan seperti gambar dibawah ini,
Gambar 8. Halaman kerja vb.net

Pada halaman kerja vb.net adalah tempat dimana anda membuat aplikasi,
pada bagian tengah terdapat tab desain yang berguna untuk mendesain tampilan
aplikasi yang akan anda buat, dan pada tab desain juga bisa anda ubah menjadi tab
source dengan cara melakukan double klik pada area form, seperti berikut
11
Gambar 9. tab source
12
Melakukan Penyimpanan / Save
Gambar 10. save

Seperti gambar diatas untuk melakukan penyimpanan dapat mengklik menu
file kemudian save, ada beberapa metode penyimpanan pada vb.net yaitu save
halaman tunggal, save as atau menyimpan ndengan nama berbeda, dan save all
biasanya metode ini digunakan untuk menyimpan halaman vb secara serentak bisa 2
atau lebih halaman vb.
Membuka Project
Jika anda sudah memiliki project yang sudah pernah anda buat, kemudian anda ingin
memanggilnya kembali, anda dapat melakukannya dengan menggunakan menu
open project, seperti gambar dibawah ini
13
Gambar 11. Open project

Caranya adalah dengan mengklik menu file lalu open project, kemudian akan muncul
tampilan seperti gambar dibawah ini,
Gambar 12. open project

Jika sudah klik OK
14
Hello Word
Langkah pertama yang harus kalian lakukan adalah membuka lembar kerja
vb.netnya
Klik New project > Windows forms application>isi kolom Name: Hello Word >lalu OK
Kini kalian sudah berada dalam lembar kerja
Pada langkah kedua coba desain form menjadi seperti gambar di bawah ini;
Gambar 13. Button coba di klik

Caranya;
1. Drag menu button yang ada pada toolbox ke form kalian
2. Padajendela properties ubah text menjadi Coba Di Klik
Jika sudah selesai mendesain coba kalian double klik button itu lalu buat script
seperti di bawah ini;
Gambar 14. kode hello world

Silahkan Kalian Runing, dan lihat hasilnya akan seperti di bawah ini
15
Gambar 15. hasil hello world

Penjelasan Kode
Public class form 1 : inisialisasi class yaitu form1, maksudnya kode yang kalian
tuliskan berada dalam form 1
Private sub button1_click : Kode di tuliskan dalam sub button1
MessageBox.Show ( Hello Word ) : menampilkan message box yang bertuliskan
kalimat Hello Word)
End class : Selesai
Variables
Variable adalah objek penelitian, atau apa yang menjadi fokus di dalam suatu
penelitian. Menurut F.N. Kerlinger variabel sebagai sebuah konsep. Variabel
merupakan konsep yang mempunyai nilai yang bermacam-macam. Suatu konsep
dapat diubah menjadi suatu variabel dengan cara memusatkan pada aspek tertentu
dari variabel itu sendiri.
Langkah pertama yang harus kalian lakukan adalah membuka lembarkerja
vb.netnya
Klik New project > Windows forms application>isi kolom Name: Variables >lalu OK
16
Gambar 16. Button Lihat variable

Caranya;
1. Drag menu button yang ada pada toolbox ke form kalian
2. Pada jendela properties ubah text menjadi Lihat Variable
Jika sudah selesai mendesain coba kalian double klik button itu lalu buat script
Gambar 17. Kode variable

Silahkan Kalian Runing, dan lihat hasilnya akan seperti di bawah ini
Gambar 18. Hasil Variable

Jika Kalian Klik tombol ok akan muncul tampilan kedua seperti di bawah ini;
17
Gambar 19. Hasil variable 2
Statement IF
Pernyataan bersyarat digunakan untuk melakukan tindakan yang berbeda
berdasarkan pada kondisi yang berbeda.
if statement Digunakan untuk mengeksekusi beberapa kode hanya jika

kondisi tertentu adalah benar.
ifelse statement -Digunakan untuk mengeksekusi beberapa kode jika
kondisi benar dan kode lain jika kondisi salah.
ifelse if.else statement Digunakan untuk memilih salah satu dari banyak
blok kode yang akan dieksekusi.
switch statement menggunakan pernyataan ini untuk memilih salah satu
dari banyak blok kode yang akan dieksekusi
Langkah pertama yang harus kalian lakukan adalah membuka lembar

kerjavb.netnya
Klik New project > Windows forms application>isi kolom Name: if >lalu OK
Pada langkah kedua coba desain form menjadi seperti gambar di bawah ini
18
Gambar 20. Desain statement if

Caranya;
1. Drag 1 buah textbox pada form
2. Drag 1 buah label
3. Drag 1 buah button lalu ubah property textnya menjadi Cek
Lalu double klik button Eksekusi tulis script di bawah ini;
Gambar 21. Kode statement if

Jika sudah bisa langsung kalian running, Tampilan awal akan seperti di bawah ini ;
Gambar 22. Isi kalimat
19
Lalu pada textboox kalian coba ketikan kata Allah, maka tampilan akan berubah
menjadi;
Gambar 23. Hasil if statement
Penjelasan
Gambar 24. Penjelasan program if statement
20
FUNGSI MATEMATIKA
kerjavb.netnya
Klik New project > Windows forms application>isi kolom Name: Fungsi
Matematika>lalu OK
Padalangkah kedua coba desain form menjadi seperti gambar di bawah ini;
Gambar 25. Membuat button1

Kalian hanya perlu menggunakan 1 buah button saja, kmudian double klik, lalu tulis
script di bawah ini ;
Gambar 26 . Kode matematika

Coba lihat script perhitungan di atas, pada kali ini saya hanya menggunakan
variable min saja, kalian bisa coba untuk merubahnya sendiri menjadi variable Plus,
kali atau bagi.
Jika sudah bisa kita running, maka akan muncul tampilan seperti gambar di bawah
ini;
21
Gambar 27. Hasil perhitungan matematika

Penjelasan ;
Gambar 28. Penjelasan fungsi matematika
22
Kalkulator
kerjavb.netnya
Klik New project > Windows forms application>isikolom Name: Kalkulator>lalu OK
Gambar 29. Desain kalkulator

Caranya;
1. Drag menu 4 button yang ada pada toolbox ke form kalian, ubah pada property
seperti gambar di atas
2. Buat 3 buah textbox dengan 1 buah label di tiap sisinya
Jika sudah selesai mendesain coba kalian double klik button itulalu buat script
23
Gambar 30. Kode kalkulator
Silahkan Kalian Runing, dan lihat hasilnya akan seperti di bawah ini ;
Gambar 31. Hasil kalkulator

Silahkan kalian coba fungsi tiap tombolnya masing-masing.
24
Penjelasan
Gambar 32 . Penjelasan Kode kalkulator
25
Progress bar
kerjavb.netnya
Klik New project > Windows forms application>isikolom Name: Progress Bar>lalu OK
Pada langkah kedua coba desain form menjadi seperti gambar di bawah ini ;
Gambar 33. Desain progress bar

Ikuti langkah berikut
1. Drag menu button lalu ubah property textnya menjadi loading
2. Drag Progressbar atur sesuai selera
3. Double klik button loading lalu tuliskan script seperti di bawah ini
Gambar 33. Kode progress bar

Jika sudah silahkan kalian running. Maka akan muncul tampilan seperti gambar di
bawah ini
Gambar 34. Hasil progress bar

26
Penjelasan
Gambar 35. Penjelasan progress bar
27
Listbox
kerjavb.netnya
Klik New project > Windows forms application>isikolom Name: ListBox>lalu OK
Gambar 36. Desain listbox

Ikuti Langkah berikut
1. Drag Textbox pada form
2. Beri satu buah Button lalu ubah text propertinya menjadi Start
3. Drag ListBox
4. Lalu ikuti script program di bawah ini
Gambar 37. Kode listbox

Lalu silahkan kalian running,maka akan menghasilkan tampilan seperti di bawah ini;
28
Gambar 38 . Hasil Listbox
Penjelasan
Gambar 39. Penjelasan kode listbox
29
Mengganti Form
kerjavb.netnya
Klik New project > Windows forms application>isi kolom Name: Form1>lalu OK.
Gambar 40. desain form

Lalu buat form satu lagi dengan cara klik kanan Solution explorer lalu pilih Windows
form baru,
Beri nama Form2, buat seperti di bawah ini
Gambar 41. Desain ke 2 form

Lalu pada Form1 double klik button kemudian tulis script program berikut;
Gambar 42. Kode program form

30
Setelah itu bisa kalian running, maka output yang di hasilkan adalah sebagai berikut ;
Gambar 43. Hasil pindah form
Penjelasan ;
Gambar 44. Penjelasan program form
31
Checkbox dan radiobutton

Langkah pertama yang harus kalian lakukan adalah membuka lembar kerja
vb.netnya
Klik New project
> Windows forms application
>isi kolom Name: CheckBoxdanRadioButton>lalu OK.
Gambar 44. desain radio dan check

Ikuti Langkah berikut ini
1. Buat 1 buah Groupbox
2. Drag kedalam Groupbox 2 buah CheckBox yang property textnya diubah menjadi
pilihan
A danPilihan B
3. Drag lagi kedalam Groupbox 2 buah RadioButton yang property textnya di ubah
menjadi
pilihan C danpilihan D
4. Dan yang terakhir drag sebuah Button untuk eksekusi
32
Jika sudah selesai mendesain, double klik Button 1 lalu ketik script program dibawah
ini
Gambar 45. Kode program radiobutton dan checkbox

Setelah selesai bisa langsung kalian running,maka hasilnya adalah sebagai berikut
Gambar 46. Hasil radiobutton dan checkbox

Kalian bisa mencoba sendiri satu persatu fungsi dari pilihan-pilihan di atas
Penjelasan kode
33
Gambar 47. Penjelasan program radiobutton dan checkbox
34
SIMPLE LOGIN
kerjavb.netnya
Klik New project > Windows forms application>isikolom Name: login>lalu OK
Gambar 48. Desain login

Dengan cara :
1. Drag 1 label,ubah text propertinya menjadi Login Dulu Bang
2. Buat Text Box
3. Drag Button,ubah text propertynyamenjadiMasuk Bang
Langkah ketiga buat satu buah form lagi, desainlah seperti gambar di bawah ini
Gambar 49. Desain hasil login

Caranya :
1. Buat satu buah label, ubah text propertynya menjadi Selamat Datang Abang
Sayang
Selanjutnya double klik button lalu ketikan script di bawah ini ;
35
Gambar 50. Kode program

Setelah kalian running maka hasilnya adalah seperti gambar di bawah ini
Jika Salah Password
Gambar 51. Hasil setelah di eksekusi

Dan jika password benar;
Gambar 52. Hassil benar setelah di eksekusi
36
Penjelasan
Gambar 53. Penjelasan program login
37
FOOR LOOP
For Loop mengeksekusi blok kode tertentu, atau saat kondisi tertentu adalah
benar.
Langkah pertama buat form baru, kemudian desain seperti gambar di bawah ini ;
Gambar 54. For Loop

Caranya dengan membuat satu buat button kemudian ubah textnya menjadi
for loop, klik dua kali button tersebut lalu buat kode seperti gambar di bawah ini;
Gambar 55. Kode for loop

Penjelasan Kode
Dim I as Integer , adalah variable I merupakan tipe data integer
For I = 0 to 10 , adalah melakukan looping dari 0 sampai 10
Messagebox.show (the value of I is : & i) , adalah menampilkan messagebox
Dan hasilnya adalah sebagai berikut;
38
Gambar 56. Hasil dari for loop

PERULANGAN WHILE
Perulangan while pengecekan kondisi (syarat) perulangan dilakukan sebelum
eksekusi statement yang diulang. Dalam keyword perulangan while tidak terdapat
instruksi langsung untuk pengubahan nilai variabel pencacah. Untuk mengubah nilai
variabel pencacah maka pada blok statemen yang diulang disisipkan instruksi yang
digunakan untuk merubah nilai variabel pencacah tersebut (increment/decrement).
DO WHILE
Berbeda dengan perulangan while, pada perulangan do-while pengecekan
kondisi (syarat) perulangan dilakukan setelah eksekusi statement yang diulang.
Sehingga statement dalam blok do-while paling sedikit dieksekusi satu kali
Buat form baru, kemudian desain seperti gambar di bawah ini ;
Gambar 57. Form do while

Caranya dengan membuat satu buat button kemudian ubah textnya menjadi
do while, Klik dua kali button tersebut kemudian tulis kode seperti gambar dibawah
ini;
39
Gambar 58 . Kode do while
Penjelasan kode
Num1 as integer menjelaskan bahwa variable num1 merupakan tipe data
integer
Do while num1 < 10, num1 = num1 + 1 adalah melakukan perulangan yang terus
selama perulangan tersebut masih sebatas < 10.
Hasil dari Do while
Gambar 59 . Hasil Do while
40
DO UNTIL
kerjavb.netnya
Klik New project > Windows forms application > isikolom Name: login > lalu OK
Gambar 60. Form do until
Double klik button tersebut, kemudian isi dengan kode di bawah ini;
Gambar 61. Kode do until

Gambar 62. Hasil do until

41
WEB BROWSER
Web browser adalah adalah perangkat lunak yang berfungsi untuk menerima
dan menyajikan sumber informasi di internet. Sebuah sumber informasi
diidentifikasi dengan Pengidentifikasi Sumber Seragam yang dapat berupa halaman
web, gambar, video, atau jenis konten lainnya.
Di dalah vb.net kita juga bisa membuatnya
kerjavb.netnya
Kemudian desain form menjadi seperti berikut ini ;
Gambar 63. Desain form web browser
42
Caranya ;
Buat new form kemudian buat bottom click lalu ubah textnya menjadi visit
URL.
Langkah selanjutnya adalah klik webbrowser pada toolbox kemudian atur pada form.
Klik dua kali buttom klik tersebut kemudian isi kode dibawah ini
Gambar 64. Kode web browser

Penjelasan kode;
Webbrowser1.navigate (www.google.com) adalah mengambil website ke form1
Hasil dari webbrowser
Gambar 65. Hasil web browser
43
TEXT TO SPEECH
Tutorial berikut adalah membuat system suara, dimana teks yang diinput pada
textbook akan diubaah menjadi format audio, Langkah pertama yang harus kalian
lakukan adalah membuka lembar kerjavb.netnya
Gambar 66. Desain teks audio

Caranya adalah sebagai berikut;
- Buat button kemudian uubah teksnya menjadi Speak
- Sertakan satu buah textbox di atas button speak, kemudian klik 2 kali dan
masukan kode seperti gambar dibawah ini ;
Gambar 67. Kode teks audio

Dan hasilnya adalah seperti gambar 67, jika teks di masukan pada textbox maka
speaker akan mengeluarkan output berupa suara yang di masukan.
Gambar 68. Hasil Teks speak

44
DOWNLOAD & RUNNING FILE

Kali ini akan membahas bagaimana cara membuat menu download file,
berikut caranya buka lembar kerjavb.net kemudian Klik New project > Windows
forms application > isikolom Name: login > lalu OK
Gambar 69. Form download file

Buat satu buah textbox kemudian ubah textnya menjadi Download, lalu masukan
kode di bawah ini;
Gambar 70. Kode Form Download

Penjelasan
My.Computer.Network.DownloadFile (url,C:/downloadedfile.exe) adalah
mengambil file file download.exe yang berada di direktori C:/
Process.Start (C:/downloadedFile.exe
45
ARRAY
kerjavb.netnya
Gambar 71. Message Array

Jika sudah masukan kode dibawah ini;
Gambar 72. Kode Message Array

Gambar 73. Hasil kode array dengan pilihan number 0

46
PHP
Apa itu PHP ?
Menurut Wikipedia (http://id.wikipedia.org/wiki/PHP), PHP: Hypertext
Preprocessor adalah bahasa skrip yang dapat ditanamkan atau disisipkan ke dalam
HTML. PHP banyak dipakai untuk memrogram situs web dinamis. PHP dapat
digunakan untuk membangun sebuah CMS.
Sejarah PHP
Menurut Wikipedia ( http://id.wikipedia.org/wiki/PHP ), Pada awalnya PHP
merupakan kependekan dari Personal Home Page (Situs personal). PHP pertama kali
dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih bernama
Form Interpreted (FI), yang wujudnya berupa sekumpulan skrip yang digunakan
untuk mengolah data formulir dari web.
Selanjutnya Rasmus merilis kode sumber tersebut untuk umum dan
menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber terbuka,
maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP.
Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP sudah
diimplementasikan dalam program C. Dalam rilis ini disertakan juga modul-modul
ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.
Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter
PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998,
perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis
tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang PHP:
Hypertext Preprocessing.
Pada pertengahan tahun 1999, Zend merilis interpreter PHP baru dan rilis
tersebut dikenal dengan PHP 4.0. PHP 4.0 adalah versi PHP yang paling banyak
dipakai pada awal abad ke-21. Versi ini banyak dipakai disebabkan kemampuannya
untuk membangun aplikasi web kompleks tetapi tetap memiliki kecepatan dan
stabilitas yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0. Dalam versi ini, inti dari interpreter PHP
mengalami perubahan besar. Versi ini juga memasukkan model pemrograman
berorientasi objek ke dalam PHP untuk menjawab perkembangan bahasa
47
pemrograman ke arah paradigma berorientasi objek.

Konsep Kerja PHP
Faktanya PHP adalah tag dalam sebuah bahasa HTML (HyperText Markup
Language ), HTML adalah sebuah bahasa standar yang digunakan oleh browser
Internet untuk membuat halaman dan dokumen pada sebuah Web yang kemudian
dapat diakses dan dibaca layaknya sebuah artikel. HTML juga dapat digunakan
sebagai link link antara file-file dalam situs atau dalam komputer dengan
menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia
internet.
Berikut adalah contoh kode HTML
Gambar. 74 kode html

Pada kode di atas kalimat di antara tag adalah ini adalah contoh kode HTML,
kalimat itulah yang akan di tampilkan dalam browser . Bila di jalankan di browser
maka akan menghasilkan gambar berikut :
Gambar 75. Hasil kode html

Selanjutnya di bawah ini adalah contoh kode PHP di dalam HTML, lihat pada Gambar
ini;
48
Gambar 76. Contoh kode php

Dalam script di atas terdapat tag , Script PHP di letakan di antara tag tersebut dan
di akhiri dengan tanda ; ,
= Berfungsi untuk membuat garis baru.
echo xxxxxxx ; = adalah kode pada PHP untuk menampilkan kalimat.
Bila di jalankan di browser maka akan menghasilkan gambar berikut :
Gambar 77. echo
SKEMA HTML
Gambar 78. Skema html
49
SKEMA PHP
Gambar 79. Skema PHP

Persiapan
Dalam melakukan pemograman php di butuhkan server untuk menjalankan
program, kali ini saya akan menggunakan XAMPP sebagai localserver, berikut adalah
langkah-langkah dalam menginstall XAMPP
Cara Instalasi XAMPP
Jalankan file xampp-win32-1.4.12-installer.exe , Kemudian akan tampil pilihan untuk
memilih bahasa ketika proses instalasi berjalan. Silakan pilih bahasa Indonesian
atau English, kecuali anda menguasai bahasa lainnya.
Gambar 80
Proses instalasi akan dimulai. Klik NEXT untuk memulainya.
50
Gambar 81. Selamat dating xampp
Akan muncul lisensi software. Silahkan membacanya jika anda mau, tetapi
saya lebih suka untuk tidak membacanya karena terlalu banyak. Klik Saya Setuju
untuk melanjutkan.
Gambar 82. lisensi
Selanjutnya silakan anda pilih lokasi install untuk XAMPP. Kemudian klik install
51
Gambar 83. direktori

Tunggu beberapa saat sampai proses instalasi selesai.
Gambar 84. Proses install

Instalasi selesai
Gambar 85. Install selesai
52
Sampai tahap ini, berarti kita sudah menginstal XAMPP. Itu berarti kita sudah
selesai menginstall PHP, APACHE dan MYSQL. Langkah selanjutnya adalah
menjalankan servicenya. Jalankan XAMPP Control Panel yang ada di desktop. Atau
anda juga dapat menjalankan XAMPP Control Panel dari menu Start -> All Programs > apachefriends -> xampp -> xampp control panel.
Gambar 86. Xampp

Nyalakan Apache dan Mysql dengan mengklik tombol Start. Buka web
browser anda, lalu ketikkan http://localhost. Jika tampilannya seperti di bawah ini,
maka apache sudah terinstall dengan benar.
53
Gambar 87. localhost

Latihan 1 . Hello World
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Aris Tutorial Hello_Word</title>
</head>
<body>
<?php
echo ("Hello Word !!!!");
?>
</body>
</html>
Hasil dari kode PHP diatas adalah sebagai berikut;
Gambar 88. Hello world

54
Keterangan
<?php echo=Hello world ?>
Dalam penulisan script PHP selalu diawali dengan tanda <?php dan di akhiri
dengan ?>. Perintah di atas di gunakan untuk mencetak kalimat hello word !!!!
Latihan 2. Break
<head>
<title>Aris web for</title>
</head>
<body>
<?php
for ($i=1; $i <= 10; $i++)
,
switch ($i)
,
case 5:
print("5 - break 1 <br>");
break 1;
case 7 :
print("7 - break 2 <br>");
break 2;
default:
print ("$i <br>");
break;
?>
</body>
</html>
Hasilnya adalah sebagai berikut;
55
Gambar 89. Break

Keterangan
Pada kode di atas, break (tanpa angka ) ataupun break 1 mempunyai makna
yang sama, yaitu keluar dari switch. Namun, break 2 berarti keluar dari switch dan
sekaligus keluar dari for.
Latihan 3. Case
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aris Tutorial case</title>
</head>
<body>
<form method="GET">
<p>Hari :<br />
<input type="text" name="nama_hari" />
<input type="submit" value="Tentukan Hari" />
</p>
<p> </p>
</form>
Hari Ini
<?php
$nama_hari = $_GET*"nama_hari"+;
switch ($nama_hari)
,
56
case "minggu" :
print("Minggu");
break;
case "senin" :
print("Senin");
break;
case "selasa" :
print("Selasa");
break;
case "rabu" :
print("Rabu");
break;
case "kamis" :
print("Kamis");
break;
case "jumat" :
print("Jumat");
break;
case "sabtu" :
print("Sabtu");
break;
default:
print ("Masukan Hari Dengan Benar");
?>
</body>
</html>
57
Gambar 90. Case

Keterangan
Maksud dari program di atas adalah membuat pilihan hari sesuai apa yang
telah di input
Bentuk pernyataan switch adalah
Switch (ekspresi)
,
Case ekspresi_case_1 :
Pernyataan_1 ;
Break
Case ekspresi_case_1 :
Pernyataan_1 ;
break
default :
pernyataan_n ;
Latihan 4. Continue
<head>
<title>Aris Tutorial Continue</title>
</head>
<body>
<?php
for ($i = 1; $i <= 25; $i++)
58
,
if ($i >= 10 and $i <= 15)
continue;
print ("$i <br>");
$i++;
?>
</body>
</html>
Gambar 91. Continue

Keterangan
Pernyataan continue di gunakan untuk menuju ke putaran berikutnya pada
pernyataan yang terkait dengan pengulangan
Latihan 5. Do while
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aris Tutorial dowhile</title>
</head>
<body>
<form method="GET">
<p>Angka Pertama<br />
59
<input type="text" name="name1" /><br />

Angka Kedua<br />
<input type="text" name="name2" />
<input type="submit" value="Enter" />
</p>
</form>
<?php
$name1 = $_GET*"name1"+;
do
,
print("$name1 <br>");
$name1++;
while ($name1 <= $name2);
?>
</body>
</html>
Gambar 92. Do while

Keterangan
Bentuk pernyataan do while adalah sebagai berikut
60
Do
,
Pernyataan_pernyataan
- while (ekspresi);
Coba perhatikan script berikut
do
,
print("$name1 <br>");
$name1++;
while ($name1 <= $name2);
Maksudnya adalah untuk menjalankan perintah cetak nilai dari $name1 s/d $name2
Latihan 6. Exit
<head>
<title>Aris Tutorial Exit</title>
</head>
<body>
<?php
for($i = 1; $i <= 5; $i++)
,
print("$i <br> ");
if ($i == 100)
exit;
print ("Selesai <br>");
?>
61
</body>
</html>
Dan Hasilnya adalah ;
Gambar 93. Exit

Keterangan
Pernyataan exit di gunakan untuk mengakhiri pengeksekusian
Latihan 7. For
<head>
<title>Aris web for</title>
</head>
<body>
<?php
for ($bilangan = 1; $bilangan <= 10; $bilangan++)
print ("$bilangan <br>");
?>
</body>
</html>
62
Gambar 94. For

Keterangan
Pernyataan for juga merupakan pernyataan yang biasa di gunakan untuk menangani
pengulangan proses. Pernyataan ini mempunyai bentuk sebagai.
Berikut:
For (ekspr1; ekspr2; ekspr3)
,
Latihan 8. IF
<head>
<title>Aris Tutorial IF</title>
</head>
<body>
<form method="GET">
Besar Pembelian :<br />
<input type="text" name="total_beli" />
<input type="submit" value="Tentukan diskon" />
</form>
63
<?php
$total_beli = $_GET*"total_beli"+;
if (isset($total_beli))
,
$total_beli =intval($total_beli);
$diskon = 0;
if ($total_beli >= 100000)
$diskon= intval(0.1 * $total_beli);
printf("Diskon
= %d <br>\n", $diskon);
printf("Pembayaran = %d <br>\n", $total_beli - $diskon);
?>
</body>
</html>
Gambar 95. IF
Keterangan
Skrip di atas melibatkan kode HTML berupa tag FORM, yang di gunakan untuk
menempatkan kotak text dan sebuah tombol untuk memproses pemasukan data
oleh pemakai. Script if disana berfungsi jika total beli yang di masukan adalah lebih
dari 200000
-Variable text adalah $total_beli
-$total_beli = $_GET*total_beli+; di gunakan untuk memperoleh nilai GET yang
hasilnya di simpan ke variable $total_beli
-if (isset ($total_beli)) di gunakan agar perhitungan di lakukan kalau variable
$total_beli sudah ada
64
Latihan 9.Operator
<head>
<title>Aris Tutorial operator</title>
</head>
<body>
<?php
$a=100;
$b=50;
printf ("nilai terbesar : %d <br>", $a > $b ? $a : $b);
?>
</body>
</html>
Gambar 96. Operator

Keterangan
Pada contoh di atas memberikan hasil berupa nilai, aturannya adalah jika $a
bernilai lebih besar dari $b maka akan berlaku script $a > $b, namun jika tidak
maka akan berlaku script $a : $b
Latihan 10. While
<head>
<title>Aris Tutorial while</title>
</head>
<body>
<?php
$nilai = 1;
65
while ( $nilai <= 15 )

,
print ( "$nilai" );
$nilai++;
?>
</body>
</html>
Gambar 97. While

Keterangan
Bentuk pernyataan while
While (ekspresi)
,
)
Dari program di atas menunjukan program untuk pengulangan 1 s/d 15
Coba lihat script berikut
$nilai = 1;
while ( $nilai <= 15 )
di sana menunjukan nilai yang di pakai oleh $nilai adalah 1, jadi angka pertama
yang di baca adalah 1
kemudian $nilai <=15 script itu menunjukan nilai akhir adalah 15
kemudian $nilai++ maksudnya adalah membaca nilai dari 1 s/d 15
66
MEMBUAT APLIKASI CLIENT SERVER DENGAN VB.NET DAN PHP

Aplikasi CRUD PHP
Langkah pertama adalah membuat folder crud di htdocs, lalu buat dokumen php dan
beri nama index.php, jika sudah tuliskan kode seperti berikut :
<title>Untitled Document</title>
</head><body>
<form action ="simpan.php" method="post">
<table bgcolor="#CCCCCC" width="499" border="0">
<tr>
<td width="152">No Urut</td> <td width="8">:</td> <td width="317"><input
type="text" name="no"></td>
</tr>
<tr>
<td width="152">Nama</td><td width="8">:</td><td width="317"><input
type="text" name="nama"></td>
</tr>
<tr>
<td>Tempat / Tanggal Lahir</td> <td>:</td><td><input type="text"
name="ttl"></td>
</tr>
<tr>
<td>Alamat</td>
<td>:</td>
<td><textarea name="alamat" cols="35" rows="5"></textarea></td>
</tr>
<tr>
<td></td>
<td></td>
<td><input type="submit" name="kirim" value="Simpan">
<input type="reset" value="Batal"> </td> </tr>
</table></form>
<?php
ini_set("display_errors","off");
// Koneksi ke database cobacrud
$conn = mysql_connect("localhost","root","");
$db = mysql_select_db("cobacrud",$conn);
$getquery = mysql_query ("SELECT * FROM biodata ORDER BY id DESC");
67
while ($rows = mysql_fetch_assoc($getquery))

,
$nama = $rows*'nama'+;
$alamat=$rows*'alamat'+;
$ttl=$rows*'ttl'+;
$data=$rows*'id'+;
echo"<table border=1><tr>
<td width=80> $nama </td>
<td width=80> $ttl </td>
<td width=80> $alamat </td>
<td><a href=hapus.php?id=$data*id+>hapus</a>
<a href=ubah.php?id=$data*id+>edit</a> </td>
</tr>";
?>
</body>
</html>
Kode index tersebut berguna sebagai tampilan awal saat aplikasi dijalankan,
kemudian buat aplikasi untuk koneksi database, buat dokumen php dilokasi yang
sama kemudian simpan dengan nama koneksi.php, jika sudah tuliskan kode ini
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<?php
$conn = mysql_connect ("localhost","root","") or die (" Gagal terkoneksi dengan
server ");
$db = mysql_select_db ("cobacrud",$conn) or die ( "Gagal Terkoneksi Dengan
Database");
//$inputdata = mysql_query ("INSERT INTO biodata (nama,alamat) VALUES
('Aris','jakarta')");
//$hapus = mysql_query ("DELETE FROM biodata WHERE id='23'");
//$ubah = mysql_query ("UPDATE biodata SET nama='bejo', alamat='cibubur'
WHERE id='24'");
?>
68
</body>
</html>
Keterangan : kode diatas adalah rangkaian kode untuk mengkoneksikan database,

dengan nama database = cobacrud, nama table = biodata serta nama dan alamat
sebagai isinya.
Selanjutnya buat dokumen php baru lagi, beri nama ubah.php, dokumen ini
berfungsi untuk melakukan edit database dari aplikasi, jika sudah ketik kode ini
<html>
<head>
</head>
<body>
<?php
$id = $_GET*'id'+;
$data = mysql_fetch_array(mysql_query("SELECT * FROM biodata WHERE id='$id'"));
echo "<form method=post action=edit.php?id=$id>
<tr>
<td>Nama :</td>
<td><input type=text name=nama value='$data*nama+'></td>
</tr>
<tr>
<td>Tempat tgl Lahir :</td>
<td><input type=text name=ttl value='$data*ttl+'></td>
</tr>
<tr>
<td>Alamat :</td>
<td><input type=text name=alamat value='$data*alamat+'></td>
</tr>
<br>
<br>
<input type=submit value=Ubah>
69
</form>";
?>
</body>
</html>
Selanjutnya buatlah dokumen php dengan nama hapus.php kemudian isi dengan
kode dibawah ini
<html>
<head>
</head>
<body>
<?php
$id = $_GET*'id'+;
$hapus = mysql_query("DELETE FROM biodata WHERE id='$id'");
if ($hapus) ,
echo"Data berhasil di hapus, Klik di <a href=index.php>SINI</a> untuk
melihat";
else ,
echo " Data Gagal Di Hapus, Ulangi di <a href=index.php>SINI</a>";
?>
</body>
</html>
Kode diatas berfungsi untuk melakukan oprasi penghapusan dari php, selanjutnya
buatlah dokumen php dengan nama simpan.php untuk melakukan penyimpanan
database, isi dengan kode seperti dibawah ini
<html>
<head>
70
</head>
<body>
<?php
$conn = mysql_connect ("localhost","root","") or die (" Gagal terkoneksi dengan
server ");
$db = mysql_select_db ("cobacrud",$conn) or die ( "Gagal Terkoneksi Dengan
Database");
// memanggil data yang ditulis dalam textfield
$no =$_POST*'no'+;
$name=$_POST*'nama'+;
$ttl = $_POST*'ttl'+;
$alamat = $_POST*'alamat'+;
// Proses penyimpanan data kedalam tabel biodata
$insert=mysql_query("INSERT INTO biodata (id,nama,ttl,alamat) VALUES
('$no','$name','$ttl','$alamat')");
if ($insert) ,
echo"Data berhasil di simpan, Klik di <a href=index.php>SINI</a> untuk
melihat";
else ,
echo " Data Gagal Di simpan, Ulangi di <a href=index.php>SINI</a>";
?>
</body>
</html>
Kini anda sudah memiliki 6 dokumen php yaitu Index.php, Edit.php, Hapus.php,
Koneksi.php, Simpan.php, Ubah.php. selanjutnya buatlah database = cobacrud dan
table biodata seperti dibawah ini
71
Gambar 98. Phpmyadmin

Dan isi dari table sebagai berikut
Gambar 99. tabel

Jika sudah, coba jalankan semua service pada xampp, buka browser dan ketik
localhost\crud\ maka akan tampil seperti berikut
72
Gambar 100. Aplikasi server
Aplikasi diatas adalah aplikasi yang berfungsi sebagai server, kini kita akan membuat
aplikasi clientnya menggunakan vb.net, buka lembar vb.net klik new project beri
nama clientphp klik ok, hasilnya akan seperti berikut ini
73
Desain halaman seperti gambar dibawah ini
74
Gambar 101. Aplikasi vb client

Buat satu buah button ubah text menjadi refresh, Kemudian buat satu webbrowser,
jika sudah ubah warna form menjadi seperti ini
75
Gambar 102. Desain 1

Klik 2 kali button refresh kemudian isi dengan kode seperti berikut ini
WebBrowser1.Navigate("http://localhost/crud/")
Jika sudah save halaman lalu running program,maka hasilnya akan seperti berikut ini
76
Gambar 103. Hasil akhir

Bahasa

Selamat datang di Scribd!

eBook Membuat Aplikasi Client Server Menggunakan Vb.net Dan Php

Diunggah oleh

Informasi Dokumen

Deskripsi:

Data diunggah

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Deskripsi:

Hak Cipta:

Format Tersedia

eBook Membuat Aplikasi Client Server Menggunakan Vb.net Dan Php

Diunggah oleh

Deskripsi:

Hak Cipta:

Format Tersedia

Judul terkait

1

EBOOK MEMBUAT APLIKASI CLIENT SERVER

Bahasa Visual Basic 2005 memperkenalkan fitur-fitur baru, yakni:

Kelebihan dan kekurangan VB .NET

1. Berbayar kecuali yang express edition

INSTALLASI MICROSOFT VISUAL STUDIO 2010

Gambar1. Installasi langkah1

Gambar 2. Installasi langkah2

Gambar 3. Installasi langkah 3

Gambar 4. Installasi selesai

Gambar 5 . Tampilan awal visual studio 2008

Membuat project baru

Gambar 6 . menu file

Gambar 7. New Project

Gambar 8. Halaman kerja vb.net

Gambar 9. tab source

Melakukan Penyimpanan / Save

Gambar 10. save

Gambar 11. Open project

Gambar 12. open project

Gambar 13. Button coba di klik

Gambar 14. kode hello world

Gambar 15. hasil hello world

Gambar 16. Button Lihat variable

Gambar 17. Kode variable

Gambar 18. Hasil Variable

Gambar 19. Hasil variable 2

if statement Digunakan untuk mengeksekusi beberapa kode hanya jika

Langkah pertama yang harus kalian lakukan adalah membuka lembar

Gambar 20. Desain statement if

Gambar 21. Kode statement if

Gambar 22. Isi kalimat

Gambar 23. Hasil if statement

Gambar 24. Penjelasan program if statement

Gambar 25. Membuat button1

Gambar 26 . Kode matematika

Gambar 27. Hasil perhitungan matematika

Gambar 28. Penjelasan fungsi matematika

Gambar 29. Desain kalkulator

Gambar 30. Kode kalkulator

Gambar 31. Hasil kalkulator

Gambar 32 . Penjelasan Kode kalkulator

Gambar 33. Desain progress bar

Gambar 33. Kode progress bar

Gambar 34. Hasil progress bar

Gambar 35. Penjelasan progress bar

Gambar 36. Desain listbox

Gambar 37. Kode listbox

Gambar 38 . Hasil Listbox

Gambar 39. Penjelasan kode listbox

Gambar 40. desain form

Gambar 41. Desain ke 2 form

Gambar 42. Kode program form

Gambar 43. Hasil pindah form

Gambar 44. Penjelasan program form

Checkbox dan radiobutton

Gambar 44. desain radio dan check