PERANCANGAN WEBSITE DINAMIS DI DINAS PERINDUSTRIAN DAN PERDAGANGAN (DISPERINDAG) KOTA MEDAN TUGAS AKHIR KARMILA

Transkripsi

1 PERANCANGAN WEBSITE DINAMIS DI DINAS PERINDUSTRIAN DAN PERDAGANGAN (DISPERINDAG) KOTA MEDAN TUGAS AKHIR KARMILA DEPARTEMEN MATEMATIKA PROGRAM STUDI D-3 ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010

2 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 PROGRAM STUDI D-3 ILMU KOMPUTER DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2010

3 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 NIP

4 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

5 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 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.

6 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.

7 DAFTAR ISI Halaman Persetujuan Pernyataan Penghargaan Abstrak Daftar Isi Daftar Tabel Daftar Gambar ii iii iv v vi viii ix Bab I Pendahuluan Latar Belakang Identifikasi Masalah Batasan Masalah Maksud dan Tujuan Penelitian Maksud Tujuan Penelitian Metodologi Penelitian Penelitian Lapangan (Field research) Penelitian Kepustakaan (Library research) Sistematika Penulisan 6 Bab 2 Landasan Teori Pengertian Komputer Pengertian Internet Teknologi Web Teknologi Web pada Sisi Klien Teknologi Web pada Sisi Server Pengenalan Web Browser Web Network Web Server Client Side dan Server Side World Wide Web (WWW) Hyper Text Transfer Protocol (HTTP) Hypertext Markup Language (HTML) Tag-Tag HTML Struktur Dokumen HTML Pengenalan Personal Home Page (PHP) Sejarah PHP Konsep Dasar PHP 25

8 2.6.3 Keistimewaan PHP Integrasi PHP dengan Database Pengenalan MySQL CSS (Cascading Style Sheet) Pengenalan Macromedia Dreamweaver 33 Bab 3 Gambaran Perusahaan Sejarah Singkat Perusahaan Visi dan Misi Visi Misi Tugas Pokok dan Fungsi Tugas Pokok DISPERINDAG Kota Medan Fungsi Dinas Perindustrian dan Perdagangan Kota Medan Struktur Organisasi Bidang-bidang Kerja 38 Bab 4 Perancangan Sistem Perancangan Sistem Perencanaan, Perancangan dan Tujuan Memilih dan Mempersiapkan Tool Mendesain Web Desain Database Flowchart Situs Algoritma Program Algoritma Menu Utama Algoritma Admin 56

9 Bab 5 Implementasi Sistem Pengertian Implementasi Sistem Tujuan Implementasi Sistem Komponen-komponen Kebutuhan Sistem Hardware Software Brainware Spesifikasi Program Instalasi Apache, PHP, dan MySQL Installasi Appserv Prosedur Penggunaan Program Tampilan Contact Us Tampilan Biodata Tampilan Absensi Pegawai 76 Bab 6 Kesimpulan dan Saran Kesimpulan Saran 78 Daftar Pustaka 79 Lampiran 80

10 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

11 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 Installer 63 Gambar 5.2 AppServ 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 Setup Wizard 67 Gambar 5.11 AppServ Open Project 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