Anda di halaman 1dari 76

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
Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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).
Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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)
Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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
Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

Gambar 4. Installasi selesai


Tampilan awal Visual studio 2008

Gambar 5 . Tampilan awal visual studio 2008

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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


Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

11

Gambar 9. tab source

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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
Kini kalian sudah berada dalam lembar kerja
Pada langkah kedua coba desain form menjadi seperti gambar di bawah ini;

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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
seperti di bawah ini;

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;

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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
Kini kalian sudah berada dalam lembar kerja
Pada langkah kedua coba desain form menjadi seperti gambar di bawah ini

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

20

FUNGSI MATEMATIKA
Langkah pertama yang harus kalian lakukan adalah membuka lembar
kerjavb.netnya
Klik New project > Windows forms application>isi kolom Name: Fungsi
Matematika>lalu OK
Kini kalian sudah berada dalam lembar kerja
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;

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

21

Gambar 27. Hasil perhitungan matematika


Penjelasan ;

Gambar 28. Penjelasan fungsi matematika

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

22

Kalkulator
Langkah pertama yang harus kalian lakukan adalah membuka lembar
kerjavb.netnya
Klik New project > Windows forms application>isikolom Name: Kalkulator>lalu OK
Kini kalian sudah berada dalam lembar kerja
Pada langkah kedua coba desain form menjadi seperti gambar di bawah ini;

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
seperti di bawah ini;

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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.

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

24

Penjelasan

Gambar 32 . Penjelasan Kode kalkulator

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

25

Progress bar
Langkah pertama yang harus kalian lakukan adalah membuka lembar
kerjavb.netnya
Klik New project > Windows forms application>isikolom Name: Progress Bar>lalu OK
Kini kalian sudah berada dalam lembar kerja
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


Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

26

Penjelasan

Gambar 35. Penjelasan progress bar

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

27

Listbox
Langkah pertama yang harus kalian lakukan adalah membuka lembar
kerjavb.netnya
Klik New project > Windows forms application>isikolom Name: ListBox>lalu OK
Kini kalian sudah berada dalam lembar kerja
Pada langkah kedua coba desain form menjadi seperti gambar di bawah ini;

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;

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

28

Gambar 38 . Hasil Listbox

Penjelasan

Gambar 39. Penjelasan kode listbox

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

29

Mengganti Form
Langkah pertama yang harus kalian lakukan adalah membuka lembar
kerjavb.netnya
Klik New project > Windows forms application>isi kolom Name: Form1>lalu OK.
Kini kalian sudah berada dalam lembar kerja
Pada langkah kedua coba desain form menjadi seperti gambar di bawah ini;

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


Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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.
Kini kalian sudah berada dalam lembar kerja
Pada langkah kedua coba desain form menjadi seperti gambar di bawah ini

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

33

Gambar 47. Penjelasan program radiobutton dan checkbox

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

34

SIMPLE LOGIN
Langkah pertama yang harus kalian lakukan adalah membuka lembar
kerjavb.netnya
Klik New project > Windows forms application>isikolom Name: login>lalu OK
Kini kalian sudah berada dalam lembar kerja
Pada langkah kedua coba desain form menjadi seperti gambar di bawah ini

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 ;

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

36

Penjelasan

Gambar 53. Penjelasan program login

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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;

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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;

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

40

DO UNTIL
Langkah pertama yang harus kalian lakukan adalah membuka lembar
kerjavb.netnya
Klik New project > Windows forms application > isikolom Name: login > lalu OK
Kini kalian sudah berada dalam lembar kerja
Pada langkah kedua coba desain form menjadi seperti gambar di bawah ini

Gambar 60. Form do until

Double klik button tersebut, kemudian isi dengan kode di bawah ini;

Gambar 61. Kode do until


Dan hasilnya adalah sebagai berikut;

Gambar 62. Hasil do until


Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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
Langkah pertama yang harus kalian lakukan adalah membuka lembar
kerjavb.netnya
Klik New project > Windows forms application > isikolom Name: login > lalu OK
Kini kalian sudah berada dalam lembar kerja
Kemudian desain form menjadi seperti berikut ini ;

Gambar 63. Desain form web browser

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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
Klik New project > Windows forms application > isikolom Name: login > lalu OK
Kini kalian sudah berada dalam lembar kerja
Kemudian desain form menjadi seperti berikut ini ;

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


Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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
Kini kalian sudah berada dalam lembar kerja
Kemudian desain form menjadi seperti berikut ini ;

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

45

ARRAY
Langkah pertama yang harus kalian lakukan adalah membuka lembar
kerjavb.netnya
Klik New project > Windows forms application > isikolom Name: login > lalu OK
Kini kalian sudah berada dalam lembar kerja
Kemudian desain form menjadi seperti berikut ini ;

Gambar 71. Message Array


Jika sudah masukan kode dibawah ini;

Gambar 72. Kode Message Array


Dan hasilnya adalah sebagai berikut;

Gambar 73. Hasil kode array dengan pilihan number 0


Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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
Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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;

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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.

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

51

Gambar 83. direktori


Tunggu beberapa saat sampai proses instalasi selesai.

Gambar 84. Proses install


Instalasi selesai

Gambar 85. Install selesai

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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.

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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


Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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
<html xmlns="http://www.w3.org/1999/xhtml">
<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;
Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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
<html xmlns="http://www.w3.org/1999/xhtml">
<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>&nbsp;</p>
</form>
Hari Ini
<?php
$nama_hari = $_GET*"nama_hari"+;
switch ($nama_hari)
,
Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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>

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Aris Tutorial Continue</title>
</head>
<body>
<?php
for ($i = 1; $i <= 25; $i++)
Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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
<html xmlns="http://www.w3.org/1999/xhtml">
<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 />
Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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"+;
$name2 = $_GET*"name2"+;
do
,
print("$name1 <br>");
$name1++;
while ($name1 <= $name2);
?>
</body>
</html>

Gambar 92. Do while


Keterangan
Bentuk pernyataan do while adalah sebagai berikut
Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

60

Do
,
Pernyataan_pernyataan
- while (ekspresi);
Coba perhatikan script berikut
$name1 = $_GET*"name1"+;
$name2 = $_GET*"name2"+;
do
,
print("$name1 <br>");
$name1++;
while ($name1 <= $name2);
Maksudnya adalah untuk menjalankan perintah cetak nilai dari $name1 s/d $name2

Latihan 6. Exit
<html xmlns="http://www.w3.org/1999/xhtml">
<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>");
?>

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

61

</body>
</html>
Dan Hasilnya adalah ;

Gambar 93. Exit


Keterangan
Pernyataan exit di gunakan untuk mengakhiri pengeksekusian

Latihan 7. For
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Aris web for</title>
</head>
<body>
<?php
for ($bilangan = 1; $bilangan <= 10; $bilangan++)
print ("$bilangan <br>");
?>
</body>
</html>
Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

62

Hasilnya adalah sebagai berikut;

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)
,
Pernyataan_pernyataan
Latihan 8. IF
<html xmlns="http://www.w3.org/1999/xhtml">
<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>

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

64

Latihan 9.Operator
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Aris Tutorial operator</title>
</head>
<body>
<?php
$a=100;
$b=50;
printf ("nilai terbesar : %d <br>", $a > $b ? $a : $b);
?>
</body>
</html>
Hasilnya adalah sebagai berikut;

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
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Aris Tutorial while</title>
</head>
<body>
<?php
$nilai = 1;
Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

65

while ( $nilai <= 15 )


,
print ( "$nilai" );
$nilai++;
?>
</body>
</html>

Gambar 97. While


Keterangan
Bentuk pernyataan while
While (ekspresi)
,
Pernyataan_pernyataan
)
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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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"> &nbsp;&nbsp;
<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");
Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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>&nbsp;
<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">
<title>Untitled Document</title>
</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'");
?>
Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<?php
// Koneksi ke database cobacrud
$conn = mysql_connect("localhost","root","");
$db = mysql_select_db("cobacrud",$conn);
$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>

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

69

</form>";
?>
</body>
</html>

Selanjutnya buatlah dokumen php dengan nama hapus.php kemudian isi dengan
kode dibawah ini
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>
<body>
<?php
// Koneksi ke database cobacrud
$conn = mysql_connect("localhost","root","");
$db = mysql_select_db("cobacrud",$conn);
$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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

70

</head>
<body>
<?php
// Koneksi ke database cobacrud
$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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

73

Desain halaman seperti gambar dibawah ini

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

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

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/

76

Gambar 103. Hasil akhir

Email : artkustik90@yahoo.co.id

Blog : http://artkustik1990-aris.blogspot.com/