Portal Akademik SMP Negeri 2 Sunggal Menggunakan PHP dan MYSQL
PORTAL AKADEMIK SMP NEGERI 2 SUNGGAL
MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
RIZKA NOVITAWANTY NST
132406213
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PORTAL AKADEMIK SMP NEGERI 2 SUNGGAL
MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh
Ahli Madya
RIZKA NOVITAWANTY NST
132406213
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
201
Universitas Sumatera Utara
PERSETUJUAN
Judul
:
PORTAL AKADEMIKSMP NEGERI 2
SUNGGAL MENGGUNAKAN PHP DAN
MYSQL.
Kategori
:
TUGAS AKHIR
Nama
:
RIZKA NOVITAWANTY NST
NIM
:
132406213
Program Studi
:
DIPLOMA (D-III) TEKNIK INFORMATIKA
Departemen
:
MATEMATIKA
Fakultas
PENGETAHUAN
:
MATEMATIKA
DAN
ILMU
ALAM UNVERSITAS SUMATERA UTARA
Disetujui Di
Medan.
Juni 2016
Diketahui / Disetujui Oleh,
Program Studi D3 Teknik Informatika
FMIPA USU
Ketua,
Pembimbing,
Dr. Elly Rosmaini, M.Si
Dr. Mardiningsih, M.Si.
NIP. 196005201985032002
NIP. 196304051988112001
Universitas Sumatera Utara
PERNYATAAN
PORTAL AKADEMIK SMP NEGERI 2 SUNGGAL MENGGUNAKAN PHP
DAN MYSQL
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri. Kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juli 2016
RIZKA NOVITAWANTY NST
132406213
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulisucapkan kepada Allah SWT. yang telah memberikan rahmat
dan hidayah-Nya kepada kita semua sehingga penulis dapat menyelesaikantugas akhir
ini dengan baik.
Laporan Penyusunan tugas akhir ini masih banyak memiliki kekurangan
karena keterbatasan kemampuan dan pengetahuan penulis, sehingga diharapkan kritik
dan saran yang membangun serta dapat memberikan inspirasi yang baik untuk
kemajuan tugas akhir ini. Penulis berharap semoga Tugas Akhir ini bermanfaat bagi
siapapun yang membacanya.
Selama mempersiapkan tugas akhir ini penulis banyak mendapat bantuan,
dorongan, dan motivasi baik secara langsung maupun tidak langsung, maka pada
kesempatan ini penulis juga menyampaikan terima kasih kepada :
1. Ibu Dr. Mardiningsih, M.Si.selakuDosen Pembimbing penulis yangtelah banyak
memberikan bimbingan dan pengarahan kepada penulis dalam menyelesaikan
Tugas Akhir ini.
2. Ibu Dr. Elly Rosmaini,M.Si.selakuKetua Program Studi D3 Teknik Informatika
FMIPA USU.
3. Bapak Prof. Dr. Tulus, M.Si, selaku Ketua Departemen Matematika Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
4. Bapak Dr. Kerista Sebayang M.Si, selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
5. Teristimewa untuk Ayah saya Ikhwan Nasution S.Pd dan Ibu saya Tetti Herawati
Rambe S.Pd yang telah memberikan doa, nasehat dan dukungan baik secara moril
maupun materil.
6. Putri Meilinda dan Hidayat sebagai adik penulis yang telah memberikan dukungan
yang penuh terhadap saya.
7. Mhd. Ricky Fahreza yang telah memberikan semangat dan dukungan terhadap
saya.
8. Dena Metary, Fara Diba, Medina Rhamadani dan Sabilla Yassarah selaku sahabat
terbaik juga rekan pembimbing penulis.
Akhir kata, semoga laporan tugas akhir ini dapat memberi manfaat dan
menambah wawasan maupun pengetahuan kita.
Universitas Sumatera Utara
PORTAL AKADEMIK SMP NEGERI 2 SUNGGAL MENGGUNAKAN
PHP DAN MYSQL
ABSTRAK
Pada penulisan tugas akhir ini, penulis membuat sistem portal akademik SMP Negeri
2 Sunggal menggunakan PHP dan MySQL. Portal Akademik adalah sistem informasi
yang mengelola data-data akademik dengan penerapan teknologi komputer dan
perangkat lunak, seluruh proses kegiatan akademik dapat terkelola dengan baik dan
informasi yang diperlukan diperoleh dengan mudah dan cepat. Pembuatan sistem ini
menggunakan bahasa pemograman PHP, HTML, CSS, MySQL, dan JavaScript.
Sistem ini bertujuan sebagai media informasi yang memberikan pelayanan akademik
berupa nilai dan jadwal siswa secara online, mempermudah guru dalam pengolahan
data nilai siswaagar lebih efisien dengan pengolahan yang transparan sehingga semua
bisa dipertanggungjawabkan.
Kata Kunci: Portal Akademik, Website
Universitas Sumatera Utara
DAFTAR ISI
Halaman
i
ii
iii
iv
v
vii
viii
Persetujuan
Pernyataan
Penghargaan
Abstrak
Daftar Isi
DaftarTabel
DaftarGambar
Bab 1. Pendahuluan
1.1. Latar Belakang
1.2. Perumusan Masalah
1.3. Manfaat Penelitian
1.4. Metode Penelitian
1.5. Sistematika Penulisan
1
2
2
3
5
Bab 2. Landasan Teori
2.1. Pengertian Sistem Informasi
2.2. Sekilas Tentang Portal Akademik Sekolah
2.3. Sekilas Tentang Perancangan
2.4. Sekilas Tentang Sistem
2.5. Sekilas Tentang PHP dan MySQL
2.6. Sekilas Tentang HTML
2.7. Sekilas Tentang CSS
2.8. Sekilas Tentang JavaScript
6
6
7
7
7
10
11
12
Bab 3. Perancangan Sistem
3.1. Tahap Perancangan
3.2. Normalisasi
3.2.1. Perancangan Tabel Normalisasi
3.3. Struktur Database
3.4. Data Flow Diagram (DFD)
3.5. Diagram Alir (Flowchart)
3.5.1. Flowchart Login Admin
3.5.2. Flowchart Halaman Admin
3.5.3. Flowchart Login Siswa
3.5.4. Flowchart Halaman Siswa
3.5.5. Flowchart Login Guru
3.5.6. Flowchart Halaman Guru
13
13
16
22
26
29
31
32
33
34
35
36
Bab 4. Implementasi Sistem
4.1. Pengertian Implementasi Sistem
4.2. Tujuan Implementasi Sistem
4.3. Komponen Dalam Implementasi Sistem
37
37
38
Universitas Sumatera Utara
4.4.
4.5.
Instalasi XAMPP
Hasil Program
4.5.1. Tampilan Halaman Utama
4.5.2. Tampilan Halaman Admin
4.5.2.1.
Menu Home
4.5.2.2.
Menu Profil
4.5.2.3.
Menu Siswa
4.5.2.4.
Menu Guru
4.5.2.5.
Menu Nilai
Bab 5. Kesimpulan
5.1. Kesimpulan
5.2. Saran
Daftar Pustaka
Lampiran
Listing Program
40
44
44
45
45
45
46
47
47
48
49
50
Universitas Sumatera Utara
DAFTAR TABEL
Nomor
Tabel
3.1.
3.2.
3.3.
3.4.
3.5.
3.6.
3.7.
3.8.
3.9.
3.10.
3.11.
3.12.
3.13.
3.14.
3.15.
3.16.
3.17.
3.18.
Judul
Tabel Entitas Normalisasi Siswa
Tabel Entitas Normalisasi Siswa 1 NF
Tabel Entitas Normalisasi Siswa 2 NF
Tabel Entitas Normalisasi Siswa 3 NF
Tabel Entitas Normalisasi Guru
Tabel Entitas Normalisasi Guru 1 NF
Tabel Entitas Normalisasi Guru 2 NF
Tabel User
Tabel Guru
Tabel Siswa
Tabel Kelas
Tabel Mapel
Tabel Tahun Ajaran
Tabel Nilai
Tabel Gupel
Tabel Jadwal
Simbol DFD
Flowchart
Halaman
16
17
18
19
20
21
21
23
23
23
24
24
24
24
25
25
26
29
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor
Gambar
3.1.
3.2.
3.3.
3.4.
3.5.
3.6.
3.7.
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
4.9.
4.10.
4.11.
4.12.
Judul
Data Flow Diagram (DFD) Diagram Konteks
Diagram Alir Login Admin
Diagram Alir Halaman Admin
Diagram Alir Login Siswa
Diagram Alir Halaman Siswa
Diagram Alir Login Guru
Diagram Alir Halaman Guru
Instalasi XAMPP 3.2.2 (1)
Instalasi XAMPP 3.2.2 (2)
Instalasi XAMPP 3.2.2 (3)
Instalasi XAMPP 3.2.2 (4)
Instalasi XAMPP 3.2.2 (5)
Control Panel XAMPP
Tampilan Halaman Utama
Tampilan Menu Home pada Halaman Admin
Tampilan Menu Profil pada Halaman Admin
Tampilan Menu Siswa pada Halaman Admin
Tampilan Menu Guru pada Halaman Admin
Tampilan Menu Menu Nilai pada Halaman Admin
Halaman
28
31
32
33
34
35
36
40
41
42
42
43
43
44
44
46
46
47
47
Universitas Sumatera Utara
MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
RIZKA NOVITAWANTY NST
132406213
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PORTAL AKADEMIK SMP NEGERI 2 SUNGGAL
MENGGUNAKAN PHP DAN MYSQL
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh
Ahli Madya
RIZKA NOVITAWANTY NST
132406213
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
201
Universitas Sumatera Utara
PERSETUJUAN
Judul
:
PORTAL AKADEMIKSMP NEGERI 2
SUNGGAL MENGGUNAKAN PHP DAN
MYSQL.
Kategori
:
TUGAS AKHIR
Nama
:
RIZKA NOVITAWANTY NST
NIM
:
132406213
Program Studi
:
DIPLOMA (D-III) TEKNIK INFORMATIKA
Departemen
:
MATEMATIKA
Fakultas
PENGETAHUAN
:
MATEMATIKA
DAN
ILMU
ALAM UNVERSITAS SUMATERA UTARA
Disetujui Di
Medan.
Juni 2016
Diketahui / Disetujui Oleh,
Program Studi D3 Teknik Informatika
FMIPA USU
Ketua,
Pembimbing,
Dr. Elly Rosmaini, M.Si
Dr. Mardiningsih, M.Si.
NIP. 196005201985032002
NIP. 196304051988112001
Universitas Sumatera Utara
PERNYATAAN
PORTAL AKADEMIK SMP NEGERI 2 SUNGGAL MENGGUNAKAN PHP
DAN MYSQL
TUGAS AKHIR
Saya mengakui bahwa tugas akhir ini adalah hasil kerja saya sendiri. Kecuali beberapa
kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, Juli 2016
RIZKA NOVITAWANTY NST
132406213
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulisucapkan kepada Allah SWT. yang telah memberikan rahmat
dan hidayah-Nya kepada kita semua sehingga penulis dapat menyelesaikantugas akhir
ini dengan baik.
Laporan Penyusunan tugas akhir ini masih banyak memiliki kekurangan
karena keterbatasan kemampuan dan pengetahuan penulis, sehingga diharapkan kritik
dan saran yang membangun serta dapat memberikan inspirasi yang baik untuk
kemajuan tugas akhir ini. Penulis berharap semoga Tugas Akhir ini bermanfaat bagi
siapapun yang membacanya.
Selama mempersiapkan tugas akhir ini penulis banyak mendapat bantuan,
dorongan, dan motivasi baik secara langsung maupun tidak langsung, maka pada
kesempatan ini penulis juga menyampaikan terima kasih kepada :
1. Ibu Dr. Mardiningsih, M.Si.selakuDosen Pembimbing penulis yangtelah banyak
memberikan bimbingan dan pengarahan kepada penulis dalam menyelesaikan
Tugas Akhir ini.
2. Ibu Dr. Elly Rosmaini,M.Si.selakuKetua Program Studi D3 Teknik Informatika
FMIPA USU.
3. Bapak Prof. Dr. Tulus, M.Si, selaku Ketua Departemen Matematika Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
4. Bapak Dr. Kerista Sebayang M.Si, selaku Dekan Fakultas Matematika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara.
5. Teristimewa untuk Ayah saya Ikhwan Nasution S.Pd dan Ibu saya Tetti Herawati
Rambe S.Pd yang telah memberikan doa, nasehat dan dukungan baik secara moril
maupun materil.
6. Putri Meilinda dan Hidayat sebagai adik penulis yang telah memberikan dukungan
yang penuh terhadap saya.
7. Mhd. Ricky Fahreza yang telah memberikan semangat dan dukungan terhadap
saya.
8. Dena Metary, Fara Diba, Medina Rhamadani dan Sabilla Yassarah selaku sahabat
terbaik juga rekan pembimbing penulis.
Akhir kata, semoga laporan tugas akhir ini dapat memberi manfaat dan
menambah wawasan maupun pengetahuan kita.
Universitas Sumatera Utara
PORTAL AKADEMIK SMP NEGERI 2 SUNGGAL MENGGUNAKAN
PHP DAN MYSQL
ABSTRAK
Pada penulisan tugas akhir ini, penulis membuat sistem portal akademik SMP Negeri
2 Sunggal menggunakan PHP dan MySQL. Portal Akademik adalah sistem informasi
yang mengelola data-data akademik dengan penerapan teknologi komputer dan
perangkat lunak, seluruh proses kegiatan akademik dapat terkelola dengan baik dan
informasi yang diperlukan diperoleh dengan mudah dan cepat. Pembuatan sistem ini
menggunakan bahasa pemograman PHP, HTML, CSS, MySQL, dan JavaScript.
Sistem ini bertujuan sebagai media informasi yang memberikan pelayanan akademik
berupa nilai dan jadwal siswa secara online, mempermudah guru dalam pengolahan
data nilai siswaagar lebih efisien dengan pengolahan yang transparan sehingga semua
bisa dipertanggungjawabkan.
Kata Kunci: Portal Akademik, Website
Universitas Sumatera Utara
DAFTAR ISI
Halaman
i
ii
iii
iv
v
vii
viii
Persetujuan
Pernyataan
Penghargaan
Abstrak
Daftar Isi
DaftarTabel
DaftarGambar
Bab 1. Pendahuluan
1.1. Latar Belakang
1.2. Perumusan Masalah
1.3. Manfaat Penelitian
1.4. Metode Penelitian
1.5. Sistematika Penulisan
1
2
2
3
5
Bab 2. Landasan Teori
2.1. Pengertian Sistem Informasi
2.2. Sekilas Tentang Portal Akademik Sekolah
2.3. Sekilas Tentang Perancangan
2.4. Sekilas Tentang Sistem
2.5. Sekilas Tentang PHP dan MySQL
2.6. Sekilas Tentang HTML
2.7. Sekilas Tentang CSS
2.8. Sekilas Tentang JavaScript
6
6
7
7
7
10
11
12
Bab 3. Perancangan Sistem
3.1. Tahap Perancangan
3.2. Normalisasi
3.2.1. Perancangan Tabel Normalisasi
3.3. Struktur Database
3.4. Data Flow Diagram (DFD)
3.5. Diagram Alir (Flowchart)
3.5.1. Flowchart Login Admin
3.5.2. Flowchart Halaman Admin
3.5.3. Flowchart Login Siswa
3.5.4. Flowchart Halaman Siswa
3.5.5. Flowchart Login Guru
3.5.6. Flowchart Halaman Guru
13
13
16
22
26
29
31
32
33
34
35
36
Bab 4. Implementasi Sistem
4.1. Pengertian Implementasi Sistem
4.2. Tujuan Implementasi Sistem
4.3. Komponen Dalam Implementasi Sistem
37
37
38
Universitas Sumatera Utara
4.4.
4.5.
Instalasi XAMPP
Hasil Program
4.5.1. Tampilan Halaman Utama
4.5.2. Tampilan Halaman Admin
4.5.2.1.
Menu Home
4.5.2.2.
Menu Profil
4.5.2.3.
Menu Siswa
4.5.2.4.
Menu Guru
4.5.2.5.
Menu Nilai
Bab 5. Kesimpulan
5.1. Kesimpulan
5.2. Saran
Daftar Pustaka
Lampiran
Listing Program
40
44
44
45
45
45
46
47
47
48
49
50
Universitas Sumatera Utara
DAFTAR TABEL
Nomor
Tabel
3.1.
3.2.
3.3.
3.4.
3.5.
3.6.
3.7.
3.8.
3.9.
3.10.
3.11.
3.12.
3.13.
3.14.
3.15.
3.16.
3.17.
3.18.
Judul
Tabel Entitas Normalisasi Siswa
Tabel Entitas Normalisasi Siswa 1 NF
Tabel Entitas Normalisasi Siswa 2 NF
Tabel Entitas Normalisasi Siswa 3 NF
Tabel Entitas Normalisasi Guru
Tabel Entitas Normalisasi Guru 1 NF
Tabel Entitas Normalisasi Guru 2 NF
Tabel User
Tabel Guru
Tabel Siswa
Tabel Kelas
Tabel Mapel
Tabel Tahun Ajaran
Tabel Nilai
Tabel Gupel
Tabel Jadwal
Simbol DFD
Flowchart
Halaman
16
17
18
19
20
21
21
23
23
23
24
24
24
24
25
25
26
29
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor
Gambar
3.1.
3.2.
3.3.
3.4.
3.5.
3.6.
3.7.
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
4.9.
4.10.
4.11.
4.12.
Judul
Data Flow Diagram (DFD) Diagram Konteks
Diagram Alir Login Admin
Diagram Alir Halaman Admin
Diagram Alir Login Siswa
Diagram Alir Halaman Siswa
Diagram Alir Login Guru
Diagram Alir Halaman Guru
Instalasi XAMPP 3.2.2 (1)
Instalasi XAMPP 3.2.2 (2)
Instalasi XAMPP 3.2.2 (3)
Instalasi XAMPP 3.2.2 (4)
Instalasi XAMPP 3.2.2 (5)
Control Panel XAMPP
Tampilan Halaman Utama
Tampilan Menu Home pada Halaman Admin
Tampilan Menu Profil pada Halaman Admin
Tampilan Menu Siswa pada Halaman Admin
Tampilan Menu Guru pada Halaman Admin
Tampilan Menu Menu Nilai pada Halaman Admin
Halaman
28
31
32
33
34
35
36
40
41
42
42
43
43
44
44
46
46
47
47
Universitas Sumatera Utara