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 Relasi

  Halaman

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 Identitas

  39

  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 NIM

  Halaman

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/Mahasiswa

  72