PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN...

61
perpustakaan.uns.ac.id digilib.uns.ac.id commit to user i PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB DAN SMS GATEWAY DI SMK BATIK 2 SURAKARTA Diajukan Untuk Memenuhi Sebagian Persyaratan Memperoleh Gelar Ahli Madya Program Diploma III Teknik Informatika Diajukan Oleh : AZIMAH AINUR HIDAYATI NIM. M3209015 PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKUTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2012

Transcript of PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN...

Page 1: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

i

PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA BARU

BERBASIS WEB DAN SMS GATEWAY DI SMK BATIK 2 SURAKARTA

Diajukan Untuk Memenuhi Sebagian Persyaratan Memperoleh Gelar Ahli Madya

Program Diploma III Teknik Informatika

Diajukan Oleh :

AZIMAH AINUR HIDAYATI

NIM. M3209015

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKUTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2012

Page 2: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ii

HALAMAN PERSETUJUAN

PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA BARU

BERBASIS WEB DAN SMS GATEWAY DI SMK BATIK 2 SURAKARTA

Disusun Oleh

AZIMAH AINUR HIDAYATI

NIM. M3209015

Tugas Akhir ini telah disetujui untuk dipertahankan

di hadapan dewan peguji

pada tanggal ___________

Pembimbing Utama,

Drs. Y.S. Palgunadi, M.Sc.

NIP : 19560407 198303 1 004

Page 3: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iii

HALAMAN PENGESAHAN

PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA BARU

BERBASIS WEB DAN SMS GATEWAY DI SMK BATIK 2 SURAKARTA

Disusun Oleh :

AZIMAH AINUR HIDAYATI

NIM. M3209015

Dibimbing oleh

Pembimbing Utama

Drs. Y.S. Palgunadi, M.Sc.

NIP : 19560407 198303 1 004

Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir

Program Diploma III Teknik Informatika

Pada hari Selasa tanggal 10 Juli 2012

Dewan Penguji :

1. Drs. Y.S. Palgunadi, M.Sc. ( )

NIP.19560407 198303 1 004

2. Nanang Maulana Y, S. Si ( )

NIDN. 0614078103

3. Sahirul Alim Tri Bawono, S.Kom ( )

Disahkan oleh :

Dekan

Fakultas MIPA UNS

Prof. Ir. Ari Handono Ramelan.,M.Sc.(Hons) Ph.D

NIP. 19600809 198612 1 001

Ketua Program Studi

DIII Ilmu Komputer UNS

Drs. YS. Palgunadi, M.Sc

NIP. 19560407 198303 1 004

Page 4: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

iv

MOTTO

Ketika masalah menghampiri hidupmu tanpa kenal lelah, berserahlah

kepada-Nya. Tuhan mendengarkan doamu, bahkan yang tak

terucapkan olehmu.

Tak ada kesempurnaan. Yang ada hanyalah kepuasan yang

ditawarkan oleh kehidupan.

Dari cinta, untuk cinta kupersembahkan untuk belahan

jiwa.(Ranida_cinse)

Ketika kehidupan tidak dijalani dengan kesungguhan, maka kamu

akan menjalaninya dengan penuh kelemahan.

Hal terindah dari persahabatan adalah memahami dan dipahami tanpa

pernah memaksa dan ingin menang sendiri.

Page 5: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

v

PERSEMBAHAN

Subhanallah, Alhamdulillah, Allahu Akbar kepada Dzat yang selalu

memberi nikmat pada umatnya. Walaupun sering terlupakan nikmatnya tetapi

hanya kapadaMu lah tempat ku memohon pertolongan.

Dengan penuh rasa syukur karya ini penulis persembahkan kepada :

Kedua Orang Tua tercinta, yang selalu menjadi sumber inspirasi

terbesar dalam hidupku. Semoga segala Rahmat dan kebaikan

selalu tercurah kepada Ayah dan Ibu.

Ervien Rangga Pratama, seorang terkasih yang selalu memberikan

cinta kasih dan semangat dalam hidupku. Terimakasih selalu

menemani langkahku. Dari cinta, untuk cinta kupersembahkan

untuk belahan jiwa (Ranida_cinse).

Adik-adikku tersayang, yang selalu memberi semangat untukku.

Seluruh keluarga besar, ini bukti kesungguhanku dalam belajar.

Sahabatku : Galuh Fitri Setyaningtyas yang senantiasa mambantuku

dalam segala kesulitan.

MATIC ’09 (Mahasiswa Teknik Informatika C), terima kasih atas

kebersamaan dan semangat perjuangan yang kalian berikan

selama ini.

Teman kost Dewi Sejati : Kaka, Oci, Ana, Nopia, Pitra & Tatik terima

kasih sudah menemani hari-hari ku di kos & selalu memberikan

semangat keceriaan.

Almamaterku.

Page 6: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vi

KATA PENGANTAR

Puji syukur penulis panjatkan kehadirat Allah SWT yang telah

melimpahkan rahmat dan hidayahNya, sehingga penulis dapat menyelesaikan

Laporan Tugas Akhir dengan judul “Pembuatan Sistem Informasi Penerimaan

Siswa Baru Berbasis Web dan SMS Gateway di SMK BATIK 2 SURAKARTA”

dengan baik dan lancar.

Adapun maksud dan tujuan dari penyusunan Laporan Tugas Akhir ini

adalah untuk memenuhi persyaratan kelulusan program Diploma III Teknik

Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret Surakarta.

Selama penulisan laporan Tugas Akhir ini berlangsung, penulis mendapat

banyak bantuan yang berupa petunjuk, bimbingan maupun arahan dari berbagai

pihak. Berkenaan dengan hal itu pada kesempatan ini penulis menyampaikan rasa

terima kasih kepada :

1. Tuhan Yang Maha Esa yang selalu memberikan kekuatan untuk

menyelesaikan laporan Tugas Akhir ini.

2. Prof. Drs. Sutarno, M.Sc, Ph.D selaku dekan Fakultas Matematika dan

Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.

3. Drs. Y.S. Palgunadi, M.Sc. selaku kepala Program Diploma III Teknik

Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret Surakarta sekaligus selaku dosen pembimbing tugas akhir,

yang telah memberikan petunjuk dan masukan selama pembuatan tugas

akhir.

4. Ibu Esti Suryani, S. Si, M. Kom selaku dosen pembimbing akademik yang

telah banyak memberi masukan dan bimbingan akademik selama menjadi

mahasiswa DIII Teknik Informatika.

5. Ayah dan ibu tercinta yang telah memberikan dorongan dan dukungan

moral maupun materi serta doa restunya.

6. Teman – temanku Teknik Informatika C 2009 yang banyak membantu

memberikan dukungan serta saran baik secara langsung maupun tidak

langsung.

Page 7: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

vii

7. Semua pihak yang secara langsung maupun tidak langsung telah

membantu penulis.

Dalam Laporan Tugas Akhir ini tentu tidak terlepas dari adanya

kekurangan dan keterbatasan ilmu dan pengetahuan yang dimiliki oleh penulis.

Sehingga diperlukan kritik dan saran yang bersifat membangun. Semoga dengan

dibuatnya laporan ini dapat bermanfaat bagi pihak yang membaca dan

mempelajarinya.

Surakarta, 11 Juni 2012

Penulis

Page 8: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

viii

DAFTAR ISI

Halaman

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

HALAMAN PERSETUJUAN……………………………………………. ii

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

MOTTO…………………………………………………………….……... iv

PERSEMBAHAN……………………………………………………….... v

KATA PENGANTAR…………………………………………………….. vi

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

DAFTAR TABEL……………………………………………………….... xi

DAFTAR GAMBAR……………………………………………………… xii

ABSTRAK……………………………………………………………....... xiv

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

A. Latar Belakang Masalah…………………………………………….... 1

B. Rumusan Masalah.……………………………………………………. 1

C. Batasan Masalah……………………………………………………… 2

D. Tujuan dan Manfaat…….…………………………………………….. 2

E. Metodologi Penelitian………………………………………………… 3

F. Sistematika Penulisan………………………………………………… 3

BAB II LANDASAN TEORI........................................................................ 4

A. Pengertian Sistem.........…………… .……………………………….. . 4

B. Pengertian Informasi............…………………………………………... 4

C. Pengertian Sistem Informasi………………………………………...... 4

D. Pengertian Website.................................................................................. 4

E. Pengertian SMS Gateway........................................................................ 5

F. Diagram Konteks..................................................................................... 5

G. Data Flow Diagram................................................................................. 6

H. Entity Relationship Diagram................................................................... 7

I. Data.......................................................................................................... 8

J. Database.................................................................................................. 8

BAB III DESAIN DAN PERANCANGAN….………………………....... 10

Page 9: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

ix

A. Analisis dan Perancangan Sistem…………………………………… 10

1. Context Diagram.………………………………………………... 10

2. Data Flow Diagram.......................................................................... 11

a. DFD level 1............................................................................... 13

1) DFD Level 1 Proses Pengolahan Content.......................... 13

2) DFD Level 1 Proses Pengolahan Data Pendaftaran........... 14

3) DFD Level 1 Proses Pengolahan Data Tanya Jawab......... 15

4) DFD Level 1 Proses Pendaftaran........................................ 15

3. Entity Relation Diagram ………………………………………… 16

B. Analisis dan Rancangan Database................……..………………...... 17

1. Skema Diagram.......................……………………….………..... 17

2. Rancangan Database...................................................................... 17

a. Tabel Admin…………………………………............……... 17

b. Tabel T_Calonsiswa ……………………............…….…...... 18

c. Tabel T_Wali …………………….……................................. 18

d. Tabel T_Pendaftaran ………………………………….......... 19

e. Tabel T_Info_Pendaftaran …………………………..……... 19

f. Tabel T_Berita ……………………………….…................... 19

g. Tabel T_Sarana……………………………….…................... 20

h. Tabel T_Prestasi …………………………………................. 20

i. Tabel T_Download ……………………….…........................ 21

j. Tabel T_Tanyajawab................................................................ 21

k. Tabel Jurusan ……………………………………………… 22

l. Tabel Wawancara …………………………………………. 22

m. Tabel Jurusan ……………………………………………… 22

C. Perancangan Antar Muka ( Interface ) ………………….....…........ 23

1. Rancangan Halaman Utama………………………….................. 23

2. Rancangan Halaman Admin ……………………………………. 24

3. Rancangan HAlaman Petugas …………………………………... 24

BAB IV IMPLEMENTASI DAN EVALUASI.…………………………. 26

A. Implementasi Program……………………………......……………... 26

1. Halaman Utama..........……………………………………………. 26

Page 10: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

x

2. Halaman Menu Profil ……………………………………………. 27

3. Halaman Menu Pendaftaran ..……………………………............. 28

4. Halaman Form Pendaftaran .……………………………............... 28

5. Halaman Menu Tanya Jawab ………...........…………………....... 31

6. Halaman Pengumuman…………………………………………… 32

7. Halaman Petugas ……………………………………………..….. 33

8. Halaman Admin ………………….………………………………. 34

a. Halaman Menu Manage Content ………….........………….… 34

b. Halaman Menu Data Pendaftaran ………….......................….. 37

c. Halaman Menu Manage SMS ………………………………... 39

d. Halaman Menu Tanya Jawab ………………………………… 42

B. Evaluasi Sistem .................................................................................... 44

BAB V PENUTUP………………………………………………………. 46

A. Kesimpulan………………………………………………………...….. 46

B. Saran………………………………………………………………........ 46

DAFTAR PUSTAKA………………………………………………………. 47

Page 11: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xi

DAFTAR TABEL

Tabel 3.1 Tabel Admin .……………………………………………….….. 17

Tabel 3.2 Tabel T_Calonsiswa ………………………………………….... 18

Tabel 3.3 Tabel T_Wali ...........………………...…………………………. 18

Tabel 3.4 Tabel T_Pendaftaran …………………………………………... 19

Tabel 3.5 Tabel T_Info_Pendaftaran …………………………………….. 19

Tabel 3.6 Tabel T_Berita ..………………………………………………... 20

Tabel 3.7 Tabel T_Sarana ………………………………………………... 20

Tabel 3.8 Tabel T_Prestasi ……………………………………………….. 20

Tabel 3.9 Tabel T_Download ……………………………………….......... 21

Tabel 3.10 Tabel T_Tanyajawab................................................................... 21

Tabel 3.11 Tabel Jurusan ……………………………………………….... 22

Table 3.12 Tabel Wawancara …………………………………………….. 22

Tabel 3.13 Tabel Nilai ……………………………………………………. 23

Page 12: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xii

DAFTAR GAMBAR

Gambar 3.1 Context Diagram Sistem Penerimaan Siswa Baru …………... 11

Gambar 3.2 DFD Level 0 Level 0 Sistem Penerimaan Siswa Baru ……… 12

Gambar 3.3 DFD Level 1 Proses Pengolahan Content ..………..………... 13

Gambar 3.4 DFD Level 1 Proses Pengolahan Data Pendaftaran......…….... 14

Gambar 3.5 DFD Level 1 Proses Pengolahan Data Tanya Jawab ………… 15

Gambar 3.6 DFD Level 1 Proses Pendaftaran .…………………………… 15

Gambar 3.7 Entity Relation Diagram……………………………………… 16

Gambar 3.8 Skema Diagram ................…………………..……………….. 17

Gambar 3.9 Rancangan Halaman Utama...…………………….………….. 23

Gambar 3.10 Rancangan Halaman Admin……. ……………….……….... 24

Gambar 3.11 Rancangan Halaman Petugas……………………………….. 25

Gambar 4.1 Halaman Utama Sistem Informasi Penerimaan Siswa Baru…. 27

Gambar 4.2 Halaman Menu Profil ………………………………............. 28

Gambar 4.3 Halaman Menu Pendaftaran …………………………………. 28

Gambar 4.4 Halaman Form Pendaftaran …………………………………. 29

Gambar 4.5 Halaman Terima Form Pendaftaran……………..................... 30

Gambar 4.7 Halaman Kesalahan Input Pendaftaran.……………….…….. 30

Gambar 4.8 Halaman Tanya Jawab ..........……………………………….. 31

Gambar 4.9 Halaman Kirim Tanya Jawab …………………..................... 32

Gambar 4.10 Halaman Pengumuman ……………………………………. 32

Gambar 4.11 Halaman Petugas …………………………………………… 33

Gambar 4.12 Halaman Wawancara ………………………………………. 33

Gambar 4.13 Halaman Admin …................................................................ 34

Gambar 4.14 Halaman Manage Content …………………………………. 34

Gambar 4.15 Halaman Update Content ………………………………….. 35

Gambar 4.16 Halaman Manage Berita …………………………………… 35

Gambar 4.17 Halaman Tambah Berita …………………………………… 36

Gambar 4.18 Halaman Data Pendaftaran ………………………………… 38

Gambar 4.19 Halaman Validasi Data ……………………………………... 38

Gambar 4.20 Halaman Form Validasi Data ……………………………… 38

Page 13: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xiii

Gambar 4.21 Halaman Cetak Laporan ……………………………………. 39

Gambar 4.22 Halaman Cetak Data Laporan ……………………………… 39

Gambar 4.23 Halaman Manage SMS ……………………………………... 40

Gambar 4.24 Halaman Kotak Masuk …………………………………….. 40

Gambar 4.25 Halaman Kotak Keluar …………………………………….. 41

Gambar 4.26 Halaman Menu Tanya Jawab ……………………………… 42

Gambar 4.27 Halaman Form Jawab Pertanyaan …………………………. 43

Gambar 4.28 Halaman Arsip Tanya Jawab ……………………………… 43

Page 14: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xiv

ABSTRAK

Azimah Ainur Hidayati. M3209015. Pembuatan Sistem Informasi

Penerimaan Siswa Baru Berbasis Website dan SMS Gateway di SMK Batik 2

Surakarta. Program DIII Teknik Informatika, Fakultas Matematika dan Ilmu

Pengetahuan Alam, Universitas Sebelas Maret Surakarta. Juni 2012.

SMK BATIK 2 Surakarta adalah salah satu sekolah tinggi swasta kejuruan

di Surakata. Dalam proses pendaftaran siswa baru di SMK Batik 2 Surakarta

dilakukan secara manual, misalnya pada proses pendaftaran data disimpan manual

hanya di kertas dan pengumuman hasil seleksi hanya diinformasikan melalui

papan pengumuman sekolah. Tujuan dari tugas akhir ini adalah untuk

menciptakan Sistem Informasi Penerimaan Siswa Baru yang dapat memudahkan

calon siswa untuk mendapatkan informasi hasil seleksi melalui SMS (Short

Message Service) di SMK Batik 2 Surakarta.

Metode pengumpulan data dilakukan dengan metode observasi,

wawancara dan studi pustaka. Perancangan sistem dilakukan dengan cara analisis

sistem menggunakan Diagram Konteks (CD), Data Flow Diagram (DFD),

program ini dibuat menggunakan kode dengan bahasa pemrograman PHP.

Database dikelola oleh MySQL.

Dapat disimpulkan bahwa Sistem Informasi Pendaftaran Siswa Baru

Berbasis Web dan SMS Gateway di SMK Batik 2 Surakarta telah dikembangkan

untuk memfasilitasi informasi pendaftaran calon siswa baru di SMK Batik 2

Surakarta. Sistem ini memberikan informasi tentang administrasi sekolah dan

hasil seleksi.

Kata kunci : Penerimaan Siswa Baru, Sistem Informasi, Website, SMS Gateway,

PHP

Page 15: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

xv

ABSTRAK

Azimah Ainur Hidayati. M3209015. New Admission Students Information

System Based on Web and SMS Gateway at SMK Batik 2 Surakarta. D'III

Program Information Engineering, Faculty of Mathematics and Natural Sciences,

University Sebelas Maret Surakarta. Juni 2012.

SMK BATIK 2 Surakarta is one of the private vocational high school in

Surakata In the process of recruitment of the new students enrollment at SMK

Batik 2 Surakarta has been done manualy, for example on the registration process

has been stored manualy only on paper and the announcement of selection results

were only informed by the school administrator in a notice board. The purpose of

this final project is to create a new Admission Student Information System which

can facilitate prospective students to obtain information on the results of selection

by SMS (Short Message Service) at SMK Batik 2 Surakarta.

Data was collected with observation method, interview and literature

study. To develop the new system, it was conducted analysis system by

developing Context Diagram (CD), Data Flow Diagram (DFD), the program was

coded by PHP programming language. The database was managed by MySQL.

It can be concluded that the New Admission Students Information System

Based on Web and SMS Gateway at SMK Batik 2 Surakarta has been developed

to facilitate the information registration for new student candidate at SMK Batik 2

Surakarta. The system can give school administration and the selection results.

Keywords: Admission of New Students enrollment, Information Systems, Web

based system, SMS Gateway, PHP Application

Page 16: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

1

BAB I

PENDAHULUAN

A. Latar Belakang

Penerimaan siswa baru merupakan salah satu proses yang ada di instansi

pendidikan seperti sekolah yang berguna untuk menyaring calon siswa yang

terpilih sesuai kriteria yang ditentukan oleh sekolah tersebut untuk menjadi siswa

didiknya. Pada umumnya proses penerimaan siswa baru dilakukan melalui

tahapan pendaftaran, tes seleksi, dan pengumuman penerimaan siswa. Tahapan

dari proses penerimaan siswa baru ini juga dilakukan oleh sekolah SMK BATIK 2

SURAKARTA. SMK BATIK 2 Surakarta adalah salah satu instansi pendidikan

setara SMA yang khusus mendidik siswa-siswinya dalam menimba ilmu

pengetahuan baik pengetahuan umum maupun ketrampilan khusus yang didapat

sesuai jurusan yang dipilihnya.

Dalam proses penerimaan siswa baru di SMK BATIK 2 Surakarta selama

ini dilakukan secara manual atau tanpa terkomputerisasi, seperti data pendaftaran

peserta hanya disimpan di kertas yang memungkinkan kerusakan dan kehilangan

data tersebut, penghitungan nilai tes secara manual untuk menentukan penerimaan

siswa yang bisa memungkinkan kesalahan perhitungan, serta pengumuman hasil

penerimaan hanya di informasikan melalui papan pengumuman sekolah yang

memungkinkan juga calon siswa berdesakan bahkan tidak dapat mengetahui hasil

pengumumannya dikarenakan tempatnya yang jauh.

Untuk meningkatkan keamanan penyimpanan data, otomatisasi

penghitungan nilai test, serta kemudahan pemberian informasi penerimaan siswa

baru maka diperlukan sebuah sistem informasi penerimaan siswa baru pada SMK

BATIK 2 Surakarta berbasis web dan SMS gateway. Calon siswa dapat

memperoleh pelayanan yang maksimal dalam pemberian informasi sekolah dan

hasil seleksi siswa baru SMK BATIK 2 Surakarta dengan cepat melalui internet

ataupun Short Message Service (SMS) dengan penulisan format tertentu.

Keamanan penyimpanan data lebih terjamin dan pengolahan nilai tes oleh pihak

sekolah dilakukan secara komputerisasi.

Page 17: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

2

Tujuan yang ingin dicapai, dalam proyek akhir ini, membangun sistem

informasi penerimaan siswa baru pada SMK BATIK 2 Surakarta berbasis web,

dan membuat layanan tambahan pada sistem informasi tersebut dengan layanan

SMS gateway yang bersifat broadcast untuk penyampaian informasi penerimaan

siswa baru SMK BATIK 2 Surakarta dengan memakai provider jaringan seluler

yang diintegrasikan ke database.

B. Rumusan Masalah

Rumusan masalah yang didapat dari latar belakang tersebut di atas adalah

“Bagaimana membuat sistem informasi penerimaan siswa baru berbasis web dan

sms gateway di SMK BATIK 2 Surakarta?”

C. Tujuan dan Manfaat

Tujuan yang ingin dicapai adalah membuat suatu sistem informasi

penerimaan siswa baru berbasis web dan sms gateway yang mempunyai fasilitas

dalam penyampaian informasi penerimaan siswa baru.

Manfaat yang di dapat dari pembuatan Tugas Akhir ini yaitu dengan

adanya sistem informasi ini dapat membantu terciptanya kelancaran proses

informasi dari SMK BATIK 2 SURAKARTA kepada calon siswa baru sehingga

dapat meningkatkan efektifiitas penyampaian informasi dan memberikan media

untuk mendapatkan informasi lebih akurat serta lebih cepat seputar penerimaan

siswa baru SMK BATIK 2 Surakarta.

D. Batasan Masalah

Adapun batasan masalah yang diberikan penulis agar dalam pembuatan

aplikasi ini dapat terarah dan tidak menyimpang dari pokok permasalahan yang

akan dibahas adalah :

1. Proses pendaftaran oleh siswa baru

2. Proses validasi pendaftaran sebagai calon siswa oleh admin.

3. Proses pengumuman hasil penerimaan siswa baru oleh admin.

Page 18: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

3

E. Metodologi Penelitian

Penelitian diperlukan sebagai sarana pendukung dalam pembuatan laporan

tugas akhir dengan menggunakan metode studi pustaka yaitu metode pencarian

dan pengumpulan data dengan cara mencari referensi, literatur atau bahan-bahan

teori yang diperlukan dari berbagai sumber wacana. Studi pustaka ini berupa

buku-buku, artikel-artikel dan segala sesuatu yang berhubungan dengan masalah

yang penulis teliti baik hardfile maupun softfile.

F. Sistematika Penulisan

Sistematika dalam laporan tugas akhir ini dapat diuraikan sebagai berikut :

Bab I Pendahuluan berisi tentang latar belakang, perumusan masalah, batasan

masalah, tujuan dan manfaat, metodologi penelitian dan sistematika penulisan.

Bab II Landasan Teori memuat tinjuan pustaka yang digunakan sebagai referensi

dalam pembuatan sistem informasi penerimaan siswa baru. Bab III Desain Dan

Perancangan memuat tentang analisis kebutuhan dan data-data yang diperlukan

dalam perancangan sistem. Bab IV Implementasi Program berisi tentang hasil

implementasi sistem yang disajikan dalam bentuk tabel, grafik, foto, atau bentuk

lain dan ditempatkan sedekat mungkin dengan pembahasan hasil penelitian. Bab

V Penutup memuat kesimpulan dan saran mengenai sistem yang telah dibuat.

Page 19: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

4

BAB II

LANDASAN TEORI

A. Pengertian Sistem Informasi

Sistem informasi merupakan kumpiulan dari perangkat keras dan

perangkat lunak komputer serta perangkat manusia yang akan mengolah data

menggunakan perangkat keras dan lunak tersebut (Kristanto, 2003).

B. Pengertian Website

Website adalah suatu media publikasi elektronik yang terdiri dari

halaman-halaman web (web page) yang terhubung satu dengan yang lainnya yang

dapat diakses melalui HTTP di internet. Halaman WEB pada umumnya dalam

bentuk HTML (Hypertext Markup Language) (Zaki.2007).

C. SMS Gateway

Short Message Service atau yang lebih dikenal orang dengan istilah SMS

merupakan fitur yang digunakan untuk berkirim pesan dalam format teks. SMS ini

dapat dinikmati oleh seluruh pengguna handphone. SMS Gateway adalah suatu

teknologi yang memungkinkan perangkat mobile handphone berinteraksi dengan

komputer dan jaringan komputer melalui SMS. Anda dapat menyebarkan pesan

ke banyak nomor secara otomatis dan cepat yang langsung terhubung dengan

database nomor–nomor dan pesan diponsel Anda, karena semua nomor akan

diambil secara otomatis dari database tersebut.

Selain itu, dengan adanya SMS Gateway, Anda dapat mengelola pesan–

pesan yang ingin dikirim. Dengan menggunakan program tambahan yang dapat

dibuat sendiri, pengirim pesan dapat lebih fleksibel dalam mengirim berita, karena

biasanya pesan yang ingin dikirim berbeda–beda untuk masing–masing

penerimanya.

Page 20: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

5

D. Diagram Konteks

Diagram Konteks atau Context Diagram adalah sebuah diagram sederhana

yang menggambarkan hubungan antara entity luar, masukan dan keluaran dari

system (Kristanto, 2003). Simbol yang digunakan dalam diagram konteks sesuai

dengan teori Yourdan-De Marco ditunjukkan pada Tabel 2.1.

Tabel 2.1 Simbol Komponen Diagram Konteks

Bentuk Komponen Keterangan

Entitas

Sumber atau tujuan dari aliran data dari atau ke

sistem.

Aliran Data

Menggambarkan aliran data dari satu proses ke

proses lainnya.

Proses

Fungsi yang mentransformasikan data secara

umum.

E. Data Flow Diagram (DFD)

Data Flow Diagram atau DFD adalah suatu model logika data atau proses

yang dibuat untuk menggambarkan darimana asal data dan kemana tujuan data

yang keluar dari sistem, dimana data disimpan, proses apa yang menghasilkan

data tersebut dan interaksi antara data yang tersimpan dan proses yang dikenakan

pada data tersebut (Kristanto, 2003). Simbol yang digunakan dalam data flow

diagram ditunjukkan pada Tabel 2.2.

Page 21: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

6

Tabel 2.2 Simbol Komponen Data Flow Diagram

Bentuk Komponen Keterangan

Entitas

Sumber atau tujuan dari aliran data dari atau ke

sistem.

Aliran Data

Menggambarkan aliran data dari satu proses ke

proses lain.

Proses

Fungsi yang mentransformasikan data secara

umum.

Berkas atau tempat penyimpanan

Komponen yang berfungsi untuk menyimpan

data atau file

F. Entity Relationship Diagram

Pada Entity Diagram (ER), gambaran dunia nyata diistilahkan dalam objek

dan relasinya. ER biasanya digunakan untuk mengembangkan inisial dari desain

basis data. Dan menyediakan suatu konsep yang bermanfaat yang dapat

mengubah deskripsi informal dari apa yang diinginkan oleh user menjadi hal yang

lebih detail, presisi, dan deskripsi detail tersebut dapat diimplementasikan

kedalam Database Relationship Model (Kristanto, 2003 ). Simbol yang digunakan

dalam ERD Diagram ditunjukkan pada Tabel 2.3.

Page 22: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

7

Tabel 2.3 Simbol Komponen ERD

Bentuk Komponen Keterangan

Entitas

Menunjukkan suatu objek yang dapat di

identifikasi dalam lingkungan pemakai

Atribut

Properti atau rincian dari entitas

Relasi

penghubung entitas satu dengan entitas yang

lainnya.

Link

Penghubung antara himpunan entitas dengan

atributnya

G. Data

Data adalah representasi fakta dunia nyata yang mewakili suatu objek

seperti manusia (pegawai, siswa, pembeli, pelanggan), barang, hewan, peristiwa,

konsep, keadaan, dan sebagainya, yang direkam dalam bentuk angka, huruf,

symbol,teks, gambar, atau kombinasinya (Fathansyah, 1999).

H. Database

Database adalah kumpulan dari data yang saling berhubungan satu sama

lain yang diorganisasikan berdasarkan sebuah skema tertentu, tersimpan di

hardware dan dengan software untuk melakukan manipulasi untuk kegunaan

tertentu (Irmansyah, 2003).

Page 23: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

8

Hubungan antar data dapat ditunjukan dengan adanya field/coloumn kunci

dari tiap file/table yang ada. Dalam satu file atau table terdapat record-record

yang sejenis, sama besar, sama bentuk, yang merupakan satu kumpulan entitas

yang seragam. Satu record (umumnya digambarkan sebagai baris data) terdiri dari

field yang saling berhubungan menunjukan bahwa field tersebut dalam satu

pengertian yang lengkap dan disimpan dalam satu record.

Database sangat diperlukan dalam sebuah sistem karena data-data yang

terdapat dalam database inilah yang nantinya akan diberikan security sehingga

data-data penting dalam sebuah sistem tidak dapat dicuri dengan mudah.

Page 24: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

10

BAB III

DESAIN DAN PERANCANGAN

A. Analisis Perancangan Sistem

1. Context Diagram

Dapat dilihat pada Gambar 3.1, deskripsi program secara umum dapat

diketahui dengan aliran data pokok yang keluar dan masuk sistem. Terdapat tiga

aktor yang berinteraksi dengan sistem dan masing masing aktor mendapat aliran

data yang berbeda sesuai dengan hak asesnya terhadap sistem.

Pada aplikasi pendaftaran siswa baru berbasis web calon siswa bisa

mendapatkan informasi mengenai sekolah, pendaftaran siswa baru, mengirimkan

pertanyaan mengenai proses pendaftaran, download file yang diperlukan dan

melakukan pendaftaran secara online. Dimana formulir pendaftaran yang telah

diisi dapat langsung dicetak. Calon siswa dapat melihat data calon siswa yang

telah melaukan pendaftaran dan melihat hasil pengumuman secara online.

Admin dapat mengolah data calon siswa dan melakukan validasi calon

siswa. Disini admin dapat melakukan pencarian data calon siswa tertentu

berdasarkan nomor pendaftaran maupun nama calon siswa. Admin juga bertugas

untuk mengelola informasi mengenai sekolah, pendaftaran dan upload file

mengenai pendaftaran dan menjawab pertanyaan yang dikirimkan oleh para calon

siswa. Dari sistem pendaftaran siswa baru, admin dapat mengolah data, calon

siswa, memperoleh laporan mengenai data calon siswa yang mendaftar.

Sedangkan pewawancara memperoleh data wawancara dapat mengolah penilaian

hasil wawancara.

Page 25: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

11

AdminSistem Pendaftaran Siswa

BaruCalon Siswa

Data Pertanyaan

Data Content

Data Jawaban

Data Pertanyaan

Data Calon Siswa

Validasi Data Pendaftar

Data Calon Siswa

Data Content

Data Pendaftaran

Data Wali

Data Wali

Data Pendaftaran

Data Penilaian

Wawancara

Pewawancara

Pengumuman

Penilaian

Penilaian

Gambar 3.1 Context Diagram Sistem Penerimaan Siswa Baru

2. Data Flow Diagram

Data Flow Diagram (DFD) merupakan model yang menggambarkan

sistem sebagai jaringan kerja antar fungsi yang saling berhubungan dengan aliran

dan penyimpanan data atau database. Berikut adalah DFD Level 0 dari sistem

penerimaan siswa baru yang ditunjukkan pada Gambar 3.2

Page 26: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

12

CalonSiswa

Admin

2

Pengolahan

Content

T_admin

T_Pendaftar

an

T_berita

1

LoginUsername & password

T_download

T_tanyajaw

ab

T_Info_Pen

daftaran

Data Tanya Jawab

Data menu

Data berita

Data download

T_saranaData Sarana

3

Pengolahan

Data

Pendaftaran

4

Pengolahan

Data Tanya

Jawab

Data menu

Data Calon Siswa

Data Pendaftaran

Data Sarana

Data Berita

Data Download

Data Tanya Jawab

Data Tanya Jawab

Data Prestasi

T_prestasi

Data Pendaftaran

Username & password

T_CalonSis

wa

Data Calon Siswa

T_Wali

Data Wali

6

DownloadData Download

5

Pendaftaran

Data Calon Siswa

Data Wali

Data Pendaftaran

Data Download

Data Wali

Data Calon Siswa

Data Pendaftaran

Pewawancara

7

WawancaraT_Soal

T_Penilaian8

Penilaian

Pertanyaan Data Soal

Pertanyaan

Hasil wawancara Data Penilaian

Hasil Penilaian

Skor dan Pengumuman

Gambar 3.2 Data Flow Diagram Level 0 Sistem Penerimaan Siswa

Baru

Page 27: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

13

a. DFD Level 1

1) DFD Level 1 Proses Pengolahan Content

DFD level 1 proses pengolahan content dalam aplikasi ini ditunjukkan

pada Gambar 3.3.

2.1

Input Data

Admin

T_Info_Pendaf

taran

T_sarana

T_download

T_berita

T_prestasi

2.2

Edit Data

2.3

Delete Data

Data content

id

id

Data menu

notifikasi

notifikasi

Data download

Data menu

Id_menu

Data sarana

Data prestasi

Data berita

Data Download

Data Sarana

Data prestasi

Data Berita

Id_download

Id_sarana

Id_prestasi

Id_berita

Gambar 3.3 DFD Level 1 Proses Pengolahan Content

Uraian proses :

a) Admin dapat melakukan proses input data pada T_info_pendaftaran,

T_sarana, T_Prestasi, T_berita dan T_download

b) Admin dapat melakukan proses edit content tertentu pada

T_info_pendaftaran, T_sarana, T_Prestasi, T_berita dan T_download

c) Admin dapat melakukan proses hapus content tertentu pada

T_info_pendaftaran, T_sarana, T_Prestasi, T_berita dan T_download

Page 28: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

14

2) DFD Level 1 Proses Pengolahan Data Pendaftaran

DFD level 1 proses pengolahan data pendaftaran dalam aplikasi ini

ditunjukkan pada Gambar 3.4.

Admin

3.1

Validasi data

Calon Siswa

3.3

Edit data

3.2

Search Data

T_PendaftaranId_calonsiswa

notifikasi

3.4

Delete Data

3.5

Cetak Laporan

Id_calonsiswa

Data Pendaftaran

Id_caonsiswa, nama

Hasil Pencarian

Id_calonsiswanotifikasi

Id_calonsiswa

notifikasi

Tahun_ajar

Data Pendaftaran

Data Calon Siswa

Data Wali

T_CalonSiswa

T_Wali

Id_calonsiswa, nama

Id_calonsiswa

Data Calonsiswa

Hasil Pencarian

Id_calonsiswa

DataPendaftaran

Id_calonsiswa

Hasiil Pencarian

Tahun Ajar

Id_calonsiswa

Data Calonsiswa

Data Pendaftaran

Data CalonsiswaData Wali

Id_calonsiswa

Data wali

Gambar 3.4 DFD Level 1 Proses Pengolahan Data Pendaftaran

Uraian proses :

a) Calon Siswa input data calon siswa pada T_CalonSiswa dan T_wali

b) Admin melakukan proses validasi calon siswa pada T_Pendaftaran

c) Admin mengedit data pada T_Calonsiswa, T_Wali dan T_Pendaftaran

d) Admin menghapus data pada T_Calonsiswa, T_Wali, T_Pendaftaran

3) DFD Level 1 Proses Pengolahan Data Tanya Jawab

DFD level 1 proses pengolahan data tanya jawab dalam aplikasi ini

ditunjukkan pada Gambar 3.5.

Page 29: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

15

Calon Siswa

admin

4.1

Kirim

pertanyaan

4.2

Jawab

pertanyaan

T_tanya jawab

Data pertanyaan Data pertanyaan

Data pertanyaanData pertanyaan

Data Jawaban

Data Jawaban

Data Jawaban

Data Jawaban

Gambar 3.5 DFD Level 1 Proses Pengolahan Data Tanya Jawab

Uraian proses :

a) Calon Siswa dapat melakukan input data pertanyaan

b) Admin dapat melakukan input data jawaban

4) DFD Level 1 Proses Pendaftaran

DFD level 1 proses pengolahan data tanya jawab dalam aplikasi ini

ditunjukkan pada Gambar 3.6.

Calon Siswa

T_Pendaftaran

T_CalonSiswa

T_Wali

5.2

Isi Forn

Pendaftaran

5.1

Lihat Data

Calon Siswa

5.3

Search Data

Calon Siswa

Data Calon Siswa

Data Calon Siswa

Data Wali

Data Pendaftaran

Formulir Pendaftaran

Nama

Data Calon Siswa

Data calon Siswa

Data Calon Siswa

Data Calon Siswa

Data Wali

Nama

Hasil Pencarian

Gambar 3.6 DFD Level 1 Proses Pendaftaran

Uraian proses :

a) Calon Siswa melakukan pendaftaran secara online

b) Calon Siswa dapat melihat data pendaftar

c) Calon Siswa dapat melakukan search data calon siswa

Page 30: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

16

3. Entity Relation Diagram

melakukan

Calon Siswa

Id_calonsiswa

status

alamat

jenis_kelamin

nama

alamatseko

nosttb

tempat_lahir

ratasttb

alamatwali

asalseko

pekerjaanwali

tlpwali

tanggal_daftar

tahun_ajar

1

1

1nama

memiliki

1

tanggal_lahir

Id_jurusan

memilih

Jurusan

memiliki

1

1

1

N

Id_jurusan jurusan

Jumlah_siswa

ratasttb

Nilai_wawancara

Daftar

Wali

Nilai

Gambar 3.7 Entity Relation Diagram

Page 31: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

17

B. Analisis dan Rancangan Database

1. Skema Diagram

Skema siagram dibuat dengan tujuan untuk mengetahui relasi antar table.

Adapun skema diagramnya ditunjukkan pada Gambar 3.8.

Gambar 3.8 Skema Diagram

2. Rancangan Database

Pembuatan aplikasi ini dibuat rancangan database dengan tabel-tabel

sebagai berikut :

a. Tabel Admin

Tabel admin digunakan untuk menampung data admin. Adapun untuk

lebih jelasnya tabel admin disajikan pada Tabel 3.1.

Tabel 3. 1 Tabel Admin

Nama

Field

Type

Data

Ukuran Keterangan

Id_admin Integer 4 Primary Key, Auto increment

Username Varchar 20 Username yang digunakan admin

untuk login kedalam sistem

Password Varchar 50 Password yang digunakan admin

untuk login kedalam sistem

Page 32: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

18

b. Tabel T_Calonsiswa

Tabel T_Calonsiswa berisi biodata calon siswa yang mendaftar di SMK

Batik 2 Surakarta. Adapun untuk lebih jelasnya Tabel temporari calon siswa

disajikan pada Tabel 3.2.

Tabel 3.2 Tabel T_calonsiswa

Nama Field Type Data Ukuran Keterangan

Id_calonsiswa Varchar 7 primary key, merupakan

nomor pendaftaran siswa.

Nama Varchar 50 Nama calon siswa

Tempat_lahir Varchar 50 Tempat lahir calon siswa

Tanggal_Lahir Date Tanggal lahir calon sisa

Jenis_Kelamin Varchar 1 Jenis kelamin calon siswa

Alamat Varchar 100 Alamat calon siswa

Asalseko Varchar 50 Asal sekolah calon siswa

Alamatseko Varchar 100 Alamat asal sekolah siswa

Nosttb Varchar 20 Nomor STTB siswa, unique

Ratasttb Varchar 4 Rata-Rata STTB calon siswa

c. Tabel T_Wali

Tabel T_Wali berfungsi untuk menyimpan data wali siswa. Adapun untuk

lebih jelasnya tabel T_Wali disajikan pada Tabel 3.3.

Tabel 3.3 Tabel T_Wali

Nama Field Type Data Ukuran Keterangan

Id_calonsiswa Varchar 7 Primary Key, Foreign Key dari

tabel calon siswa

nama Varchar 50 Nama wali

alamat Varchar 100 Alamat wali

telp Varchar 13 Nomor telepon wali

pekerjaan Varchar 30 Pekerjaan wali

Page 33: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

19

d. Tabel T_Pendaftaran

Tabel T_Pendaftaran berisi data pendaftaran di SMK Batik 2 Surakarta.

Adapun untuk lebih jelasnya tabel T_Pendaftaran disajikan pada Tabel 3.4.

Tabel 3. 4 Tabel T_Pendaftaran

Nama Field Type Data Ukuran Keterangan

Id_calonsiswa Varchar 10 Primary Key, Foreign Key

dari tabel T_calonsiswa

Tanggal_daftar Date Tanggal siswa mendaftar

Tahun_daftar Year Tahun siswa mendaftar

Status Varchar 1 Status validasi, 0 jika belum

tervalidasi dan 1 jika telah

tervalidasi

e. Tabel T_Info_Pendaftaran

Berisi Informasi pendaftaran SMK Batik 2 Surakarta. Adapun untuk lebih

jelasnya tabel T_Info Pendaftaran disajikan pada Tabel 3.5.

Tabel 3.5 Tabel T_Info_Pendaftaran

Nama Field Type Data Ukuran Keterangan

Id_info Integer Primary key, auto

increment, Nomor Id Info

Judul Varchar 100 Judul Informasi

Isi Text Isi Informasi

f. Tabel T_Berita

Berisi data berita tentang pendaftaran siswa baru di SMK BATIK 2

Surakarta. Adapun untuk lebih jelasnya tabel berita disajikan pada Tabel 3.6.

Page 34: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

20

Tabel 3.6 Tabel T_Berita

Nama Field Type Data Ukuran Keterangan

Id_berita Integer Sebagai primary key, auto

increment, nomor id berita

Judul Varchar 100 Judul berita

Isi Text Isi Berita

Tanggal Date Tanggal berita diinput

g. Tabel T_Sarana

Berisi sarana dan prasarana yang ada di SMK Batik 2 Surakarta. Adapun

untuk lebih jelasnya tabel T_Sarana disajikan pada Tabel 3.7.

Tabel 3.7 Tabel T_Sarana

Nama Field Type Data Ukuran Keterangan

Id_sarana Integer Sebagai primary key, auto

increment, nomor id sarana

Nama Varchar 50 Nama sarana

Deskripsi Text Deskripsi Sarana

Gambar Varchar 100 Gambar/Foto Sarana

Prasarana

h. Tabel T_Prestasi

Tabel prestasi berisi data prestasi dari SMK Batik 2 Surakarta. Adapun

untuk lebih jelasnya tabel prestasi disajikan pada Tabel 3.8.

Tabel 3.8 Tabel T_Prestasi

Nama Field Type Data Ukuran Keterangan

Id_prestasi Integer Primary key, auto increment, id

data prestasi

Prestasi Varchar 100 Nama kategori prestasi

Peringkat Varchar 20 Peringkat yang diperoleh

Tingkat Varchar 30 Tingkat kejuaraan

Tahun Year 4 Tahun dicapainya prestasi

Page 35: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

21

i. Tabel T_Download

Tabel T_Download berisi data file download. Adapun untuk lebih jelasnya

tabel prestasi disajikan pada Tabel 3.9.

Tabel 3.9 Tabel T_Download

Nama Field Type Data Ukuran Keterangan

Id_download Integer Primary key, auto increment, id

data download

Judul Varchar 50 Judul file download

Name Varcahar 50 Nama file download

Size Varchar 50 Ukuran file download

Type Varchar 50 Type file download

j. Tabel T_Tanyajawab

Tabel T_Tanyajawab berisi data tanya jawab dari siswa dan admin.

Adapun untuk lebih jelasnya tabel tanya jawab disajikan pada Tabel 3.10.

Tabel 3.10 Tabel T_Tanyajawab

Nama Field Type Data Ukuran Keterangan

Id_tanyajawab Integer Primary key, auto increment,

id data tanya jawab

Nama Varchar 30 Nama penanya

Email Varcahar 50 Email penanya

Alamat Varchar 50 Alamat penanya

Pertanyaan Text Pertanyaan dari penanya

Jawaban Text Jawaban pertanyaan dari

admin

Page 36: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

22

k. Tabel Jurusan

Tabel Jurusan berisi data jurusan. Adapun untuk lebih jelasnya tabel

jurusan disajikan pada Tabel 3.11.

Tabel 3.11 Tabel Jurusan

Nama Field Type Data Ukuran Keterangan

id_jurusan Integer Primary key, auto increment,

id jurusan

Jurusan Varchar 15 Nama jurusan

Jumlah_siswa Varchar 15 Jumlah siswa yang diterima

dalam jurusan

l. Tabel Wawancara

Tabel wawancara berisikan tentang data wawancara petugas untuk calon

siswa. Berikut adalah penjelasan lebih lengkap tentang tabel wawancara yang

disajikan pada Tabel 3.12

Table 3.12 Tabel Wawancara

Nama Field Type Data Ukuran Keterangan

id_wawancara Integer Primary key, auto increment, id

wawancara

Judul Varchar 30 Judul wawancara

isi Text Isi dari data wawancara

Tanggal Date Tanggal wawancara diinputkan

m. Table Nilai

Tabel nilai berisikan tentang data nilai calon siswa. Berikut adalah

penjelasan lebih lengkap tentang tabel nilai yang disajikan pada Tabel 3.13.

Page 37: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

23

Tabel 3.13 Tabel Nilai

Nama Field Type Data Ukuran Keterangan

id_calonsiswa Varchar 10 Primary key, Foreign Key dari

tabel T_calonsiswa

Ratasttb Integer Rata STTB siswa

Nilai_wawan

cara

Integer Nilai wawancara siswa

Total Integer Total nilai hasil dari rata sttb

dan nilai wawancara siswa

Jurusan Varchar 15 Jurusan yang dipilih oleh siswa

C. Perancangan Antar Muka ( Interface )

1. Rancangan Halaman Utama

Berikut adalah rancangan tampilan halaman utama sistem penerimaan

siswa baru yang tertampil pada gambar 3.9.

Gambar 3.9 Rancangan Halaman Utama

Pengumuman

Header

Home Profil Pendaftaran Tanya Jawab Pengumuman

Daftar

Submenu

Content

Footer

Login

User

Page 38: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

24

2. Rancangan Halaman Admin

Rancangan untuk halaman admin berisi header, footer, menu utama, dan

submenu. Adapun rancangan halaman untuk admin disajikan pada Gambar 3.10.

Gambar 3.10 Rancangan Halaman Admin

3. Rancangan Halaman Petugas

Rancangan halaman untuk petugas berisi header, footer, menu utama, dan

daftar Submenu. Adapun rancangan beranda untuk petugas disajikan pada

Gambar 3.11.

Header

Home Manage Content Data Pendaftaran Manage SMS Tanya Jawab Logout

Daftar Submenu

Content

Footer

Page 39: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

25

Gambar 3.11 Rancangan Halaman Petugas

Header

Home Wawancara Logout

Content

Footer

Page 40: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

26

BAB IV

IMPLEMENTASI DAN EVALUASI

A. Implementasi Program

Pendaftaran siswa baru di SMK Batik 2 Surakarta yang dilakukan secara manual

masih kurang efektif. Proses pendaftaran oleh calon siswa baru biaya operasional yang tinggi

karena pihak sekolah harus menyediakan formulir pendaftaran dan berbagai surat

kelengkapan untuk setiap calon siswa yang mendaftar. Dokumentasi data siswa oleh petugas

sekolah menghabiskan banyak waktu, tenaga, dan pikiran karena harus mendata semua calon

siswa yang mendaftar satu demi satu secara manual.

Berdasarkan analisis diatas penulis membuat aplikasi pendaftaran siswa baru SMK

Batik 2 Surakarta, untuk memudahkan guru dan karyawan dalam melakukan dokumentasi

data calon siswa. Calon siswa dapat melakukan pendaftaran secara online dan mendownload

formulir kelengkapan pendaftaran yang selanjutnya diisi dan dikumpulkan untuk proses

validasi data calon siswa beserta dengan surat kelengkapan pendaftaran. Dalam aplikasi ini

calon siswa juga dapat mengakses segala informasi mengenai pendaftaran siswa baru di SMK

Batik 2 Surakarta.

Setelah proses pendaftaran selesai akan dilanjutkan dengan proses seleksi calon siswa

yang meliputi 2 penilaian yaitu penilaian nilai UAN dan penilaian wawancara. Berdasarkan

nilai UAN dan wawancara tersebut akan diambil 200 siswa dengan peringkat tertinggi yang

akan diterima menjadi siswa baru. Jika ada nilai peringkat yang sama maka penilaian akan

diserahkan kepada pihak sekolah untuk mengadakan penimbangan nilai. Setelah proses

seleksi selesai maka akan diumumkan hasil seleksi penerimaan siswa melalui web dan sms

gateway.

1. Halaman Utama

Halaman indeks utama merupakan halaman utama sistem informasi penerimaan siswa

baru. Halaman ini berisi form login untuk admin dan petugas dan menu – menu untuk calon

siswa. Menu beranda menampilkan berita mengenai pendaftaran siswa baru. Berikut adalah

screenshoot dari sistem penerimaan siswa baru yang ditunjukkan pada gambar 4.1.

Page 41: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

27

Gambar 4.1 Halaman Utama Sistem Informasi Penerimaan Siswa Baru.

2. Halaman Menu Profil

Halaman profil merupakan media untuk menampilkan profil SMK BATIK 2

SURAKARTA. Dalam menu profil terdapat beberapa sub menu yaitu visi

& misi, sarana dan prasanrana serta prestasi. Berikut adalah screenshoot dari sistem

penerimaan siswa baru yang ditunjukkan pada gambar 4.2.

Page 42: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

28

Gambar 4.2 Halaman Menu Profil

3. Menu Pendaftaran

Gambar 4. 3 Halaman Menu Pendaftaran

Gambar 4.3 di atas merupakan gambar tampilan menu pendaftaran. Di dalamnya

terdapat informasi alur pendaftaran siswa baru. Pada halaman ini terdapat beberapa menu link

alur pendaftaran, syarat dan ketentuan, isi formulir, lihat data pendaftar dan download.

4. Form Pendaftaran

Halaman form pendaftaran merupakan form pendaftaran yang digunakan untuk

mengisi formulir pendaftaran oleh calon siswa. Di dalamnya terdapat elemen-elemen yang

harus di isi oleh calon siswa guna syarat pendaftaran siswa baru. Tampilan halaman form

pendaftaran dengan elemen-elemennya tertampil pada gambar 4.4 berikut ini.

Page 43: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

29

Gambar 4.4 Halaman Form Pendaftaran

Setelah pengisian form pendaftaran selesai, maka akan muncul detail data calon siswa yang

telah diisikan dalam form seperti pada gambar 4.5 berikut.

Page 44: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

30

Gambar 4.5 Halaman Terima Form Pendaftaran

Calon siswa dapat mencetak formulir yang akan digunakan untuk persyaratan pendaftaran

dengan cara menekan . Maka akan mucul tampilan seperti gambar 4.6. Apabila

pengisian form pendaftaran terdapat kesalahan atau pengisiannya tidak lengkap maka akan

muncul tampilan seperti gambar 4.7.

Gambar 4.6 Halaman Cetak Formulir Pendaftaran

Page 45: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

31

Gambar 4.7 Halaman Kesalahan Input Pendaftaran

5. Menu Tanya Jawab

Pada menu tanya jawab ini calon siswa dapat melihat arsip tanya jawab. Seperti yang

tertampil pada gambar 4.8. Calon siswa dapat mengirimkan pertanyaan dengan menekan link

KIRIM PERTANYAAN. Jika pada pengisian data yang tidak lengkap maka akan

menampilkan gambar 4.9.

Gambar 4.8 Halaman Tanya Jawab

Page 46: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

32

Gambar 4.9 Halaman Kirim Tanya Jawab

6. Menu Pengumuman

Pada halaman ini calon siswa dapat melihat hasil pengumuman penerimaan siswa

baru di SMK BATIK 2 Surakarta. Calon siswa dapat melihat hasil pengumuman berdasarkan

jurusan yang dipilihnya. Tampilan halaman Pengumuman disajikan pada gambar 4.10.

Gambar 4.10 Halaman Pengumuman

Page 47: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

33

7. Halaman Petugas

Halaman petugas merupakan halaman awal petugas setelah petugas melakukan login.

Tampilan halaman petugas seperti gambar 4.11. Pada halaman petugas terdapat Menu

Wawancara yang digunakan untuk memberikan tes wawancara kepada calon siswa baru.

Petugas juga dapat melakukan pencarian data siswa baru serta memasukkan nilai wawancara.

Untuk lebih jelasnya tertampil pada gambar 4.12

Gambar 4.11 Halaman Petugas

Gambar 4.12 Halaman Wawancara

Page 48: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

34

8. Halaman Admin

Halaman Home merupakan halaman awal setelah admin melakukan login. Halaman

admin berisi menu admin untuk mengelola web. Disini admin dapat mengolah beberapa

konten dan mengolah data siswa. Tampilan halaman admin disajikan pada gambar 4.13.

Gambar 4.13 Halaman Admin

a. Menu Manage Content

Menu Manage Content menampilkan seluruh data content. Pada menu content admin

terdapat sub menu syarat dan ketentuan, alur pendaftaran, berita, sarana dan prasarana,

prestasi, download dan wawancara. Dimana admin dapat melakukan input data content, edit

data content maupun delete data content. Admin dapat melakukan update data dengan

menekan kata [edit] maka akan muncul form baru untuk mengupdate data. Apabila update

data berhasil maka akan muncul tampilan seperti gambar 4.14. Sedangkan apabila pada saat

update data terdapat pengisian data yang tidak lengkap maka akan muncul tampilan seperti

gambar 4.15.

Gambar 4.14 Halaman Manage Content

Page 49: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

35

Gambar 4.15 Halaman Update Content

Pada sub menu berita merupakan fasilitas tambah berita, edit, dan hapus. Jika dalam

tambah berita berhasil maka menampilkan halaman seperti gambar 4.16. Sedangkan jika

pengisian berita ada yang tidak lengkap maka akan muncul seperti pada gambar 4.17.

Gambar 4.16 Halaman Manage Berita

Page 50: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

36

Gambar 4.17 Halaman Tambah Berita

b. Menu Data Pendaftaran

Pada halaman ini akan ditampilkan list calon siswa yang melakukan pendaftaran.

Terdapat juga form pencarian data calon siswa berdasarkan no pendaftaran dan nama calon

siswa agar mempermudah dalam pencarian calon siswa. Disini admin dapat melakukan edit

maupun hapus data pendaftaran. Berikut halaman data pendaftaran yang tertampil pada

gambar 4.18.

Page 51: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

37

Gambar 4.18 Halaman Data Pendaftaran

Pada Halaman Data Pendaftaran terdapat submenu validasi data yang merupakan

form validasi data pendaftaran calon siswa. Halaman ini menampilkan data pendaftaran yang

belum divalidasi oleh admin. Admin juga dapat melakukan pencarian data calon siswa

berdasarkan nomor pendaftaran. Tampilan halaman validasi seperti pada gambar 4.19. Jika

validasi calon siswa berhasil maka data akan tertampil pada halaman data pendaftaran seperti

gambar 4.18 sedangkan jika validasi calon siswa tidak berhasil maka akan menampilkan

halaman seperti gambar 4.20.

Page 52: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

38

Gambar 4.19 Halaman Validasi Data

Gambar 4.20 Halaman Form Validasi Data

Pada Halaman Data Pendaftaran terdapat submenu Cetak Laporan yang merupakan

link untuk mencetak data pendaftaran calon siswa. Admin dapat melakukan pencarian data

calon siswa berdasarkan tahun pendaftaran. Tampilan halaman cetak laporan seperti pada

gambar 4.21. Jika ditekan tombol Cetak Data maka data akan tertampil pada halaman data

seperti gambar 4.22.

Page 53: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

39

Gambar 4.21 Halaman Cetak Laporan

Gambar 4.22 Halaman Cetak Data Laporan

c. Menu Manage SMS

Pada halaman Manage SMS admin dapat mengirimkan informasi kepada calon siswa,

melihat data pesan masuk dan data pesan keluar. Tampilan halaman Manage SMS seperti

pada gambar 4.23.

Page 54: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

40

Gambar 4.23 Halaman Manage SMS

Sub menu Kotak Masuk digunakan untuk melihat data kotak masuk SMS dalam sistem

ditampilkan pada gambar 4.24 berikut.

Gambar 4.24 Halaman Kotak Masuk

Page 55: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

41

Sub menu Kotak Keluar digunakan untuk melihat data SMS terkirim tertampil seperti gambar

4.25 berikut ini.

Gambar 4.25 Halaman Kotak Keluar

Page 56: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

42

d. Menu Tanya Jawab

Pada halaman Menu Tanya Jawab ini admin dapat melihat arsip tanya jawab dan

mengirimkan jawaban pertanyaan yang dikirimkan oleh calon siswa, serta menghapus data

tanya jawab. Tampilan halaman janya jawab seperti pada gambar 4.26.

Gambar 4.26 Halaman Menu Tanya Jawab

Admin dapat mengirimkan jawaban kepada calon siswa dengan cara menekan tulisan Jawab.

Apabila data yang diisikan tidak lengkap maka akan menampilkan seperti gambar 4.27,

sedangkan jika data yang didisikan berhasil maka akan menampilkan seperti gambar 4.28.

Page 57: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

43

Gambar 4.27 Halaman Form Jawab Pertanyaan

Gambar 4.28 Halaman Arsip Tanya Jawab

Page 58: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

44

B. Evaluasi Sistem

Tabel 4.1. Evaluasi Sistem.

Evaluasi Input Proses Output yang

diharapkan

Hasil

Pendaftaran Data Calon

Siswa

Memasukkan

identitas form

ke dalam

database

[Benar]

Masuk ke halaman

yang dituju.

Seperti tertampil

pada Gambar 4.5

[Salah]

Gagal masuk ke

halaman yang

dituju

Seperti tertampil

pada Gambar 4.7

Tanya

Jawab

Data

Pertanyaan

-Nama

-Email

-Alamat

-Pertanyaan

Sistem

mengecek data

yang

diinputkan

[Benar]

Insert database

Seperti tertampil

pada gambar 4.8

[Salah]

Muncul pesan

apabila data tidak

lengkap

Seperti tertampil

pada gambar 4.9

Log In Memasukkan

id dan

password

masing-

masing user

Mengetahui

authentifikasi

dari pengguna

yang masuk

sistem.

[Benar]

Masuk ke halaman

berdasarkan level

user.

Masuk ke halaman

admin dan halaman

petugas seperti pada

gambar 4.11 dan

gambar 4.13

[Salah]

Kembali ke

halaman utama.

Kembali ke

halaman utama

seperti pada

Gambar 4.1

Management

Content

Memasukkan

data-data

Content

- Judul

- Isi Content

Sistem

mengecek data

yang

diinputkan

[Benar]

Insert database

Seperti tertampil

pada gambar 4.14

[Salah]

Muncul pesan

apabila data tidak

lengkap

Seperti tertampil

pada gambar 4.15

Page 59: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

45

Validasi

Data

Validasi data

calon siswa

Sistem

mengecek data

yang

diinputkan

[Benar]

Insert database

Seperti tertampil

pada Gambar 4.18

[Salah]

Muncul pesan

apabila data tidak

lengkap

Seperti yang

tertampil pada

Gambar 4.20

Berita Memasukkan

data-data

Berita

- Judul

- Isi berita

Sistem

mengecek data

yang

diinputkan

[Benar]

Insert database

Seperti yang

tertampil pada

Gambar 4.16

[Salah]

Muncul pesan

apabila data tidak

lengkap

Seperti yang

tertampil pada

Gambar 4.17

Page 60: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

46

BAB V

PENUTUP

A. KESIMPULAN

Berdasarkan hasil pembahasan dari pembuatan aplikasi pendaftaran siswa

baru berbasis web dan SMS Gateway di SMK Batik 2 Surakarta dapat diambil

beberapa kesimpulan yaitu :

1. Telah dibuat suatu aplikasi pendaftaran siswa baru berbasis web dengan

dasar bahasa pemrograman php dan MySQL.

2. Program yang dibuat dilengkapi dengan fasilitas pengumuman hasil

seleksi siswa baru melalui sms.

B. SARAN

Berdasarkan pembahasan dari pembuatan aplikasi pendaftaran siswa baru

berbasis web dan SMS Gateway di SMK Batik 2 Surakarta ini, penulis

memberikan saran agar aplikasi ini dapat dikembangkan menjadi lebih baik yaitu:

1. Menambahkan jadwal tes wawancara yang terkonsep secara

penjadwalan ruang maupun waktu.

2. Menambahkan fasilitas backup dan restore data.

Page 61: PEMBUATAN SISTEM INFORMASI PENERIMAAN SISWA …... · BAB III DESAIN DAN PERANCANGAN….……………………… ... C. Perancangan Antar Muka ( Interface ... BAB IV IMPLEMENTASI

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

31

DAFTAR PUSTAKA

Andi. 2006. Membuat Website Interaktif dengan Macromedia Dreamweaver8.

Yogyakarta : Andi Offset.

Zaki, A. 2006. Kiat Jitu Membuat Website Tanpa Modal. Yogyakarta : Alex Media

Komputindo.

Kadir, A. 2008. Membuat Aplikasi Web dengan PHP & Database MySQL.

Yogyakarta: Andi Offset.

Kadir, A. 2009. From zero to A pro : membuat aplikasi web dengan php dan

database mysql. Yogyakarta: Andi Offset

Kristanto, A. 2003. Perancangan sistem informasi dan aplikasinya. edisi 1. Jakarta:

Gava Media