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 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
Bab 2. 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
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 3.5
Aplikasi Web Browser D3 TI USU 41
Universitas Sumatera Utara
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 Pustaka Listing Program
Lampiran
Universitas Sumatera Utara
DAFTAR TABEL
Halaman Tabel 2.1 Tabel Simbol-Simbol Data Flow Diagram
12
Universitas Sumatera Utara
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
Universitas Sumatera Utara
BAB 1 PENDAHULUAN
