i

RANCANG BANGUN APLIKASI WEB BROWSER

MENGGUNAKAN VISUAL BASIC

SKRIPSI

Disusun sebagai salah satu syarat menyelesaikan Program Studi Strata I

pada Program Studi Teknik Informatika Fakultas Komunikasi dan Informatika

Universitas Muhammadiyah Surakarta

Oleh :

ANDI PURNOMO

NIM : L200090149

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS KOMUNIKASI DAN INFORMATIKA

UNIVERSITAS MUHAMMADIYAH SURAKARTA

2013

ii

HALAMAN PERSETUJUAN

Skripsi dengan judul

RANCANG BANGUN APLIKASI WEB BROWSER

MENGGUNAKAN VISUAL BASIC

Ini telah diperiksa, disetujui, dan disahkan pada :

Hari : Jumat

Tanggal : 19 Juli 2013

Pembimbing I

Endah Sudarmilah, S.T, M.Eng

NIK : 969

Pembimbing II

Aris Budiman, S.T, M.T

NIK : 885

iii

HALAMAN PENGESAHAN

RANCANG BANGUN APLIKASI WEB BROWSER

MENGGUNAKAN VISUAL BASIC

Dipersiapkan dan disusun oleh

ANDI PURNOMO

NIM : L200090149

Telah dipertahankan di depan Dewan Penguji

pada tanggal 19 Juli 2013

Susunan Dewan Penguji

Pembimbing I

Endah Sudarmilah, S.T., M.Eng.

NIK : 969

Dewan Penguji I

Aris Rakhmadi, S.T., M.Eng.

NIK : 983

Pembimbing II

Aris Budiman, S.T., M.T.

NIK : 885

Skripsi ini telah diterima sebagai salah satu persyaratan

untuk memperoleh gelar sarjana

Dekan

Fakultas Komunikasi dan Informatika

Husni Thamrin, S.T., M.T, Ph.D

NIK : 706

Ketua Program Studi

Teknik Informatika

Dr. Heru Supriyono, M.Sc.

NIK : 970

iv

DAFTAR KONTRIBUSI

Dengan ini saya menyatakan bahwa skripsi ini tidak terdapat karya yang

pernah diajukan untuk memperoleh gelar kesarjanaan di suatu Perguruan Tinggi,

dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang

pernah ditulis atau diterbitkan oleh orang lain kecuali yang secara tertulis diacu

dalam naskah ini dan disebutkan dalam daftar pustaka.

Berikut saya sampaikan daftar kontribusi dalam penyusunan skripsi :

1. Perancangan program aplikasi ini dengan bantuan internet dan buku yang

dilampirkan pada daftar pustaka.

2. Program aplikasi yang saya gunakan untuk membuat Aplikasi ini adalah

Microsoft Visual Studio 2008.

3. Saya menggunakan komputer dekstop dengan spesifikasi Prosesor Intel

Core i7 2.93 GHz untuk membuat aplikasi ini.

4. Desain tampilan, gambar dan suara yang digunakan dalam aplikasi ini

didapatkan dari internet dan diedit menggunakan software Adobe

Photoshop CS 3 dan Corel Draw X6.

Demikian pernyataan dan daftar kontribusi ini saya buat dengan

sejujurnya. Saya bertanggung jawab atas isi dan kebenaran daftar di atas.

Surakarta, Maret 2013

Andi Purnomo

v

Mengetahui:

Pembimbing I

Endah Sudarmilah, S.T., M.Eng

NIK : 969

Pembimbing II

Aris Budiman, S.T., M.T.

NIK : 885

vi

MOTTO DAN PERSEMBAHAN

MOTTO :

“You’re nothing before being something. If you’ve become something that you

have been change everything“

(Penulis)

“Learn from yesterday, live for today, hope for tomorrow. The Important things is

not to stop questioning“

(Albert Einstein)

“Live as if you were to die tomorrow. Learn as if you were to live forever“

(Mahatma Gandhi)

“Education is the most powerful weapon which you can use to change the world”

(Nelson Mandela)

PERSEMBAHAN :

Sebagai rasa syukur dan teriman kasih saya persembahkan karyaku ini kepada :

1. Kedua orang tuaku tercinta, Bapak Sumarno dan Ibu Rasiah untuk kasih

sayang yang tidak terbatas, untuk setiap nasehat, setiap doa yang

dipanjatkan untuk kesuksesanku, dukungan semangat yang tidak pernah

vii

putus serta dukungan moril dan materiilnya yang tak akan pernah

terbalaskan.

2. Adik-adikku tercinta Linda Purnomo dan Dedi Purnomo atas doa-doa

kalian yang selalu mendukung perjuangan kakakmu ini.

3. Sahabat-sahabat saya yang selalu mendukung satu sama lain saat susah

maupun senang Satria, Seno, Agung, Yayan, Rian, Rizki DS, Ijul, dan

Gegen.

4. Teman-teman Keluarga Besar Alumni SD Muhammadiyah 1 Kota

Pontianak Tahun 2003 yang selalu menjaga tali silaturahmi hingga

sekarang ini.

5. Teman-teman Alumni SMP Negeri 2 Kota Pontianak 2006 yang senantiasa

memberikan semangat kebersamaan yang tinggi.

6. Teman-teman Alumni SMA Negeri 1 Kota Pontianak 2009 khususnya

kelas XII IPA 2 yang menjujung tinggi rasa kebersamaan dan saling

membantu satu sama lain khususnya Muli, Rian, Tyas, Uul, Habibul,

Noval, Agi, Anto, Faisal, Jibril, Dendy, Hari, dan Ben.

7. Sahabat-sahabat MATIKEP yang selalu berjuang bersama selama kuliah

dan selalu menolong ketika di saat sulit serta peduli terhadap sesama

teman khususnya Banar, Wahyu, Nanang, Indra, Medhek, Teguh, Agung,

Budi, Andri, Riyanto, Septiawan, Ikhsan Bejo, Ikhsan Koci, Dani,

Bambang, Roman, Yudis, Rhesa, Marwanto, Duwek dan Jono.

8. Semua pihak yang selalu ada di sekitar saya yang tidak bisa saya sebutkan

satu persatu.

viii

KATA PENGANTAR

Alhamdulillah, kami panjatkan syukur kehadirat Allah SWT yang telah

melimpahkan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan

skripsi ini dengan judul “Rancang Bangun Aplikasi Web Browser Menggunakan

Visual Basic”.

Skripsi ini disusun untuk memenuhi kurikulum pada Program Studi

Teknik Informatika Universitas Muhammadiyah Surakarta, sebagai kewajiban

mahasiswa dalam rangka menyelesaikan program sarjana.

Penulis menyadari bahwa skripsi ini masih jauh dari kesempurnaan, oleh

karena itu kritik saran yang membangun dari berbagai pihak sangat penulis

harapkan demi perbaikan-perbaikan ke depan.

Terwujudnya skripsi ini tidak lepas dari bantuan berbagai pihak. Oleh

karena itu dalam kesempatan ini penulis ingin mengucapkan terima kasih yang

sebesar-besarnya kepada :

1. Bapak Husni Thamrin, S.T, MT., Ph.D. selaku Dekan Fakultas

Komunikasi dan Informatika Universitas Muhammadiayah Surakarta.

2. Bapak Dr. Heru Supriyono, S.T., M.Sc. selaku Ketua Jurusan Teknik

Informatika Universitas Muhammadiayah Surakarta.

3. Ibu Endah Sudarmilah, S.T, M.Eng selaku pembimbing akademik selama

kuliah dan pembimbing Iyang telah memberikan, bimbingan, dan

pengarahan kepada penulis sehingga dapat menyelesaikan tugas akhir ini.

ix

4. Bapak Aris Budiman, S.T, M.T selaku pembimbing II yang telah

memberikan, bimbingan, dan pengarahan kepada penulis sehingga dapat

menyelesaikan tugas akhir ini.

5. Segenap dosen dan karyawan prodi Teknik Informatika atas bantuan dan

ilmu yang diberikan kepada penulis selama masa perkuliahan hingga

dinyatakan mendapat gelar Strata 1.

6. Kepada orang tua yang selalu memberikan do’a, semangat dan motivasi

dengan tiada hentinya kepada penulis.

7. Semua pihak yang tidak bisa disebutkan satu-persatu yang telah membantu

hingga terselesainya skripsi ini.

Akhirnya penulis berharap semoga skripsi ini berguna bagi semua pihak

dan bermanfaat bagi penulis khususnya dan pembaca pada umumnya dalam

menambah pengetahuan dan wawasan ilmu.Amiin.

Surakarta, Juni 2013

Penulis

x

DAFTAR ISI

Halaman Judul ................................................................................................ i

Halaman Persetujuan ...................................................................................... ii

Halaman Pengesahan ..................................................................................... iii

Daftar Kontribusi ........................................................................................... iv

Motto dan Persembahan ................................................................................. vi

Kata Pengantar ............................................................................................... viii

Daftar Isi......................................................................................................... x

Daftar Tabel ................................................................................................... xiv

Daftar Gambar ................................................................................................ xv

Abstraksi ........................................................................................................ xviii

BAB I PENDAHULUAN ............................................................................. 1

1.1. Latar Belakang Masalah ......................................................................... 1

1.2. Rumusan Masalah .................................................................................. 3

1.3. Tujuan Penelitian ................................................................................... 3

1.4. Batasan Masalah...................................................................................... 4

1.5. Manfaat Penelitian ................................................................................. 4

1.6. Sistematika Penulisan ............................................................................ 5

BAB II TINJAUAN PUSTAKA .................................................................. 7

2.1. Telaah Penelitian .................................................................................... 7

2.2. Landasan Teori ....................................................................................... 11

1. Internet .................................................................................................. 11

2. Web ...................................................................................................... 11

xi

3. Web Server ........................................................................................... 11

4. Web Browser ........................................................................................ 12

5. Visual Basic.NET ................................................................................. 12

BAB III METODE PENELITIAN ............................................................. 13

3.1. Waktu dan Tempat ................................................................................. 13

3.2 Peralatan Utama dan Pendukung ............................................................ 14

A. Perancangan dan Pembuatan ............................................................... 14

1. Software ........................................................................................... 14

2. Hardware .......................................................................................... 14

B. Pengujian ............................................................................................. 15

3.3 Alur Penelitian ........................................................................................ 15

3.3.1 Analisis Sistem ................................................................................. 18

3.3.1.1 Studi Kelayakan .................................................................... 18

3.4 Perancangan Aplikasi .............................................................................. 19

A. Metode Pengumpulan Data ................................................................. 19

1. Metode Dokumentasi ....................................................................... 19

2. Metode Studi Pusataka .................................................................... 19

B. Desain Secara Umum .......................................................................... 20

1. Desain Aplikasi ................................................................................ 20

2. Desain Database ............................................................................... 21

C. Desain Secara Terperinci ..................................................................... 22

1. Halaman Awal ................................................................................. 22

2. Kotak Dialog Bookmark .................................................................. 23

xii

3. Kotak Dialog Pengaturan Bookmark ............................................... 24

4. Kotak Dialog Pengaturan Adzan ..................................................... 24

5. Perancangan Database ..................................................................... 25

a. Database Bookmark .................................................................... 25

b. Database History ......................................................................... 26

c. Database Adzan ............................................................................ 26

BAB IV HASIL DAN PEMBAHASAN ..................................................... 27

3.1. Hasil Penelitian ...................................................................................... 27

1. Halaman Awal ................................................................................... 27

2. Toolbar Menu ...................................................................................... 29

3. Toolbar Konfigurasi ........................................................................... 30

4. Menu Bookmark ................................................................................ 30

5. Menu Riwayat .................................................................................... 32

6. Menu Pengaturan Browser ................................................................. 33

7. Menu Adzan ....................................................................................... 34

3.2. Pengujian ................................................................................................ 35

1. Web Browser Benchmark ................................................................. 35

2. Analisa Perbandingan Fitur ............................................................... 43

3.3. Analisa dan Pembahasan ........................................................................ 45

1. Kelebihan .......................................................................................... 45

2. Kekurangan ....................................................................................... 46

BAB V PENUTUP ........................................................................................ 47

5.1. Kesimpulan ............................................................................................ 47

xiii

5.2. Saran ....................................................................................................... 48

DAFTAR PUSTAKA

LAMPIRAN

xiv

DAFTAR TABEL

Tabel 3.1 :Simbol Data Flow Diagram (DFD) ................................................ 21

Tabel 3.2 :Perancangan Database Bookmark .................................................. 25

Tabel 3.3 :Perancangan Database History ....................................................... 26

Tabel 3.4 :Perancangan Database Adzan ........................................................ 26

xv

DAFTAR GAMBAR

Gambar 3.1 : Siklus SDLC ............................................................................. 16

Gambar 3.2 : DFD Level 0 Aplikasi ............................................................... 20

Gambar 3.3 : DFD Level 1 Aplikasi ............................................................... 20

Gambar 3.4 : Perancangan Halaman Awal ..................................................... 20

Gambar 3.5 : Perancangan Kotak Dialog Bookmark ...................................... 23

Gambar 3.6 : Perancangan Kotak Dialog Pengaturan Bookmark ................... 24

Gambar 3.7 : Perancangan Kotak Dialog Pengaturan Adzan ......................... 25

Gambar 4.1 : Halaman Awal ........................................................................... 27

Gambar 4.2 : Toolbar Menu ............................................................................ 29

Gambar 4.3 : Toolbar Konfigurasi .................................................................. 30

Gambar 4.4 : Menu Bookmark ........................................................................ 30

Gambar 4.5 : Kotak Dialog Pengaturan Bookmark ........................................ 31

Gambar 4.6 : Kotak Dialog Bookmark ........................................................... 32

Gambar 4.7 : Menu Riwayat ........................................................................... 32

Gambar 4.8 : Menu Pengaturan Browser ........................................................ 33

Gambar 4.9 : Menu Adzan .............................................................................. 33

Gambar 4.10 : Kotak Dialog Pengaturan Adzan ............................................. 34

Gambar 4.11 : Halaman Awal peacekeeper.futuremark.com .......................... 35

Gambar 4.12 : Skor Benchmark Triangle Browser .......................................... 38

Gambar 4.13 : Skor Benchmark Mozilla Firefox............................................. 39

Gambar 4.14 : Skor Benchmark Google Chrome ............................................ 39

Gambar 4.15 : Skor Benchmark Opera ............................................................ 40

xvi

Gambar 4.16 ; Skor Benchmark Safari ........................................................... 40

Gambar 4.17 : Skor Benchmark Internet Explorer ......................................... 41

Gambar 4.18 : Grafik Benchmark Score .......................................................... 41

xvii

ABSTRAKSI

Web browser atau disebut juga penjelajah web adalah sebuah aplikasi

perangkat lunak yang berfungsi menampilkan dan melakukan interaksi dengan

dokumen-dokumen yang disediakan oleh server web. Tujuan utama dari web

browser adalah untuk membawa sumber informasi kepada pengguna. Proses ini

dimulai ketika pengguna memasukan sebuah Uniform Resource Identifier (URI),

misalnya http://detik.com ke dalam browser. Sekarang sudah banyak jenis web

browser yang bisa ditemukan dan bisa diunduh secara gratis. Beberapa web

browser yang terkenal seperti Mozilla Firefox, Google Chrome, Opera, Safari, dan

Internet Explorer. Akan tetapi masih banyak pengguna web browser pemula yang

merasa beberapa tampilan dari web browser tersebut terksesan sulit untuk

dipahami dan bingung untuk menggunakan beberapa fitur yang terdapat di

dalamnya. Peneliti mencoba untuk membuat web browser yang memiliki tampilan

sederhana dan mudah dimengerti oleh pengguna serta memiliki beberapa fitur

yang terdapat pada web browser umumnya.

Peneliti menggunakan metode SDLC dalam melakukan penelitian. SDLC

adalah suatu metode pengembangan sistem informasi yang popular pada saat

sistem informasi pertama kali berkembang. Metode SDLC berupa tahapan-

tahapan pekerjaan yang dilakukan oleh analisi sistem informasi dan programmer

dalam membangun sistem informasi. Perancangan dan pembangunan sistem

dilakukan dengan proses pembuatan DFD, flowchart dan diimplementasikan

menggunakan aplikasi Microsoft Visual Studio 2008.

Hasil yang didapat dalam penilaian melalui proses benchmark web

browser dan analisa perbandingan fitur adalah Triangle Browser sudah memiliki

peforma yang baik ketika melakukan browsing dan sudah memiliki beberapa fitur

yang bisa melengkapi kebutuhan pengguna untuk melakukan penjelajahan di

internet.

Kata kunci : aplikasi, web browser, visual basic