rancang bangun aplikasi web browser menggunakan visual basic

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
i
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
Pembimbing II
Endah Sudarmilah, S.T, M.Eng
NIK : 969
Aris Budiman, S.T, M.T
NIK : 885
ii
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
Dewan Penguji I
Endah Sudarmilah, S.T., M.Eng.
NIK : 969
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
Ketua Program Studi
Teknik Informatika
Husni Thamrin, S.T., M.T, Ph.D
NIK : 706
Dr. Heru Supriyono, M.Sc.
NIK : 970
iii
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
iv
Mengetahui:
Pembimbing I
Pembimbing II
Endah Sudarmilah, S.T., M.Eng
NIK : 969
Aris Budiman, S.T., M.T.
NIK : 885
v
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
vi
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.
vii
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.
viii
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
ix
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
x
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
xi
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
xii
5.2. Saran ....................................................................................................... 48
DAFTAR PUSTAKA
LAMPIRAN
xiii
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
xiv
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
xv
Gambar 4.16 ; Skor Benchmark Safari ........................................................... 40
Gambar 4.17 : Skor Benchmark Internet Explorer ......................................... 41
Gambar 4.18 : Grafik Benchmark Score .......................................................... 41
xvi
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 tahapantahapan 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
xvii