Perancangan Sistem Informasi Nilai Siswa SMA Negeri 1 Sei Suka Berbasis Web
PERANCANGAN SISTEM INFORMASI NILAI SISWA
SMA NEGERI 1 SEI SUKA BERBASIS WEB
TUGAS AKHIR
EDY SUDRAJAT
142406056
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
i
Universitas Sumatera Utara
PERANCANGAN SISTEM INFORMASI NILAI SISWA
SMA NEGERI 1 SEI SUKA BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh
Ahli Madya
EDY SUDRAJAT
142406056
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
i
Universitas Sumatera Utara
i
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN SISTEM INFORMASI NILAI SISWA SMA NEGERI 1
SEI SUKA BERBASIS WEB
TUGAS AKHIR
Saya menyatakan bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, 11 Juli 2017
Edy Sudrajat
142406056
ii
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Allah SWT, dengan limpah karuniaNya Penulis dapat menyelesaikan penyusunan Tugas Akhir ini dengan judul
Perancangan Sistem Informasi Nilai Siswa SMA Negeri 1 Sei Suka Berbasis Web.
Terima kasih penulis sampaikan kepada Dr. Open Darnius, M.Sc. selaku
pembibing yang telah meluangkan waktunya selama penyusunan Tugas Akhir
ini.Terima kasih kepada IbuDr. Elly Rosmaini, M.Si sebagai Dosen Pembimbing
Akademik yang telah membimbing penulis selama berada di D3 Teknik Informatika
FMIPA USU ini. 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 Allah SWT akan membalasnya.
Medan, 11 Juli 2017
Edy Sudrajat
iii
Universitas Sumatera Utara
STUDENT VALUE INFORMATION SYSTEM
SENIOR HIGH SCHOOL 1 SEI SUKA WEB BASED
ABSTRACT
In writing this thesis, the authors make Information Systems Senior High School 1 Sei
Suka Web-Based. This website is used to provide information to the school, both
teachers and parents of students. With the development of technology is increasing, it
is expected with the website Senior High School 1 Sei Suka the parents of students
can see firsthand the development of their children in school. This website can also
make it easier for teachers to manage the data in school without using notes on paper
that may be lost or not in place, so it takes some time to search for the missing data.
This website is created by using Dreamweaver application using html programming
language as the main language of website creation. The method used by the author is
the method of data collection by observing data obtained directly in Senior High
School 1 Sei Suka.
Keywords : web, school, dreamweaver,html
iv
Universitas Sumatera Utara
PERANCANGAN SISTEM INFROMASI NILAI SISWA SMA NEGERI 1 SEI
SUKU BERBASIS WEB
ABSTRAK
Pada penulisan tugas akhir ini, penulis membuat Sistem Informasi Sma Negeri 1 Sei
Suka Berbasis Web. Website ini digunakan untuk memberikan informasi kepada
pihak sekolah, baik guru maupun orang tua murid. Dengan perkembangan teknologi
yang semakin meningkat, diharapkan dengan adanya website Sma Negeri 1 Sei Suka
para orang tua murid dapat melihat secara langsung perkembangan anak mereka di
sekolah. Website ini juga dapat mempermudah para guru untuk mengatur data yang
ada di sekolah tanpa menggunakan catatan di dalam kertas yang kemungkinan dapat
hilang atau tidak terletak pada tempatnya, sehingga memakan waktu untuk mencari
data yang hilang tersebut. Website ini di buat dengan menggunakan aplikasi
dreamweaver dengan menggunakan bahasa pemrograman html sebagai bahasa utama
pembuatan website. Metode yang digunakan penulis adalah metode pengumpulan data
dengan melakukan observasi data yang diperoleh secara langsung di Sma Negeri 1 Sei
Suka.
Kata Kunci : web, sekolah, dreamwaver,html
vi
Universitas Sumatera Utara
DAFTAR ISI
........................................................................................................................... Halaman
Persetujuan .......................................................................................................................i
Pernyataan...................................................................................................................... ii
Penghargaan .................................................................................................................. iii
Abstrak ......................................................................................................................... iiv
Abstract ........................................................................................................................... v
Daftar Isi ........................................................................................................................vi
Daftar Tabel ................................................................................................................ viii
Daftar Gambar ...............................................................................................................ix
Bab 1. Pendahuluan ..........................................................................................................
1.1 Latar Belakang .............................................................................................. 1
1.2 Perumusan Masalah ...................................................................................... 2
1.3 Batasan Masalah ........................................................................................... 3
1.4 Tujuan Penelitian .......................................................................................... 3
1.5 Manfaat Penelitian ........................................................................................ 4
1.6 Metodologi Penelitian ................................................................................... 4
1.7 Sistematika Penulisan ................................................................................... 6
Bab 2. Landasan Teori ......................................................................................................
2.1 Pengertian Komputer .................................................................................... 8
2.2 Sejarah Internet ........................................................................................... 10
2.3World WideWeb (WWW) ............................................................................ 11
2.3.1 Lahirnya Web ................................................................................... 13
2.3.2 Browser Web .................................................................................... 14
2.3.3 Server Web ....................................................................................... 15
2.4 HTML(Hypertext Markup Language) ........................................................ 15
2.4.1 Dokumen HTML
16
2.4.2 Penamaan Dokumen HTML ............................................................ 17
2.4.3 Elemen dan Tag HTML ................................................................... 17
2.5 PHP(Hypertext Preprocessor) .................................................................... 19
2.5.1 SejarahPHP ...................................................................................... 20
2.5.2 PHP/F1 (Personal Home Page) ......................................................... 20
2.5.3 Kelebihan PHP dariBahasaPemograman Lain ................................. 22
2.5.4 Script PHP ....................................................................................... 22
2.5.5 Integrasi dengan Database ............................................................... 23
2.6 MySQL ....................................................................................................... 25
2.7 Macromedia Dreamweaver ......................................................................... 26
2.8 Pengertian Sistem Informasi ....................................................................... 27
Bab 3.Perancangan Sistem................................................................................................
3.1 PerancanganSistem ..................................................................................... 29
3.2 Data Flowchart Diagram (DFD) .................................................................30
3.3 Perancangan Database
31
vi
Universitas Sumatera Utara
3.4 Flowchart ................................................................................................... 34
3.4.1 Flowchart Menu login .......................................................................37
3.4.2 Flowchart guru .................................................................................. 38
3.4.3 Flowchart isi nilai
39
3.4.4 Flowchart kelas
40
3.4.5 Flowchart mata pelajaran
41
3.4.6 Flowchart siswa
42
Bab 4. Implementasi Sistem .............................................................................................
4.1 Pengertian Implementasi Sistem ................................................................. 43
4.2 Kebutuhan Sistem ....................................................................................... 44
4.3Kebutuhan Sistem ........................................................................................ 45
4.3.1 Perangkat Keras (Hardware) ............................................................. 45
4.3.2 Perangkat Lunak (Software) ............................................................. 46
4.3.3 Pengguna (Brainware) ......................................................................46
4.4Tampilan Halaman Website
.............. 46
Bab 5. Kesimpulan dan Saran ...........................................................................................
5.1 Kesimpulan ................................................................................................. 53
5.2 Saran ........................................................................................................... 54
Daftar Pustaka
Lampiran
vii
Universitas Sumatera Utara
DAFTAR TABEL
Nomor
Tabel
2.1
2.2
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
Judul........................................................ Halaman
Daftar Database yang didukung PHP . ........................ 23
Defenisi sistem informasi ............................................. 28
Simbol-simbol data flow diagram ................................ 31
Tabel Login ................................................................... 32
Tabel Penambahan data guru ........................................ 32
Tabel Absen .................................................................. 33
Tabel Daftar Nilai ......................................................... 33
Tabel Kelas ................................................................... 33
Tabel List kelas ............................................................. 33
Tabel Mata Pelajaran .................................................... 34
Tabel Nilai .................................................................... 34
Tabel Pengumuman ...................................................... 34
Tabel Pesan .................................................................. 35
Siswa
35
Arti lambang-lambang flowchart
36
viii
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor
Judul........................................................... Halaman
Gambar
2.7
Tampilan Sublime Text ........................................................................ 27
3.4.
Tampilan Flowchart menu login ........................................................... 37
3.5
Tampilan flowchart Guru .................................................................... 38
3.6
Tampilan flowchart isi nilai ................................................................. 39
3.7
Tampilan flowchart kelas ..................................................................... 40
3.8
Tampilan flowchart mata pelajarn ....................................................... 41
3.9
Tampilan flowchart siswa ..................................................................... 42
4.1
Tampilan awal wabsite ......................................................................... 47
4.2
Tampilan login ...................................................................................... 47
4.3
Tampilan beranda
4.4
Tampilan data guru ............................................................................... 48
4.5
Tampilan tambah guru .......................................................................... 49
4.6
Tampilan data siswa ............................................................................. 49
4.7
Tampilan tambah siswa ........................................................................ 50
4.8
Tampilan mata pelajaran....................................................................... 50
4.9
Tampilan tambah mata pelajaran ......................................................... 51
4.10
Tampilan kelas
51
4.11
Tampilan penilaian siswa
52
48
ix
Universitas Sumatera Utara
SMA NEGERI 1 SEI SUKA BERBASIS WEB
TUGAS AKHIR
EDY SUDRAJAT
142406056
PROGRAM STUDI D-3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
i
Universitas Sumatera Utara
PERANCANGAN SISTEM INFORMASI NILAI SISWA
SMA NEGERI 1 SEI SUKA BERBASIS WEB
TUGAS AKHIR
Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh
Ahli Madya
EDY SUDRAJAT
142406056
PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2017
i
Universitas Sumatera Utara
i
Universitas Sumatera Utara
PERNYATAAN
PERANCANGAN SISTEM INFORMASI NILAI SISWA SMA NEGERI 1
SEI SUKA BERBASIS WEB
TUGAS AKHIR
Saya menyatakan bahwa tugas akhir ini adalah hasil kerja saya sendiri, kecuali
beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya.
Medan, 11 Juli 2017
Edy Sudrajat
142406056
ii
Universitas Sumatera Utara
PENGHARGAAN
Puji dan syukur penulis panjatkan kepada Allah SWT, dengan limpah karuniaNya Penulis dapat menyelesaikan penyusunan Tugas Akhir ini dengan judul
Perancangan Sistem Informasi Nilai Siswa SMA Negeri 1 Sei Suka Berbasis Web.
Terima kasih penulis sampaikan kepada Dr. Open Darnius, M.Sc. selaku
pembibing yang telah meluangkan waktunya selama penyusunan Tugas Akhir
ini.Terima kasih kepada IbuDr. Elly Rosmaini, M.Si sebagai Dosen Pembimbing
Akademik yang telah membimbing penulis selama berada di D3 Teknik Informatika
FMIPA USU ini. 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 Allah SWT akan membalasnya.
Medan, 11 Juli 2017
Edy Sudrajat
iii
Universitas Sumatera Utara
STUDENT VALUE INFORMATION SYSTEM
SENIOR HIGH SCHOOL 1 SEI SUKA WEB BASED
ABSTRACT
In writing this thesis, the authors make Information Systems Senior High School 1 Sei
Suka Web-Based. This website is used to provide information to the school, both
teachers and parents of students. With the development of technology is increasing, it
is expected with the website Senior High School 1 Sei Suka the parents of students
can see firsthand the development of their children in school. This website can also
make it easier for teachers to manage the data in school without using notes on paper
that may be lost or not in place, so it takes some time to search for the missing data.
This website is created by using Dreamweaver application using html programming
language as the main language of website creation. The method used by the author is
the method of data collection by observing data obtained directly in Senior High
School 1 Sei Suka.
Keywords : web, school, dreamweaver,html
iv
Universitas Sumatera Utara
PERANCANGAN SISTEM INFROMASI NILAI SISWA SMA NEGERI 1 SEI
SUKU BERBASIS WEB
ABSTRAK
Pada penulisan tugas akhir ini, penulis membuat Sistem Informasi Sma Negeri 1 Sei
Suka Berbasis Web. Website ini digunakan untuk memberikan informasi kepada
pihak sekolah, baik guru maupun orang tua murid. Dengan perkembangan teknologi
yang semakin meningkat, diharapkan dengan adanya website Sma Negeri 1 Sei Suka
para orang tua murid dapat melihat secara langsung perkembangan anak mereka di
sekolah. Website ini juga dapat mempermudah para guru untuk mengatur data yang
ada di sekolah tanpa menggunakan catatan di dalam kertas yang kemungkinan dapat
hilang atau tidak terletak pada tempatnya, sehingga memakan waktu untuk mencari
data yang hilang tersebut. Website ini di buat dengan menggunakan aplikasi
dreamweaver dengan menggunakan bahasa pemrograman html sebagai bahasa utama
pembuatan website. Metode yang digunakan penulis adalah metode pengumpulan data
dengan melakukan observasi data yang diperoleh secara langsung di Sma Negeri 1 Sei
Suka.
Kata Kunci : web, sekolah, dreamwaver,html
vi
Universitas Sumatera Utara
DAFTAR ISI
........................................................................................................................... Halaman
Persetujuan .......................................................................................................................i
Pernyataan...................................................................................................................... ii
Penghargaan .................................................................................................................. iii
Abstrak ......................................................................................................................... iiv
Abstract ........................................................................................................................... v
Daftar Isi ........................................................................................................................vi
Daftar Tabel ................................................................................................................ viii
Daftar Gambar ...............................................................................................................ix
Bab 1. Pendahuluan ..........................................................................................................
1.1 Latar Belakang .............................................................................................. 1
1.2 Perumusan Masalah ...................................................................................... 2
1.3 Batasan Masalah ........................................................................................... 3
1.4 Tujuan Penelitian .......................................................................................... 3
1.5 Manfaat Penelitian ........................................................................................ 4
1.6 Metodologi Penelitian ................................................................................... 4
1.7 Sistematika Penulisan ................................................................................... 6
Bab 2. Landasan Teori ......................................................................................................
2.1 Pengertian Komputer .................................................................................... 8
2.2 Sejarah Internet ........................................................................................... 10
2.3World WideWeb (WWW) ............................................................................ 11
2.3.1 Lahirnya Web ................................................................................... 13
2.3.2 Browser Web .................................................................................... 14
2.3.3 Server Web ....................................................................................... 15
2.4 HTML(Hypertext Markup Language) ........................................................ 15
2.4.1 Dokumen HTML
16
2.4.2 Penamaan Dokumen HTML ............................................................ 17
2.4.3 Elemen dan Tag HTML ................................................................... 17
2.5 PHP(Hypertext Preprocessor) .................................................................... 19
2.5.1 SejarahPHP ...................................................................................... 20
2.5.2 PHP/F1 (Personal Home Page) ......................................................... 20
2.5.3 Kelebihan PHP dariBahasaPemograman Lain ................................. 22
2.5.4 Script PHP ....................................................................................... 22
2.5.5 Integrasi dengan Database ............................................................... 23
2.6 MySQL ....................................................................................................... 25
2.7 Macromedia Dreamweaver ......................................................................... 26
2.8 Pengertian Sistem Informasi ....................................................................... 27
Bab 3.Perancangan Sistem................................................................................................
3.1 PerancanganSistem ..................................................................................... 29
3.2 Data Flowchart Diagram (DFD) .................................................................30
3.3 Perancangan Database
31
vi
Universitas Sumatera Utara
3.4 Flowchart ................................................................................................... 34
3.4.1 Flowchart Menu login .......................................................................37
3.4.2 Flowchart guru .................................................................................. 38
3.4.3 Flowchart isi nilai
39
3.4.4 Flowchart kelas
40
3.4.5 Flowchart mata pelajaran
41
3.4.6 Flowchart siswa
42
Bab 4. Implementasi Sistem .............................................................................................
4.1 Pengertian Implementasi Sistem ................................................................. 43
4.2 Kebutuhan Sistem ....................................................................................... 44
4.3Kebutuhan Sistem ........................................................................................ 45
4.3.1 Perangkat Keras (Hardware) ............................................................. 45
4.3.2 Perangkat Lunak (Software) ............................................................. 46
4.3.3 Pengguna (Brainware) ......................................................................46
4.4Tampilan Halaman Website
.............. 46
Bab 5. Kesimpulan dan Saran ...........................................................................................
5.1 Kesimpulan ................................................................................................. 53
5.2 Saran ........................................................................................................... 54
Daftar Pustaka
Lampiran
vii
Universitas Sumatera Utara
DAFTAR TABEL
Nomor
Tabel
2.1
2.2
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
Judul........................................................ Halaman
Daftar Database yang didukung PHP . ........................ 23
Defenisi sistem informasi ............................................. 28
Simbol-simbol data flow diagram ................................ 31
Tabel Login ................................................................... 32
Tabel Penambahan data guru ........................................ 32
Tabel Absen .................................................................. 33
Tabel Daftar Nilai ......................................................... 33
Tabel Kelas ................................................................... 33
Tabel List kelas ............................................................. 33
Tabel Mata Pelajaran .................................................... 34
Tabel Nilai .................................................................... 34
Tabel Pengumuman ...................................................... 34
Tabel Pesan .................................................................. 35
Siswa
35
Arti lambang-lambang flowchart
36
viii
Universitas Sumatera Utara
DAFTAR GAMBAR
Nomor
Judul........................................................... Halaman
Gambar
2.7
Tampilan Sublime Text ........................................................................ 27
3.4.
Tampilan Flowchart menu login ........................................................... 37
3.5
Tampilan flowchart Guru .................................................................... 38
3.6
Tampilan flowchart isi nilai ................................................................. 39
3.7
Tampilan flowchart kelas ..................................................................... 40
3.8
Tampilan flowchart mata pelajarn ....................................................... 41
3.9
Tampilan flowchart siswa ..................................................................... 42
4.1
Tampilan awal wabsite ......................................................................... 47
4.2
Tampilan login ...................................................................................... 47
4.3
Tampilan beranda
4.4
Tampilan data guru ............................................................................... 48
4.5
Tampilan tambah guru .......................................................................... 49
4.6
Tampilan data siswa ............................................................................. 49
4.7
Tampilan tambah siswa ........................................................................ 50
4.8
Tampilan mata pelajaran....................................................................... 50
4.9
Tampilan tambah mata pelajaran ......................................................... 51
4.10
Tampilan kelas
51
4.11
Tampilan penilaian siswa
52
48
ix
Universitas Sumatera Utara