Sistem Informasi Sekolah Berbasis Web pada SMK Tunas Pelita Binjai
SISTEM INFORMASI SEKOLAH BERBASIS WEB
PADA SMK TUNAS PELITA BINJAI
TUGAS AKHIR
FAJRUL AZMI SYAHPUTRA
132406247
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
SISTEM INFORMASI SEKOLAH BERBASIS WEB
PADA SMK TUNAS PELITA BINJAI
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya
FAJRUL AZMI SYAHPUTRA
132406247
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
: Sistem Informasi Sekolah Berbasis Web pada
SMK Tunas Pelita Binjai
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Dapartemen
Fakultas
: Tugas Akhir
: Fajrul Azmi Syahputra
: 132406247
: Diploma (D3) Teknik Informatika
: Matematika
: Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara
Diluluskan di
Medan, Juli 2016
DisetujuiOleh
Program Studi D3 Teknik Informatika
FMIPA USU
Ketua,
Dr. Elly Rosmaini, M.Si.
NIP. 196005201985032002
Pembimbing,
Drs. James Piter Marbun, M.Kom.
NIP. 195806111986031002
Universitas Sumatera Utara
PERNYATAAN
SISTEM INFORMASI SEKOLAH BERBASIS WEB PADA SMK TUNAS
PELITA BINJAI
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 2016
Fajrul Azmi Syahputra
132406247
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 dengan judul “Sistem Informasi Sekolah Berbasis Perancangan Sistem
Informasi psada SMK Tunas Pelita Binjai Berbasis Web”.
Terima kasih penulis sampaikan kepada Bapak Drs. James Piter Marbun,
M. Kom, selaku pembimbing yang telah meluangkan waktunya selama
penyusunan Tugas Akhir ini. Terimakasih kepada Ibu Dr.Elly Rosmaini, M.Si,
dan Bapak Dr. Syahriol Sitorus, M.IT, selaku Ketua dan Sekretaris Progam Studi
D3 Teknik Informatika FMIPA USU. Terimakasih kepada Bapak Prof. Dr. Tulus,
M.Si, Ph.D dan Ibu Dr. Mardiningsih, M.Si, selaku Ketua Departemen dan
Sekretaris Departemen Matematika FMIPA USU Medan. Terima kasih Kepada
Bapak Dr. Kerista Sebayang, M.S, selaku Dekan FMIPA USU. Terima kasih
Kepada seluruh Staf dan Dosen D3 Teknik Informatika FMIPA USU, pegawai
FMIPA USU dan rekan-rekan kuliah dan tidak terlupakan kepada keluarga yang
selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan
Yang Maha Esa akan membalasnya.
Penulis menyadari bahwa tugas akhir ini masih memiliki kekurangan,
untuk itu penulis mengharapkan kritik dan saran yang konstruktif dari semua
pihak untuk perbaikan dan kesempurnaan tugas akhir ini.
Universitas Sumatera Utara
SISTEM INFORMASI SEKOLAH BERBASIS WEB PADA SMK TUNAS
PELITA BINJAI
ABSTRAK
Tugas akhir ini bertujuan membangun sebuah sistem informasi yang berbasis
web. Sistem perancangan dalam pembuatan website Sistem Informasi Sekolah
Berbasis Web Pada SMK Tunas Pelita Binjai ini dikembangkan dengan
menggunakan beberapa software yaitu, XAMPP yang merupakan gabungan dari
Apache Web Server, PHP dan MySQL dan Macromedia Dreamwaver 6. Dengan
menggunakan Macromedia Dreamwaver 8 maka pendesainan web akan lebih
cepat dan mudah. Sistem informasi ini berguna untuk mempermudah masyarakat
Binjai khususnya untuk mengetahui tentang Sekolah SMK Tunas Pelita yang ada
di Binjai.
Kata Kunci: Sistem Informasi, MySQL, Database, SMK Tunas Pelita Binjai
Universitas Sumatera Utara
Universitas Sumatera Utara
SCHOOL INFORMATION SYSTEM BASED ON WEB OF SMK TUNAS
PELITA BINJAI
ABSTRACT
This final project aims to build a web-based information system. System design in
the School of Information Systems website creation Web Based on SMK Tunas
Pelita Binjai was developed using some software, namely, XAMPP which is a
combination of the Apache Web Server, PHP and MySQL and Macromedia
Dreamwaver 6. By using Macromedia Dreamwaver 8 then designing the web will
be quick and easy. The system useful information to facilitate the Binjai public in
particular to know about SMK Tunas Pelita in Binjai.
Keywords: Information Systems, MySQL, Database, SMK Tunas Pelita Binjai
Universitas Sumatera Utara
DAFTAR ISI
Halaman
Persetujuan
i
Pernyataan
ii
Penghargaan
iii
Abstrak
iv
Abstract
v
Daftar Isi
vi
Daftar Tabel
viii
Daftar Gambar
ix
Daftar Lampiran
x
Bab 1. Pendahuluan
1
1.1.Latar Belakang Masalah
1.2. Perumusan Masalah
2
1.3. Batasan Masalah
2
1.4. Maksud Dantujuan
2
1.5.Metodologi Penelitian
3
1.6. Sistematika Penulisan
3
Bab 2. Landasan Teori
2.1. Pengertian Komputer
5
2.1.1. Sistem komputer
5
2.2.Data, DFD, Flowchart, Informasi Dan Sistem
5
Universitas Sumatera Utara
2.2.1. Data
5
2.2.2. Data Flow Diagram (DFD)
6
2.2.3. Diagram alir (Flowchart)
6
2.2.4. Pengertian informasi
6
2.2.5. Pengertian sistem
7
2.3. Sistem Informasi
7
2.4. Internet
8
2.4.1. Manfaat internet
9
2.5. Website
10
2.6. Hypertext Markup Language (HTML)
11
2.7. PHP
12
2.7.1. Sintaks PHP
13
2.7.2. Kelebihan PHP
15
2.8. Mysql
15
2.9. Apache
15
2.10. Cassading Style Sheet
16
2.11. Javascript
16
2.12. AdobeDreamweaver
16
Bab 3. Perancangan Sistem
3.1. Perencanaan Dan Perancangan
18
3.2. Perancangan Halaman Website
20
3.2.1. Halaman home
20
3.2.2.Halaman about us
20
Universitas Sumatera Utara
3.2.3.Halaman login
20
3.2.4. Halaman admin
20
3.2.5.Halaman sekilas
21
3.3.Perancangan Diagram Konteks
21
3.4. Perancangan Diagram Alir (Flowchart) Website
21
3.4.1.Flowchartmenu utama
22
3.4.2.Flowchartadmin
22
3.5. Merancang Database Server
23
Bab 4. Implementasi Sistem
4.1. Pengertian Implementasi Sistem
29
4.2.Kebutuhan Sistem
29
4.3. Tampilan Program
31
4.3.1. Tampilan home
31
4.3.2. Tampilan login
32
4.3.3. Tampilan about us
33
4.3.4. Tampilan login admin
33
4.3.5. Tampilan halaman admin
34
4.3.6. Tampilan halaman sekilas
35
4.3.7. Tampilan halaman panduan
35
4.3.8. Tampilan halaman siswa
36
Bab 5. Kesimpulan Dan Saran
5.1. Kesimpulan
37
5.2. Saran
37
Universitas Sumatera Utara
DAFTAR TABEL
Nomor
Tabel
3.1.
3.2.
3.3.
3.4.
3.5.
Judul
Tabel Admin
Tabel Siswa
Tabel Guru
Tabel Files
Tabel Nilai
Halaman
24
25
26
27
28
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor
Gambar
3.1.
3.2.
3.3.
3.4.
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
Judul
Struktur Website
Diagram Konteks Website
Flowchart Menu Utama
Flowchart Menu Admin
Tampilan Home
Tampilan Login Sekolah
Tampilan About Us
Tampilan Login Admin
Tampilan Halaman Admin
Tampilan Halaman Sekilas
Panduan
Halaman Siswa
Halaman
19
21
22
23
32
32
33
34
34
35
36
36
Universitas Sumatera Utara
DAFTAR LAMPIRAN
Nomor
Judul
Lamp
1.
Surat Izin Pengambilan Data
2.
Surat Balasan Izin Pengambilan Data
3.
Listing Program
4.
Surat Keterangan Hasil Uji Program Tugas Akhir Mahasiswa
5.
Kartu Bimbingan Tugas Akhir Mahasiswa
Halaman
39
40
41
75
76
Universitas Sumatera Utara
PADA SMK TUNAS PELITA BINJAI
TUGAS AKHIR
FAJRUL AZMI SYAHPUTRA
132406247
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
SISTEM INFORMASI SEKOLAH BERBASIS WEB
PADA SMK TUNAS PELITA BINJAI
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh Ahli Madya
FAJRUL AZMI SYAHPUTRA
132406247
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016
Universitas Sumatera Utara
PERSETUJUAN
Judul
: Sistem Informasi Sekolah Berbasis Web pada
SMK Tunas Pelita Binjai
Kategori
Nama
Nomor Induk Mahasiswa
Program Studi
Dapartemen
Fakultas
: Tugas Akhir
: Fajrul Azmi Syahputra
: 132406247
: Diploma (D3) Teknik Informatika
: Matematika
: Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara
Diluluskan di
Medan, Juli 2016
DisetujuiOleh
Program Studi D3 Teknik Informatika
FMIPA USU
Ketua,
Dr. Elly Rosmaini, M.Si.
NIP. 196005201985032002
Pembimbing,
Drs. James Piter Marbun, M.Kom.
NIP. 195806111986031002
Universitas Sumatera Utara
PERNYATAAN
SISTEM INFORMASI SEKOLAH BERBASIS WEB PADA SMK TUNAS
PELITA BINJAI
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 2016
Fajrul Azmi Syahputra
132406247
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 dengan judul “Sistem Informasi Sekolah Berbasis Perancangan Sistem
Informasi psada SMK Tunas Pelita Binjai Berbasis Web”.
Terima kasih penulis sampaikan kepada Bapak Drs. James Piter Marbun,
M. Kom, selaku pembimbing yang telah meluangkan waktunya selama
penyusunan Tugas Akhir ini. Terimakasih kepada Ibu Dr.Elly Rosmaini, M.Si,
dan Bapak Dr. Syahriol Sitorus, M.IT, selaku Ketua dan Sekretaris Progam Studi
D3 Teknik Informatika FMIPA USU. Terimakasih kepada Bapak Prof. Dr. Tulus,
M.Si, Ph.D dan Ibu Dr. Mardiningsih, M.Si, selaku Ketua Departemen dan
Sekretaris Departemen Matematika FMIPA USU Medan. Terima kasih Kepada
Bapak Dr. Kerista Sebayang, M.S, selaku Dekan FMIPA USU. Terima kasih
Kepada seluruh Staf dan Dosen D3 Teknik Informatika FMIPA USU, pegawai
FMIPA USU dan rekan-rekan kuliah dan tidak terlupakan kepada keluarga yang
selama ini memberikan bantuan dan dorongan yang diperlukan. Semoga Tuhan
Yang Maha Esa akan membalasnya.
Penulis menyadari bahwa tugas akhir ini masih memiliki kekurangan,
untuk itu penulis mengharapkan kritik dan saran yang konstruktif dari semua
pihak untuk perbaikan dan kesempurnaan tugas akhir ini.
Universitas Sumatera Utara
SISTEM INFORMASI SEKOLAH BERBASIS WEB PADA SMK TUNAS
PELITA BINJAI
ABSTRAK
Tugas akhir ini bertujuan membangun sebuah sistem informasi yang berbasis
web. Sistem perancangan dalam pembuatan website Sistem Informasi Sekolah
Berbasis Web Pada SMK Tunas Pelita Binjai ini dikembangkan dengan
menggunakan beberapa software yaitu, XAMPP yang merupakan gabungan dari
Apache Web Server, PHP dan MySQL dan Macromedia Dreamwaver 6. Dengan
menggunakan Macromedia Dreamwaver 8 maka pendesainan web akan lebih
cepat dan mudah. Sistem informasi ini berguna untuk mempermudah masyarakat
Binjai khususnya untuk mengetahui tentang Sekolah SMK Tunas Pelita yang ada
di Binjai.
Kata Kunci: Sistem Informasi, MySQL, Database, SMK Tunas Pelita Binjai
Universitas Sumatera Utara
Universitas Sumatera Utara
SCHOOL INFORMATION SYSTEM BASED ON WEB OF SMK TUNAS
PELITA BINJAI
ABSTRACT
This final project aims to build a web-based information system. System design in
the School of Information Systems website creation Web Based on SMK Tunas
Pelita Binjai was developed using some software, namely, XAMPP which is a
combination of the Apache Web Server, PHP and MySQL and Macromedia
Dreamwaver 6. By using Macromedia Dreamwaver 8 then designing the web will
be quick and easy. The system useful information to facilitate the Binjai public in
particular to know about SMK Tunas Pelita in Binjai.
Keywords: Information Systems, MySQL, Database, SMK Tunas Pelita Binjai
Universitas Sumatera Utara
DAFTAR ISI
Halaman
Persetujuan
i
Pernyataan
ii
Penghargaan
iii
Abstrak
iv
Abstract
v
Daftar Isi
vi
Daftar Tabel
viii
Daftar Gambar
ix
Daftar Lampiran
x
Bab 1. Pendahuluan
1
1.1.Latar Belakang Masalah
1.2. Perumusan Masalah
2
1.3. Batasan Masalah
2
1.4. Maksud Dantujuan
2
1.5.Metodologi Penelitian
3
1.6. Sistematika Penulisan
3
Bab 2. Landasan Teori
2.1. Pengertian Komputer
5
2.1.1. Sistem komputer
5
2.2.Data, DFD, Flowchart, Informasi Dan Sistem
5
Universitas Sumatera Utara
2.2.1. Data
5
2.2.2. Data Flow Diagram (DFD)
6
2.2.3. Diagram alir (Flowchart)
6
2.2.4. Pengertian informasi
6
2.2.5. Pengertian sistem
7
2.3. Sistem Informasi
7
2.4. Internet
8
2.4.1. Manfaat internet
9
2.5. Website
10
2.6. Hypertext Markup Language (HTML)
11
2.7. PHP
12
2.7.1. Sintaks PHP
13
2.7.2. Kelebihan PHP
15
2.8. Mysql
15
2.9. Apache
15
2.10. Cassading Style Sheet
16
2.11. Javascript
16
2.12. AdobeDreamweaver
16
Bab 3. Perancangan Sistem
3.1. Perencanaan Dan Perancangan
18
3.2. Perancangan Halaman Website
20
3.2.1. Halaman home
20
3.2.2.Halaman about us
20
Universitas Sumatera Utara
3.2.3.Halaman login
20
3.2.4. Halaman admin
20
3.2.5.Halaman sekilas
21
3.3.Perancangan Diagram Konteks
21
3.4. Perancangan Diagram Alir (Flowchart) Website
21
3.4.1.Flowchartmenu utama
22
3.4.2.Flowchartadmin
22
3.5. Merancang Database Server
23
Bab 4. Implementasi Sistem
4.1. Pengertian Implementasi Sistem
29
4.2.Kebutuhan Sistem
29
4.3. Tampilan Program
31
4.3.1. Tampilan home
31
4.3.2. Tampilan login
32
4.3.3. Tampilan about us
33
4.3.4. Tampilan login admin
33
4.3.5. Tampilan halaman admin
34
4.3.6. Tampilan halaman sekilas
35
4.3.7. Tampilan halaman panduan
35
4.3.8. Tampilan halaman siswa
36
Bab 5. Kesimpulan Dan Saran
5.1. Kesimpulan
37
5.2. Saran
37
Universitas Sumatera Utara
DAFTAR TABEL
Nomor
Tabel
3.1.
3.2.
3.3.
3.4.
3.5.
Judul
Tabel Admin
Tabel Siswa
Tabel Guru
Tabel Files
Tabel Nilai
Halaman
24
25
26
27
28
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor
Gambar
3.1.
3.2.
3.3.
3.4.
4.1.
4.2.
4.3.
4.4.
4.5.
4.6.
4.7.
4.8.
Judul
Struktur Website
Diagram Konteks Website
Flowchart Menu Utama
Flowchart Menu Admin
Tampilan Home
Tampilan Login Sekolah
Tampilan About Us
Tampilan Login Admin
Tampilan Halaman Admin
Tampilan Halaman Sekilas
Panduan
Halaman Siswa
Halaman
19
21
22
23
32
32
33
34
34
35
36
36
Universitas Sumatera Utara
DAFTAR LAMPIRAN
Nomor
Judul
Lamp
1.
Surat Izin Pengambilan Data
2.
Surat Balasan Izin Pengambilan Data
3.
Listing Program
4.
Surat Keterangan Hasil Uji Program Tugas Akhir Mahasiswa
5.
Kartu Bimbingan Tugas Akhir Mahasiswa
Halaman
39
40
41
75
76
Universitas Sumatera Utara