MEMBUAT WEB BROWSER D3 TI USU MENGGUNAKAN APLIKASI MICROSOFT VISUAL STUDIO 2013 TUGAS AKHIR DEDY FIRDANI LINGGA 112406027
MEMBUAT WEB BROWSER D3 TI USU MENGGUNAKAN APLIKASI MICROSOFT VISUAL STUDIO 2013
TUGAS AKHIR
DEDY FIRDANI LINGGA
112406027
PROGRAM STUDI DIPLOMA 3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2014
MEMBUAT WEB BROWSER D3 TI USU MENGGUNAKAN APLIKASI MICROSOFT VISUAL STUDIO 2013
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
UNIVERSITAS SUMATERA UTARA
MEDAN
2014
PERSETUJUAN
Judul : Pembuatan Web Browser D3 TI USU Menggunakan Aplikasi Microsoft Visual Studio 2013
Kategori : Tugas Akhir Nama : Dedy Firdani Lingga 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, Dr. Elly Rosmaini, M.Si Dr. Elly Rosmaini, M.Si NIP. 196005201985032002 NIP. 196005201985032002
PERNYATAAN
MEMBUAT WEB BROWSER D3 TI USU MENGGUNAKAN APLIKASI MICROSOFT VISUAL STUDIO 2013TUGAS 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 Dedy Firdani Lingga 112406027
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 “ . Terimakasih penulis sampaikan kepada Ibu Dr. Elly Rosmaini, M.Si selaku pembimbing dan Ketua Program Studi D3 Teknik Informatika Departemen
Matematika FMIPA USU yang telah meluangkan waktunya selama penyusunan tugas akhir ini. Terimakasih kepada Bapak Syahriol Sitorus, S.Si, M.IT selaku Sekretaris Program Studi D3 Teknik Informatika FMIPA USU, Bapak Prof. Dr. Tulus, M.Si dan Ibu Dr. Mardiningsih, M.Si selaku Ketua dan Sekertaris 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 Alm.S.Lingga, Ibu Erly Destuti Pulungan dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan Yang Maha Esa akan membalasnya.
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
aplikasi alternative untuk mengakses internet berbasiskan system operasi Linux.DAFTAR ISI
Halaman Persetujuan ii
Pernyataan iii
Penghargaan iv
Abstrak vii
Daftar isi viii
Daftar tabel x
Daftar gambar xi
Bab 1. Pendahuluan
1.1
1 Latar Belakang
1.2
2 Identifikasi Masalah
1.3
2 Perumusan Masalah
1.4
2 Batasan Masalah
1.5
3 Maksud Penulisan
1.6
4 Tujuan Penulisan
1.7
4 Metodologi Penulisan
1.8
5 Sistematika Penulisan
Bab 2. Landasan Teori
2.1
7 Pengertian Komputer
2.1.1
9 Sistem Komputer
2.1.2
10 Pengertian Sistem
2.1.3
10 Pengertian Informasi
2.2
11 Bagan Alir (Flowchart)
2.3
13 Sejarah Internet
2.4
16 WWW (World Wide Web)
2.5
17 Pengertian Web Browser
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
30 Perancangan Aplikasi
3.2
30 Data Flow Diagram
3.3
33 Bagan Alur Flowchart
3.3.1
33 Flowchart Menu Utama
3.4
34 Instalasi Microsoft Visual Studio 2013
3.5
41 Aplikasi Web Browser D3 TI USU
Bab 4. Implementasi Sistem
4.1
42 Pengertian Implementasi Sistem
4.2
43 Tujuan Implementasi Sistem
4.3
43 Komponen Sistem
4.3.1
43 Hardware
4.3.2
44 Software
4.3.3
44 Brainware
4.4
45 Prosedur Penggunaan System
4.5
46 Demonstrasi Program
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 Pustaka Listing Program Lampiran
DAFTAR TABEL
Halaman
Tabel 2.1 Tabel Simbol-Simbol Data Flow Diagram12
DAFTAR GAMBAR
36 Gambar 3.6 Tampilan Proses Penyalinan File dan Instalasi
48 Gambar 4.5 Tampilan Akhir Web Browser D3 TI USU
47 Gambar 4.4 Tampilan Coding
47 Gambar 4.3 Tampilan Sub Menu Web Browser
46 Gambar 4.2 Tampilan Desain Awal Web Browser
41 Gambar 4.1 Tampilan Utama Microsoft Visual Studio
40 Gambar 3.13 Tampilan Aplikasi Web Browser D3 TI USU
40 Gambar 3.12 Tampilan New Project
39 Gambar 3.11 Tampilan Menu Bar Aplikasi
38 Gambar 3.10 Tampilan Lembar Kerja Awal
38 Gambar 3.9 Tampilan Sign In Microsoft Visual Studio 2013
37 Gambar 3.8 Tampilan Launch
36 Gambar 3.7 Tampilan Setup Successful
35 Gambar 3.5 Tampilan Persetujuan Lisensi
Halaman
33 Gambar 3.4 Tampilan Awal Instalasi Microsoft Visual Studio 2013
32 Gambar 3.3 Flowchart Halaman Utama
31 Gambar 3.2 Sitemap Situs
27 Gambar 3.1 Data Flow Diagram (DFD) Diagram Konteks
27 Gambar 2.9 Logo Microsoft Visual Studio
26 Gambar 2.8 Icon Web Browser D3 TI USU
25 Gambar 2.7 Icon Web Browser Safari
24 Gambar 2.6 Icon Web Browser Internet Explorer
24 Gambar 2.5 Icon Web Browser Opera
23 Gambar 2.4 Icon Web Browser Google Chrome
22 Gambar 2.3 Icon Web Browser Mozilla Firefox
19 Gambar 2.2 Cara Kerja Web Browser
Gambar 2.1 Alur Kerja Web Browser48
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.
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 Microsoft Visual Studio 2013 ”.
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 penelitian untuk Tugas Akhir.
2. Perancangan web browser secara spesifik untuk memberi kemudahan bagi pengguna dalam menggunakannya.
1.5 Maksud Penulisan
Maksud dari penulisan ini adalah sebagai tugas akhir penulis yang merupakan salah satu syarat untuk memperoleh gelar Ahli Madya Komputer (A.md).
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 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 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.
1.8 Sistematika 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 dari software yang digunakan.
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 untuk masa yang akan datang.