perancangan sistem informasi pendaftaran siswa baru ...eprints.umm.ac.id/43129/1/pendahuluan.pdf ·...

14
PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS ONLINE DI SMK WIDYA DHARMA TUREN TUGAS AKHIR Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Ahli Madya Teknik Komputer Jaringan Universitas Muhammadiyah Malang Zainur Roziqin 201310150511015 JURUSAN TEKNIK ELEKTRO FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2018

Upload: others

Post on 30-Oct-2020

13 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU ...eprints.umm.ac.id/43129/1/PENDAHULUAN.pdf · PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS ONLINE DI SMK WIDYA

PERANCANGAN SISTEM INFORMASI PENDAFTARAN

SISWA BARU BERBASIS ONLINE DI SMK WIDYA

DHARMA TUREN

TUGAS AKHIR

Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Ahli Madya

Teknik Komputer Jaringan Universitas Muhammadiyah Malang

Zainur Roziqin

201310150511015

JURUSAN TEKNIK ELEKTRO

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2018

Page 2: PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU ...eprints.umm.ac.id/43129/1/PENDAHULUAN.pdf · PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS ONLINE DI SMK WIDYA

ii

Page 3: PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU ...eprints.umm.ac.id/43129/1/PENDAHULUAN.pdf · PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS ONLINE DI SMK WIDYA

iii

Page 4: PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU ...eprints.umm.ac.id/43129/1/PENDAHULUAN.pdf · PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS ONLINE DI SMK WIDYA

iv

Page 5: PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU ...eprints.umm.ac.id/43129/1/PENDAHULUAN.pdf · PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS ONLINE DI SMK WIDYA

v

ABSTRAK

Sistem informasi penerimaan peserta didik baru merupakan sistem yang memberikan

layanan informasi berupa informasi persyaratan dan pengisian form pendaftaran peserta didik

baru secara online. Dalam hal ini SMK Widya Dharma dijadikan sebagai tempat studi kasus,

karena di sekolah tersebut belum ada suatu sistem informasi penerimaan peserta didik baru

yang dilakukan secara online yang dapat diakses dimanapun dan kapanpun. Pengolahan data

yang masih manual seringkali mempersulit dalam pelaksanaan penerimaan peserta didik

baru. Tujuan perancangan ini adalah untuk memberikan kemudahan pada saat proses

penerimaan peserta didik baru. Dengan adanya proses sistem pendaftaran secara online, maka

diharapkan proses pendaftaran siswa baru akan semakin efektif dan efisien

Kata Kunci : sistem informasi penerimaan Siswa Baru online,database

Page 6: PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU ...eprints.umm.ac.id/43129/1/PENDAHULUAN.pdf · PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS ONLINE DI SMK WIDYA

vi

ABSTRACT

System information acceptance of new learners is a system that provides information services

in the form of information requirements and filling in the registration form of new learners

online. In this case SMK Widya Dharma serve as a case study, because in the school there is

no new information system acceptance of students who are made online that can be accessed

anywhere and anytime. Manual data processing is often complicated in the implementation of

the acceptance of new learners. The purpose of this design is to provide convenience during

the process of admission of new learners. With the online registration system process, it is

expected that the new student registration process will be more effective and efficient

Keywords: new student acceptance information system online,database

Page 7: PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU ...eprints.umm.ac.id/43129/1/PENDAHULUAN.pdf · PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS ONLINE DI SMK WIDYA

vii

Page 8: PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU ...eprints.umm.ac.id/43129/1/PENDAHULUAN.pdf · PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS ONLINE DI SMK WIDYA

viii

Page 9: PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU ...eprints.umm.ac.id/43129/1/PENDAHULUAN.pdf · PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS ONLINE DI SMK WIDYA

ix

DAFTAR ISI

LEMBAR JUDUL ......................................................................................... i

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

LEMBAR PENGESAHAN .......................................................................... iii

LEMBAR PERNYATAAN .......................................................................... iv

ABSTRAK ................................................................................................ .... v

ABSTRACT ................................................................................................... vi

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

DAFTAR ISI ................................................................................................. ix

DAFTAR GAMBAR .................................................................................... xi

DAFTAR TABEL ......................................................................................... xiii

BAB I PENDAHULUAN ............................................................................. 1

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

1.2 Rumusan Masalah .................................................................................... 3

1.3 Tujuan Penelitian .................................................................................... 3

1.4 Manfaat Penelitian ................................................................................... 3

1.5 Batasan Masalah ..................................................................................... 4

1.6 Sistematika Penulisan Tugas Akhir ........................................................ 4

BAB II LANDASAN TEORI ...................................................................... 6

2.1 Sistem...................................................................................................... 6

2.2 Informasi ................................................................................................. 6

2.3 Sistem Informasi ..................................................................................... 7

2.4 Web Server ............................................................................................. 8

2.5 XAMPP ................................................................................................... 8

2.6 MySQL ................................................................................................... 8

2.7 PHPMyadmin.......................................................................................... 8

2.8 Basis Data ............................................................................................... 9

2.9 PHP ......................................................................................................... 10

Page 10: PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU ...eprints.umm.ac.id/43129/1/PENDAHULUAN.pdf · PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS ONLINE DI SMK WIDYA

x

BAB III ANALISA DAN PERENCANGAN SISTEM ............................. 11

3.1 Analisa Sistem ........................................................................................ 11

3.2 Analisa Masalah ....................................................................................... 11

3.3 Deskripsi Sistem ..................................................................................... 12

3.4 Analisa Tugas........................................................................................... 13

3.5 Entity Relationship Diagram (ERD) ........................................................ 16

3.6 Use case .................................................................................. .............. . 17

3.6.1 Flowchart Diagram Siswa .................................................... .............. . 17

3.6.2 Flowchart Diagram Admin .................................................. .............. . 18

3.7. Use case ................................................................................ .............. . 19

3.8 Activity Diagram ................................................................................... 21

3.8.1 Rancangan Activity Diagram Admin.................................................... 21

3.8.2 Rancangan Activity Diagram Siswa ..................................................... 22

3.9 Perancangan Interface ............................................................................ 21

BAB IV IMPLEMENTASI DAN PENGUJIAN ....................................... 24

4.1 Instalasi dan Konfigurasi Program . ......................................................... 24

4.1.1 Server Web . .................................................................................. 24

4.1.2 Server Database . ........................................................................... 25

4.1.3 Instalasi Program . ......................................................................... 25

4.1.4 Konfigurasi Program . ................................................................... 25

4.1.5 Prinsip Umum Modul dan Data..................................................... 26

4.2 Implementasi Sistem Informasi Penerimaan Siswa Baru ........................ 27

4.2.1 Pengaturan Database . ................................................................... 27

4.2.2 Mengakses Sistem Informasi Penerimaan Siswa Baru. ................ 30

4.2.3 Implementasi Sistem ..................................................................... 31

4.3 Pengujian Sistem . .................................................................................... 38

4.3.1 Pengujian Pengisian Form Pendaftaran ......................................... 38

Page 11: PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU ...eprints.umm.ac.id/43129/1/PENDAHULUAN.pdf · PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS ONLINE DI SMK WIDYA

xi

4.3.2 Pengujian Login Admin . .............................................................. 41

4.3.3 Pengujian Data Siswa . .................................................................. 43

4.3.4 Pengujian Data PPDB . ................................................................. 44

4.3.5 Pengujian Data Jenis Pendaftaran . ............................................... 45

4.3.6 Pengujian Data Jurusan . ............................................................... 46

4.3.7 Pengajuan Penampilan Pengumuman Seleksi ............................... 48

BAB V PENUTUP ....................................................................................... 50

5.1. Kesimpulan ............................................................................................ 50

5.2. Saran ...................................................................................................... 50

DAFTAR PUSTAKA .................................................................................. 51

LAMPIRAN 1 .............................................................................................. 52

DAFTAR GAMBAR

Gambar 3.1 Entity Relationship Diagram Pada Sistem Informasi ................. 16

Gambar 3.2 Flowchart Diagram Siswa ............................................................ 17

Gambar 3.3 Flowchart Diagram Admin .......................................................... 18

Gambar 3.4 Diagram Use Case Sistem ............................................................ 19

Gambar 3.5 Perancangan Aktivitas Diagram Admin ...................................... 21

Gambar 3.6 Perancangan Aktivitas Diagram Siswa ........................................ 22

Gambar 3.7 Halaman Utama Pendaftaran ....................................................... 23

Gambar 3.8 Halaman Administrator ................................................................ 23

Gambar 4.1 Login CPANEL............................................................................ 27

Gambar 4.2 Menambah Database .................................................................... 28

Gambar 4.3 Menambah User Database ........................................................... 28

Gambar 4.4 Menambah User Ke Database ...................................................... 29

Gambar 4.5 Upload Database Pada PHPMyadmin .......................................... 29

Gambar 4.6 Pengaturan Hak Akses Database Config_inc.php ........................ 30

Gambar 4.7 Halaman Home ............................................................................ 30

Gambar 4.8 Halaman Home Sistem ................................................................. 31

Page 12: PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU ...eprints.umm.ac.id/43129/1/PENDAHULUAN.pdf · PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS ONLINE DI SMK WIDYA

xii

Gambar 4.9 Halaman Syarat dan Informasi Sistem ......................................... 31

Gambar 4.10 Halaman Pendaftaran Sistem .................................................... 32

Gambar 4.11 Halaman Pengumuman Seleksi Sistem ..................................... 32

Gambar 4.12 Halaman Login Admin .............................................................. 33

Gambar 4.13 Halaman Home Admin .............................................................. 34

Gambar 4.14 Halaman Data Siswa Admin ...................................................... 34

Gambar 4.15 Halaman Data PPDB Admin...................................................... 35

Gambar 4.16 Halaman Tambah Data PPDB ................................................... 35

Gambar 4.17 Halaman Data Jenis Pendaftaran Admin ................................... 36

Gambar 4.18 Halaman Tambah Data Jenis Pendaftaran Admin ..................... 36

Gambar 4.19 Halaman Data Jurusan Admin ................................................... 37

Gambar 4.20 Halaman Tambah Data Jurusan Admin ..................................... 37

Gambar 4.21 Pengujian Pengisian Form Dengan Data Normal ...................... 38

Gambar 4.22 Pengujian Data Inputan Kosong ............................................... 39

Gambar 4.23 Pengujian Data Berkas Tidak Sesuai Extensi yang dianjurkan 39

Gambar 4.24 Pengujian Login Dengan Data Normal ...................................... 41

Gambar 4.25 Pengujian Login Dengan Data Tidak Normal ............................ 42

Gambar 4.26 Pengujian Data Siswa ................................................................ 43

Gambar 4.27 Pengujian Data PPDB ................................................................ 44

Gambar 4.28 Pengujian Data Jenis Pendaftaran ............................................. 45

Gambar 4.29 Pengujian Data Jurusan .............................................................. 47

Gambar 4.30 Pengujian Pengumuman Seleksi ................................................ 48

Gambar 4.31 Pengumuman Seleksi Belum Ditampilkan ................................ 48

Gambar 4.32 Pengumuman Seleksi Sudah Ditampilkan ................................ 49

DAFTAR TABEL

Page 13: PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU ...eprints.umm.ac.id/43129/1/PENDAHULUAN.pdf · PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS ONLINE DI SMK WIDYA

xiii

Tabel 4.1 Pengujian Form Pendaftaran ........................................................... 40

Tabel 4.2 Pengujian Login ............................................................................... 42

Tabel 4.3 Pengujian Data Siswa ...................................................................... 43

Tabel 4.4 Pengujian Data PPDB ...................................................................... 44

Tabel 4.5 Pengujian Data Jenis Pendaftaran ................................................... 46

Tabel 4.6 Pengujian Data Jurusan ................................................................... 47

Tabel 4.7 Pengujian Pengumuman Seleksi ...................................................... 49

Page 14: PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU ...eprints.umm.ac.id/43129/1/PENDAHULUAN.pdf · PERANCANGAN SISTEM INFORMASI PENDAFTARAN SISWA BARU BERBASIS ONLINE DI SMK WIDYA

DAFTAR PUSTAKA

A. Anhar, Panduan Menguasai PHP & MySQL Secara Otodidak. Jakarta: Mediakita, 2010.

A. F. K. Sibero, Kitab Suci Web Programing. Yogyakarta: Mediakom.

B. Bodnar, Sistem Informasi Akuntansi. Jakarta: Salemba Empat, 2000.

F. Fathansyah, Basis Data. Bandung: Informatika, 2012.

G. M. Scott, Prinsip-prinsip sistem informasi manajemen. Jakarta: Raja Grafindo Persada, 2002.

H. M. Jogiyanto, Pengenalan komputer : dasar ilmu komputer, pemrograman, sistem

informasi dan inteligensi buatan. Yogyakarta: Andi Offset, 1 999.

L. Sidharta, Pengantar Sistem Informasi Bisnis. Jakarta: PT. Elex Media Komputiondo, 1995.

M. R. Arief, Pemrograman Web Dinamis Menggunakan PHP dan MySQL. Yogyakarta: Andi,

2011.

R. Kurniawan, Membangun Situs dengan PHP untuk Orang Awam. Palembang:

Maxsikom, 2008.

R. McLeod and G. P. Schell, Sistem informasi manajemen, Jilid 2. Jakarta: Prenhallindo, 2001.

S. Supardi, Metodologi Penelitian Ekonomi dan Bisnis. Yogyakarta: UII Press, 2005.

T. D. Muhyuzir, Analisa Perancangan Sistem Pengolahan Data. Jakarta: PT. Elex Media

Komputiondo.

T. Rochim, Sistem Informasi. Bandung: ITB, 2002.

T. Sutabri, Sistem Informasi Manajemen. Yogyakarta: Andi, 2005.

Y. Wicaksono, Membangun Bisnis Online dg Mambo++ CD. Jakarta: PT. Elex Media

Komputiondo, 2008.