All About PC

Selamat Datang Dibloger PENGILA KOMPUTER Silakan Dibaca, saran, kritik, copy, dikomen ataupun diFOLLOW Selamat menikmati Fasilitas SEADANYA Semoga bisa Puas dengan Blog yang SEDERHANA INIs

Minggu, 19 Desember 2010

Membuat Web Browser Sederhana Dengan Visual Basic

Categories: Internet and Tips,Tricks & Tutorial
Tags:
Membuat Web Browser Sendiri, Tutorial, VB, Visual Basic 2005

Lagi iseng malam-malam, daripada keluyuran… udah bukan ABG lagi, malu sama umur :p

ya udah, sekarang kita iseng coba bikin browser aja yuk pake visual basic.

Disini saya memakai Visual Basic 2005

http://augustinushutauruk.files.wordpress.com/2010/02/022710_1742_membuatwebb1.jpg?w=300&h=225

Langkah-langkah :

  • Buka Visual Basic dan “Start a new windows application”

http://augustinushutauruk.files.wordpress.com/2010/02/022710_1742_membuatwebb2.jpg?w=300&h=225

  • Meng-add tools/button pada “Form” :

- Masukkan Text Box ( no.6 )

- Masukkan Web Browser ( no.7 )

- 5 buah Button ( Button1 – Button5 )

http://augustinushutauruk.files.wordpress.com/2010/02/vbbrowser31.jpg?w=300&h=225

  • Pengaturan letak Button, Text Box dan Web Browser.

- ( anda dapat menyesuaikan letak button dan ukuran form sesuai keinginan anda sendiri )

http://augustinushutauruk.files.wordpress.com/2010/02/vbbrowser41.jpg?w=300&h=225

  • Memulai script :(( harap ikuti petunjuk seperti digambar ) :)

- Dobel klik pada “Form” dan ketik :

MeText = “Web Browser”

http://augustinushutauruk.files.wordpress.com/2010/02/vbbrowser51.jpg?w=300&h=225

  • Script untuk button “Go” ( Button1 )

- Dobel klik pada button “Go” lalu ketik :

WebBrowser1.Navigate(TextBox1.Text)

http://augustinushutauruk.files.wordpress.com/2010/02/vbbrowser61.jpg?w=300&h=225

  • Script Untuk button “Back”

- Dobel klik pada button “Back” lalu ketik :

WebBrowser1.GoBack()

http://augustinushutauruk.files.wordpress.com/2010/02/vbbrowser71.jpg?w=300&h=225

  • Script Untuk button “Forward”

- Dobel klik pada button “Forward” lalu ketik :

WebBrowser1.GoForward()

http://augustinushutauruk.files.wordpress.com/2010/02/vbbrowser8a1.jpg?w=300&h=225

  • Lakukan hal yang sama untuk button-button selanjutnya ( button “Refresh” dan “Home” )

- Button “Refresh” :

WebBrowser1.Refresh()

- Button “Home” :

WebBrowser1.GoHome()

http://augustinushutauruk.files.wordpress.com/2010/02/vbbrowser8b1.jpg?w=300&h=225

http://augustinushutauruk.files.wordpress.com/2010/02/vbbrowser8c1.jpg?w=300&h=225

  • Sudah hampir selesai. Sekarang coba klik “Debug”

http://augustinushutauruk.files.wordpress.com/2010/02/vbbrowser8d1.jpg?w=300&h=225

http://augustinushutauruk.files.wordpress.com/2010/02/vbbrowser8e1.jpg?w=246&h=184

  • Bila sudah, sekarang tinggal mem-Pubilsh browser anda.

- Klik “Build” – pilih “Publish Web Browser” – selanjutnya pilih “Next”

( lakukan seperti contoh gambar dibawah ini )

http://augustinushutauruk.files.wordpress.com/2010/02/vbbrowser12a1.jpg?w=300&h=225

http://augustinushutauruk.files.wordpress.com/2010/02/vbbrowser12b1.jpg?w=300&h=225

http://augustinushutauruk.files.wordpress.com/2010/02/vbbrowser12c1.jpg?w=300&h=225

  • Selesai… anda baru saja membuat Web Browser sendiri ! sekarang silahkan anda mencoba untuk browsing dengan browser buatan anda sendiri. J

( script diatas bisa anda rubah atau tambah… silahkan gunakan imajinasi anda. Happy Coding ! )

http://augustinushutauruk.files.wordpress.com/2010/02/vbbrowser131.jpg?w=300&h=225

  • Beberapa contoh modifikasi/personalized :

- Untuk merubah warna background

Pergi ke “Form1″ properties — “Appereance” — “BackColour” –> ganti warna sesuai keinginan.

- Agar “Form” dapat berubah sesuai dengan besar image

Ganti “AutoSize” menjadi “True” dan “AutoSizeMode” menjadi “GrowAndShrink”

  • Oh ya… satu lagi, anda bisa jadikan project web browser supaya dapat dijalankan di computer tanpa vb dengan cara convert menjadi file .exe

Cara membuat file Setup.exe (dapat diinstall dikomputer tanpa VB) :
- Dari start menu masuk ke tempat biasanya
- Pilih Microsoft Visual Studio 6.0 Tools
- Pilih “Package & Deployment Wizard”
- Browse Project yang diinginkan
- Sertakan file2 yg diperlukan
- Lakukan sesuai instruksi selanjutnya pada wizard
- Selesai

SELAMAT MENCOBA GAN…

Tidak ada komentar:

Posting Komentar

LinkWithin

Related Posts with Thumbnails