Perancangan Sistem Informasi Pada SMP Swasta HKBP Sipahutar Berbasis Web

PERANCANGAN SISTEM INFORMASI PADA
SMP SWASTA HKBP SIPAHUTAR BERBASIS WEB

TUGAS AKHIR

DANIEL SIJABAT
132406111

PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016

Universitas Sumatera Utara

PERANCANGAN SISTEM INFORMASI PADA
SMP SWASTA HKBP SIPAHUTAR BERBASIS WEB

TUGAS AKHIR


Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh
Ahli Madya

DANIEL SIJABAT
132406111

PROGRAM STUDI D3 TEKNIK INFORMATIKA
DEPARTEMEN MATEMATIKA
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SUMATERA UTARA
MEDAN
2016

Universitas Sumatera Utara

KEMENTRIAN RISET, TEKNOLOGI DAN PENDIDIKAN TINGGI
UNIVERSITAS SUMATERA UTARAFAKULTAS MATEMATIKA
DAN ILMU PENGETAHUAN ALAMPROGRAM STUDI D3
TEKNIK INFORMATIKA

Jl. Bioteknologi No. 1 Kampus USU Padang Bulan Medan20155Telp. (061) 8211050, 8214290, Fax (061) 8214290

PERSETUJUAN
Judul

:Perancangan Sistem Informasi Pada SMP
Swasta HKBP Sipahutar Berbasis Web

Kategori

: Tugas Akhir

Nama

: Daniel Sijabat

Nomor Induk Mahasiswa

: 132406111


Program Studi

: Diploma (D3) Teknik Informatika

Departemen

: Matematika

Fakultas

:Matematika Dan Ilmu Pengetahuan Alam (FMIPA)
Universitas Sumatera Utara.

Diluluskan di
Medan,

Juni 2016

Diketahui/Disetujui olehKetua Prog.Studi
D3Teknik Informatika,


Dr. Elly Rosmaini,M.Si.
NIP 196005 201 985 032 002

Pembimbing,

Dr. Open Darnius, M.Sc
NIP 196410 141 991 031 004PERNYATAAN

Universitas Sumatera Utara

PERANCANGAN SISTEM INFORMASI PADA SMP SWASTA HKBP
SIPAHUTAR BERBASIS WEB

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


DANIEL SIJABAT
132406111

Universitas Sumatera Utara

PENGHARGAAN

Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa atas berkat dan kasihNya sehingga laporan tugas akhir ini dapat diselesaikan dengan baik dan dalam waktu
yang telah ditetapkan.
Penulisan Tugas Akhir ini merupakan salah satu syarat untuk menyelesaikan
pendidikan D-3 Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam
Universitas Sumatera Utara.
Dalam penyusunan Tugas Akhir ini, penulis mendapatkan bantuan, dorongan
dan motivasi baik secara langsung maupun tidak, dalam merancang aplikasi berbasis
website ini, maka dari pada itu penulis mengucapkan terima kasih kepada:
1. Tuhan Yang Maha Esa, atas Berkat dan karuniaNya sehingga penulis dapat
menyelesaikan tugas akhir ini dengan tepat waktu.
2. Orang Tua, Terkhusus penulis ucapkan terima kasih kepada Maragen
Sijabat S.Pddan Riris Sihite S.P.d selaku kedua orang tua penulis, serta

saudara Sangap Tua Henry S.T, Adi Putra Sijabat S.E, Serda.Christofel
Sijabat yang telah banyak memberi doa dan dukungan materi maupun non
materi sehingga tugas akhir ini dapat terselelsaikan serta kasih sayang yang
berlimpah untuk penulis.
3. Bapak Dr. Kerista Sebayang, M.S.iselaku Dekan Fakultas Matematika dan
Ilmu Pengetahuan Alam Universitas Sumatera Utara.
4. Bapak Drs.Open Darnius Damanik, M.Si selaku Pembimbing penulis yang
selalu memberi masukan baik kritik dan saran kepada penulis selama
pembuatan tugas akhir dari awal hingga selesai.
5. Bapak Prof. Dr. Tulus, M.Si selaku Ketua Departemen Fakultas Matematika
dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
6. Ibu Dr. Elly Rosmaini, M.Si selaku Ketua Program Studi D-3 Teknik
Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas
Sumatera Utara.
7. Seluruh dosen pengajar Program Studi D-3 Teknik Informatika Fakultas
Matematika dan Ilmu Pengetahuan Alam Universitas Sumatera Utara.
8. Seluruh Staff/Pegawai Fakultas MIPA Universitas Sumatera Utara khususnya
Program Studi D-3 Teknik Informatika.
9. Buat teman-teman seperjuangan mahasiswa D3 Teknik Informatika yang tidak
dapat saya sebutkan satu per satu. Terima kasih atas dukungannya dalam

membantu menyelesaikan tugas akhir ini.
Basri Sembiring,Firnando Silalahi,Tulus Purba,Lewin Hutasoit,Amron
Togatorop,Castran Manik,Tumona sinaga,Agus Gultom,Linggom Purba
sebagai sahabat terbaik.
10. Spesial Thanks untuk Sammy Surbaktidan Chris Noel.S yang telah
membantu saya dalam pengerjaan program dalam Tugas Akhir ini.

Universitas Sumatera Utara

ABSTRAK

Website adalah salah satu sistem informasi yang dapat dengan mudah diakses melalui
jaringan internet. Dalam perancangan suatu sistem informasi diperlukan data dan
informasi yang akurat agar sistem informasi yang dirancang dapat memenuhi
kebutuhan yang sesuai dengan keinginan pengguna. Pembuatan website ini bertujuan
untuk memudahkan guru, maupun siswa untuk mendapatkan informasi tentang SMP
Swasta HKBP Sipahutar tersebut. Website ini dikembangkan menggunakan bahasa
pemrograman PHP dan MYSQL sebagai databasenya. Untuk itu penulis akan
membahas “Perancangan Sistem Informasi Smp Swasta HKBP Sipahutar Berbasis
Web Menggunakan PHP dan MYSQL”.


Universitas Sumatera Utara

ABSTRACT

Website information system is one that can be easily accessed through the Internet. In
designing an information system necessary data and accurate information so that the
information system designed to meet the needs of the users liking. Making this
website aims to facilitate teachers, and students

to get information about these

Sipahutarswasta HKBP junior high school. This website was developed using PHP
programming language and MySQL as the database. To the authors will discuss
“Perancangan Sistem Informasi Smp Swasta HKBP Sipahutar Berbasis Web
Menggunakan PHP dan MYSQL”.

Universitas Sumatera Utara

DAFTAR ISI


........................................................................................................................... Halaman
Persetujuan ...................................................................................................................... i
Pernyataan...................................................................................................................... ii
Penghargaan .................................................................................................................. iii
Abstrak ......................................................................................................................... iiv
Abstract ...........................................................................................................................v
Daftar Isi ....................................................................................................................... vi
Daftar Tabel ................................................................................................................. vii
Daftar Gambar ............................................................................................................ viii
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 ...................................................................................12
2.3.2 Browser Web ....................................................................................13
2.3.3 Server Web .......................................................................................14
2.3.4Istilah-istilah Umum Yang Harus Diketahui ...................................15
2.4 HTML(Hypertext Markup Language) ........................................................16
2.4.1 Dokumen HTML
2.4.2 Penamaan Dokumen HTML ............................................................16
2.4.3 Elemen dan Tag HTML ...................................................................16
2.5 PHP(Hypertext Preprocessor) ....................................................................20
2.5.1 SejarahPHP ......................................................................................20
2.5.2 PHP/F1 (Personal Home Page) .........................................................20
2.5.3 Kelebihan PHP dariBahasaPemograman Lain .................................21
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................................................................................................


Universitas Sumatera Utara

3.1 PerancanganSistem .....................................................................................29
3.2 Data Flowchart Diagram (DFD) .................................................................30
3.3 Perancangan Database ...............................................................................31
3.4 Flowchart ...................................................................................................35
3.4.1 Flowchart Menu login .......................................................................38
3.4.2 Flowchart guru ..................................................................................39
3.4.3 Flowchart isi nilai
39
3.4.4 Flowchart kelas
40
3.4.5 Flowchart laporan
40
3.4.6 Flowchart mata pelajaran
41
3.4.7 Flowchart siswa
41
Bab 4. Implementasi Sistem .............................................................................................
4.1 Pengertian ..................................................................................................42
4.2 Kebutuhan Sistem .......................................................................................43
4.3Kebutuhan Sistem ........................................................................................44
4.3.1 Perangkat Keras (Hardware) .............................................................44
4.3.2 Perangkat Lunak (Software) .............................................................44
4.3.3 Pengguna (Brainware) ......................................................................45
4.4Tampilan Halaman Website .........................................................................45
Bab 5. Kesimpulan dan Saran ...........................................................................................
5.1 Kesimpulan .................................................................................................53
5.2 Saran ...........................................................................................................54
Daftar Pustaka
Lampiran

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 lambing-lambang flowchart
36

Universitas Sumatera Utara

DAFTAR GAMBAR

Judul ........................................................... Halaman

Nomor
Gambar

2.1

Dokumen HTML ditampilkan dibrowser Internet Explorer .................19

2.2

Tampilan Macromedia Dreamweaver 8 ...............................................27

3.4.1

Tampilan flowchart Menu Login ..........................................................38

3.4.2

Tampilan flowchart Guru .....................................................................39

3.4.3

Tampilan flowchart isi nilai ..................................................................39

3.4.4

Tampilan flowchart kelas ....................................................................40

3.4.5

Tampilan flowchart laporan ..................................................................40

3.4.6

Tampilan flowchart mata pelajaran ......................................................41

3.4.7

Tampilan flowchart siswa .....................................................................41

4.1

Tampilan halamanhome sekolah

45

4.2

Tampilan visi dan misi sekolah ........................................................................46
4.3

Tampilan tujuan sekolah .......................................................................46

4.4

Tampilan tambah dan menampilkan data guru .....................................47

4.5

Tampilan tambah dan menampilkan data siswa ...................................47

4.6

Tampilan tambah dan menampilkan data mata pelajaran.....................48

4.7

Tampilan tambah dan menampilkan data kelas ....................................48

4.8

Tampilan monitoring system

49

4.9

Halaman tampilan nilai siswa

49

4.10

Tampilan nilai siswa per kelas

50

4.11

Tampilan input nilai siswa oleh guru

50

4.12

Tampilan halaman login guru

51

4.13

Tampilan halaman login siswa

52

Universitas Sumatera Utara