eBook Membuat Aplikasi Client Server Menggunakan Vb.net Dan Php

(1)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/

EBOOK MEMBUAT APLIKASI CLIENT SERVER

MENGGUNAKAN VB.NET DAN PHP

___ ________ ___ ____________ ___________________ _________________________

INTERNET

(2)

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)

(3)

Email : [email protected] 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.

(4)

Email : [email protected] 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.

(5)

Email : [email protected] 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

(6)

Email : [email protected] 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

(7)

Email : [email protected] 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

(8)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ Gambar 4. Installasi selesai

Tampilan awal Visual studio 2008

(9)

Membuat project baru

Gambar 6 . menu file

Untuk membuat project baru, caranya dengan memilih menu file new project, kemudian akan muncul tampilan seperti berikut;

(10)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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

(15)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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

(16)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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

(17)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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.

 _{if…else statement -Digunakan untuk mengeksekusi beberapa kode jika} kondisi benar dan kode lain jika kondisi salah.

 if…else 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

(18)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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 ;

(19)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ Lalu pada textboox kalian coba ketikan kata Allah, maka tampilan akan berubah menjadi;

Gambar 23. Hasil if statement

Penjelasan

(20)

FUNGSI MATEMATIKA

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;

(21)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ Gambar 27. Hasil perhitungan matematika

Penjelasan ;

(22)

Kalkulator

Klik New project > Windows forms application>isikolom Name: Kalkulator>lalu OK Kini kalian sudah berada dalam lembar kerja

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;

(23)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ Penjelasan

(25)

Progress bar

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

(26)

(27)

Listbox

Klik New project > Windows forms application>isikolom Name: ListBox>lalu OK Kini kalian sudah berada dalam lembar kerja

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

(28)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ Gambar 38 . Hasil Listbox

Penjelasan

(29)

Mengganti Form

Klik New project > Windows forms application>isi kolom Name: Form1>lalu OK. Kini kalian sudah berada dalam lembar kerja

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;

(30)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ Setelah itu bisa kalian running, maka output yang di hasilkan adalah sebagai berikut ;

Gambar 43. Hasil pindah form

Penjelasan ;

(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

(32)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ Gambar 47. Penjelasan program radiobutton dan checkbox

(34)

SIMPLE LOGIN

Klik New project > Windows forms application>isikolom Name: login>lalu OK Kini kalian sudah berada dalam lembar kerja

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

(35)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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;

(36)

(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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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

(40)

DO UNTIL

Klik New project > Windows forms application > isikolom Name: login > lalu OK Kini kalian sudah berada dalam lembar kerja

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;

(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

Kemudian desain form menjadi seperti berikut ini ;

(42)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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

(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.

(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

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:/

(45)

ARRAY

Gambar 71. Message Array Jika sudah masukan kode dibawah ini;

Gambar 72. Kode Message Array Dan hasilnya adalah sebagai berikut;

(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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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

(49)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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

(50)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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

(51)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ Gambar 83. direktori

Tunggu beberapa saat sampai proses instalasi selesai.

Gambar 84. Proses install Instalasi selesai

Gambar 85. Install selesai

(52)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ Gambar 87. localhost

Latihan 1 . Hello World

<title>Aris Tutorial Hello_Word</title> </head>

<body>

<?php

echo ("Hello Word !!!!"); ?>

</body> </html>

Hasil dari kode PHP diatas adalah sebagai berikut;

(54)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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

<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>

(55)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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> <body>

<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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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

(58)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ , 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> <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"+; $name2 = $_GET*"name2"+; do , print("$name1 <br>"); $name1++; -

while ($name1 <= $name2); ?>

</body> </html>

Gambar 92. Do while Keterangan

(60)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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

<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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ </body>

</html>

Dan Hasilnya adalah ;

Gambar 93. Exit Keterangan

Pernyataan exit di gunakan untuk mengakhiri pengeksekusian

Latihan 7. For

<body>

<?php

for ($bilangan = 1; $bilangan <= 10; $bilangan++) print ("$bilangan <br>");

?>

</body> </html>

(62)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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 />

(63)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ <?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

<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

<title>Aris Tutorial while</title> </head>

<body>

<?php $nilai = 1;

(65)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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

(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>

</tr> <tr>

</tr> <tr>

<td>Tempat / Tanggal Lahir</td> <td>:</td><td><input type="text" name="ttl"></td>

</tr> <tr>

<td>Alamat</td> <td>:</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);

(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>

</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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ </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

// 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>

<tr>

<td>Tempat tgl Lahir :</td>

<tr>

<td>Alamat :</td>

(69)

</form>"; ?>

</body> </html>

Selanjutnya buatlah dokumen php dengan nama hapus.php kemudian isi dengan kode dibawah ini

</head> <body>

<?php

$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

(70)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ </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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ Desain halaman seperti gambar dibawah ini

(74)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ 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)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ Gambar 102. Desain 1

Klik 2 kali button refresh kemudian isi dengan kode seperti berikut ini WebBrowser1.Navigate("http://localhost/crud/")

(76)

Email : [email protected] Blog : http://artkustik1990-aris.blogspot.com/ Gambar 103. Hasil akhir