Pembangunan Website Komunitas D3 Teknik Informatika Universitas Sumatera Utara Berbasis Web
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
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
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 : MATEMATIKA Fakultas : 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
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
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, Universitas Sumatera Utara.
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 Universitas Sumatera Utara.
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 Universitas Sumatera Utara 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.
ABSTRAK
Penulisan Tugas Akhir ini adalah untuk menghasilkan karya dalam menyampaikan informasi antara mahasiswa aktif ataupun yang tidak aktif di D3 Teknik Informatika Universitas Sumatera Utara. 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 Universitas Sumatera Utara Berbasis Web.
DAFTAR ISI
Halaman
BAB 1 PENDAHULUAN
13
3
3
4
6
6
7
8
9
9
10
11
11
14
13
2
17
17
18
19
20
21
22
23
24
24
25
2
1
PERSETUJUAN PERNYATAAN PENGHARGAAN ABSTRAK DAFTAR ISI DAFTAR TABEL DAFTAR GAMBAR DAFTAR LAMPIRAN
1
1.1 Latar Belakang
1.2 Rumusan Masalah
1.3 Tujuan Penelitian
1.4 Metode Penelitian
1.5 Batasan Masalah
1.6 Sistematika Penulisan
BAB 2 LANDASAN TEORI
2.8.1 Script PHP
2.3 Website
2.13.1 Kelebihan Adobe Dreamweaver CS5 ii iii iv v vi viii ix x
2.13 Adobe Dreamwever CS5
2.12 Cascade Style Sheet (CSS)
2.11 Javascript
2.10 Apache
2.9 MySQL
2.1 Komunitas
2.2 Media Sosial
2.3.1 World Wide Web
2.8 Hypertext Preprocessor (PHP)
2.3.2 Homepage dan Browser
2.4 Internet
2.4.1 Layanan Utama Internet
2.5 Database
2.8.2 Tipe Data PHP
2.6.1 Pengertian SQL
2.6.2 Latar Belakang SQL
2.6.3 Kelebihan SQL
2.7 HyperText Markup Language (HTML)
2.6 Structured Query Language (SQL)
2.13.2 Lingkungan Adobe Dreamweaver CS5 25
BAB 3 PERANCANGAN SISTEM
28
28
28
3.1 Perancangan Sistem
29
3.2 Teknologi Informasi Yang Digunakan
30
3.3 Diagram Konteks
31
3.4 Data Flow Diagram (DFD)
35
3.5 Perancangan Data
35
3.5.1 Perancangan Database dan Tabel
41
3.6 Entity Relationship Diagram (ERD)
43
3.7 Rancangan User Interface
43
3.7.1 Rancangan Output
51
3.7.2 Rancangan Input
55
3.8 Flowchart
BAB 4 IMPLEMENTASI SISTEM
65
65
4.1 Pengertian Implementasi Sistem
65
4.2 Komponen Utama dalam Implementasi Sistem
65
4.2.1 Perankat Keras
66
4.2.2 Perangkat Lunak
66
4.2.3 Unsur Manusia
67
4.3 Tampilan Pogram
74 BAB 5 KESIMPULAN DAN SARAN
74
5.1 Kesimpulan
75
5.2 Saran
DAFTAR PUSTAKA
76 LAMPIRAN
77
DAFTAR TABEL
35
38
38
37
37
37
36
36
Tabel 3.9 Tabel RelasiHalaman
Tabel 3.8 Tabel Id_VotingTabel 3.7 Tabel Balas PesanTabel 3.6 Tabel PesanTabel 3.5 Tabel GambarTabel 3.4 Tabel KomentarTabel 3.3 Tabel InformasiTabel 3.2 Tabel Data DiriTabel 3.1 Tabel Identitas39
DAFTAR GAMBAR
44
51
50
49
48
47
46
45
43
53
41
35
34
33
31
30
26
52
54
10
64
71
71
70
70
69
68
68
63
54
62
61
60
59
58
57
56
55
25
Gambar 4.8 Tampilan Form Input NIMHalaman
Gambar 3.7 Halaman Home Website Komunitas D3 Teknik InformatikaGambar 3.14 Halaman Admin Pengolahan Data AdminGambar 3.13 Halaman Details Website Pengolahan Informasi dan KomentarGambar 3.12 Halaman Admin Website Pengolahan Data InformasiGambar 3.11 Halaman Admin Website Pengolahan Data Alumni/MahasiswaGambar 3.10 Halaman Pesan Masuk dan Pesan TerkirimGambar 3.9 Halaman Galeri FotoGambar 3.8 Halaman Output Website Lengkap Data Alumni/MahasiswaGambar 3.6 ERD Website KomunitasGambar 3.16 Halaman Details Website Input Pengiriman PesanGambar 3.5 DFD Level 3Gambar 3.4 DFD Level 2Gambar 3.3 DFD Level 1Gambar 3.2 DFD Level 0Gambar 3.1 Diagram KonteksGambar 2.4 Tampilan Meja Kerja Adobe Dreamweaver CS5Gambar 2.3 Tampilan Awal Adobe Dreamweaver CS5Gambar 2.1 Tampilan Web BrowserGambar 3.15 Halaman Input /Output Gambar Website KomunitasGambar 3.17 Halaman Details Website Pendaftaran Alumni/MahasiswaGambar 4.7 Tampilan Galeri FotoGambar 3.28 Flowchart Pengolahan Data InformasiGambar 4.6 Tampilan Form Upload GambarGambar 4.5 Tampilan Halaman Pesan TerkirimGambar 4.4 Tampilan Halaman Kirim PesanGambar 4.3 Halaman Akun MemberGambar 4.2 Halaman Register WebsiteGambar 4.1 Tampilan Login WebsiteGambar 3.29 Flowchart Pengolahan Data Admin Oleh AdminGambar 3.27 Flowchart Pengolahan Data AlumniGambar 3.18 Halaman Details Website Login Alumni/MahasiswaGambar 3.26 Flowchart Inputan Data Admin Oleh AdminGambar 3.25 Flowchart Inputan Data NIM oleh AdminGambar 3.24 Flowchart Inputan KomentarGambar 3.23 Flowchart Inputan GambarGambar 3.22 Flowchart Inputan InformasiGambar 3.21 Flowchart Inputan MemberGambar 3.20 Flowchart LoginGambar 3.19 Halaman Input Data NIM Alumni/Mahasiswa72