TUGAS AKHIR
DEDY FIRDANI LINGGA
112406027
PROGRAM STUDI DIPLOMA 3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat mencapai gelar Ahli Madya
DEDY FIRDANI LINGGA
112406027
PROGRAM STUDI DIPLOMA 3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN
ALAM
PERSETUJUAN Nomor Induk Mahasiswa : 112406027
Program Studi : D3 Teknik Informatika Departemen : Matematika
Fakultas : Matematika Dan Ilmu Pengetahuan Alam Universitas Sumatera Utara
Disetujui di Medan, Juli 2014
Disetujui Oleh:
Program Studi D3 Teknik Informatika Pembimbing FMIPA USU
Ketua,
PERNYATAAN
MEMBUAT WEB BROWSER D3 TI USU MENGGUNAKAN APLIKASI MICROSOFT VISUAL STUDIO 2013
TUGAS AKHIR
Saya mengakui bahwa Tugas Akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, 10 Juni 2014
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 “ Membuat Web Browser D3 TI USU Menggunakan Aplikasi Microsoft Visual Studio 2013 “ .
ABSTRAK
Web browser adalah suatu piranti lunak yang berfungsi mengakses dan
menampilkan informasi dari jaringan internet atau World Wide Web. Web browser
yang berjalan di system operasi Linux dan berbahasa Indonesia belum banyak dibuat
oleh programmer. Untuk mengatasi masalah tersebut, dibuatlah browser berbahasa
Indonesia dengan menggunakan bahasa pemrograman Kylix yang berjalan pada
system operasi Linux, Kylix merupakan bahasa pemrograman yang mirip dengan
bahasa pemrograman Delphi yang berjalan pada system operasi Windows. Web
Browser dibuat dengan mengumpulkan kebutuhan kebutuhan yang diperlukan dalam
mengakses Internet. Komponen Utama dibutuhkan di dalam perangcangan Web
Browser adalah komponen THTMLCLX.Web browser yang dibuat menggunakan
Kylix dapat berjalan pada system operasi Linux dengan baik. Web browser akan
lebih sempurna dengan menambahkan lebih banyak fitur dan memperbaiki tampilan
antarmuka pengguna atau interface. Web browser ini dapat dijadikan sebagai
DAFTAR ISI
2.2 Bagan Alir (Flowchart) 11
2.3 Sejarah Internet 13
2.4 WWW (World Wide Web) 16
2.5 Pengertian Web Browser 17
2.5.1 Fungsi Web Browser 18
2.5.2 Cara Kerja Web Browser 19
2.5.3 Sejarah Web Browser 20
2.6 Microsoft Visual Studio 2013 27 2.7 Keunggulan Microsoft Visual Studio 2013 29
Bab 3. Perancangan Aplikasi
3.1 Perancangan Aplikasi 30
3.2 Data Flow Diagram 30
3.3 Bagan Alur Flowchart 33
3.3.1 Flowchart Menu Utama 33
3.4 Instalasi Microsoft Visual Studio 2013 34
Bab 4. Implementasi Sistem
4.1 Pengertian Implementasi Sistem 42
4.2 Tujuan Implementasi Sistem 43
4.3 Komponen Sistem 43
4.3.1 Hardware 43
4.3.2 Software 44
4.3.3 Brainware 44
4.4 Prosedur Penggunaan System 45
4.5 Demonstrasi Program 46
4.5.1 Halaman Utama 46
4.5.2 Halaman Desain 47
4.5.3 Tampilan Desain Halaman Utaman Web Browser 47
4.5.4 Tampilan Coding 48
4.5.5 Tampilan Akhir Aplikasi Web Browser 48
Bab 5. Kesimpulan Dan Saran
5.1 Kesimpulan 49
5.2 Saran 50
DAFTAR TABEL
DAFTAR GAMBAR
Halaman
Gambar 2.1 Alur Kerja Web Browser 19
Gambar 2.2 Cara Kerja Web Browser 22
Gambar 2.3 Icon Web Browser Mozilla Firefox 23
Gambar 2.4 Icon Web Browser Google Chrome 24
Gambar 2.5 Icon Web Browser Opera 24
Gambar 2.6 Icon Web Browser Internet Explorer 25
Gambar 2.7 Icon Web Browser Safari 26
Gambar 2.8 Icon Web Browser D3 TI USU 27
Gambar 2.9 Logo Microsoft Visual Studio 27
Gambar 3.1 Data Flow Diagram (DFD) Diagram Konteks 31
Gambar 3.2 Sitemap Situs 32
Gambar 3.3 Flowchart Halaman Utama 33
Gambar 3.4 Tampilan Awal Instalasi Microsoft Visual Studio 2013 35
Gambar 3.5 Tampilan Persetujuan Lisensi 36
Gambar 3.6 Tampilan Proses Penyalinan File dan Instalasi 36
Gambar 3.7 Tampilan Setup Successful 37
Gambar 3.8 Tampilan Launch 38
Gambar 3.9 Tampilan Sign In Microsoft Visual Studio 2013 38
Gambar 3.10 Tampilan Lembar Kerja Awal 39
Gambar 3.11 Tampilan Menu Bar Aplikasi 40
Gambar 3.12 Tampilan New Project 40
Gambar 3.13 Tampilan Aplikasi Web Browser D3 TI USU 41 Gambar 4.1 Tampilan Utama Microsoft Visual Studio 46 Gambar 4.2 Tampilan Desain Awal Web Browser 47
Gambar 4.3 Tampilan Sub Menu Web Browser 47
Gambar 4.4 Tampilan Coding 48
BAB 1
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. Saat ini sudah banyak program aplikasi yang dapat dipakai
untuk pencarian dalam internet, contohnya: Mozilla Firefox, internet explorer dan
lain-lain (http://www.google.com).
1.2 Identifikasi Masalah
Identifikasi masalah dari penulisan tugas akhir ini adalah:
1. Sulitnya membuat program aplikasi web browser yang berfungsi secara maksimal.
1.3Perumusan 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 Microsoft Visual Studio
2013 ”.
1.4Batasan 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 penelitian untuk
Tugas Akhir.
2. Perancangan web browser secara spesifik untuk memberi kemudahan bagi
pengguna dalam menggunakannya.
1.5Maksud Penulisan
Maksud dari penulisan ini adalah sebagai tugas akhir penulis yang merupakan salah
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.7Metodologi 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
Pada tahap ini akan dilakukan perancangan aplikasi.
3. Pengkodean
Pada tahap ini rancangan yang akan dibuat dan diimplementasikan ke dalam bentuk
kode program Microsoft Visual Studio 2013
4. Pengujian
Setelah proses pengkodean selesai akan dilakukan proses pengujian terhadap program
yang dihasilkan untuk mengetahui bahwa program sudah berjalan dengan benar dan
5. Penyusunan laporan
Membuat laporan hasil analisa dan perancangan ke dalam format penulisan tugas
akhir dengan disertai kesimpulan dan saran.
1.8Sistematika Penulisan
Untuk mempermudah penulisan Tugas Akhir ini, penulisa membuat suatu sistematika
penulisan yang terdiri dari:
BAB 1 : PENDAHULUAN
Bab ini berisi tentang latar belakang permasalahan, identifikasi
masalah, perumusan masalah, batasan masalah, maksud penulisan,
tujuan penulisan, metodologi penulisan, dan sistematika penulisan dari
tugas akhir penulis.
BAB 2 : LANDASAN TEORI
Bab ini mengemukakan mengenai konsep dasar dan teori-teori yang
mendukung pembahasan untuk tugas akhir ini yang diperoleh dari
literatur.
BAB 3 : PERANCANGAN APLIKASI
Bab ini akan membahas mengenai perancangan aplikasi web browser
dan gambaran umum mengenai rancangan web browser. serta instalasi
BAB 4 : IMPLEMENTASI SISTEM
Bab ini berisikan proses dari awal aplikasi dibuat hingga proses
pengujian aplikasi tersebut serta tampilan akhir dari aplikasi tersebut.
BAB 5 : KESIMPULAN DAN SARAN
Bab ini berisikan kesimpulan dari bab-bab sebelumnya, sehingga dari
kesimpulan tersebut penulis mencoba memberi saran yang bermanfaat
untuk melengkapi dan menyempurnakan pengembangan aplikasi ini