Download - Ari Fadli - Membuat Web Browser Sendiri Menggunakan Delphi 7

Itshareunimal.com Copyright ©2010

Membuat Webbrowser sendiri menggunakan Delphi 7

Ari Fadli

Membuat Webbrowser Sendiri dengan Delphi 7 Ari Fadli [email protected]

Lisensi Dokumen:

Copyright © 2010 Itshareunimal.Com

Seluruh dokumen di Itshareunimal.Com dapat digunakan, dimodifikasi dan disebarkan

secara bebas untuk tujuan bukan komersial (nonprofit), dengan tidak menghapus atau

merubah atribut penulis dan pernyataan . Itshareunimal.com adalah situs milik Kelompok

Belajar informatika Unimal Provinsi Aceh

mailto:[email protected]



Ari Fadli

Kata Pengantar Puji syukur kepada Allah SWT, atas nikmat yang tlah Diberikan. Shalawat dan

salam kepada pengubah wajah dunia, Nabi Muhammad SAW beserta keluarga dan

sahabatNya.

Terimakasih kepada keluargaku, teman-teman, serta kepada semua pihak yang

telah ikut membantu menyelesaikan tutorial ini.

Sangat banyak kekurangan dalam tutorial ini, oleh karena itu kritik dan saran

sangat diharapkan.

“Ada tiga amalan yang pahalanya akan terus mengalir, meskipun ia telah

meninggal, sedekah jariah, ilmu yang bermanfaat, dan anak yang shaleh”.

Berdasarkan hadits itu, harapan saya semoga tutorial ini termasuk kedalam

kategori ilmu yang bermanfaat.

Lhokseumawe, 09 Juni 2010 Ari Fadli



Ari Fadli

Banyak web browser yang ditawarkan sekarang, namun betapa bangganya bila

kita menggunakan web browser yang kita buat sendiri, meski sederhana dan tidak

memiliki fitur yang lengkap namun fungsinya utamanya tetaplah sama. Disini saya

akan menjelaskan bagaimana cara membuat webbrowser menggunakan Delphi 7,

langsung saja ikuti caranya :

1. Jalankan aplikasi Delphi 7, kemudian akan tampak pada layar sebuah form yang

masih kosong. Kemudian desain form tersebut seperti di bawah ini :

Button dan edit terdapat pada palet standard, sedangkan webbrowser terdapat

pada palet internet.

Gambar palet standard:

Webbrowser1

Button1

Button2

Button3 Button6

Panel1

Button4

Button5

Edit1

Panel2 Label1

button edit panel button



Ari Fadli

Gambar palet Internet:

Berikut ini properties dari komponen komponen yang ada pada form:

Komponen Properties Value

Form1 Name Caption

forminternet My internet browser

Panel 1 Caption -

Panel 2 Caption -

Label1 Caption Created by :……

Button1 Name Caption

btnback Go Forward


Btnforward Go Back


Btnrefresh Refresh


Btnstop Stop


Btnhome Home


btncari Search!

Edit1 text -

Webbrowser1 - -

2. Sekarang kita ketikkan Coding pada setiap buttonnya. Pertama klik dua kali pada

btnsearch dan ketikkan kode berikut :

procedure TForminternet.btnsearchClick(Sender: TObject);

begin

webbrowser1.Navigate(edit1.text); //code ini disisipkan diantara begin dan end.

end;

webbrowser



Ari Fadli

Tulisan yang dicetak tebal adalah code yang secara otomatis tertulis pada code

editor ketika kita menekan btncari 2 kali. Jadi hanya tulisan

“webbrowser1.Navigate(edit1.text);” yang diketikkan.

3. Kemudian kembali ke form dan klik dua kali pada btnforward, lalu ketikkan code

ini :

procedure TForminternet.btnforwardClick(Sender: TObject);

begin

webbrowser1.GoForward;

end;

4. Terakhir pada btnback, klik dua kali dan masukkan code berikut:

procedure TForminternet.btnbackClick(Sender: TObject);

begin

webbrowser1.GoBack;

end;

5. Lalu pada btnrefresh, klik dua kali dan masukkan code berikut:

procedure TForminternet.btnrefreshClick(Sender: TObject);

begin

webbrowser1.Refresh;

end;

6. Lanjutkan pada btnstop, klik dua kali dan masukkan code berikut:

procedure TForminternet.btnstopClick(Sender: TObject);

begin

webbrowser1.Stop;

end;



Ari Fadli

7. Kemudian pada btnhome, klik dua kali dan masukkan code berikut:

procedure TForminternet.btnhomeClick(Sender: TObject);

begin

webbrowser1.GoHome;

end;

8. Lakukan penyimpanan, file >> save All >>buat folder baru >> save

9. Sekarang coba jalankan webbrowser yang baru saja dibuat, pilih run >> run, atau

tekan F9.

Hasilnya seperti ini :

Ketikkan “google.com” disini Lalu klik di tombol “Search!”



Ari Fadli

Lalu coba ketikkan lagi “facebook.com” pada address yang tadinya kita

tuliskan dengan nama google.com.

Setelah kita mencoba dua buah alamat seperti diatas, maka sekarang kita bisa

mencoba menekan tombol “Go Back”, jika kembali ke alamat sebelumnya yaitu

“google.com”, berarti browser yang kita buat sudah bisa dan berjalan sesuai yang kita

inginkan.

Terimakasih sudah mengikuti tutorial ini, semoga bermanfaat.



Ari Fadli

Oya…. Terakhir, coba tekan tombol “Home”, Apakah hasilnya seperti ini??

Selamat mencoba !!!

Ari Fadli. berawal dari kegemaran mencoret-coret dibuku, meja,

dinding, juga tanah, pernah terpikir waktu kecil tentang bagaimana

pembuatan sebuah animasi. Hingga pada akhirnya aku mengenal

komputer dan mulai belajar animasi lewat fitur animasi dengan

format GIF pada software photoshop. Hingga kini aku masih belajar

tentang semua yang berbau animasi.

Download - Ari Fadli - Membuat Web Browser Sendiri Menggunakan Delphi 7

Top Related