PERANCANGAN WEBSITE DINAMIS DI DINAS PERINDUSTRIAN DAN PERDAGANGAN (DISPERINDAG) KOTA MEDAN TUGAS AKHIR KARMILA 072406146 DEPARTEMEN MATEMATIKA PROGRAM STUDI D-3 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010
PERANCANGAN WEBSITE DINAMIS DI DINAS PERINDUSTRIAN DAN PERDAGANGAN (DISPERINDAG) KOTA MEDAN TUGAS AKHIR Diajukan untuk melengkapi Tugas Akhir dan memenuhi syarat mencapai gelar Ahli Madya KARMILA 072406146 PROGRAM STUDI D-3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010
PERSETUJUAN Judul Kategori Nama Program Studi Departemen Fakultas : PERANCANGAN WEBSITE DINAMIS DI DINAS PERINDUSTRIAN DAN PERDAGANGAN (DISPERINDAG) KOTA MEDAN : TUGAS AKHIR : KARMILA : D-3 ILMU KOMPUTER : MATEMATIKA : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (MIPA) UNIVERSITAS SUMATERA UTARA Diluluskan di Medan, Juni 2010 Diketahui/Disetujui oleh Departemen Matematika FMIPA USU Ketua, Pembimbing, Dr. Saib Suwilo, M.Sc. Drs. Suwarno Ariswoyo, M.Sc NIP. 196401091988031004 NIP. 195003211980031001
PERNYATAAN PERANCANGAN WEBSITE DINAMIS DI DINAS PERINDUSTRIAN DAN PERDAGANGAN (DISPERINDAG) KOTA MEDAN 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 2010 KARMILA 072406146
PENGHARGAAN Segala puji bagi Allah SWT., Rabb semesta alam yang Maha Pengasih dan Maha Penyayang. Berkat limpahan Rahmat dan Karunia-NyaTugas Akhir ini berhasil penulis selesaikan dalam waktu yang telah ditetapkan. Ucapan terimakasih penulis sampaikan kepada Bapak Drs. Suwarno Ariswoyo, M.Sc. selaku dosen pembimbing yang telah banyak memberikan bimbingan dan arahan dalam penulisan laporan Tugas Akhir ini. Ucapan terimakasih juga ditujukan kepada Ketua Departemen Bapak Dr. Saib Suwilo M.Sc., Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Bapak Dr. Eddy Marlianto M.Sc. seluruh staff pengajar dan pegawai FMIPA USU, dan Drs.H.T.Basyrul Kamali. MM. selaku Kepala Dinas Perindustrian dan Perdagangan (DISPERINDAG) Kota Medan yang telah memberikan kesempatan kepada penulis untuk melakukan riset. Ucapan terimaksih terkhususkan untuk sahabat penulis Helvika, Sri, Lisna, Kak Juli dan teman-teman di UKMI AL-FALAK FMIPA USU yang telah banyak memberikan dukungan dan doa serta rekan-rekan kuliah di Komputer C 2007. Akhirnya tidak terlupakan kepada Ayahanda dan Ibunda tercinta, kakak-kakak, dan adik yang penulis sayangi, terimakasih atas cinta dan motivasinya dalam menyelesaikan laporan Tugas Akhir ini.
ABSTRAK Kajian ini bertujuan untuk membangun suatu website pada Dinas Perindustrian dan Perdagangan (DISPERINDAG) Kota Medan. Website ini dikembangkan dengan menggunakan perangkat lunak Macromedia Dreamweaver 8, Apache 2.2, PHP 5, dan MySQL. Website ini berfungsi untuk memberikan informasi tentang Dinas Perindustrian dan Perdagangan (DISPERINDAG) Kota Medan dan memberikan kemudahan bagi pegawai mengenai tatacara melakukan registrasi secara komputerisasi. Tujuan Website ini adalah untuk mempermudah masyarakat dalam memperoleh informasi serta programprogram yang ada di Dinas Perindustrian dan Perdagangan (DISPERINDAG) Kota Medan secara online.
DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar ii iii iv v vi viii ix Bab I Pendahuluan 1 1.1 Latar Belakang 1 1.2 Identifikasi Masalah 3 1.3 Batasan Masalah 4 1.4 Maksud dan Tujuan Penelitian 4 1.4.1 Maksud 4 1.4.2 Tujuan Penelitian 5 1.5 Metodologi Penelitian 5 1.5.1 Penelitian Lapangan (Field research) 5 1.5.2 Penelitian Kepustakaan (Library research) 6 1.6 Sistematika Penulisan 6 Bab 2 Landasan Teori 8 2.1 Pengertian Komputer 8 2.2 Pengertian Internet 9 2.3 Teknologi Web 10 2.3.1 Teknologi Web pada Sisi Klien 11 2.3.2 Teknologi Web pada Sisi Server 12 2.4 Pengenalan Web 13 2.4.1 Browser Web 14 2.4.2 Network 15 2.4.3 Web Server 15 2.4.4 Client Side dan Server Side 18 2.4.5 World Wide Web (WWW) 18 2.4.6 Hyper Text Transfer Protocol (HTTP) 19 2.5 Hypertext Markup Language (HTML) 19 2.5.1 Tag-Tag HTML 20 2.5.2 Struktur Dokumen HTML 21 2.6 Pengenalan Personal Home Page (PHP) 23 2.6.1 Sejarah PHP 23 2.6.2 Konsep Dasar PHP 25
2.6.3 Keistimewaan PHP 27 2.6.4 Integrasi PHP dengan Database 27 2.7 Pengenalan MySQL 30 2.8 CSS (Cascading Style Sheet) 32 2.9 Pengenalan Macromedia Dreamweaver 33 Bab 3 Gambaran Perusahaan 34 3.1 Sejarah Singkat Perusahaan 34 3.2 Visi dan Misi 35 3.2.1 Visi 35 3.2.2 Misi 35 3.3 Tugas Pokok dan Fungsi 36 3.3.1 Tugas Pokok DISPERINDAG Kota Medan 36 3.3.2 Fungsi Dinas Perindustrian dan Perdagangan Kota Medan 36 3.4 Struktur Organisasi 37 3.5 Bidang-bidang Kerja 38 Bab 4 Perancangan Sistem 46 4.1 Perancangan Sistem 46 4.1.1 Perencanaan, Perancangan dan Tujuan 46 4.1.2 Memilih dan Mempersiapkan Tool 47 4.1.3 Mendesain Web 48 4.2 Desain Database 48 4.3 Flowchart Situs 51 4.4 Algoritma Program 55 4.4.1 Algoritma Menu Utama 55 4.4.2 Algoritma Admin 56
Bab 5 Implementasi Sistem 57 5.1 Pengertian Implementasi Sistem 57 5.2 Tujuan Implementasi Sistem 58 5.3 Komponen-komponen Kebutuhan Sistem 59 5.3.1 Hardware 59 5.3.2 Software 60 5.3.3 Brainware 60 5.4 Spesifikasi Program 61 5.5 Instalasi Apache, PHP, dan MySQL 62 5.6 Installasi Appserv 64 5.7 Prosedur Penggunaan Program 72 5.7.1 Tampilan Contact Us 75 5.7.2 Tampilan Biodata 75 5.7.3 Tampilan Absensi Pegawai 76 Bab 6 Kesimpulan dan Saran 77 6.1 Kesimpulan 77 6.2 Saran 78 Daftar Pustaka 79 Lampiran 80
DAFTAR TABEL Halaman Tabel 2.1 Daftar Database-Database Yang Didukung PHP 28 Tabel 4.1 Data Login 49 Tabel 4.2 Data Contact Us 49 Tabel 4.3 Data Pegawai 50 Tabel 4.4 Data Absensi 51
DAFTAR GAMBAR Halaman Gambar 4.1 Flowchart Menu Utama 52 Gambar 4.2 Flowchart Contact Us 53 Gambar 4.3 Flowchart Data Pegawai 54 Gambar 5.1 AppServ 2.5.7 Installer 63 Gambar 5.2 AppServ 2.5.7 Setup wizard 63 Gambar 5.3 License Agreement 64 Gambar 5.4 Destination Folder C:\AppServ 64 Gambar 5.5 Browse C:\AppServ 65 Gambar 5.6 Select Components 65 Gambar 5.7 Apache HTTP Server Information 66 Gambar 5.8 MySQL Server Configuration 66 Gambar 5.9 Proses Installasi 67 Gambar 5.10 Completing the AppServ 2.5.7 Setup Wizard 67 Gambar 5.11 AppServ Open Project 2.5.7 68 Gambar 5.12 Authentication Required 69 Gambar 5.13 Pengisian Authentication Required 69 Gambar 5.14 phpmyadmin 70 Gambar.5.15 Tampilan Website pada Web Browser 71 Gambar 5.16 Contact Us 74 Gambar 5.17 Biodata Pegawai 74 Gambar 5.18 Tampilan Absensi Pegawai 75