Perancangan Web Browser Menggunakan Microsoft Visual Basic 6.0
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