30
Kliklah tombol Open untuk melihat tampilan HTML yang dibukapada
web browser. Berikut adalah tampilan Gambar 3.11:
Gambar 3.11 Tampilan File HTML
3.5 Perancangan Form 2 dua Aplikasi Web Browser
Perancangan form 2 dua ini digunakan untuk menampilkan kode HTML web yang dikunjungi pengguna. Kode HTML merupakan kode-kode yang
mendefinisikan sebuah halaman web. Dengan kata lain, sebuah halaman web bisa dibuat dengan menggunakan kode-kode HTML. Berikut adalah tahapan
perancangan form 2 dua: 1.
Pertama-tama buatlah menu view dan sub menunya PageSource. Caranya seperti yang telah dijelaskan pada perancangan Form 1 satu.
Berikut adalah tampilan Tabel 3.3:
Universitas Sumatera Utara
31
Tabel 3.3 Properti MenuView
Caption Name
Menu Sub Menu
View mView
Fullscreen mFullscreen
Page mPage
Page Source mPageSource
Properties mProperties
2. Tambahkan control Internet Transfer pada toolbox. Caranya dengan
memilih menu project lalu Component dan pilihlah Microsoft Internet Transfer Control 6.0 pada tab control. Berikut tampilan Gambar 3.12:
Gambar 3.12 Control Internet Transfer
Gambar 3.13 Icon Control Internet Transfer
Universitas Sumatera Utara
32
3. Tambahkan form baru ke proyek web browser, yaitu dengan memilih
menu Project lalu menu Add Form. 4.
Pada form 2 dua tambahkan sebuah TextBox dan sebuah CommandButton. Secara default TextBox ini akan diberi nama Text1
dan CommanButton ini akan bernama Command1. Penulis mengaksesnya menggunakan sintaks berikut:
Form2.Text Form2.Command1
5. Gambar 3.14 di bawah ini adalah tampilan desain form 2 dua:
Gambar 3.14 Tampilan Form 2 dua
Universitas Sumatera Utara
33
6. Dari tampilan Gambar 3.14 aturan propertinya adalah pada Tabel 3.4
di bawah ini:
Tabel 3.4 Pengaturan Properti Form 2 dua Komponen
Porperti Nilai
TextBox Name
Text2 Caption
- CommandButton
Name Command1
Caption TUTUP
7. Setelah itu penulis menambahkan menu File dengan submenu Save
Source, dan Exit.
Tabel 3.5 Pengaturan Menu Editor Caption
Name Menu
Sub Menu
File mFile
Save Source mSaveSource
Exit mExit
3.6 Diagram Aplikasi Web Browser
Setelah melakukan perancangan pada program yang penulis buat. Di sini penulis mencoba menjelaskan cara penggunaan aplikasi web browser yang penulis
rancang. Penulis menjelaskan dengan menggunakan diagram. Karena dengan menjelaskan dalam bentuk diagram lebih mudah dan dapat dimengerti. Berikut
adalah Gambar 3.15 diagram aplikasi web browser:
Universitas Sumatera Utara
34
URL
HTTP request
TCPIP
Display
HTTP response
Client Server
Gambar 3.15 Diagram Aplikasi Web Browser
Web Browser
Web Server
File
Universitas Sumatera Utara
35
BAB IV PEMBAHASAN
Pada bab ini penulis akan membahas mengenai pembahasan yang meliputi implementasi program, hasil pembahasan program, dan tampilan akhir dari
program.
4.1 Implementasi Program
