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 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 UNIVERSITAS SUMATERA UTARA MEDAN 2014
ii 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 Disetujui di Medan, Juli 2014 Disetujui Oleh: Program Studi D3 Teknik Informatika FMIPA USU Ketua, Pembimbing Dr. Elly Rosmaini, M.Si Dr. Elly Rosmaini, M.Si NIP. 196005201985032002 NIP. 196005201985032002
iii 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 Dedy Firdani Lingga 112406027
iv 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.
v 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.
vi DAFTAR ISI Persetujuan Pernyataan Penghargaan Abstrak Daftar isi Daftar tabel Daftar gambar Halaman ii iii iv vii viii x xi Bab 1. Bab 2. Bab 3. Pendahuluan 1.1 Latar Belakang 1 1.2 Identifikasi Masalah 2 1.3 Perumusan Masalah 2 1.4 Batasan Masalah 2 1.5 Maksud Penulisan 3 1.6 Tujuan Penulisan 4 1.7 Metodologi Penulisan 4 1.8 Sistematika Penulisan 5 Landasan Teori 2.1 Pengertian Komputer 7 2.1.1 Sistem Komputer 9 2.1.2 Pengertian Sistem 10 2.1.3 Pengertian Informasi 10 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 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 3.5 Aplikasi Web Browser D3 TI USU 41
vii Bab 4. Bab 5. 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 Kesimpulan Dan Saran 5.1 Kesimpulan 49 5.2 Saran 50 Daftar Pustaka Listing Program Lampiran
viii DAFTAR TABEL Halaman Tabel 2.1 Tabel Simbol-Simbol Data Flow Diagram 12
ix 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 Gambar 4.5 Tampilan Akhir Web Browser D3 TI USU 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. 2. Kesalahan/error yang menyebabkan program aplikasi tidak dapat dipakai oleh pengguna.
2 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).
3 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.
4 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.
5 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.