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
