Perancangan Sistem Informasi berbasis Web menggunakan PHP dan MySQL pada SMP Negeri 1 Tanjung Morawa
PERANCANGAN SISTEM INFORMASI BERBASIS WEB MENGGUNAKAN
PHP DAN MYSQL PADA SMP NEGERI 1 TANJUNG MORAWA
TUGAS AKHIR
ELFIRA FEBIOLA SIHOMBING
142406189
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PERANCANGAN SISTEM INFORMASI BERBASIS WEB
MENGGUNAKAN PHP DAN MYSQL PADA SMP NEGERI 1
TANJUNG MORAWA
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli
Madya
ELFIRA FEBIOLA SIHOMBING
142406189
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGEAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN SISTEM INFORMASI SEKOLAH BERBASIS WEB
MENGGUNAKAN PHP DAN MYSQL PADA SMP NEGERI 1 TANJUNG
MORAWA
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 2017
ELFIRA FEBIOLA SIHOMBING
142406189
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan
Maha Penyayang, dengan limpah karunia-Nya Penulis dapat menyelesaikan
penyusunan Tugas Akhir ini dengan judul Perancangan Sistem Informasi berbasis
Web menggunakan PHP dan MySQL pada SMP Negeri 1 Tanjung Morawa.
Terima kasih penulis sampaikan kepada Bapak Drs. Henry Rani Sitepu, M.Si.
selaku pembimbing yang telah meluangkan waktunya selama penyusunan Tugas
Akhir ini. Terima kasih kepada Ibu Dr. Elly Rosmaini, S.Si, M.Si. sebagai Dosen
Pembimbing Akademik yang telah membimbing penulis selama duduk di bangku
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 rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Bapak, Ibu
dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan.
Semoga Tuhan Yang Maha Esa akan membalasnya.
Medan, Juni 2017
Elfira Febiola Sihombing
Universitas Sumatera Utara
PERANCANGAN SISTEM INFORMASI BERBASIS WEB MENGGUNAKAN
PHP DAN MYSQL PADA SMP NEGERI 1 TANJUNG MORAWA
ABSTRAK
Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySql pada
SMP Negeri 1 Tanjung Morawa ini bertujuan untuk mempermudah proses informasi
untuk seluruh siswa dan guru SMP Negeri 1 Tanjung Morawa, yang mengalami
kesulitan dalam memperoleh data mengenai aktifitas akademik di SMP Negeri 1
Tanjung Morawa tersebut. Fasilitas-fasilitas yang terdapat dalam aplikasi ini berupa
penyediaan data dan informasi terbaru, profil, dan data-data yang berguna untuk
kelangsungan belajar siswa. Pada proses pembuatan aplikasi ini perangkat lunak yang
digunakan adalah PHP ( terdiri dari xampp dan sublime ) sebagai bahasa
pemrograman dengan menggunakan PHP 5.0, Sublime Text 2.0 digunakan sebagai
editor skrip, Adobe Photoshop CS6 sebagai editor grafis.
Kata kunci : sistem informasi, php, mysql, photoshop.
Universitas Sumatera Utara
INFORMATION SYSTEM BASED WEB USING PHP MYSQL AND
EDUCATION FOUNDATION IN SMP NEGERI 1 TANJUNG MORAWA
ABSTRACT
Web Based Information System Design Using PHP and MySql on SMP Negeri 1
Tanjung Morawa Education Foundation aims to simplify the process of information
for all students and teachers SMP Negeri 1 Tanjung Morawa, who have difficulty in
obtaining data on the academic activities in the Education Foundation SMP Negeri 1
Tanjung Morawa the field. The facilities contained in this application include the
provision of data and the latest information, profiles, and data that are useful for the
continuity of student learning. In the process of making this application software used
is PHP (consisting of xampp and sublime) as a programming language using PHP
5.0, Sublime Text 2.0 is used as a script editor, Adobe Photoshop CS6 as a graphical
editor.
Keywords : information systems, php, mysql, photoshop.
Universitas Sumatera Utara
DAFTAR ISI
Persetujuan
Pernyataan
Penghargaan
Abstrak
Abstract
Daftar Isi
Daftar Tabel
Daftar Gambar
Daftar Lampiran
Halaman
i
ii
iii
iv
v
vi
viii
ix
x
Bab 1. PENDAHULUAN
1.1. Latar Belakang
1.2. Rumusan Masalah
1.3. Batasan Masalah
1.4. Tujuan Penelitian
1.5. Manfaat Penelitian
1.6. Metodologi Penelitian
1.7. Sistematika Penulisan
1
3
4
4
5
5
7
Bab 2. LANDASAN TEORI
2.1. Pengertian Komputer
2.2. Pengertian Sistem
2.3. Informasi
2.4. Sistem Informasi
2.5. Pengertian Internet
2.5.1. Network
2.5.1.1. Web Server
2.5.1.2. World Wide Web (WWW)
2.5.1.3. Sekilas tentang HTTP
2.6. Pengenalan PHP
2.6.1. Kelebihan dan Kelemahan PHP
2.6.2. Penggabungan Script PHP dan HTML
2.7. Cascading Style Sheet (CSS)
2.8. MySQL
2.9. Javascript
2.10. Sublime Text
2.11. Flowchart
2.11.1. Simbol pada Flowchart
2.12. Entity Relationship Diagram
9
10
10
11
12
13
13
14
15
15
16
17
19
20
21
21
22
22
25
Universitas Sumatera Utara
Bab 3. SEKILAS SMP NEGERI 1 TANJUNG MORAWA
3.1. Profil SMP Negeri 1 Tanjung Morawa
3.2. Struktur Organisasi
3.3. Uraian Tugas dan Fungsi Organisasi
3.3.1. Kepala Sekolah
3.3.2. Wakil Kepala Sekolah
3.3.3. Tata Usaha
3.3.4. Komite Sekolah
3.3.5. Pembantu Kepala Sekolah
3.3.5.1. Bidang Sarana dan Prasarana
3.3.5.2. Bidang kurikulum
3.3.5.3. Bidang Kesiswaan
3.3 6. Guru
3.3.7. Wali Kelas
3.3.8. Guru Pembimbing dan konseling (BP/BK)
3.4. Visi dan Misi Sekolah
3.4.1. Visi Sekolah
3.4.2. Misi sekolah
27
28
30
30
30
30
31
31
31
31
32
32
32
33
33
33
34
Bab 4. ANALISIS DAN PERANCANGAN SISTEM
4.1. Analisis
4.1.1. Analisis Sistem Yang Sedang Berjalan
4.2. Perencanaan dan Perancangan Sistem
4.3. Perancangan Data Flow Diagram (DFD)
4.4. Perancangan Flowchart
4.5. Mendesain Layout Web
4.6. Rancangan Halaman Website
4.7. Perancangan Database
35
35
38
39
41
47
48
49
Bab 5. IMPLEMENTASI SISTEM
5.1. Pengertian Implementasi Sistem
5.2. Implementasi Program
5.2.1. Halaman Utama Website
5.2.2. Halaman Login Admin
5.2.3. Halaman Data Admin
5.3. Implementasi Basis Data
55
56
56
57
58
59
Bab 6. KESIMPULAN DAN SARAN
6.1. Kesimpulan
6.2. Saran
60
61
Daftar Pustaka
Universitas Sumatera Utara
DAFTAR TABEL
Nomor
2.1.
2.2.
2.3.
2.4.
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
4.9.
4.10.
4.11.
Judul
Tabel
Tabel Flow Direction Diagram
Tabel Processing Symbols
Tabel Input-Output Symbol
Tabel Komponen ERD
Tabel User
Tabel Galeri
Tabel Guru
Tabel Jadwal
Tabel Siswa
Tabel Kurikulum
Tabel non Akademik
Tabel Kepsek
Tabel Kelas
Tabel Page
Tabel Tamu
Halaman
23
23
24
26
50
50
50
51
52
52
53
53
53
54
54
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor
3.1.
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
4.9.
4.10.
4.11.
4.12.
4.13.
5.1.
5.2.
5.3.
Judul
Tabel
Struktur Organisasi SMPN 1 Tanjung Morawa
Proses Penjadwalan KBM
Proses Penilaian Siswa
Proses Pendataan Siswa
Diagram Konteks
Diagram Konteks Level 0 (Nol)
Aliran Informasi Rancangan Situs
Flowchart Halaman Utama
Flowchart Halaman Login Administrator
Flowchart Halaman Profil
Flowchart Halaman Akademik
Flowchart Halaman non Akademik
Rancangan Halaman Utama
Rancangan Halaman Administrator
Halaman Depan Website
Halaman Login Admin
Halaman Data Admin
Halaman
29
36
37
38
39
40
41
42
43
44
45
46
47
48
57
58
59
Universitas Sumatera Utara
PHP DAN MYSQL PADA SMP NEGERI 1 TANJUNG MORAWA
TUGAS AKHIR
ELFIRA FEBIOLA SIHOMBING
142406189
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PERANCANGAN SISTEM INFORMASI BERBASIS WEB
MENGGUNAKAN PHP DAN MYSQL PADA SMP NEGERI 1
TANJUNG MORAWA
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli
Madya
ELFIRA FEBIOLA SIHOMBING
142406189
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGEAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN SISTEM INFORMASI SEKOLAH BERBASIS WEB
MENGGUNAKAN PHP DAN MYSQL PADA SMP NEGERI 1 TANJUNG
MORAWA
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 2017
ELFIRA FEBIOLA SIHOMBING
142406189
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Tuhan Yang Maha Pemurah dan
Maha Penyayang, dengan limpah karunia-Nya Penulis dapat menyelesaikan
penyusunan Tugas Akhir ini dengan judul Perancangan Sistem Informasi berbasis
Web menggunakan PHP dan MySQL pada SMP Negeri 1 Tanjung Morawa.
Terima kasih penulis sampaikan kepada Bapak Drs. Henry Rani Sitepu, M.Si.
selaku pembimbing yang telah meluangkan waktunya selama penyusunan Tugas
Akhir ini. Terima kasih kepada Ibu Dr. Elly Rosmaini, S.Si, M.Si. sebagai Dosen
Pembimbing Akademik yang telah membimbing penulis selama duduk di bangku
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 rekan-rekan kuliah. Akhirnya tidak terlupakan kepada Bapak, Ibu
dan keluarga yang selama ini memberikan bantuan dan dorongan yang diperlukan.
Semoga Tuhan Yang Maha Esa akan membalasnya.
Medan, Juni 2017
Elfira Febiola Sihombing
Universitas Sumatera Utara
PERANCANGAN SISTEM INFORMASI BERBASIS WEB MENGGUNAKAN
PHP DAN MYSQL PADA SMP NEGERI 1 TANJUNG MORAWA
ABSTRAK
Perancangan Sistem Informasi Berbasis Web Menggunakan PHP dan MySql pada
SMP Negeri 1 Tanjung Morawa ini bertujuan untuk mempermudah proses informasi
untuk seluruh siswa dan guru SMP Negeri 1 Tanjung Morawa, yang mengalami
kesulitan dalam memperoleh data mengenai aktifitas akademik di SMP Negeri 1
Tanjung Morawa tersebut. Fasilitas-fasilitas yang terdapat dalam aplikasi ini berupa
penyediaan data dan informasi terbaru, profil, dan data-data yang berguna untuk
kelangsungan belajar siswa. Pada proses pembuatan aplikasi ini perangkat lunak yang
digunakan adalah PHP ( terdiri dari xampp dan sublime ) sebagai bahasa
pemrograman dengan menggunakan PHP 5.0, Sublime Text 2.0 digunakan sebagai
editor skrip, Adobe Photoshop CS6 sebagai editor grafis.
Kata kunci : sistem informasi, php, mysql, photoshop.
Universitas Sumatera Utara
INFORMATION SYSTEM BASED WEB USING PHP MYSQL AND
EDUCATION FOUNDATION IN SMP NEGERI 1 TANJUNG MORAWA
ABSTRACT
Web Based Information System Design Using PHP and MySql on SMP Negeri 1
Tanjung Morawa Education Foundation aims to simplify the process of information
for all students and teachers SMP Negeri 1 Tanjung Morawa, who have difficulty in
obtaining data on the academic activities in the Education Foundation SMP Negeri 1
Tanjung Morawa the field. The facilities contained in this application include the
provision of data and the latest information, profiles, and data that are useful for the
continuity of student learning. In the process of making this application software used
is PHP (consisting of xampp and sublime) as a programming language using PHP
5.0, Sublime Text 2.0 is used as a script editor, Adobe Photoshop CS6 as a graphical
editor.
Keywords : information systems, php, mysql, photoshop.
Universitas Sumatera Utara
DAFTAR ISI
Persetujuan
Pernyataan
Penghargaan
Abstrak
Abstract
Daftar Isi
Daftar Tabel
Daftar Gambar
Daftar Lampiran
Halaman
i
ii
iii
iv
v
vi
viii
ix
x
Bab 1. PENDAHULUAN
1.1. Latar Belakang
1.2. Rumusan Masalah
1.3. Batasan Masalah
1.4. Tujuan Penelitian
1.5. Manfaat Penelitian
1.6. Metodologi Penelitian
1.7. Sistematika Penulisan
1
3
4
4
5
5
7
Bab 2. LANDASAN TEORI
2.1. Pengertian Komputer
2.2. Pengertian Sistem
2.3. Informasi
2.4. Sistem Informasi
2.5. Pengertian Internet
2.5.1. Network
2.5.1.1. Web Server
2.5.1.2. World Wide Web (WWW)
2.5.1.3. Sekilas tentang HTTP
2.6. Pengenalan PHP
2.6.1. Kelebihan dan Kelemahan PHP
2.6.2. Penggabungan Script PHP dan HTML
2.7. Cascading Style Sheet (CSS)
2.8. MySQL
2.9. Javascript
2.10. Sublime Text
2.11. Flowchart
2.11.1. Simbol pada Flowchart
2.12. Entity Relationship Diagram
9
10
10
11
12
13
13
14
15
15
16
17
19
20
21
21
22
22
25
Universitas Sumatera Utara
Bab 3. SEKILAS SMP NEGERI 1 TANJUNG MORAWA
3.1. Profil SMP Negeri 1 Tanjung Morawa
3.2. Struktur Organisasi
3.3. Uraian Tugas dan Fungsi Organisasi
3.3.1. Kepala Sekolah
3.3.2. Wakil Kepala Sekolah
3.3.3. Tata Usaha
3.3.4. Komite Sekolah
3.3.5. Pembantu Kepala Sekolah
3.3.5.1. Bidang Sarana dan Prasarana
3.3.5.2. Bidang kurikulum
3.3.5.3. Bidang Kesiswaan
3.3 6. Guru
3.3.7. Wali Kelas
3.3.8. Guru Pembimbing dan konseling (BP/BK)
3.4. Visi dan Misi Sekolah
3.4.1. Visi Sekolah
3.4.2. Misi sekolah
27
28
30
30
30
30
31
31
31
31
32
32
32
33
33
33
34
Bab 4. ANALISIS DAN PERANCANGAN SISTEM
4.1. Analisis
4.1.1. Analisis Sistem Yang Sedang Berjalan
4.2. Perencanaan dan Perancangan Sistem
4.3. Perancangan Data Flow Diagram (DFD)
4.4. Perancangan Flowchart
4.5. Mendesain Layout Web
4.6. Rancangan Halaman Website
4.7. Perancangan Database
35
35
38
39
41
47
48
49
Bab 5. IMPLEMENTASI SISTEM
5.1. Pengertian Implementasi Sistem
5.2. Implementasi Program
5.2.1. Halaman Utama Website
5.2.2. Halaman Login Admin
5.2.3. Halaman Data Admin
5.3. Implementasi Basis Data
55
56
56
57
58
59
Bab 6. KESIMPULAN DAN SARAN
6.1. Kesimpulan
6.2. Saran
60
61
Daftar Pustaka
Universitas Sumatera Utara
DAFTAR TABEL
Nomor
2.1.
2.2.
2.3.
2.4.
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
4.9.
4.10.
4.11.
Judul
Tabel
Tabel Flow Direction Diagram
Tabel Processing Symbols
Tabel Input-Output Symbol
Tabel Komponen ERD
Tabel User
Tabel Galeri
Tabel Guru
Tabel Jadwal
Tabel Siswa
Tabel Kurikulum
Tabel non Akademik
Tabel Kepsek
Tabel Kelas
Tabel Page
Tabel Tamu
Halaman
23
23
24
26
50
50
50
51
52
52
53
53
53
54
54
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor
3.1.
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
4.9.
4.10.
4.11.
4.12.
4.13.
5.1.
5.2.
5.3.
Judul
Tabel
Struktur Organisasi SMPN 1 Tanjung Morawa
Proses Penjadwalan KBM
Proses Penilaian Siswa
Proses Pendataan Siswa
Diagram Konteks
Diagram Konteks Level 0 (Nol)
Aliran Informasi Rancangan Situs
Flowchart Halaman Utama
Flowchart Halaman Login Administrator
Flowchart Halaman Profil
Flowchart Halaman Akademik
Flowchart Halaman non Akademik
Rancangan Halaman Utama
Rancangan Halaman Administrator
Halaman Depan Website
Halaman Login Admin
Halaman Data Admin
Halaman
29
36
37
38
39
40
41
42
43
44
45
46
47
48
57
58
59
Universitas Sumatera Utara