Jumat, 16 April 2010

Gimana seh buat Web Browser Sendiri ????

Hey, teman.. yuk kita belajar untuk membuat web browser sendiri...
Ga perlu berfikir rumit dulu sebelum memulai...
inilah web browser instan kita.. Let's chek it out ..!!!

oh iya, artkel ini copas dari bapak Fuady Rosma Hidayat... semoga amal baik beliau mendapat balasan yg banyak bgt.. atas kesediannya berbagi ilmu..

Dengan Microsoft Visual C# 2005 Express Edition, kita bisa membuat Web Browser dalam waktu 2 menit 45 detik! Nggak percaya? Hehe… Langsung aja cobain deh.

Pertama-tama, buka Microsoft Visual C# 2005 Express Edition. Otomatis akan muncul yang namanya Start Page. Nah, kemudian pilih Create: Project…

Atau boleh juga lewat menu File | New Project… atau boleh juga pakai shortcut Ctrl+Shift+N. Pokoknya, pakai cara apapun, pada intinya kita akan membuat sebuah project baru dan akan muncul window New Project. Pada window ini, pilih template Windows Application, kemudian beri nama project ini sebagai Palantir.


Kemudian secara otomatis Visual C# 2005 Express Edition akan membuat project kita yang sudah disediakan sebuah Form yang langsung tampil pada window tempat kita biasa menuliskan code (window yang ada di tengah, ukurannya paling besar). Lihat gambar berikut


Nah, kemudian klik Form1 tersebut, lalu melalui window Properties (yang letaknya di kanan bawah), ubah properti Form1 sesuai dengan spesifikasi berikut:
o Size (klik tanda + untuk melihat properti Width dan Height): Width 600, Height 500
o Text: Palantir - My Own Web Browser
Window Properties kira-kira akan terlihat seperti ini...


Setelah itu, pada Toolbox terdapat control yang bernama WebBrowser. Control ini termasuk dalam tab Common Controls, dan terletak di paling bawah.


Nah, drag-and-drop control WebBrowser ke Form1. Sekarang Form1 terlihat seperti gambar di bawah ini.


Control yang baru saja kita buat otomatis diberi nama webBrowser1. Ubah namanya menjadi webBrowserPalantir melalui window Properties. Klik tanda smart tag milik webBrowserPalantir yang merupakan segitiga kecil (yang letaknya di kanan atas webBrowserPalantir), kemudian pilih Undock in parent container


Ubah Size dan Location webBrowserPalantir melalui window Properties menjadi seperti berikut
o Location: X: 12, Y:12
o Size: Width: 560, Height: 400
Sekarang Form1 akan terlihat seperti berikut



Kemudian drag-and-drop control TextBox untuk ditempatkan di bawah webBrowserPalantir. Ubah nama TextBox tersebut yang tadinya textBox1 menjadi textBoxURLAddress. Ubah juga Location dan Size textBoxURLAddress menjadi seperti berikut
o Location: X: 12, Y:430
o Size: Width: 460, Height: 20

Setelah itu, drag-and-drop sebuah Button menjadi di sebelah kanan textBoxURLAddress. Beri nama Button tersebut sebagai buttonGO. Ubah properti Text menjadi GO. Ubah juga Location buttonGO menjadi seperti berikut
o Location: X: 497, Y:428
Saat ini, Form1 Akan tampak seperti berikut



Nah, selanjutnya, double-click buttonGO. Otomatis akan dibuatkan method yang menjadi handler ketika buttonGO diklik. Di dalam method ini, tuliskan code berikut

webBrowserPalantir.Navigate(textBoxURLAddress.Text);

Untuk mencoba hasilnya tekan "run"F5 atau klik tombol pada toolbar. Berikut adalah hasil web browser yang baru saja kita buat.



Percaya nggak kalau ini beneran browser? Untuk membuktikannya, tulis saja suatu alamat internet di text box, kemudian klik tombol GO. Berhubung saya sedang tidak terhubung ke internet, saya ketikkan http://localhost kemudian klik tombol GO dan hasilnya adalah muncul home page IIS 7 saya seperti berikut



Yakk.. selamat! Anda telah membuat Web Browser sendiri. Mungkin kalau sambil baca Runes ini, waktunya lebih dari 2 menit 45 detik. Tapi sekarang, tanpa membaca Runes ini, pasti bisa membuat web browser sendiri dalam waktu 2 menit 45 detik atau bahkan kurang dari itu!

Bagi yang tersenyum-senyum sendiri, saya sampaikan: “Welcome to .NET

Tidak ada komentar:

Posting Komentar