SISTEM INFORMASI NAMA JALAN DI KOTA MEDAN BERBASIS WEB TUGAS AKHIR RAJA ARIF HIDAYAH HARAHAP 112406196 PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014
SISTEM INFORMASI NAMA JALAN DI KOTA MEDAN BERBASIS WEB TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya RAJA ARIF HIDAYAH HARAHAP 112406196 PROGRAM STUDI D-3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2014
PERSETUJUAN Judul : Sistem Informasi Nama Jalan Di Kota Medan Berbasis Web Kategori : Tugas Akhir Nama : Raja Arif Hidayah Harahap Nomor Induk Mahasiswa : 112406196 Program Studi : Diploma 3 Teknik Informatika Departemen : Matematika Fakultas : Matematika Dan Ilmu Pengetahuan Alam Disetujui di Medan, Juni 2014 Disetujui Oleh Program Studi D3 Teknik Informatika FMIPA USU Ketua, Pembimbing, Dra.Elly Rosmaini, M.Si Drs. Suyanto, M.Kom. NIP.196005201985032002 NIP. 195908131986011002
ii PERNYATAAN SISTEM INFORMASI NAMA JALAN DI KOTA MEDAN BERBASIS WEB TUGAS AKHIR Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Juni 2014 RAJA ARIF HIDAYAH HARAHAP 112406196
iii PENGHARGAAN Puji dan syukur penulis ucapkan kepada Tuhan Yang Maha Esa, Pemurah dan Maha Penyayang, karena atas limpahan karunia-nya Penulis dapat menyelesaikan penyusunan tugas akhir ini dengan judul sistem informasi nama jalan di kota Medan berbasis web. Terimakasih penulis sampaikan kepada Bapak Drs. Suyanto, M.Kom selaku pembimbing yang telah meluangkan waktunya untuk membimbing penulis selama penyusunan tugas akhir ini. Terimakasih kepada prof.dr.tulus,m.si.ph.d dan Ibu Dra. Elly Rosmaini, M.Si dan Bapak Syahriol Sitorus, S.Si, M.IT selaku Ketua Departemen dan Sekretaris Departemen Matematika FMIPA USU Medan, kemudian Bapak Prof. Dr. Tulus, M.Si dan Ibu Dr. Mardiningsih, M.Si selaku Ketua dan Sekretaris Departemen Matematika FMIPA USU, Bapak Dr. Sutarman, M.Sc Selaku Dekan FMIPA USU serta seluruh Staff dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai FMIPA USU dan seluruh rekanrekan kuliah. Akhirnya tidak terlupakan kepada Ayahanda dan Ibunda penulis yaitu Ir. H. Ahmad Safi i Harahap dan Hj. Mariana Siregar serta keluarga dan kerabat terdekat penulis yang selama ini selalu memberikan semangat dan bantuan yang penulis butuhkan. Semoga Tuhan Yang Maha Esa akan membalasnya.
v SISTEM INFORMASI NAMA JALAN DI KOTA MEDAN BERBASIS WEB ABSTRAK Rancangan website Kemanakita merupakan rancangan web yang dirancang untuk memudahkan masyarakat khususnya orang-orang yang berkunjung ke Medan atau bahkan orang Medan sendiri, untuk mencari tempat-tempat yang familiar di Medan, namun ketika mendengar nama jalannya orang-orang banyak bingung atau seperti kedengarannya asing dan baru. Selain itu juga memudahkan orang untuk mengetahui acara apa saja yang sedang diadakan atau sudah ada di Medan. Dalam rancangan website ini, penulis menggunakan pemrograman web dengan html yang juga digabungkan dengan php untuk keperluan database. Adapun untuk mengakses database, rancangan ini menggunakan server localhost dari database MYSQL dengan XAMPP Control Panel. Dalam penulisan script, baik html maupun php menggunakan Notepad++. Adapun interface yang dibuat sangatlah sederhana, agar masyarakat yang awam dalam mengakses internet bisa lebih familiar dengan desain yang sederhana, tidak ribet dan mudah dimengerti. Didalam rancangan ini pengguna bisa mengakses nama nama jalan dengan beberapa tempat rekomendasinya, lalu di halaman utama terdapat informasi seputar event yang akan berlangsung atau yang sudah berlangsung di kota Medan.
vi DAFTAR ISI Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar Halaman ii iii iv v vi viii ix BAB 1 BAB 2 Pendahuluan 1.1 Latar Belakang 1 1.2 Rumusan Masalah 2 1.3 Tujuan 3 1.4 Manfaat 3 1.5 Batasan Masalah 4 1.6 Metodologi Pembuatan Sistem 4 1.7 Sistematika Penulisan 6 Landasan Teori 2.1 Konsep Dasar Sistem Informasi 8 2.1.1 Definisi Sistem 8 2.1.2 Definisi Informasi 9 2.1.3 Definisi Sistem Informasi 10 2.2 Konsep Pemrograman Berbasis Web 12 2.2.1 Website 13 2.2.2 Browser 13 2.2.3 PHP 14 2.2.4 HTML 15 2.2.5 Cascading Style Sheets (CSS) 16 2.2.6 JavaScript 17 2.2.7 Adobe Dreamweaver 17 2.2.8 Notepad ++ 19 2.3 Database 19 2.3.1 SQL 20 2.4 Aplikasi Pendukung Database 21 2.4.1 XAMPP 22 2.4.2 phpmyadmin 22 2.4.3 MYSQL 23 2.4.4 Apache 24
vii BAB 3 BAB 4 BAB 5 Perancangan Sistem 3.1 Gambaran Umum Sistem 25 3.2 Rancangan Umum Sistem 26 3.2.1 Flowchart 26 3.2.1.1 Flowchart Rancangan Sistem 28 3.2.2 Data Flow Diagram (DFD) 28 3.2.2.1 Data Flow Diagram Rancangan Sistem 29 3.3 Rancangan Website 31 3.4 Rancangan Menu Input 32 3.5 Rancangan Tabel Database 34 Implementasi 4.1 Implementasi Sistem 36 4.2 Implementasi Halaman Umum 36 4.2.1 Halaman Utama 37 4.2.2 Halaman List Menu 39 4.3 Implementasi Halaman Admin 42 Kesimpulan 5.1 Kesimpulan Akhir 45 5.2 Saran 46 DAFTAR PUSTAKA 47 LAMPIRAN
viii DAFTAR TABEL Nomor Judul Halaman Tabel 3.1. Tabel Elemen-elemen flowchart 27 3.2. Tabel Simbol dalam Data Flow Diagram (DFD) 29 3.3. Tabel Rancangan Tabel Event 34 3.4. Tabel Rancangan Tabel Jalan 35
ix DAFTAR GAMBAR Nomor Judul Halaman Gambar 2.1. XAMPP Control Panel 22 3.1. Flowchart Rancangan Web KemanaKita 28 3.2. Data Flow Diagram (DFD) 0 30 3.3. Data Flow Diagram (DFD) 1 30 3.4. Rancangan tampilan halaman utama 31 3.5. Rancangan tampilan menu input 32 3.6. Rancangan Input Event 33 3.7. Rancangan Input Data Jalan 33 4.1. Halaman Utama Umum 37 4.2. Halaman Detail Event (Rincian Event) 38 4.3. Halaman List Menu (Menu Jalan) 39 4.4. Halaman Detail Jalan 40 4.5. Tampilan peta sebelum di zoom 40 4.6. Tampilan Peta setelah di zoom 41 4.7. Halaman About 41 4.8. Halaman Utama Admin 42 4.9. Menghapus Event dan Nama Jalan 43 4.10. Halaman Menu Input 43 4.11. Halaman Input Event 44 4.12. Halaman Input Data Jalan 45