SISTEM INFORMASI SEKOLAH DAN ... - eprints.ums.ac.ideprints.ums.ac.id/42221/16/Halaman...

13
SISTEM INFORMASI SEKOLAH DAN PENDAFTARAN SISWA BARU BERBASIS WEB PADA SMA N 1 BATURETNO SKRIPSI Disusun sebagai salah satu syarat menyelesaikan Jenjang Studi Strata 1 pada Program Studi Informatika Fakultas Komunikasi dan Informatika Universitas Muhammadiyah Surakarta Diajukan oleh : FISA IRIANA PADWA L200070084 PROGRAM STUDI INFORMATIKA FAKULTAS KOMUNIKASI DAN INFORMATIKA UNIVERSITAS MUHAMMADIYAH SURAKARTA 2016

Transcript of SISTEM INFORMASI SEKOLAH DAN ... - eprints.ums.ac.ideprints.ums.ac.id/42221/16/Halaman...

Page 1: SISTEM INFORMASI SEKOLAH DAN ... - eprints.ums.ac.ideprints.ums.ac.id/42221/16/Halaman Depan.pdfpenyusunan laporan skripsi dengan judul “Sistem Informasi Sekolah dan ... Pengertian

SISTEM INFORMASI SEKOLAH DAN PENDAFTARAN SISWA BARU

BERBASIS WEB PADA SMA N 1 BATURETNO

SKRIPSI

Disusun sebagai salah satu syarat menyelesaikan Jenjang Studi Strata 1

pada Program Studi Informatika Fakultas Komunikasi dan Informatika

Universitas Muhammadiyah Surakarta

Diajukan oleh :

FISA IRIANA PADWA

L200070084

PROGRAM STUDI INFORMATIKA

FAKULTAS KOMUNIKASI DAN INFORMATIKA

UNIVERSITAS MUHAMMADIYAH SURAKARTA

2016

Page 2: SISTEM INFORMASI SEKOLAH DAN ... - eprints.ums.ac.ideprints.ums.ac.id/42221/16/Halaman Depan.pdfpenyusunan laporan skripsi dengan judul “Sistem Informasi Sekolah dan ... Pengertian

ii

Page 3: SISTEM INFORMASI SEKOLAH DAN ... - eprints.ums.ac.ideprints.ums.ac.id/42221/16/Halaman Depan.pdfpenyusunan laporan skripsi dengan judul “Sistem Informasi Sekolah dan ... Pengertian

iii

Page 4: SISTEM INFORMASI SEKOLAH DAN ... - eprints.ums.ac.ideprints.ums.ac.id/42221/16/Halaman Depan.pdfpenyusunan laporan skripsi dengan judul “Sistem Informasi Sekolah dan ... Pengertian

iv

Page 5: SISTEM INFORMASI SEKOLAH DAN ... - eprints.ums.ac.ideprints.ums.ac.id/42221/16/Halaman Depan.pdfpenyusunan laporan skripsi dengan judul “Sistem Informasi Sekolah dan ... Pengertian

v

HALAMAN MOTTO

” Menunda-nunda hanya membuat tenang sesaat, pada akhirnya yang

muncul adalah kesibukan dan buru-buru ”

-penulis-

” Melakukan sesuatu dengan keyakinan penuh, jika ragu sebaiknya tidak

sama sekali ”

-penulis-

” Bahwa tiada yang orang dapatkan, kecuali yang ia usahakan. dan bahwa

usahanya akan kelihatan nantinya ”

(Q.S. An Najm ayat 39-40)

Page 6: SISTEM INFORMASI SEKOLAH DAN ... - eprints.ums.ac.ideprints.ums.ac.id/42221/16/Halaman Depan.pdfpenyusunan laporan skripsi dengan judul “Sistem Informasi Sekolah dan ... Pengertian

vi

HALAMAN PERSEMBAHAN

1. Untuk Allah SWT atas segala KeridhoaanNya.

2. Untuk keluarga, Ibu dan adik-adikku tercinta yang selalu memberikan

dukungan.

3. Untuk keluarga besar Bapak Purnomo yang telah memberikan

kesempatan dan kepercayaannya.

4. Untuk Lilis Nur Hayati sekeluarga yang telah memberikan semangat,

dukungan dan kepercaayaan.

5. Untuk teman-teman Teknik Informatika yang telah bersedia berbagi ilmu

dan pengalaman.

6. Semua pihak yang tidak dapat disebutkan satu-persatu yang membantu

dalam penyusunan skripsi hingga selesai.

Page 7: SISTEM INFORMASI SEKOLAH DAN ... - eprints.ums.ac.ideprints.ums.ac.id/42221/16/Halaman Depan.pdfpenyusunan laporan skripsi dengan judul “Sistem Informasi Sekolah dan ... Pengertian

vii

KATA PENGANTAR

Puji syukur Alhamdulillah penulis ucapkan kepada Allah atas selesainya

penyusunan laporan skripsi dengan judul “Sistem Informasi Sekolah dan

Pendaftaran Siswa Baru Berbasis Web pada SMA N 1 Baturetno”.Penulis juga

mengucapkan terimakasih kepada berbagai pihak terkait yang ikut membantu

penyelesaian laporan skripsi ini,yaitu kepada:

1. Bapak Husni Thamrin, S.T, M.T., Ph.D. selaku Dekan Fakultas Komunikasi

dan Informatika.

2. Bapak Heru Supriyono, S.t.,M,Sc., Ph.D. selaku ketua jurusna Teknik

Informatika.

3. Bapak Yusuf Sulistyo N., ST., M.Eng. selaku Dosen pembimbing yang telah

bersedia menjadi pembimbing dan memberikan arahan sampai

terselesaikannya penyusunan laporan skripsi ini.

4. Segenap dosen penguji dan pembimbing yang telah meberikan saran dan

masukan.

5. Segenap dosen pengampu mata kuliah pada Program Studi Teknik

Informatika.

6. Teman-teman Program Studi Teknik Informatika khususnya angkatan 2007

yang telah berbagi waktu belajar bersama.

Semoga Allah selalu memberikan balasan atas kebaikan yang telah

mereka berikan. Semoga skripsi ini berguna bagi semua pihak khususnya penulis

sendiri serta pembaca.

Surakarta, 26 Januari 2016

Penulis

Fisa Iriana Padwa

Page 8: SISTEM INFORMASI SEKOLAH DAN ... - eprints.ums.ac.ideprints.ums.ac.id/42221/16/Halaman Depan.pdfpenyusunan laporan skripsi dengan judul “Sistem Informasi Sekolah dan ... Pengertian

viii

DAFTAR ISI

HALAMAN JUDUL……………………………………………............. i

LEMBAR PERSETUJUAN ……………………………………………. ii

HALAMAN PENGESAHAN …………………………………………. iii

HALAMAN KONTRIBUSI ……………………………………………. iv

HALAMAN MOTTO …………………………………………………… v

HALAMAN PERSEMBAHAN ………………………………………... vi

KATA PENGANTAR ………………………………………………….. vii

DAFTAR ISI ……………………………………………………………. viii

DAFTAR GAMBAR ……………………………………………………. x

DAFTAR SINGKATAN ………………………………………………... xi

ABSTRAKSI ……………………………………………………………. xii

BAB I PENDAHULUAN

1.1. Latar Belakang ………………………………………. 1

1.2. Rumusan Masalah ………………………………….... 1

1.3. Batasan Masalah …………………………………...... 2

1.4. Tujuan Penelitian ……………………………………. 2

1.5. Manfaat Penelitian …………………………………... 2

1.6. Sistematika Penulisan ……………………………….. 3

BAB II TINJAUAN PUSTAKA

2.1. Telaah Penelitian …………………………………… 4

2.2. Landasan Teori …………………………………….... 6

2.2.1. Pengertian Sistem Informasi …………….... 6

2.2.2. Pengertian Sistem Informasi Pendaftaran ... 6

2.2.3. Pengertian PHP …………………............... 6

2.2.4. Pengertian MySQL ………………….......... 7

2.2.5. Pengertian Web …………………................ 7

BAB III METODOLOGI PENELITIAN

3.1. Waktu Dan Tempat ………………………………... 8

3.2. Perangkat yang Diperlukan ………………………... 8

3.3. Pengumpulan Data ……………………………........ 8

Page 9: SISTEM INFORMASI SEKOLAH DAN ... - eprints.ums.ac.ideprints.ums.ac.id/42221/16/Halaman Depan.pdfpenyusunan laporan skripsi dengan judul “Sistem Informasi Sekolah dan ... Pengertian

ix

3.4. Metode Pengembangan Sistem ……………….......... 8

3.5. Analisa Sistem yang berjalan ………………………. 9

1.6. Desain sistem ………………………….…………… 10

1.6.1. Diagram Konteks …………….………….. 10

1.6.2. Data Flow Diagram …………….……….. 10

1.6.3. Desain Database …………….…………… 11

1.6.4. Desain Antar muka …………….………… 13

BAB IV HASIL DAN PEMBAHASAN

4.1. Tampilan Halaman Utama …………………………... 15

4.2. Tampilan Form Pendaftaran ………………………… 20

4.3. Tampilan Halaman Login Administrator .................... 21

4.4. Tampilan Halaman Home Administrator .................... 23

4.5. Tampilan Menu Input Informasi PPDB ....................... 24

4.6. Tampilan Data Pendaftar ………………………….... 26

4.7. Tampilan menu hasil tes …………………………..... 29

BAB V PENUTUP

5.1. Kesimpulan ………………………………………..…. 31

5.2. Saran …………………………………………………. 31

DAFTAR PUSTAKA ………………………………………………...….. 32

LAMPIRAN ………………………………………………………….….... 33

Page 10: SISTEM INFORMASI SEKOLAH DAN ... - eprints.ums.ac.ideprints.ums.ac.id/42221/16/Halaman Depan.pdfpenyusunan laporan skripsi dengan judul “Sistem Informasi Sekolah dan ... Pengertian

x

DAFTAR GAMBAR

Gambar 3.1 Metode Traditional System Development Methodology.. 9

Gambar 3.2 Diagram Konteks yang diusulkan ………………………. 10

Gambar 3.3 Diagram Level1 .....……………………………………….. 11

Gambar 3.4 Tabel info …………………………………………………………... 12

Gambar 3.5 Tabel Pendaftaran ……………………………………………..... 12

Gambar 3.6 Tabel hasil_tes ………………………………………....................... 12

Gambar 3.7 Tabel daya_tampung ……………………………………….......... 13

Gambar 3.8 Relasi data tabel ………………………………………................ 13

Gambar 3.9 Form pendaftaran ………………………………………................ 13

Gambar 3.10 Desain cetak bukti pendaftaran …………………………....... 14

Gambar 4.1 Tampilan halaman utama ………………....……….......... 16

Gambar 4.2 Script tag body pada template.php .................................... 17

Gambar 4.3 Tampilan form pendaftaran …………………………...... 18

Gambar 4.4 Script aksi_pendaftaran.php …………………………...... 19

Gambar 4.5 Pendaftaran Sukses ………………………….................... 20

Gambar 4.6 Tampilan Bukti Pendaftaran …………………………… 20

Gambar 4.7 Script bukti_pendaftaran.php …………………………... 21

Gambar 4.8 Tampilan Halaman Login Administrator ……………….. 22

Gambar 4.9 Script cek_login.php ……………………………………. 22

Gambar 4.10 Tampilan Halaman Dashboard Adminstrator ………… 23

Gambar 4.11 Script isi.php ………………………………………….. 24

Gambar 4.12 Tampilan menu input informasi PPDB ………………. 25

Gambar 4.13 Script info.php …………………………….................... 25

Gambar 4.14 Tampilan data pendaftar ………………………............ 26

Gambar 4.15 Edit calon siswa ……………………………………..... 27

Gambar 4.16 Tampilan Edit calon siswa …………………………… 28

Gambar 4.17 Script update calon siswa ……………………………. 29

Page 11: SISTEM INFORMASI SEKOLAH DAN ... - eprints.ums.ac.ideprints.ums.ac.id/42221/16/Halaman Depan.pdfpenyusunan laporan skripsi dengan judul “Sistem Informasi Sekolah dan ... Pengertian

xi

Gambar 4.18 Tampilan menu hasil tes ……………………………... 30

Gambar 4.19 Script hasil_tes.php ……………………………............ 30

DAFTAR SINGKATAN

ANS : American National Standards

CSS : Cascading Style Shet

DBMS : Database Management System

DFD : Data Flow Diagram

ERD : Entity Relationship Diagram

GPL : GNU Public Lisence

GUI : Graphic User Interface

HTML : HyperText Markup Language

OOP : Object Orinted Program

OS : Operating System

PHP : Hypertext Prepocessor

RDBMS : Relational Database Management System

UI : User Interface

WAP : Wireless Application Protocol

WWW : World Wide Web

Page 12: SISTEM INFORMASI SEKOLAH DAN ... - eprints.ums.ac.ideprints.ums.ac.id/42221/16/Halaman Depan.pdfpenyusunan laporan skripsi dengan judul “Sistem Informasi Sekolah dan ... Pengertian

xii

ABSTRAKSI

Perkembangan teknologi yang semakin pesat memberikan efektivitas

dalam kehidupan yang baik bagi manusia. Dengan berkembangnya teknologi

komputer, smartphone, dan internet masyarakat dapat mengetahui informasi dari

belahan dunia manapun tanpa terhalang oleh jarak waktu dan tempat. Dengan

pertimbangan tersebut diperlukan suatu sistem untuk mewadahi akses informasi

sekolah dan proses pendaftaran bagi calon siswa atau orang tua wali. Hal tersebut

menjadi perhatian penting bagi SMA N 1 Baturetno dan harapan bagi orag tua

wali atau calon siswa agar dapat mempermudah sebagian atau keseluruhan proses

pertimbangan dalam pendaftaran kesekolah.

Berdasarkan latar belakang tersebut penulis membuat Sistem Informasi

Sekolah dan Pendaftaran Siswa Baru Berbasis Web pada SMA N 1 Baturetno

yang mudah diakses. Membuat tampilan website yang lebih mudah dan nyaman

digunakan pada perangkat browser dan teknologi yang ada pada saat ini, seperti

Tab, Smartphone. Bahasa pemrograman yang digunakan adalah PHP database

MySQL pada XAMPP, editor Notepad++ serta ajax dan Jquery.

Keyword: Sistem Informasi Sekolah dan Pendaftaran Siswa Baru, Web

Page 13: SISTEM INFORMASI SEKOLAH DAN ... - eprints.ums.ac.ideprints.ums.ac.id/42221/16/Halaman Depan.pdfpenyusunan laporan skripsi dengan judul “Sistem Informasi Sekolah dan ... Pengertian

xiii

ABSTRACT

The development of increasingly rapid technological provides

effectiveness in the good life for humans. With the development of computer

technology, smartphones, and Internet public can find information from

anywhere in the world without being obstructed by the distance of time and

place. With these considerations needed a system to facilitate access to school

information and registration process for prospective students or parents guardian.

This is an important concern for SMA N 1 Baturetno and hope for parents or

guardians of prospective students in order to facilitate the partial or total

consideration in the process of registration to school.

Based on this background, the author makes the School of Information

Systems and New Student Registration Web Based on SMA N 1 Baturetno easily

accessible. Create websites easier and more convenient to use on the device

browser and technologies that exist today, such as Tab, Smartphone. The

programming language used is PHP MySQL database on XAMPP, editor

Notepad ++ and Ajax and Jquery.

Keyword: School of Information Systems and New Student Registration, Web