Perancangan Website Paduan Suara Gloria Unit Kegiatan Mahasiswa (UKM) Keluarga Mahasiswa Katolik (KMK) Santo Albertus Magnus Universitas Sumatera Utara Dengan Menggunakan PHP Dan MySQL
PERANCANGAN WEBSITE PADUAN SUARA GLORIA UNIT
KEGIATAN MAHASISWA (UKM) KELUARGA MAHASISWA
KATOLIK (KMK) SANTO ALBERTUS MAGNUS
UNIVERSITAS SUMATERA UTARA DENGAN
MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
DORIS SILALAHI
142406126
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PERANCANGAN WEBSITE PADUAN SUARA GLORIA UNIT
KEGIATAN MAHASISWA (UKM) KELUARGA MAHASISWA
KATOLIK (KMK) SANTO ALBERTUS MAGNUS
UNIVERSITAS SUMATERA UTARA DENGAN
MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli
Madya
DORIS SILALAHI
142406126
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
i
Universitas Sumatera Utara
ii
Universitas Sumatera Utara
PENGHARGAAN
Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa atas anugerah dan
kasih-Nya sehingga penulis dapat menyelesaikan penyusunan Tugas Akhir ini
dengan judul Perancangan Website Paduan Suara Gloria Unit Kegiatan
Mahasiswa (UKM) Keluarga Mahasiswa Katolik (KMK) Santo Albertus Magnus
Universitas Sumatera Utara Dengan Menggunakan PHP Dan MySQL.
Terima kasih penulis sampaikan kepada Drs. Rachmad Sitepu, M.Si selaku
pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir
ini. Terima kasih kepada Dr. Sutarman, M.Sc sebagai Dosen Pembimbing
Akademik yang telah membimbing penulis selama perkuliahan. Terima kasih
kepada Ibu Dra. Normalina Napitupulu, M.Sc. dan Bapak
Drs. James Piter
Marbun, M.Kom selaku Ketua dan Sekretaris Program Studi
D3 Teknik
Informatika FMIPA USU Medan, Dekan dan Wakil Dekan FMIPA USU, seluruh
Staf dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai
FMIPA USU dan teman-teman kuliah terkhusus Kom C 2014. Akhirnya tidak
terlupakan kepada Bapak, Ibu dan keluarga yang selama ini selalu memberikan
doa dan semangat kepada penulis. Semoga Tuhan Yang Maha Esa akan
memberikan berkatNya berlimpah-limpah.
Medan, Juli 2017
Doris Silalahi
iii
Universitas Sumatera Utara
PERANCANGAN WEBSITE PADUAN SUARA GLORIA UNIT
KEGIATAN MAHASISWA (UKM) KELUARGA MAHASISWA
KATOLIK (KMK) SANTO ALBERTUS MAGNUS
UNIVERSITAS SUMATERA UTARA
ABSTRAK
Kajian ini bertujuan untuk membangun suatu website untuk mengenalkan Paduan
Suara Gloria. Website ini dikembangkan dengan menggunakan Bahasa
pemrograman PHP yang diperoleh dengan kemudahan penggunaan perangkat
lunak Sublime Text 2, dan menggunakan MySQL sebagai databasenya. Tujuan
dari dibangunnya website ini adalah untuk mempermudah masyarakat dalam
memperoleh informasi mengenai Paduan Suara Gloria di Universitas Sumatera
Utara secara online.
Kata Kunci : Web, Paduan Suara Gloria, PHP, MySQL
iv
Universitas Sumatera Utara
DAFTAR ISI
..................................................................................................................... Halaman
Persetujuan ............................................................................................................... i
Pernyataan ............................................................................................................... ii
Penghargaan ........................................................................................................... iii
Abstrak ................................................................................................................. iiiv
Daftar Isi...................................................................................................................v
Daftar Tabel ......................................................................................................... ivii
Daftar Gambar...................................................................................................... viii
Daftar Lampiran .................................................................................................... iix
Bab 1. Pendahuluan....................................................................................................
1.1. Latar Belakang ......................................................................................1
1.2. Rumusan Masalah .................................................................................3
1.3. Batasan Masalah....................................................................................4
1.4. Tujuan ...................................................................................................4
1.5. Manfaat .................................................................................................5
1.6. Sistematika Penulisan............................................................................6
Bab 2. Landasan Teori ...............................................................................................
2.1. Pengertian Sistem Informasi
8
2.1.1. Sistem ..........................................................................................9
2.1.2. Data .............................................................................................9
2.1.3. Informasi .....................................................................................9
2.2. Pengenalan Internet ............................................................................10
2.2.1. TCP/IP .......................................................................................12
2.2.2. WWW (World Wide Web) ........................................................14
2.2.3. HTTP (Hypertext Transfer Protocol) ........................................15
2.2.4. Browser .....................................................................................16
2.2.5. Domain ......................................................................................16
2.2.6. URL (Uniform Resource Locator)
17
2.3. PHP (Personal Home Page) ...............................................................18
2.3.1.Variabel PHP ..............................................................................19
2.3.2. Keunggulan PHP .......................................................................19
2.3.3. Konsep Dasar PHP ....................................................................20
2.4. MySQL (My Structured Query Language) .........................................21
2.4.1.Keunggulan MySQL .................................................................22
2.5. HTML (Hypertext Markup Language) ...............................................23
2.5.1. Stuktur Dokumen HTML ..........................................................23
2.5.2. Membuat Halaman Web............................................................24
2.6. Sublime Text-2 ....................................................................................25
2.6.1. Keunggulan Sublime Text-2 .....................................................25
2.7. CSS (Cascading Style Sheet) ..............................................................26
2.8. JavaScript ............................................................................................27
v
Universitas Sumatera Utara
Bab 3. Gambaran Paduan Suara Gloria......................................................................
3.1. Sejarah Paduan Suara Gloria ..............................................................28
3.2. Visi,Misi, dan Motto ..........................................................................29
3.3.1. Visi Paduan Suara Gloria .........................................................29
3.3.2. Misi Paduan Suara Gloria ........................................................29
3.3.2. Motto Paduan Suara Gloria ......................................................30
3.3. Program Kerja Paduan Suara Gloria ..................................................30
3.4. Stuktur Organisasi Paduan Suara Gloria ............................................31
Bab 4. Perancangan Sistem ........................................................................................
4.1. Pengertian Perancangan Sistem ..........................................................33
4.2. Metode Pengembangan Sistem ...........................................................33
4.3. DFD (Data Flow Diagram) ...............................................................34
4.4. Diagram Alir (Flowchart) ...................................................................37
4.4.1. Flowchart Admin ......................................................................40
4.4.2. Flowchart Menu Utama ............................................................41
4.5. Perancangan Database .........................................................................42
4.5.1. Tabel Login ...............................................................................42
4.5.2. Tabel AgendaAAAAG ..............................................................43
4.5.3. Tabel Anggota ..........................................................................43
4.5.4. Tabel Daftar...............................................................................44
4.5.5. Tabel Galeri ..............................................................................45
4.5.6. Tabel Pesan ...............................................................................45
Bab 5. Implementasi Sistem.......................................................................................
5.1. Pengertian Implementasi Sistem .........................................................47
5.2. Tujuan Implementasi Sistem ..............................................................47
5.3. Komponen Utama dalam Implementasi Sistem ..................................48
5.3.1. Perangkat Keras (Hardware) ....................................................48
5.3.2. Perangkat Lunak (Software) ......................................................48
5.3.3. Pengguna (Brainware) ..............................................................49
5.4. Demostrasi Program ............................................................................49
5.4.1. Halaman Utama .........................................................................50
5.4.2. Halaman Admin ........................................................................54
Bab 6. Penutup ...........................................................................................................
6.1. Kesimpulan .........................................................................................59
6.2. Saran....................................................................................................60
Daftar Pustaka
Lampiran
61
vi
Universitas Sumatera Utara
DAFTAR TABEL
Nomor Gambar
Judul ................................................ Halaman
4.1.
Simbol-Simbol Data Flow Diagram..................................35
4.2.
Simbol-Simbol Flowchart
4.3.
Tabel Login ........................................................................42
4.4.
Tabel Agenda .....................................................................43
4.5.
Tabel Anggota ....................................................................43
4.6.
Tabel Daftar .......................................................................44
4.7.
Tabel Galeri ........................................................................45
4.8.
Tabel Pesan ........................................................................45
37
vii
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor Gambar
Judul ................................................ Halaman
3.1.
Tampilan Stuktur Organisasi Paduan Suara Gloria ...........32
4.1.
Tampilan Data Flow Diagram ..........................................36
4.2.
Tampilan Flowchart Admin...............................................40
4.3.
Tampilan Flowchart Menu Utama .....................................41
5.1.
Tampilan Beranda PS.Gloria ............................................50
5.2.
Tampilan Profil PS.Gloria .................................................50
5.3.
Tampilan Agenda PS.Gloria .............................................51
5.4.
Tampilan Data PS.Gloria ..................................................51
5.5.
Tampilan Daftar PS.Gloria ................................................52
5.6.
Tampilan Galeri PS.Gloria ................................................52
5.7.
Tampilan Video PS.Gloria ................................................53
5.8.
Tampilan Tentang PS.Gloria .......................................55553
5.9.
Tampilan Login Admin PS.Gloria ....................................54
5.10.
Tampilan Administrator PS.Gloria ...................................54
5.11.
Tampilan Input Data Anggota PS.Gloria ..........................55
5.12.
Tampilan Tampil Data Anggota PS.Gloria .......................55
5.13.
Tampilan Input Berita Acara PS.Gloria .............................56
5.14.
Tampilan Tampil Berita Acara PS.Gloria .........................56
5.15.
Tampilan Tampil Data Pendaftar .......................................56
5.16.
Tampilan Input Galeri Foto PS.Gloria ..............................57
5.17.
Tampilan Tampil Pesan/Kontak Masuk PS.Gloria ............57
5.18.
Tampilan Input Galeri Video PS.Gloria ............................58
5.19.
Tampilan Tampil Galeri Video PS.Gloria ........................58
viii
Universitas Sumatera Utara
DAFTAR LAMPIRAN
Lampiran A
Listing Program
Lampiran B
Surat Keterangan Uji Program ...............................................
Lampiran C
Kartu Bimbingan Tugas Akhir
Lampiran D
Surat Keputusan Dosen ..........................................................
Lampiran E
Surat Permohonan Izin Pengambilan Data
Lampiran F
Surat Balasan Permohonan Izin Pengambilan Data
ix
Universitas Sumatera Utara
KEGIATAN MAHASISWA (UKM) KELUARGA MAHASISWA
KATOLIK (KMK) SANTO ALBERTUS MAGNUS
UNIVERSITAS SUMATERA UTARA DENGAN
MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
DORIS SILALAHI
142406126
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PERANCANGAN WEBSITE PADUAN SUARA GLORIA UNIT
KEGIATAN MAHASISWA (UKM) KELUARGA MAHASISWA
KATOLIK (KMK) SANTO ALBERTUS MAGNUS
UNIVERSITAS SUMATERA UTARA DENGAN
MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli
Madya
DORIS SILALAHI
142406126
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
i
Universitas Sumatera Utara
ii
Universitas Sumatera Utara
PENGHARGAAN
Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa atas anugerah dan
kasih-Nya sehingga penulis dapat menyelesaikan penyusunan Tugas Akhir ini
dengan judul Perancangan Website Paduan Suara Gloria Unit Kegiatan
Mahasiswa (UKM) Keluarga Mahasiswa Katolik (KMK) Santo Albertus Magnus
Universitas Sumatera Utara Dengan Menggunakan PHP Dan MySQL.
Terima kasih penulis sampaikan kepada Drs. Rachmad Sitepu, M.Si selaku
pembimbing yang telah meluangkan waktunya selama penyusunan Tugas Akhir
ini. Terima kasih kepada Dr. Sutarman, M.Sc sebagai Dosen Pembimbing
Akademik yang telah membimbing penulis selama perkuliahan. Terima kasih
kepada Ibu Dra. Normalina Napitupulu, M.Sc. dan Bapak
Drs. James Piter
Marbun, M.Kom selaku Ketua dan Sekretaris Program Studi
D3 Teknik
Informatika FMIPA USU Medan, Dekan dan Wakil Dekan FMIPA USU, seluruh
Staf dan Dosen Program Studi D3 Teknik Informatika FMIPA USU, pegawai
FMIPA USU dan teman-teman kuliah terkhusus Kom C 2014. Akhirnya tidak
terlupakan kepada Bapak, Ibu dan keluarga yang selama ini selalu memberikan
doa dan semangat kepada penulis. Semoga Tuhan Yang Maha Esa akan
memberikan berkatNya berlimpah-limpah.
Medan, Juli 2017
Doris Silalahi
iii
Universitas Sumatera Utara
PERANCANGAN WEBSITE PADUAN SUARA GLORIA UNIT
KEGIATAN MAHASISWA (UKM) KELUARGA MAHASISWA
KATOLIK (KMK) SANTO ALBERTUS MAGNUS
UNIVERSITAS SUMATERA UTARA
ABSTRAK
Kajian ini bertujuan untuk membangun suatu website untuk mengenalkan Paduan
Suara Gloria. Website ini dikembangkan dengan menggunakan Bahasa
pemrograman PHP yang diperoleh dengan kemudahan penggunaan perangkat
lunak Sublime Text 2, dan menggunakan MySQL sebagai databasenya. Tujuan
dari dibangunnya website ini adalah untuk mempermudah masyarakat dalam
memperoleh informasi mengenai Paduan Suara Gloria di Universitas Sumatera
Utara secara online.
Kata Kunci : Web, Paduan Suara Gloria, PHP, MySQL
iv
Universitas Sumatera Utara
DAFTAR ISI
..................................................................................................................... Halaman
Persetujuan ............................................................................................................... i
Pernyataan ............................................................................................................... ii
Penghargaan ........................................................................................................... iii
Abstrak ................................................................................................................. iiiv
Daftar Isi...................................................................................................................v
Daftar Tabel ......................................................................................................... ivii
Daftar Gambar...................................................................................................... viii
Daftar Lampiran .................................................................................................... iix
Bab 1. Pendahuluan....................................................................................................
1.1. Latar Belakang ......................................................................................1
1.2. Rumusan Masalah .................................................................................3
1.3. Batasan Masalah....................................................................................4
1.4. Tujuan ...................................................................................................4
1.5. Manfaat .................................................................................................5
1.6. Sistematika Penulisan............................................................................6
Bab 2. Landasan Teori ...............................................................................................
2.1. Pengertian Sistem Informasi
8
2.1.1. Sistem ..........................................................................................9
2.1.2. Data .............................................................................................9
2.1.3. Informasi .....................................................................................9
2.2. Pengenalan Internet ............................................................................10
2.2.1. TCP/IP .......................................................................................12
2.2.2. WWW (World Wide Web) ........................................................14
2.2.3. HTTP (Hypertext Transfer Protocol) ........................................15
2.2.4. Browser .....................................................................................16
2.2.5. Domain ......................................................................................16
2.2.6. URL (Uniform Resource Locator)
17
2.3. PHP (Personal Home Page) ...............................................................18
2.3.1.Variabel PHP ..............................................................................19
2.3.2. Keunggulan PHP .......................................................................19
2.3.3. Konsep Dasar PHP ....................................................................20
2.4. MySQL (My Structured Query Language) .........................................21
2.4.1.Keunggulan MySQL .................................................................22
2.5. HTML (Hypertext Markup Language) ...............................................23
2.5.1. Stuktur Dokumen HTML ..........................................................23
2.5.2. Membuat Halaman Web............................................................24
2.6. Sublime Text-2 ....................................................................................25
2.6.1. Keunggulan Sublime Text-2 .....................................................25
2.7. CSS (Cascading Style Sheet) ..............................................................26
2.8. JavaScript ............................................................................................27
v
Universitas Sumatera Utara
Bab 3. Gambaran Paduan Suara Gloria......................................................................
3.1. Sejarah Paduan Suara Gloria ..............................................................28
3.2. Visi,Misi, dan Motto ..........................................................................29
3.3.1. Visi Paduan Suara Gloria .........................................................29
3.3.2. Misi Paduan Suara Gloria ........................................................29
3.3.2. Motto Paduan Suara Gloria ......................................................30
3.3. Program Kerja Paduan Suara Gloria ..................................................30
3.4. Stuktur Organisasi Paduan Suara Gloria ............................................31
Bab 4. Perancangan Sistem ........................................................................................
4.1. Pengertian Perancangan Sistem ..........................................................33
4.2. Metode Pengembangan Sistem ...........................................................33
4.3. DFD (Data Flow Diagram) ...............................................................34
4.4. Diagram Alir (Flowchart) ...................................................................37
4.4.1. Flowchart Admin ......................................................................40
4.4.2. Flowchart Menu Utama ............................................................41
4.5. Perancangan Database .........................................................................42
4.5.1. Tabel Login ...............................................................................42
4.5.2. Tabel AgendaAAAAG ..............................................................43
4.5.3. Tabel Anggota ..........................................................................43
4.5.4. Tabel Daftar...............................................................................44
4.5.5. Tabel Galeri ..............................................................................45
4.5.6. Tabel Pesan ...............................................................................45
Bab 5. Implementasi Sistem.......................................................................................
5.1. Pengertian Implementasi Sistem .........................................................47
5.2. Tujuan Implementasi Sistem ..............................................................47
5.3. Komponen Utama dalam Implementasi Sistem ..................................48
5.3.1. Perangkat Keras (Hardware) ....................................................48
5.3.2. Perangkat Lunak (Software) ......................................................48
5.3.3. Pengguna (Brainware) ..............................................................49
5.4. Demostrasi Program ............................................................................49
5.4.1. Halaman Utama .........................................................................50
5.4.2. Halaman Admin ........................................................................54
Bab 6. Penutup ...........................................................................................................
6.1. Kesimpulan .........................................................................................59
6.2. Saran....................................................................................................60
Daftar Pustaka
Lampiran
61
vi
Universitas Sumatera Utara
DAFTAR TABEL
Nomor Gambar
Judul ................................................ Halaman
4.1.
Simbol-Simbol Data Flow Diagram..................................35
4.2.
Simbol-Simbol Flowchart
4.3.
Tabel Login ........................................................................42
4.4.
Tabel Agenda .....................................................................43
4.5.
Tabel Anggota ....................................................................43
4.6.
Tabel Daftar .......................................................................44
4.7.
Tabel Galeri ........................................................................45
4.8.
Tabel Pesan ........................................................................45
37
vii
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor Gambar
Judul ................................................ Halaman
3.1.
Tampilan Stuktur Organisasi Paduan Suara Gloria ...........32
4.1.
Tampilan Data Flow Diagram ..........................................36
4.2.
Tampilan Flowchart Admin...............................................40
4.3.
Tampilan Flowchart Menu Utama .....................................41
5.1.
Tampilan Beranda PS.Gloria ............................................50
5.2.
Tampilan Profil PS.Gloria .................................................50
5.3.
Tampilan Agenda PS.Gloria .............................................51
5.4.
Tampilan Data PS.Gloria ..................................................51
5.5.
Tampilan Daftar PS.Gloria ................................................52
5.6.
Tampilan Galeri PS.Gloria ................................................52
5.7.
Tampilan Video PS.Gloria ................................................53
5.8.
Tampilan Tentang PS.Gloria .......................................55553
5.9.
Tampilan Login Admin PS.Gloria ....................................54
5.10.
Tampilan Administrator PS.Gloria ...................................54
5.11.
Tampilan Input Data Anggota PS.Gloria ..........................55
5.12.
Tampilan Tampil Data Anggota PS.Gloria .......................55
5.13.
Tampilan Input Berita Acara PS.Gloria .............................56
5.14.
Tampilan Tampil Berita Acara PS.Gloria .........................56
5.15.
Tampilan Tampil Data Pendaftar .......................................56
5.16.
Tampilan Input Galeri Foto PS.Gloria ..............................57
5.17.
Tampilan Tampil Pesan/Kontak Masuk PS.Gloria ............57
5.18.
Tampilan Input Galeri Video PS.Gloria ............................58
5.19.
Tampilan Tampil Galeri Video PS.Gloria ........................58
viii
Universitas Sumatera Utara
DAFTAR LAMPIRAN
Lampiran A
Listing Program
Lampiran B
Surat Keterangan Uji Program ...............................................
Lampiran C
Kartu Bimbingan Tugas Akhir
Lampiran D
Surat Keputusan Dosen ..........................................................
Lampiran E
Surat Permohonan Izin Pengambilan Data
Lampiran F
Surat Balasan Permohonan Izin Pengambilan Data
ix
Universitas Sumatera Utara