Perancangan Web Browser Menggunakan Microsoft Visual Basic 6.0

(1)

TUGAS AKHIR

SURYA HARFANI NASUTION

112406029

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN

ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN


(2)

PERANCANGAN WEB BROWSER MENGGUNAKAN

MICROSOFT VISUAL BASIC 6.0

TUGAS AKHIR

Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya

SURYA HARFANI NASUTION

112406029

PROGRAM STUDI D3 TEKNIK INFORMATIKA

DEPARTEMEN MATEMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN

ALAM

UNIVERSITAS SUMATERA UTARA

MEDAN


(3)

PERSETUJUAN

Judul : MERANCANG WEB BROWSER

MENGGUNAKAN VISUAL BASIC 6.0

Kategori : TUGAS AKHIR

Nama : SURYA HARFANI NASUTION

Nomor Induk Mahasiswa : 112406029

Program Studi : DIPLOMA (D3) TEKNIK INFORMATIKA

Departemen : MATEMATIKA

Fakultas : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA

Disetujui di

Medan, November 2014

Disetujui oleh

Program Studi D3 Teknik Informatika FMIPA USU

Ketua, Pembimbing,

Dr. Elly Rosmaini, M.Si Prof.Dr. Saib Suwilo, M.Sc NIP.196005201985032002 NIP.196401091988031004


(4)

PERNYATAAN

PERANCANGAN APLIKASI WEB BROWSER MENGGUNAKAN MICROSOFT VISUAL BASIC 6.0

TUGAS AKHIR

Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.

Medan, November 2014

SURYA HAFANI NASUTION 112406029


(5)

PENGHARGAAN

Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan Maha Penyayang, dengan limpah karunia-Nya Penulis dapat menyelesaikan penysunan Tugas Akhir ini dengan judul Perancangan Aplikasi Web Browser Menggunakan Microsoft Visual Basic 6.0.

.

Terimakasih penulis sampaikan kepada Bapak Prof. Dr. Saib Suwilo, M.Sc selaku pembimbing yang telah meluangkan waktunya selama penyusunan tugas akhir ini. Terimakasih kepada Ibu Dr. Elly Rosmaini, M.Si dan Bapak Syahriol Sitorus, S.Si, M.IT selaku Ketua Program Studi dan Sekretaris Program Studi D3 Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si dan Ibu Dr. Mardiningsih, M.Si selaku Ketua dan Sekretaris Departemen Matematika FMIPA USU, Bapak Dr. Sutarman, M.Sc Selaku Dekan FMIPA USU, seluruh Staff dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU dan rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Ayah Tohar Nasution, Ibu Fatimah Sari Batubara dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa akan membalasnya.


(6)

ABSTRAK

Tugas Akhir ini bertujuan untuk merancang aplikasi Web Browser yang dapat digunakan untuk mengunjungi situs web di internet dalam mencari informasi yang dibutuhkan pengguna.

Sistem perancangan dalam membangun aplikasi Web Browser ini dikembangkan dengan menggunakan Microsoft Visual Basic 6.0. Dalam melakukan perancangan, antarmuka merupakan langkah awal yang penulis lakukan dan setelah itu penulis mengimplementasikannya ke dalam kode program Visual Basic 6.0.

Hasil akhir dari aplikasi Web Browser yaitu dapat digunakan oleh pengguna sesuai dengan fungsinya. Penggunaan aplikasi ini dengan cara memasukkan alamat website yang ingin dikunjungi pengguna pada bar URL (Uniform Resource Locator) dan Web Browser akan menampilkan informasi yang diinginkan pengguna.


(7)

DAFTAR ISI

Halaman

PERSETUJUAN ii

PERNYATAAN iii

PENGHARGAAN iv

ABSTRAK v

DAFTAR ISI vi

DAFTAR GAMBAR viii

DAFTAR TABEL ix

BAB 1 PENDAHULUAN

1.1 Latar Belakang 1

1.2 Identifikasi Masalah 2

1.3 Perumusan Masalah 2

1.4 Batasan Masalah 2

1.5 Maksud Penulisan 3

1.6 Tujuan Penulisan 3

1.7 Metodologi Penulisan 3

BAB 2 LANDASAN TEORI

2.1 Pengertian Aplikasi 5

2.2 Pengertian Komputer 6

2.3 Pengertian Internet 7

2.3.1 Cara Kerja Internet 7

2.4 World Wide Web (WWW) 11

2.5 Pengertian Web Browser 12

2.5.1 Fungsi Web Browser 13

2.5.2 Cara Kerja Web Browser 14

2.5.3 Sejarah Web Browser 15

2.6 Microsoft Visual Basic 6.0 16

2.7 Keunggulan Visual Basic 6.0 17

BAB 3 PERANCANGAN APLIKASI

3.1 Perancangan Interaksi Manusia Komputer 18 3.2 Gambaran Umum Rancangan Web Browser 20 3.3 Struktur Perancangan Aplikasi Web Browser 20 3.4 Perancangan Form 1 (Satu) Web Browser 21 3.5 Perancangann Form 2 (Dua) Web Browser 30


(8)

BAB 4 PEMBAHASAN

4.1 Implementasi Program 34

4.2 Tampilan Utama Web Browser 35

4.3 Tampilan Page Source 36

BAB 5 KESIMPULAN DAN SARAN

5.1 Kesimpulan 37

5.2 Saran 38

DAFTAR PUSTAKA


(9)

DAFTAR GAMBAR

Halaman

Gambar 2.1 Alur Kerja Web Browser 14

Gambar 3.1 Struktur Web Browser 21

Gambar 3.2 Jendela Component 22

Gambar 3.3 Desain Web Browser 23

Gambar 3.4 Tampilan Setelah Run 25

Gambar 3.5 Tampilan Menu Editor 26

Gambar 3.6 Icon CommonDialog 27

Gambar 3.7 Tampilan Web Browser dengan tambahan Menu 27

Gambar 3.8 Tampilan Microsoft Windows Common Control 6.0 28

Gambar 3.9 Tampilan setelah Progressbar ditambah 28

Gambar 3.10 Tampilan Kotak Open 29

Gambar 3.11 Tampilan File HTML 29

Gambar 3.12 Control Internet Transfer 30

Gambar 3.13 Icon Control Internet Transfer 31

Gambar 3.14 Tampilan Form2 (dua) 32

Gambar 3.15 Diagram Web Browser 33

Gambar 4.1 Tampilan Utama Web Browser 35


(10)

DAFTAR TABEL

Halaman

Tabel 3.1 Pengaturan Properti pada United Browser 23

Tabel 3.2 Pengaturan Menu Editor 26

Tabel 3.3 Properti MenuView 30

Tabel 3.4 Pengaturan Properti StatusBar 30

Tabel 3.5 Pengaturan Properti Form2 32


(11)

ABSTRAK

Tugas Akhir ini bertujuan untuk merancang aplikasi Web Browser yang dapat digunakan untuk mengunjungi situs web di internet dalam mencari informasi yang dibutuhkan pengguna.

Sistem perancangan dalam membangun aplikasi Web Browser ini dikembangkan dengan menggunakan Microsoft Visual Basic 6.0. Dalam melakukan perancangan, antarmuka merupakan langkah awal yang penulis lakukan dan setelah itu penulis mengimplementasikannya ke dalam kode program Visual Basic 6.0.

Hasil akhir dari aplikasi Web Browser yaitu dapat digunakan oleh pengguna sesuai dengan fungsinya. Penggunaan aplikasi ini dengan cara memasukkan alamat website yang ingin dikunjungi pengguna pada bar URL (Uniform Resource Locator) dan Web Browser akan menampilkan informasi yang diinginkan pengguna.


(12)

BAB I

PENDAHULUAN

1.1 Latar Belakang

Di tengah-tengah pesatnya kemajuan teknologi, semakin banyak orang yang membutuhkan informasi agar tidak ketinggalan dari yang lain. Dalam mencari informasi, orang-orang tidak hanya puas dengan membaca koran atau menonton berita televisi saja. Sekarang ini orang-orang lebih memilih mencari informasi melalui internet, karena segala informasi yang dibutuhkan dapat ditemukan di internet.

Selain itu, internet juga mempermudah dalam pencarian informasi dari berbagai bidang, misalnya: berita online seperti Liputan 6 SCTV, seputar olahraga, teknologi dan sebagainya. Terkadang bagi mahasiswa, internet sangat membantu dalam perkuliahan. Karena dosen-dosen terkadang memberikan materi kuliah online yang hanya dapat dibuka ketika mengakses internet. Dari pemikiran seperti itu, penulis berusaha untuk membuat program aplikasi yang dapat dipakai untuk mempermudah pencarian dalam internet.


(13)

1.2 Permasalahan dan Batasan Masalah

Identifikasi masalah dari penulisan tugas akhir ini adalah:

1. Sulitnya membuat program aplikasi web browser yang berfungsi secara maksimal.

2. Kesalahan/error yang menyebabkan program aplikasi tidak dapat dipakai oleh pengguna.

1.3 Perumusan Masalah

Berdasarkan latar belakang yang telah diuraikan sebelumnya, timbul masalah yang berhubungan dengan tugas akhir ini. Oleh karena itu perumusan masalahnya adalah “ Bagaimana merancang aplikasi web browser menggunakan Visual Basic 6.0 ”.

1.4 Batasan Masalah

Agar masalah yang akan dibahas tidak menyimpang dan tidak meluas dikarenakan keterbatasan waktu dan tenaga, penulis membatasi permasalahan yang akan dibahas, antara lain:

1. Aplikasi web browser ini dipergunakan sebagai pembelajaran dan untuk Tugas Akhir.

2. Perancangan web browser secara spesifik untuk memberi kemudahan bagi pengguna dalam menggunakannya.


(14)

1.5 Maksud Penulisan

Maksud dari penulisan ini adalah sebagai tugas akhir penulis yang merupakan salah satu syarat untuk memperoleh gelar Ahli Madya Komputer.

1.6 Tujuan Penulisan

Tujuan dari penulisan tugas akhir ini adalah:

1. Merancang dan mengimplementasikan program web browser bagi pengguna.

2. Mengenalkan cara-cara mempergunakan dan memanfaatkan web browser pada pengguna.

1.7 Metodologi Penulisan

Penulisan tugas akhir ini dilakukan dengan beberapa tahapan, yaitu: 1. Pembelajaran Literatur

Metode ini dilaksanakan dengan melakukan studi kepustakaan melalui membaca buku-buku maupun artikel-artikel yang dapat mendukung penulisan Tugas Akhir.

2. Perancangan


(15)

3. Pengkodean

Pada tahap ini rancangan yang akan dibuat dan diimplementasikan ke dalam bentuk kode program Visual Basic 6.0.

4. Pengujian

Setelah proses pengkodean selesai akan dilakukan proses pengujian terhadap program yang dihasilkan untuk mengetahui bahwa program sudah berjalan dengan benar dan sesuai dengan perancangan yang dilakukan.

5. Penyusunan laporan

Membuat laporan hasil analisa dan perancangan ke dalam format penulisan tugas akhir dengan disertai kesimpulan dan saran.


(16)

BAB II

LANDASAN TEORI

Dalam penulisan laporan tugas akhir ini, penulis akan menjelaskan pengertian yang berhubungan dengan judul penelitian yang diajukan. Adapun materi yang akan penulis jelaskan adalah mengenai pengertian aplikasi, pengertian komputer, internet, world wide web, web browser, Visual Basic 6.0 yang digunakan sebagai alat untuk merancang aplikasi.

2.1 Pengertian Aplikasi

Aplikasi adalah penggunaan dalam suatu komputer , instruksi ( instructiom ) atau pernyataan ( statement ) yang disusun sedemikian rupa sehingga computer dapat memproses input menjadi output. (Jogiyanto, 2005, 12)

Aplikasi adalah kumpulan perintah program yang dibuat untuk melakukan pekerjaan-pekerjaan tertentu. (Hendrayudi, 2009. 143)

Aplikasi adalah istilah yang digunakan untuk pengguna komputer bagi pemecahan masalah. Biasanya istilah aplikasi digabungkan dengan suatu perangkat lunak misalnya Microsoft Visual Basic 6.0 menjadi makna baru yaitu suatu program yang ditulis atau dibuat untuk menangani masalah tertentu. (Tirtobisono, 1999, 21)

Dari 3 (tiga) definisi aplikasi di atas dapat penulis simpulkan pengertian aplikasi adalah suatu program yang ditulis atau dirancang untuk menangani


(17)

masalah tertentu. Dalam perancangan aplikasi penulis menggunakan Microsoft Visual Basic 6.0 sebagai alat untuk mendisain antarmuka aplikasi web browser yang dibuat.

2.2 Pengertian Komputer

Komputer adalah alat pengolahan data yang bekerja secara elektronis dengan kecepatan dan ketelitian yang sangat tinggi dan mampu mengerjakan berbagai proses dengan keterlibatan manusia yang minimum. (Darwin Sitompul, 1992, 12)

Perkembangan teknologi dan ilmu komputer selanjutnya telah memberikan berbagai kemampuan lain pada komputer, sehingga definisi komputer pun mengalami perubahan. Sekarang ini, proses menghitung merupakan sebagian saja dari kerja yang dapat dilakukan komputer. Banyak fungsi lain yang dapat dilakukannya, seperti pengolahan data, permainan, pengontrolan mesin, membuat grafik, melakukan analis statistik, merancang gambar teknik dan sebagainya (Darwin Sitompul, 1992, 6)


(18)

2.3 Pengertian Internet

Menurut Kamus Istilah Internet, internet merupakan jaringan komputer dunia yang menghubungkan jaringan-jaringan komputer global di seluruh dunia, (Sidharta, 2001, 9)

Internet yang dilahirkan pada puncak perang dingin tahun 1969 merupakan jaringan eksperimental yang disebut ARPANET. Pada tahun pertamanya, ARPANET menghubungkan empat pusat komputer universitas yang terlibat

dalam riset militer untuk U.S. Defense Departement’s advanced Research Project

Agency (Badan Proyek Riset Lanjut Departemen Pertahanan Amerika Serikat).

Fokus dari riset ini adalah untuk merancang suatu “internetwork” komputer -komputer yang akan terus berfungsi bahkan segmen-segmen utama dihancurkan oleh bom nuklir. Internet kini telah menjadi suatu sistem komunikasi global besar yang digunakan oleh jutaan orang di seluruh dunia untuk berbagai tujuan bisnis, militer, akademik, korespondensi atau pencarian informasi.

2.3.1 Cara Kerja Internet

Berikut adalah Cara Kerja Internet:

1. Client meminta informasi yang ada dikomunitas internet dengan menggunakan bantuan browser.


(19)

3. Server yang menampung banyak informasi kemudian mengirimkan informasi yang diminta oleh browser.

4. Selanjutnya oleh browser diteruskan ke client sehingga akhirnya seorang user dapat memperoleh informasi yang diinginkan.

Client di dalam komputer jaringan, merupakan komputer yang memanfaatkan sumber daya dalam jaringan yang disediakan oleh komputer lainnya, yang disebut dengan server. Juga merupakan sebuah aplikasi atau proses yang meminta layanan dari komponen atau proses lainnya, adanya client ini memudahkan koneksi ke komputer server dalam mengatur serta menjaga hubungan dari sumber daya lainnya. Dalam lingkungan client/server, workstation biasanya adalah merupakan komputer client. Browser merupakan perangkat lunak untuk berselancar di internet. Kemampuan dari sistem ini di antaranya adalah menampilkan informasi yang terdapat pada suatu alamat internet serta menuju halaman lain yang terkait yang disediakan oleh alamat tersebut. Dua web browser yang terpopuler saat ini adalah Microsoft internet explorer dan netscape navigator. Program browser yang pertama adalah Mosaic yang merupakan suatu teks browser yang sekarang teks browser telah berkembang kedalam bentuk multimedia.

Server adalah suatu program (dan juga disebut mesin yang menjalankan program) yang mengerti protocol HTTP dan dapat menanggapi permintaan-permintaan dari web browser yang menggunakan protokol. Istilah-istilah yang berhubungan dengan internet:


(20)

1. Internet address/Alamat internet (IP) Sebuah alamat 32 bit yang digunakan untuk mengenali host dan network di Internet.

2. Internet service provider (ISP)

Suatu organisasi/perusahaan yang memberikan jasa hubungan ke internet bagi para pelanggan komputer, pada umumnya dengan menarik biaya tertentu dan biasa disebut provider saja.

3. Intranet

Jaringan private yang digunakan pada jaringan kecil dengan skala rumahan, jaringan private ini digunakan untuk membatasi akses data yag dapat dibagi hanya pada anggota jaringan tersebut saja, contoh dari jaringan intranet adalah LAN.

4. World wide web (WWW)

World Wide Web adalah dokumen informasi yang berada pada komputer server (server web) yang tersebar di 5 benua dan saling terhubung menjadi satu melalui jaringan internet. Dokumen-dokumen ini dibuat dengan format HTML (Hipertext Markup Language) yang disimpan dalam komputer server berbentuk sebuah file yang disebut web page atau page.

5. Browser

Browser merupakan suatu program yang dirancang untuk mengambil informasi-informasi dari suatu server komputer pada jaringan internet.


(21)

6. Domain Name System (DNS)

Suatu sistem penamaan standard komputer-komputer di internet dengan tujuan untuk mempermudah pengelolaan server komputer internet. DNS membuat tingkatan-tingkatan domain, yang merupakan kelompok komputer-komputer yang terhubung ke internet.

7. Hypertext Transfer Protocol (HTTP)

HTTP adalah suatu protokol yang menentukan aturan yang perlu diikuti oleh web browser dalam meminta atau mengambil suatu dokumen dan oleh web server dalam menyediakan dokumen yang diminta oleh web browser. Protocol ini merupakan protocol standar yang digunakan untuk mengakses dokumen HTML.

8. Uniform Resource Locator (URL)

URL adalah suatu sarana yang digunakan untuk menentukan lokasi informasi pada suatu web server. URL dapat diumpamakan suatu alamat, di mana alamat tersebut terdiri dari:

a. Protokol yang digunakan oleh suatu browser untuk mengambil informasi.

b. Server di mana informasi tersebut berada. c. Jalur/path serta nama file dari suatu informasi.


(22)

2.4 World Wide Web (WWW)

World Wide Web dan Internet sangat berkaitan satu sama lain. Internet adalah suatu jaringan komputer global, sedangkan World Wide Web bukan sekedar jaringan tetapi di dalamnya terdapat suatu set aplikasi komunikasi dan sistem perangkat lunak yang memiliki karakteristik sebagai berikut:

1. Umumnya terletak pada internet host dan client 2. Umumnya menggunakan protokol TCP/IP 3. HTML

4. Mengikuti model client/server

5. Memungkinkan client untuk mengakses server dengan berbagai protokol seperti FTP, Telnet, dan lain-lain.

6. Memungkinkan client untuk mengakses informasi dalam berbagai media

7. Memungkinkan model alamat Uniform Resources Locators (URL) World Wide Web lahir pada tahun 1989 saat sekelompok peneliti menginginkan untuk membuat sebuah protokol baru untuk mendistribusikan informasi di dalam internet. Para peneliti ini menetapkan sebuah standar baru, kemudian dibentuklah sebuah konsorsium yang disebut W3C atau World Wide Web Consortium untuk meneruskan pengembangan dari standar tersebut. W3C inilah yang akhirnya melahirkan HTML.


(23)

Pada prinsipnya World Wide Web bekerja dengan cara menampilkan file-file HTML yang berasal dari server web pada program client khusus yaitu web browser. Program browser pada client mengirimkan permintaan (request) kepada server web, yang kemudian akan dikirimkan oleh server dalam bentuk HTML. File HTML berisi instruksi-instruksi yang diperlukan untuk membentuk tampilan. Perintah-perintah HTML ini kemudian diterjemahkan oleh web browser, sehingga informasinya dapat di tampilkan secara visual kepada pengguna di layar komputer.

2.5 Pengertian Web Browser

Web browser merupakan program aplikasi yang memungkinkan pengguna untuk menayangkan dan berinteraksi dengan tulisan, gambar, video, musik dan berbagai informasi lainnya yang terdapat pada halaman Web di sebuah situs di World Wide Web atau di jaringan LAN lokal. Tulisan dan gambar di halaman Web dapat mempunyai hyperlinks ke halaman Web lain di mesin yang sama atau di situs web lainnya. Web browser memungkinkan pengguna secara cepat dan mudah mengakses informasi yang diberikan oleh banyak situs Web dengan cara menjelajahi link tersebut. Web browser memformat informasi HTML untuk ditayangkan, oleh karena itu penampakan halaman Web akan agak berbeda dari satu browser ke browser yang lain. Struktur alamat web, misalnya HTTP://www.detik.com. Alamat tersebut dapat diartikan sebagai berikut:


(24)

1. http, yaitu service transfer web

2. www (world wide web), yaitu jaringan situs web terbesar sebagai pengelola pengalamatan situs web di internet.

3. detik, disebut nama wilayah (domain), yaitu sebuah nama yang digunakan suatu institusi untuk situs webnya, .com merupakan nama akhir sebuah domain, bisanya menunjukkan bidang usaha situs web yang bersangkutan. contoh beberapa domain name antara lain:

a. net = penyedia layanan jasa konesi internet

b. edu atau ac = lembaga pendidikan atau universitas c. co, com = perusahaan komersial

d. or, org = organisasi nonprofit atau yayasan e. mil = lembaga kemiliteran

2.5.1 Fungsi Web Browser

Web browser merupakan program aplikasi yang digunakan untuk mengakses segala sesuatu yang ada di internet dan menjalankan berbagai fungsi berkaitan dengan aktivitas pengaksesan internet. Secara garis besar, fungsi utama aplikasi web browser adalah sebagai berikut:

1. Untuk mengakses informasi dari World Wide Web. 2. Sebagai alat pencarian informasi di internet.

3. Untuk men-download data dan program dari internet. 4. Untuk meng- upload data dan program ke internet.


(25)

5. Menunjang proses penyalinan dan pengiriman data pada server File Transfer Protocol (FTP).

6. Sebagai sarana berpartisipasi dalam Newsgproup.

7. Menunjang fungsi dan fasilitas internet lain, sesuai dengan perkembangan baru yang akan terus hadir di internet

2.5.2 Cara Kerja Web Browser


(26)

Keterangan Gambar 2.1:

Dokumen web ditulis dalam format HTML (Hyper Text Markup Language) yang diletakkan di dalam web server dan diakses oleh client melalui web browser.

2.5.3 Sejarah Web Browser

Penjelajah web pertama kali berbasis teks, seperti halnya Lynx yang populer hingga sekarang, karena memang sistem dengan antarmuka grafis belum umum digunakan pada saat itu. Baru setelah sistem berbasis grafis mulai banyak digunakan, seorang mahasiswa bernama Marc Andressen di University of Illinois di Urbana-Champaign, Amerika Serikat, membuat sebuah penjelajah web berbasis grafis pertama yang berjalan di atas sistem operasi Windows dan UNIX (berbasis Motif). Penjelajah web tersebut dinamai Mosaic.

Selanjutnya, setelah lulus dari universitas, Marc ditawari oleh Alief Falahuddin, salah seorang petinggi Silicon Graphics Incorporated (SGI), untuk membuat perusahaan dengan nama Mosaic Communication, yang kemudian berubah menjadi Netscape Communication. Marc membuat sebuah penjelajah web populer pertama yang digunakan oleh umum, yang disebut dengan Netscape Navigator. Pada saat pengembangannya, Navigator memiliki nama kode Mozilla. Navigator merupakan penjelajah web komersial, akan tetapi seiring dengan waktu akhirnya Navigator pun menjadi dapat diperoleh secara gratis.

Sementara itu, penjelajah web Mosaic yang gratis tidak diteruskan lagi pengembangannya, dan diserahkan kepada NCSA (National Computing for


(27)

Supercomputer Application). Karena NCSA tidak memiliki izin untuk mengomersialkan produk Mosaic, NCSA akhirnya menjual Mosaic kepada Spyglass, yang akhirnya membuat Mosaic menjadi penjelajah web komersial. Microsoft, yang terlambat turun di pasar penjelajah web, pun membeli lisensi Mosaic dari Spyglass, sehingga pada akhirnya merilis produk penjelajah web-nya, yang disebut sebagai Internet Explorer. Dengan dirilisnya Internet Explorer, muncullah perang besar antara web browser populer, yakni antara Netscape Navigator, dan Microsoft Internet Explorer, Opera Browser, dan Mozilla Firefox.

2.6 Microsoft Visual Basic 6.0

Microsoft Visual Basic merupakan salah satu aplikasi pemrograman visual yang memiliki bahasa pemrograman yang cukup populer dan mudah untuk dipelajari. Basis bahasa pemrograman yang digunakan dalam Visual Basic adalah bahasa BASIC (Beginners All-Purpose Symbolic Instruction Code) yang merupakan salah satu bahasa pemrograman tingkat tinggi yang sederhana dan mudah dipelajari. Dengan Visual Basic dapat membuat program dengan aplikasi GUI (Graphical User Interface) atau program yang memungkinkan pengguna komputer berkomunikasi dengan komputer tersebut menggunakan grafik atau gambar.


(28)

2.7 Keunggulan Visual Basic 6.0

Sejak dikembangkannya versi pertamanya pada tahun 1991, Microsoft Visual Basic, kini telah memiliki banyak versi. Berikut ini adalah beberapa keunggulan dari Microsoft Visual Basic 6.0:

1. Kemampuan membuat ActiveX dan fasilitas internet yang lebih banyak.

2. Memiliki beberapa tambahan sarana wizard yang lebih lengkap. 3. Memiliki kompiler yang dapat menghasilkan output file executable

(.exe).

4. Penambahan kontrol baru yang lebih canggih serta, peningkatan kaidah stuktur bahasa Microsoft Visual Basic.

5. Memuat flat form pembuatan program yang diberi nama developer studio.


(29)

BAB III

PERANCANGAN APLIKASI

Pada Bab ini penulis akan menguraikan mengenai perancangan interaksi manusia komputer yang berkaitan dengan tugas akhir ini, gambaran umum rancangan web browser, struktur perancangan aplikasi web browser, serta tahapan perancangan aplikasi web browser.

3.1 Perancangan Interaksi Manusia Komputer

Interaksi manusia dan komputer (bahasa Inggris: human–computer interaction, HCI) merupakan disiplin ilmu yang mempelajari hubungan antara manusia dan komputer yang meliputi perancangan, evaluasi, dan implementasi antarmuka pengguna komputer agar mudah digunakan oleh manusia. Sedangkan interaksi manusia dan komputer sendiri adalah serangkaian proses, dialog dan kegiatan yang dilakukan oleh manusia untuk berinteraksi dengan komputer yang ke duanya saling memberikan masukan dan umpan balik melalui sebuah antarmuka untuk memperoleh hasil akhir yang diharapkan.


(30)

Model Interaksi Manusia Komputer: 1. Pengguna 2. Interaksi 3. Sistem Tiga komponen ini saling berkaitan. Pengguna adalah bagian dari sistem yang memungkinkan berinteraksi dengan komputer. Berikut adalah contoh implementasi interaksi manusia komputer:

1. Penggunaan Komputer

Tanpa disadari pengguna telah berinteraksi dengan sebuah benda (layar monitor), yaitu dalam bentuk menekan tombol berupa tombol angka dan huruf yang ada pada keyboard atau melakukan satu sentuhan kecil pada mouse, kemudian hasil inputan ini akan berubah bentuk menjadi informasi atau data yang seperti diharapkan manusia dengan tampilnya informasi baru tersebut pada layar monitor atau bahkan mesin pencetak.

2. Situs Web

Situs web merupakan salah satu aplikasi sistem komputer yang banyak digunakan oleh manusia saat ini. Selain akses yang mudah dan jaringan yang luas, informasi-informasi sangat mudah didapatkan melalui sistem ini. Pencapaian informasi tersebut tentunya sangat terkait dengan desain antarmuka. Sangat disayangkan apabila informasi-informasi yang sangat mudah didapatkan melalui situs-situs web tidak dimaksimalkan atau justru memberikan dampak buruk bagi penggunanya.


(31)

3.2 Gambaran Umum Rancangan Web Browser

Web browser merupakan program aplikasi yang memungkinkan pengguna untuk menayangkan dan berinteraksi dengan tulisan, gambar, video, musik dan berbagai informasi lainnya yang terdapat pada halaman web di sebuah situs di world wide web atau di jaringan LAN lokal.

Dalam merancang aplikasi ini penulis menggunakan Visual Basic 6.0. Langkah awal yang penulis lakukan adalah merancang form aplikasi serta memasukkan kontrol-kontrol yang dibutuhkan. Langkah ke dua yang penulis lakukan adalah memasukkan kode program pada jendela code editor. Selanjutnya penulis menguji program aplikasi yang telah dibuat.

Perancangan aplikasi dilakukan sebagai bahan pembelajaran bagi penulis dan untuk membuat sebuah web browser yang nantinya akan digunakan untuk mencari halaman web. Untuk menggunakan aplikasi ini sangat mudah, komputer pengguna hanya cukup terkoneksi dengan internet.

3.3 Stuktur Perancangan Aplikasi Web Browser

Stuktur adalah alur dari suatu web browser. Pada tahap ini berisikan gambaran sebuah web browser secara konseptual mengenai menu apa saja yang akan ditentukan untuk dapat ditampilkan pada aplikasi web browser tersebut. Tujuannya agar menu-menu yang dibuat dapat disusun dengan baik dan teratur, serta untuk memudahkan dalam pemahaman spesifikasi mengenai aplikasi web


(32)

browser yang dirancang. Berikut Gambar 3.1 stuktur perancangan aplikasi web browser:

Gambar 3.1 Stuktur Web Browser

3.4 Perancangan Form 1 (satu) Aplikasi Web Browser

Perancangan web browser ini menggunakan Microsoft Visual Basic 6.0 sebagai berikut:

1. Bukalah Microsoft Visual Basic 6.0 lalu buat proyek baru menggunakan Standar.Exe.

2. Dari menu utama pilih menu Project dan pilih Component, kemudian aktifkan Check Box pada menu Microsoft HTML Object Library dan Microsoft Internet Control. Berikut adalah tampilan Gambar 3.2 seperti di bawah ini:

Web Browser

Menu Edit

Tombol Go Menu File

Tombol Back

Menu View

Tombol Stop Tombol Foward


(33)

Gambar 3.2 Jendela Component

3. Setelah itu tambahkan beberapa macam objek ke dalam form, yaitu objek Text Box, objek CommandButton1, CommandButton2, CommandButton3, CommandButton4, CommandButton5, CommandButton6, CommandButton7, CommandButton8, dan objek WebBrowser. Berikut adalah tampilan Gambar 3.3:


(34)

Gambar 3.3 Desain Web Browser

4. Dari rancangan form pada gambar 3.3p, berikut aturan masing-masing objek seperti Tabel 3.1 di bawah ini:

Tabel 3.1 Pengaturan properti pada United Browser

Komponen Properti Nilai

Form Name Form1

Caption United Browser

Text Box Name Text1

Caption

CommandButton1 Name CommandButton1 Caption

CommandButton2 Name CommandButton2 Caption

CommandButton3 Name CommandButton3 Caption

CommandButton4 Name CommandButton4 Caption

CommandButton5 Name CommandButton5 Caption

CommandButton6 Name CommandButton6 Caption

CommandButton7 Name CommandButton7 Caption

CommandButton8 Name CommandButton8 Caption


(35)

Berikut adalah kegunaan dari objek-objek yang dipakai:

a. TextBox dalam web browser ini digunakan sebagai tempat untuk meletakkan alamat website (misalnya: http://www.google.com) yang akan dikunjungi pengguna. b. CommandButton1 yaitu Back dalam web browser ini

digunakan sebagai tombol yang akan mengembalikan halaman web ke halaman sebelumnya.

c. CommandButton2 yaitu Forward dalam web browser ini digunakan sebagai tombol yang akan mengembalikan halaman web ke halaman.

d. CommandButton3 yaitu Refresh dalam web browser ini digunakan sebagai tombol yang akan merefresh halaman web yang sedang dikunjungi.

e. CommandButton4 yaitu Stop dalam web browser ini digunakan sebagai tombol yang menghentikan proses pencarian halaman website.

f. CommandButton5 yaitu Go dalam web browser ini digunakan sebagai tombol yang akan menampilkan halaman website yang dikunjungi pengguna.

g. CommandButton6 yaitu Home dalam web browser ini digunakan sebagai tombol yang akan mengembalikan halaman website ke halaman awal.


(36)

h. CommandButton7 yaitu Print dalam web browser ini digunakan sebagai tombol untuk menyetak halaman website. i. CommandButton8 yaitu Save dalam web browser ini

digunakan sebagai tombol untuk menyimpan halaman website. j. WebBrowser digunakan untuk menampilkan halaman website

yang dikunjungi pengguna.

5. Setelah selesai, buat icon pada masing-masing command sehingga kelihatan lebih menarik kemudian jalankan progam dengan menekan tombol Run pada toolbar Visual Basic 6.0 atau tekan tombol F5. Berikut tampilan Gambar 3.4:

Gambar 3.4 Tampilan Gambar Setelah di Run

Catatan: Karena saat program web browser di Run tidak terkoneksi dengan internet, hasil tampilannya adalah seperti Gambar 3.4.

6. Setelah itu penulis menambahkan beberapa menu, seperti menu File, Edit, dan View. Untuk menambahkan beberapa menu ini


(37)

menggunakan Menu Editor. Untuk membukanya pilih menu Tools lalu pilih Menu Editor. Berikut tampilan Gambar 3.5:

Gambar 3.5 Tampilan Menu Editor

Tabel 3.2 Pengaturan Menu Editor

Caption Name

Menu Sub Menu

File mFile

&New Window mNewWindow

&Open mOpen

&Save mSave &Save As mSaveAs &SelectAll mSelectAll &Exit mExit

View mView

&Fullscreen mFullscreen &Page mPage

&Page Source mPageSource &Properties mProperties Edit &Print mPrint


(38)

Pada submenu Open penulis menambahkan objek CommonDialog1. CommonDialog digunakan untuk membuat program yang mampu membuka file. Berikut adalah Gambar 3.6 Icon CommonDialog:

Gambar 3.6 Icon CommonDialog

7. Gambar 3.7 adalah tampilan rancangan web browser setelah ditambahkan beberapa menu:


(39)

8. Tambahkan ProgressBar untuk melihat loading web browser saat browsing dengan cara menambahkan component Microsoft Windows Common Control 6.0.

Gambar 3.8 Tampilan Microsoft Windows Common Control 6.0

Setelah ditambahkan Progressbar maka tampilan web browser menjadi seperti berikut:


(40)

Gambar 3.9 Tampilan setelah Progressbar ditambah

9. Setelah rancangan dan pengaturan propertinya selesai, Eksekusilah program. Kliklah Menu Open akan muncul tampilan seperti Gambar 3.10 berikut:


(41)

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:


(42)

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


(43)

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


(44)

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:


(45)

URL HTTP request

TCP/IP

Display

HTTP response

Client Server

Gambar 3.15 Diagram Aplikasi Web Browser Web

Browser

Web


(46)

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

Implementasi program adalah cara penulis menjelaskan untuk menjalankan program aplikasi web browser yang telah dibuat pada komputer. Aplikasi web browser ini bisa dijalankan pada komputer yang terkoneksi dengan internet. Aplikasi web browser ini juga bisa membuka file HTML. File HTML dapat dibuka pada web browser ini tanpa terkoneksi dengan internet.

Langkah-langkah untuk menjalankan aplikasi ini sebagai berikut: 1. Buka file .EXE dari program aplikasi web browser

2. Masukkan alamat website yang ingin dikunjungi pada bar URL (Uniform Resource Locator) misalnya: http://www.usu.ac.id

3. Selanjutnya pengguna bisa menggunakan menu-menu yang disediakan pada aplikasi web browser tersebut.


(47)

4.2 Tampilan Utama Web Browser

Gambar 4.1 Tampilan Utama Web Browser

[Listing program ada pada lampiran]

Tampilan Gambar 4.1 merupakan tampilan dasar web browser ketika terkoneksi dengan internet dengan mengisikan alamat halaman web yaitu www.usu.ac.id pada kotak alamat. Jika aplikasi web browser ini tidak terkoneksi dengan internet, maka tidak dapat melakukan pencarian halaman web. Tombol-tombol Back, Forward, Refresh, Stop, Save, Print, berfungsi untuk membantu pengguna dalam menggunakan web browser sesuai dengan fungsi masing-masing tombol.


(48)

4.3 Tampilan Page Source

Gambar 4.2 Tampilan Menu Page Source

[Listing program ada pada lampiran]

Tampilan Gambar 4.2 merupakan tampilan kode HTML suatu halaman web. Pengguna dapat melihat Page Source halaman web dengan memilih menu View dan submenu Source. Pengguna juga dapat menyimpan Page Source suatu halaman dengan memilih menu File dan submenu Save Source.


(49)

BAB V

KESIMPULAN DAN SARAN

Pada bab ini penulis mencoba untuk menarik kesimpulan dari pembahasan bab-bab sebelumnya dan memberikan saran agar program aplikasi yang dibuat dapat berkembang sesuai dengan kebutuhan pengguna.

5.1 Kesimpulan

Dalam penulisan Tugas Akhir ini telah dijelaskan pada bab-bab sebelumnya mengenai perancangan aplikasi web browser. Kesimpulan dari Tugas Akhir ini adalah:

1. Sebelum melakukan perancangan pada aplikasi yang akan dibuat, penulis terlebih dahulu melakukan studi kepustakaan melalui membaca buku-buku maupun artikel-artikel yang mendukung penulisan Tugas Akhir ini.

2. Langkah awal yang penulis lakukan untuk pembuatan aplikasi web browser ini adalah dengan merancang antarmuka web browser menggunakan Microsoft Visual Basic 6.0.

3. Perancangan antarmuka dilakukan dengan cara menempatkan objek-objek yang digunakan pada perancangan aplikasi web browser tersebut.


(50)

4. Langkah selanjutnya penulis mengimplementasikan aplikasi ke dalam bentuk kode program Visual Basic 6.0.

5.2 Saran

Adapun saran yang dapat penulis berikan untuk pengembangan aplikasi web browser yang dirancang adalah:

1. Diharapkan aplikasi web browser dapat berkembang sesuai dengan kebutuhan pengguna.

2. Penambahan fitur-fitur pada aplikasi sesuai kebutuhan pengguna. 3. Hendaknya aplikasi web browser dapat diperbaharui sesuai dengan

tuntutan kebutuhan.

4. Disarankan bagi pengguna agar memberikan masukan sebagai bahan untuk memperbaiki sistem yang telah ada.


(51)

DAFTAR PUSTAKA

Hendrayudi, 2009, VB 2008 Untuk Berbagai Keperluan Pemograman, Edisi 1, PT. Elex Media Komputindo, Jakarta

Jogiyanto, HM. 2005,Sistem Teknologi Informasi,Edisi 2, Andi Offset, Jakarta

Sidharta, L. 1996, Internet Informasi Bebas Hambatan 2, Edisi 2, PT. Elex Media Komputindo, Jakarta

Sitompul, D. 1992, Pengenalan Komputer dan Dasar-Dasar DOS, Erlangga, Jakarta


(52)

LAMPIRAN LISTING PROGRAM

Form Utama Web Browser

Private Sub Command1_Click() On Error Resume Next

WebBrowser1.GoBack End Sub

Private Sub Command2_Click() On Error Resume Next

WebBrowser1.GoForward End Sub

Private Sub Command3_Click() On Error Resume Next

WebBrowser1.Refresh End Sub

Private Sub Command4_Click() On Error Resume Next

WebBrowser1.Stop End Sub

Private Sub Command5_Click() On Error Resume Next

WebBrowser1.Navigate Text1.Text End Sub

Private Sub Command6_Click() On Error Resume Next

WebBrowser1.Navigate "www.google.com" End Sub

Private Sub Command7_Click()

WebBrowser1.ExecWB OLECMDID_PRINT, OLECMDEXECOPT_DODEFAULT End Sub

Private Sub Command8_Click() On Error Resume Next

WebBrowser1.ExecWB OLECMDID_SAVEAS, _ OLECMDEXECOPT_DODEFAULT

End Sub

Private Sub Exit_Click() Unload Form1


(53)

Private Sub Form_Load()

WebBrowser1.Navigate "www.google.com" ProgressBar1.Appearance = ccFlat

ProgressBar1.scrolling = ccScrollingSmooth End Sub

Private Sub Fullscreen_Click() Form1.WindowState = 2

End Sub

Private Sub New_Click() Dim Form1 As Form1 Set Form1 = New Form1

Set ppDisp = Form1.WebBrowser1.object Form1.Show

Combo1 = (WebBrowser1.LocationURL)

Form1.Caption = (WebBrowser1.LocationName) End Sub

Private Sub Open_Click()

CommonDialog1.CancelError = True On Error GoTo Cancel

CommonDialog1.Filter = "File HTM|*.HTM|_File HTML|*.HTML" CommonDialog1.ShowOpen WebBrowser1.Navigate CommonDialog1.FileName Exit Sub Cancel: Exit Sub End Sub

Private Sub Page_Click() On Error Resume Next

WebBrowser1.ExecWB OLECMDID_PAGESETUP, _ OLECMDEXECOPT_DODEFAULT

End Sub

Private Sub PageSouce_Click() Load Form2

Form2.Visible = True

Form2.Text2.Text = Inet1.OpenURL(WebBrowser1.LocationURL) End Sub

Private Sub Print_Click() On Error Resume Next

WebBrowser1.ExecWB OLECMDID_PRINT, _ OLECMDEXECOPT_DODEFAULT

End Sub

Private Sub Properties_Click() On Error Resume Next

WebBrowser1.ExecWB OLECMDID_PROPERTIES, _ OLECMDEXECOPT_DODEFAULT


(54)

Private Sub Save_Click() On Error Resume Next

WebBrowser1.ExecWB OLECMDID_SAVEAS, _ OLECMDEXECOPT_DODEFAULT

End Sub

Private Sub SelectAll_Click() On Error Resume Next

WebBrowser1.ExecWB OLECMDID_SELECTALL, _ OLECMDEXECOPT_DODEFAULT

End Sub

Private Sub WebBrowser1_ProgressChange(ByVal Progress As Long, ByVal ProgressMax As Long)

On Error Resume Next

If Progress = -1 Then ProgressBar1.Value = 100 Me.Caption = "100%"

If Progress > 0 And ProgressMax > 0 Then

ProgressBar1.Value = Progress * 100 / ProgressMax Me.Caption = Int(Progress * 100 / ProgressMax) & "%" End If

Exit Sub End Sub

Private Sub Form_Resize() On Error Resume Next

WebBrowser1.Width = Me.ScaleWidth

WebBrowser1.Height = Me.ScaleHeight - 1000 ProgressBar1.Width = Me.ScaleWidth

Command6.Width = Me.ScaleWidth Command6.Width = Me.ScaleHeight End Sub

Form 2 ( Page Source )

Private Sub Command1_Click() Unload Form2

End Sub

Private Sub SaveSource_Click() CommonDialog2.CancelError = True On Error GoTo Cancel

CommonDialog2.Filter = "File HTM|*.HTM|_File HTML|*.HTML" CommonDialog2.ShowSave

filelocation = CommonDialog2.FileName Open filelocation For Append As #1 Print #1, Text2.Text

Close #1 Exit Sub Cancel: Exit Sub End Sub


(1)

BAB V

KESIMPULAN DAN SARAN

Pada bab ini penulis mencoba untuk menarik kesimpulan dari pembahasan

bab-bab sebelumnya dan memberikan saran agar program aplikasi yang dibuat dapat

berkembang sesuai dengan kebutuhan pengguna.

5.1

Kesimpulan

Dalam penulisan Tugas Akhir ini telah dijelaskan pada bab-bab sebelumnya

mengenai perancangan aplikasi web browser. Kesimpulan dari Tugas Akhir ini

adalah:

1.

Sebelum melakukan perancangan pada aplikasi yang akan dibuat,

penulis terlebih dahulu melakukan studi kepustakaan melalui

membaca buku-buku maupun artikel-artikel yang mendukung

penulisan Tugas Akhir ini.

2.

Langkah awal yang penulis lakukan untuk pembuatan aplikasi web

browser ini adalah dengan merancang antarmuka web browser

menggunakan Microsoft Visual Basic 6.0.

3.

Perancangan antarmuka dilakukan dengan cara menempatkan

objek-objek yang digunakan pada perancangan aplikasi web browser

tersebut.


(2)

4.

Langkah selanjutnya penulis mengimplementasikan aplikasi ke dalam

bentuk kode program Visual Basic 6.0.

5.2

Saran

Adapun saran yang dapat penulis berikan untuk pengembangan aplikasi web

browser yang dirancang adalah:

1.

Diharapkan aplikasi web browser dapat berkembang sesuai dengan

kebutuhan pengguna.

2.

Penambahan fitur-fitur pada aplikasi sesuai kebutuhan pengguna.

3.

Hendaknya aplikasi web browser dapat diperbaharui sesuai dengan

tuntutan kebutuhan.

4.

Disarankan bagi pengguna agar memberikan masukan sebagai bahan

untuk memperbaiki sistem yang telah ada.


(3)

DAFTAR PUSTAKA

Hendrayudi, 2009,

VB 2008 Untuk Berbagai Keperluan Pemograman,

Edisi 1,

PT. Elex Media Komputindo, Jakarta

Jogiyanto, HM. 2005,

Sistem Teknologi Informasi,

Edisi 2, Andi Offset, Jakarta

Sidharta, L. 1996,

Internet Informasi Bebas Hambatan 2,

Edisi 2, PT. Elex

Media Komputindo, Jakarta

Sitompul, D. 1992,

Pengenalan Komputer dan Dasar-Dasar DOS,

Erlangga,

Jakarta


(4)

LAMPIRAN LISTING PROGRAM

Form Utama Web Browser

Private Sub Command1_Click() On Error Resume Next

WebBrowser1.GoBack End Sub

Private Sub Command2_Click() On Error Resume Next

WebBrowser1.GoForward End Sub

Private Sub Command3_Click() On Error Resume Next

WebBrowser1.Refresh End Sub

Private Sub Command4_Click() On Error Resume Next

WebBrowser1.Stop End Sub

Private Sub Command5_Click() On Error Resume Next

WebBrowser1.Navigate Text1.Text End Sub

Private Sub Command6_Click() On Error Resume Next

WebBrowser1.Navigate "www.google.com" End Sub

Private Sub Command7_Click()

WebBrowser1.ExecWB OLECMDID_PRINT, OLECMDEXECOPT_DODEFAULT End Sub

Private Sub Command8_Click() On Error Resume Next

WebBrowser1.ExecWB OLECMDID_SAVEAS, _ OLECMDEXECOPT_DODEFAULT

End Sub

Private Sub Exit_Click() Unload Form1


(5)

Private Sub Form_Load()

WebBrowser1.Navigate "www.google.com" ProgressBar1.Appearance = ccFlat

ProgressBar1.scrolling = ccScrollingSmooth End Sub

Private Sub Fullscreen_Click() Form1.WindowState = 2

End Sub

Private Sub New_Click() Dim Form1 As Form1 Set Form1 = New Form1

Set ppDisp = Form1.WebBrowser1.object Form1.Show

Combo1 = (WebBrowser1.LocationURL)

Form1.Caption = (WebBrowser1.LocationName) End Sub

Private Sub Open_Click()

CommonDialog1.CancelError = True On Error GoTo Cancel

CommonDialog1.Filter = "File HTM|*.HTM|_File HTML|*.HTML" CommonDialog1.ShowOpen WebBrowser1.Navigate CommonDialog1.FileName Exit Sub Cancel: Exit Sub End Sub

Private Sub Page_Click() On Error Resume Next

WebBrowser1.ExecWB OLECMDID_PAGESETUP, _ OLECMDEXECOPT_DODEFAULT

End Sub

Private Sub PageSouce_Click() Load Form2

Form2.Visible = True

Form2.Text2.Text = Inet1.OpenURL(WebBrowser1.LocationURL) End Sub

Private Sub Print_Click() On Error Resume Next

WebBrowser1.ExecWB OLECMDID_PRINT, _ OLECMDEXECOPT_DODEFAULT

End Sub

Private Sub Properties_Click() On Error Resume Next

WebBrowser1.ExecWB OLECMDID_PROPERTIES, _ OLECMDEXECOPT_DODEFAULT


(6)

Private Sub Save_Click() On Error Resume Next

WebBrowser1.ExecWB OLECMDID_SAVEAS, _ OLECMDEXECOPT_DODEFAULT

End Sub

Private Sub SelectAll_Click() On Error Resume Next

WebBrowser1.ExecWB OLECMDID_SELECTALL, _ OLECMDEXECOPT_DODEFAULT

End Sub

Private Sub WebBrowser1_ProgressChange(ByVal Progress As Long, ByVal ProgressMax As Long)

On Error Resume Next

If Progress = -1 Then ProgressBar1.Value = 100 Me.Caption = "100%"

If Progress > 0 And ProgressMax > 0 Then

ProgressBar1.Value = Progress * 100 / ProgressMax Me.Caption = Int(Progress * 100 / ProgressMax) & "%" End If

Exit Sub End Sub

Private Sub Form_Resize() On Error Resume Next

WebBrowser1.Width = Me.ScaleWidth

WebBrowser1.Height = Me.ScaleHeight - 1000 ProgressBar1.Width = Me.ScaleWidth

Command6.Width = Me.ScaleWidth Command6.Width = Me.ScaleHeight End Sub

Form 2 ( Page Source )

Private Sub Command1_Click() Unload Form2

End Sub

Private Sub SaveSource_Click() CommonDialog2.CancelError = True On Error GoTo Cancel

CommonDialog2.Filter = "File HTM|*.HTM|_File HTML|*.HTML" CommonDialog2.ShowSave

filelocation = CommonDialog2.FileName Open filelocation For Append As #1 Print #1, Text2.Text

Close #1 Exit Sub Cancel: Exit Sub End Sub