PEMBANGUNAN WEBSITE KOMUNITAS D3 TEKNIK INFORMATIKA UNIVERSITAS SUMATERA UTARA BERBASIS WEB TUGAS AKHIR WITA CLARISA GINTING 092406119 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2012
i PEMBANGUNAN WEBSITE KOMUNITAS D3 TEKNIK INFORMATIKA UNIVERSITAS SUMATERA UTARA BERBASIS WEB TUGAS AKHIR Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya WITA CLARISA GINTING 092406119 PROGRAM STUDI D3 TEKNIK INFORMATIKA DEPARTEMEN MATEMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SUMATERA UTARA MEDAN 2012
ii PERSETUJUAN Judul : PEMBANGUNAN WEBSITE KOMUNITAS D3 TEKNIK INFORMATIKA UNIVERSITAS SUMATERA UTARA BERBASIS WEB Kategori : TUGAS AKHIR Nama : WITA CLARISA GINTING Nomor Induk Mahasiswa : 092406119 Program Studi : DIPLOMA-III (D3) TEKNIK INFORMATIKA Departemen Fakultas : MATEMATIKA : MATEMATIKA DAN ILMU PENGETAHUAN ALAM (FMIPA) UNIVERSITAS SUMATERA UTARA Diluluskan di Medan, Mei 2012 Diketahui/Disetujui oleh Departemen Matematika FMIPA USU Ketua, Dosen Pembimbing Prof. Dr. Tulus, M. Si Drs. Bambang Irawan, M. Sc NIP. 196209011988031002 NIP. 194704211976031001
iii PERNYATAAN PEMBANGUNAN WEBSITE KOMUNITAS D3 TEKNIK INFORMATIKA UNIVERSITAS SUMATERA UTARA 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 2012 WITA CLARISA GINTING 092406119
iv PENGHARGAAN Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Esa yang telah memberikan kesempatan dan kesehatan hingga akhirnya penulis dapat menyelesaikan Tugas Akhir ini dan diselesaikan tepat pada waktunya sesuai dengan instruksi dan peraturan yang berlaku di Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sumetera Utara. Tugas akhir ini disusun sebagai salah satu syarat untuk menyelesaikan pendidikan D3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam,. Selama penulisan tugas akhir ini, penulis menyadari bahwa banyak terdapat kesalahan-kesalahan yang mungkin terjadi, baik dari segi teknik, tata penyajian ataupun dari segi tata bahasa. Oleh karena itu penulis bersedia menerima kritik dan saran yang bersifat membangun dalam perbaikan tugas akhir ini. Ucapan terima kasih penulis sampaikan kepada: 1. Bapak Drs. Bambang Irawan, M. Sc, selaku dosen pembimbing yang telah bersedia meluangkan waktu,dan yang telah membimbing penulis dengan sabar sehingga Tugas Akhir ini dapat penulis selesaikan tepat waktu. 2. Bapak Dr. Sutarman, M. Sc, selaku Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam. 3. Bapak Prof. Dr. Tulus, M. Sc, selaku Ketua Departemen Matematika. 4. Bapak Syahril Efendi S. Si, M. IT dan Syahriol Sitorus S. Si, M. IT selaku ketua dan sekretaris program studi D3 Teknik Informatika. 5. Seluruh Dosen Pengajar Program Studi D3 Teknik Informatika Fakultas MIPA yang telah memberikan ilmu yang bermanfaat kepada penulis selama masa perkuliahan. 6. Para Pegawai FMIPA USU yang telah banyak membantu penulis. 7. Ucapan terima kasih penulis spesialkan kepada kedua orang tua penulis, Ayahanda Julius Ginting, dan Ibunda Dahlia Sinukaban yang tiada hentinya memberikan dukungan dan doa kepada penulis. 8. Kepada ke dua Abang penulis Dian Socrates Ginting dan Felik Hendarta Ginting, terima kasih atas doa dan dukungannya. 9. Kepada kakak tercinta Nina Efriliana Ginting, terima kasih atas bantuan dan pemberi semangat kepada penulis dalam mengerjakan Tugas Akhir ini. 10. Kepada sahabat-sahabat terbaik: Tarida Yanti, Evi Wulandari, Wilda Yulianun, dan Winda Meiriza, terima kasih buat kalian semua yang memberikan persahabatan terbaik di masa perkuliahan serta canda tawa kalian tidak pernah terlupakan didalam kehidupan penulis. Akhirnya, penulis hanya bisa memanjatkan doa semoga Tuhan Yang Maha Esa akan membalas semua kebaikan semua pihak. Amin.
v ABSTRAK Penulisan Tugas Akhir ini adalah untuk menghasilkan karya dalam menyampaikan informasi antara mahasiswa aktif ataupun yang tidak aktif di D3 Teknik Informatika. Metode penelitian yang digunakan adalah dengan metode penelitian kepustakaan yaitu merupakan jenis metode penelitian yang dilakukan dengan mengumpulkan data yang berhubungan dengan topik permasalahan yang penulis angkat dari judul yang telah penulis ajukan. Hasil yang dicapai adalah Pembangunan Website komunitas D3 Teknik Informatika Berbasis Web.
vi DAFTAR ISI Halaman PERSETUJUAN PERNYATAAN PENGHARGAAN ABSTRAK DAFTAR ISI DAFTAR TABEL DAFTAR GAMBAR DAFTAR LAMPIRAN ii iii iv v vi viii ix x BAB 1 BAB 2 PENDAHULUAN 1.1 Latar Belakang 1.2 Rumusan Masalah 1.3 Tujuan Penelitian 1.4 Metode Penelitian 1.5 Batasan Masalah 1.6 Sistematika Penulisan LANDASAN TEORI 2.1 Komunitas 2.2 Media Sosial 2.3 Website 2.3.1 World Wide Web 2.3.2 Homepage dan Browser 2.4 Internet 2.4.1 Layanan Utama Internet 2.5 Database 2.6 Structured Query Language (SQL) 2.6.1 Pengertian SQL 2.6.2 Latar Belakang SQL 2.6.3 Kelebihan SQL 2.7 HyperText Markup Language (HTML) 2.8 Hypertext Preprocessor (PHP) 2.8.1 Script PHP 2.8.2 Tipe Data PHP 2.9 MySQL 2.10 Apache 2.11 Javascript 2.12 Cascade Style Sheet (CSS) 2.13 Adobe Dreamwever CS5 2.13.1 Kelebihan Adobe Dreamweaver CS5 1 1 2 2 3 3 4 6 6 7 8 9 9 10 11 11 13 13 14 17 17 18 19 20 21 22 23 24 24 25
2.13.2 Lingkungan Adobe Dreamweaver CS5 25 BAB 3 PERANCANGAN SISTEM 28 3.1 Perancangan Sistem 3.2 Teknologi Informasi Yang Digunakan 3.3 Diagram Konteks 3.4 Data Flow Diagram (DFD) 3.5 Perancangan Data 3.5.1 Perancangan Database dan Tabel 3.6 Entity Relationship Diagram (ERD) 3.7 Rancangan User Interface 3.7.1 Rancangan Output 3.7.2 Rancangan Input 3.8 Flowchart 28 29 30 31 35 35 41 43 43 51 55 vii BAB 4 BAB 5 IMPLEMENTASI SISTEM 4.1 Pengertian Implementasi Sistem 4.2 Komponen Utama dalam Implementasi Sistem 4.2.1 Perankat Keras 4.2.2 Perangkat Lunak 4.2.3 Unsur Manusia 4.3 Tampilan Pogram KESIMPULAN DAN SARAN 5.1 Kesimpulan 5.2 Saran 65 65 65 65 66 66 67 74 74 75 DAFTAR PUSTAKA LAMPIRAN 76 77
viii DAFTAR TABEL Halaman Tabel 3.1 Tabel Identitas Tabel 3.2 Tabel Data Diri Tabel 3.3 Tabel Informasi Tabel 3.4 Tabel Komentar Tabel 3.5 Tabel Gambar Tabel 3.6 Tabel Pesan Tabel 3.7 Tabel Balas Pesan Tabel 3.8 Tabel Id_Voting Tabel 3.9 Tabel Relasi 35 36 36 37 37 37 38 38 39
ix DAFTAR GAMBAR Halaman Gambar 2.1 Tampilan Web Browser Gambar 2.3 Tampilan Awal Adobe Dreamweaver CS5 Gambar 2.4 Tampilan Meja Kerja Adobe Dreamweaver CS5 Gambar 3.1 Diagram Konteks Gambar 3.2 DFD Level 0 Gambar 3.3 DFD Level 1 Gambar 3.4 DFD Level 2 Gambar 3.5 DFD Level 3 Gambar 3.6 ERD Website Komunitas Gambar 3.7 Halaman Home Website Komunitas D3 Teknik Informatika Gambar 3.8 Halaman Output Website Lengkap Data Alumni/Mahasiswa Gambar 3.9 Halaman Galeri Foto Gambar 3.10 Halaman Pesan Masuk dan Pesan Terkirim Gambar 3.11 Halaman Admin Website Pengolahan Data Alumni/Mahasiswa Gambar 3.12 Halaman Admin Website Pengolahan Data Informasi Gambar 3.13 Halaman Details Website Pengolahan Informasi dan Komentar Gambar 3.14 Halaman Admin Pengolahan Data Admin Gambar 3.15 Halaman Input /Output Gambar Website Komunitas Gambar 3.16 Halaman Details Website Input Pengiriman Pesan Gambar 3.17 Halaman Details Website Pendaftaran Alumni/Mahasiswa Gambar 3.18 Halaman Details Website Login Alumni/Mahasiswa Gambar 3.19 Halaman Input Data NIM Alumni/Mahasiswa Gambar 3.20 Flowchart Login Gambar 3.21 Flowchart Inputan Member Gambar 3.22 Flowchart Inputan Informasi Gambar 3.23 Flowchart Inputan Gambar Gambar 3.24 Flowchart Inputan Komentar Gambar 3.25 Flowchart Inputan Data NIM oleh Admin Gambar 3.26 Flowchart Inputan Data Admin Oleh Admin Gambar 3.27 Flowchart Pengolahan Data Alumni Gambar 3.28 Flowchart Pengolahan Data Informasi Gambar 3.29 Flowchart Pengolahan Data Admin Oleh Admin Gambar 4.1 Tampilan Login Website Gambar 4.2 Halaman Register Website Gambar 4.3 Halaman Akun Member Gambar 4.4 Tampilan Halaman Kirim Pesan Gambar 4.5 Tampilan Halaman Pesan Terkirim Gambar 4.6 Tampilan Form Upload Gambar Gambar 4.7 Tampilan Galeri Foto Gambar 4.8 Tampilan Form Input NIM 10 25 26 30 31 33 34 35 41 43 44 45 46 47 48 49 50 51 52 53 54 54 55 56 57 58 59 60 61 62 63 64 68 68 69 70 70 71 71 72
Gambar 4.9 Tampilan Halaman Pengolahan Data Member 72 Gambar 4.10 Tampilan Halaman Pengolahan Data Informasi 73 x
xi DAFTAR LAMPIRAN Lampiran A Lampiran B Lampiran C Lampiran D : Daftar Pustaka : Kartu Bimbingan Tugas Akhir Mahasiswa : Surat Keterangan Hasil Uji Program Tugas Akhir Mahasiswa : Listing Program