PERSETUJUAN PEMBIMBING

Judul Tugas Akhir : APLIKASI PENERIMAAN SISWA BARU BERBASIS WEB

PADA SMKN 5 GOWA
Nama : Husniah
NIM : 201621069
Konsentrasi : Informatika Komputer

Tugas Akhir ini layak dipresentasikan dan diajukan dalam

Sidang Tugas Akhir

Diketahui
Ketua Program Studi
Manajemen Informatika Disetujui Pembimbing:

Ibu Nurhaedar S.Kom.,MM Rachmat,S.Kom.,M.si.,M.Kom

NIDN: 0921088001 NIDN:

Disahkan di : Makassar

Pada Tanggal : 17 Juni 2019

i
 PENGESAHAN LULUS SIDANG TUGAS AKHIR

Judul Tugas Akhir : APLIKASI PENERIMAAN SISWA BARU BERBASIS WEB

PADA SMKN 5 GOWA
Nama : Husniah
NIM : 201621069
Konsentrasi : Informatika Komputer

Telah Dinyatakan Lulus Ujian :25 juni 2019

Tim Penguji
1. Herman, S.Kom.,M.Cs (.................................)

2. Nurhaedar, S.Kom., MM (.................................)

3. Rachmat, S.Kom., M.Si., M.Kom (.................................)

Mengetahui

Wakil Direktur 1 Ketua Program Studi

Manajemen Informatika

Samsuddin,S.Kom Nurhaedar,S.Kom.,M.M.
NIDN: 0910017003 NIDN: 0921088001

ii
 PERNYATAAN KEASLIAN TUGAS AKHIR

Dengan ini menyatakan bahwa:

1. Tugas Akhir ini adalah asli dan belum pernah diajukan untuk mendapatkan

gelar akademik, baik di Politeknik Informatika Nasional Makassar maupun

perguruan tinggi lainnya.

2. Tugas akhir ini murni gagasan, rumusan dan observasi saya sendiri, tanpa

bantuan pihak lain, kecuali arahan pembimbing.

3. Dalam Tugas Akhir ini tidak terdapat karya atau pendapat yang telah ditulis

atau dipublikasikan orang lain, kecuali secara tertulis dengan jelas

dicantumkan sebagai acuan dalam naskah dengan disebutkan nama

pengarang dalam daftar pustaka.

4. Pernyataan ini dibuat dengan sesungguhnya dan apabila di kemudian hari

terdapat penyimpangan dan ketidakbenaran dalam pernyataan ini, maka

saya bersedia menerima sanksi akademik berupa pencabutan gelar yang

telah diperoleh karena karya tulis ini, serta sanksi lainnya sesuai dengan

norma yang berlaku di perguruan tinggi ini

Makassar, 25 Juni 2019

Yang Membuat Pernyataan,

Husniah
NIM: 201621069

iii
 MOTTO

“Apabila akal tidak sempurna maka kurangilah berbicara”

(Ali bin Abi Thalib)

Sukses adalah persiapan, jika masih ingin menjadi penonton silahkan bersantai

ria.

(Husniah)

Kupersembahkan

Karya sederhana ini kepada Kedua Orang tua yang tercinta, Saudara-

saudaraku, serta rekan-rekan mahasiswa seperjuangan. Atas segala

dukungan, pengorbanan dan doanya selama ini

iv
 ABSTRAK

Husniah, 2019. “Aplikasi Penerimaan Siswa Baru Berbasis Web pada SMKN 5
GOWA,” dibimbing oleh Rachmat,S.Kom.,M.si.,M.Kom
SMKN 5 GOWA adalah salah satu sekolah negeri menegah kejuruan di
gowa.Dalam proses pendaftaran siswa baru di SMKN 5 GOWA dilakukan secara
manual, dimana proses pendaftaran data disimpan manual hanya dikertas dan
ujian penempatan jurusan masih menggunakan sistem tertulis sehingga proses
pengumuman hasil ujian lambat dan pengumuman hasil seleksi hanya
diinformasikan melalui papan pengumuman sekolah. Tujuan dari tugas akhir ini
adalah untuk merancang aplikasi penerimaan siswa baru menggunakn website
pada SMKN 5 GOWA. Manfaatnya yaitu mempermudah calon siswa baru untuk
melakukan pendaftaran dimana calon siswa baru melakukan registrasi terlebih
dahulu kemudian siswa akan dikirimkan sebuah username dan password untuk
melakukan login setelah login siwa diminta untuk melengkapi data, calon siswa
dapat melihat apakah calon siswa lulus verifikasi dokumen, jika lulus maka calon
siswa dapat mengikuti ujian kompetensi yang dimana siswa menjawab soal sesuai
dengan jurusan yang telah dipilih. Setelah mengikuti ujian maka siwa dapat melihat
apakah calon siswa lulus sesuai dengan jurusan yang diminati atau tidak. Aplikasi
Penerimaan Siswa Baru Berbasis Web pada SMKN 5 GOWA. mampu
memberikan kemudahan bagi orang tua calon siswa untuk memperoleh semua
informasi tentang penerimaan siswa baru.
Sistem berbasis web ini menggunakan metode pengembangan sistem
model waterfall desain rekayasa perangkat model UML dengan bahasa
pemrograman PHP dan MySQL sebagai database dan menggunakan metode
BlackBox sebagai pengujiannya.

Kata Kunci : Penerimaan Siswa Baru , Website

v
ABSTRACT

vi
 KATA PENGANTAR

Puji syukur alhamdulillah kami panjatkan kehadirat Tuhan Yang Maha Esa

yang telah melimpahkan nikmat, taufik serta hidayah-Nya yang sangat besar

sehingga saya dapat menyelesaiakn tugas akhir ini. Tugas akhir ini disusun untuk

memenuhi sebagian persyaratan akademik untuk memperoleh gelar Ahli Madya

Manajemen Informatika.

Tugas akhir dengan judul “APLIKASI PENRIMAAN SISWA BARU

BERBASIS WEB PADA SMKN 5 GOWA” ini disusun untuk memenuhi salah satu

syarat Sidang Tugas Akhir program pendidikan diploma tiga di Politeknik

Informatika Nasional. Sebelum menyusun tugas akhir ini, penulis melakukan

penelitian di sekolah SMKN 5 GOWA.

Selayaknya kalimat yang mengatakan bahwa tidak ada sesuatu yang

sempurna. Penulis juga menyadari bahwa tugas akhir ini masih memiliki banyak

kekurangan, maka dari itu penulis mengharapkan saran serta masukan dari para

pembaca yang bersifat membangun dari para pembaca untuk pengembangan ilmu

pengetahuan dan kemampuan penulis.

Semoga tugas akhir ini bermanfaat bagi penulis, pembaca, dan bagi

penelitian selanjutnya.

Makassar,25 Juni 2019

Penulis

vii
 UCAPAN TERIMA KASIH

Puji syukur penulis ucapkan pada Allah Subuhanahuwa Ta’ala atas

limpahan rahmat dan karunia-Nya. Sehingga penulis dapat menyelesaikan
penelitian dan penulisan tugas akhir ini dengan baik.

Kepada keluarga yang sangat saya cintai, terkhusus kepada kedua orang
tua yang telah mendoakan dan memberikan banyak motivasi serta semangat, baik
berbentuk materi atau maupun doa dalam menempuh studi di Politeknik
Informatika Nasional (Polinas).

Dalam menyelesaikan tugas akhir ini, penulis menerima bantuan dari

berbagai pihak. Karena itu, penulis mengucapkan rasa terima kasih yang tulus
kepada:

1. Bapak M. Abduh Idris, S.Kom, MM., selaku Direktur Politeknik Informatika

Nasional Makassar.
2. Bapak A. Muh. Yusvan Paris, SH.,SE.,MM.,MBA Selaku Kepala Kampus
Politeknik Informatika Nasional Makassar
3. Bapak Samsuddin, S.Kom Selaku Wakil Direktur 1
4. Ibu Nurhaedar S.Kom.,MM selaku ketua Program Studi Manajemen
Informatika
5. Ibu Rahmawati,S.Kom.,M.Kom selaku Kepala Bagian Akademik, dan para
dosen serta karyawan Polinas.
6. Bapak Rachmat, S.Kom.,M.Si.,M.Kom selaku pembimbing
7. Sahabat-sahabat Muh.Ismail Herianto, Irawidyastuti Masuri, St Halijah k
dan teman kelas IK31 terimakasih telah menjadi sahabat terbaik yang telah
memberikan dukungan, semangat, motivasi serta doa hingga saya dapat
menyelesaiakn Tugas Akhir dengan baik.
8. Seluruh pihak yang tidak bisa penulis sebutkan satu persatu.

Makassar,25Juni 2019

Penulis

viii
 DAFTAR ISI

PERSETUJUAN PEMBIMBING ............................................................................ i

PENGESAHAN LULUS SIDANG TUGAS AKHIR ................................................ ii
PERNYATAAN KEASLIAN TUGAS AKHIR .........................................................iii
MOTTO .............................................................................................................. iv
ABSTRAK ............................................................................................................ v
ABSTRACT ........................................................................................................ vi
KATA PENGANTAR ...........................................................................................vii
UCAPAN TERIMA KASIH .................................................................................. viii
DAFTAR ISI ....................................................................................................... ix
DAFTAR TABEL .................................................................................................. x
DAFTAR GAMBAR ............................................................................................. xi

BAB I PENDAHULUAN
1.1 Latar Belakang ................................................................................... 1
1.2 Rumusan Masalah.............................................................................. 2
1.3 Batasan Masalah ............................................................................... 3
1.4 Tujuan dan Manfaat Penelitian ........................................................... 3
1.4.1 Tujuan ................................................................................... 3
1.4.2 Manfaat ................................................................................. 3
1.5 Metode Penelitian .............................................................................. 4

BAB II LANDASAN TEORI

2.1 Landasan Teori .................................................................................. 6
2.2.1 Sekolah Menengah Kejuruan (SMK) ..................................... 6
2.2.2 Penerimaan Peserta Didik Baru............................................. 6
2.2 Sistem Informasi ................................................................................ 7
2.2.1 Pengertian Sistem .................................................................. 7
2.2.2 Pengertian Informasi .............................................................. 7
2.2.3 Pengertian Sistem Informasi.................................................. 9
2.3 Analisis dan Perancangan Sistem ..................................................... 9
2.4 Alat Analisis dan Perancangan ........................................................ 11
2.5 Website ........................................................................................... 22

ix
 2.6 PHP .................................................................................................. 22
2.7 Mysqli ............................................................................................... 23
2.8 Xampp .............................................................................................. 23
2.9 HTML (Hypert Text Markup Languange) ......................................... 24

BAB III ANALISIS PERANCANGAN SISTEM

3.1 Analisis Sistem Yang Berjalan .......................................................... 25
3.1.1 Masalah Yang dihadapi ........................................................ 25
3.1.2 Kesimpulan Hasil Analisis..................................................... 25
3.1.3 Uraian Prosedur ................................................................... 26
3.1.4 Dekomposisi Fungsi ............................................................. 27
3.1.5 Analisis Masukan ................................................................ 30
3.1.6 Analisi Keluaran ................................................................... 31
3.1.7 Analisis Kebutuhan ............................................................... 31
3.2 Perancangan Sistem ....................................................................... 32
3.2.1 Rancangan Proses ............................................................... 32
3.3 Rancangan Basis Data .................................................................... 63
3.3.1 Tabel Login admin ................................................................ 63
3.3.2 Tabel Cara Daftar ................................................................. 64
3.3.3 Tabel Hasil Ujian .................................................................. 65
3.3.4 Tabel Identitas_web ............................................................. 66
3.3.5 Tabel Informasi..................................................................... 67
3.3.6 Tabel Jurusan....................................................................... 68
3.3.7 Tabel Siswa .......................................................................... 69
3.3.8 Tabel Soal ........................................................................... 73
3.3.9 Tabel Dokumen .................................................................... 74
3.3.10 Relasi tabel......................................................................... 75
3.4 Rancangan Keluaran ........................................................................ 75
3.5 Rancangan Masukan........................................................................ 76
3.6 Rancangan Dialog Layar .................................................................. 80

x
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Impelemntasi Sistem ........................................................................ 84
4.1.1 Perangkat Keras (Hardware) ............................................... 84
4.1.2 Perangkat Lunak (Software) ................................................. 84
4.2 Implementasi User Interface .................................................... 84
4.3 Implementasi dan Pengujian Data Siswa .......................................... 87
4.4 Implementasi dan Pengujian Data Jurusan....................................... 90
4.5 Implementasi dan Pengujian Data Dokumen .................................... 93
4.6 Implementasi dan Pengujian Data Soal ............................................ 96
4.7 Implementasi dan Pengujian Hasil Ujian ........................................... 99

BAB V PENUTUP
5.1 Kesimpulan..................................................................................... 102
5.2 Saran.............................................................................................. 102
DAFTAR PUSTAKA
RIWAYAT HIDUP
LAMPIRAN

xi
 DAFTAR TABEL

Tabel 2. 1. Simbol-Simbol Use Case ................................................................... 8

Tabel 2. 2. Simbol-Simbol Class Diagram .......................................................... 14
Tabel 2. 3. Simbol-Simbol Sequence Diagram................................................... 15
Tabel 2. 4. Simbol-Simbol Pada Componen Diagram ........................................ 18
Tabel 2. 5. Simbol-Simbol Pada Activity Diagram .............................................. 20
Tabel 2. 6. Simbol-Simbol Pada StateChart Diagram ........................................ 21
Tabel 2. 7. Simbol-Simbol Deployment Diagram ................................................ 23
Tabel 3. 1. Identifikasi Aktor ............................................................................... 34
Tabel 3. 2. Identifikasi Diagram Use Case ......................................................... 37
Tabel 3. 3. Identifikasi Diagram Registrasi ......................................................... 42
Tabel 3. 4. Skenario Use Case Login Admin..................................................... 44
Tabel 3. 5. Skenario Use Case Login CSB ........................................................ 45
Tabel 3. 6. Skenario Use Case Olah Data CSB ................................................. 48
Tabel 3. 7. Struktur Tabel Login ......................................................................... 73
Tabel 3. 8. Struktur Tabel Cara Daftar ............................................................... 74
Tabel 3. 9. Struktur Tabel Hasil Ujian................................................................. 75
Tabel 3.10.Struktur Tabel Identifikasi Web......................................................... 76
Tabel 3.11.Struktur Tabel Informasi ................................................................... 77
Tabel 3.12. Struktur Tabel Jurusan .................................................................... 78
Tabel 3.13.Struktur Tabel Siswa ........................................................................ 82
Tabel 3.14.Struktur Tabel Soal .......................................................................... 83
Tabel 3.15.Struktur Tabel Dokumen .................................................................. 84
Tabel 4. 1. Pengujian Login ............................................................................... 95
Tabel 4. 2. Pengujian Gagal Login ..................................................................... 95
Tabel 4. 3 Pengujian Input Data Siswa ............................................................. 99
Tabel 4. 4 Pengujian Input Jurusan ................................................................. 102
Tabel 4. 5 Pengujian Upload Dokumen............................................................ 104
Tabel 4. 6 Pengujian Input Soal ....................................................................... 108
Tabel 4. 7 Pengujian Input Mengikuti Ujian Kompetensi .................................. 110

xii
 DAFTAR GAMBAR

Gambar 3. 1. Uraian Prosedur ........................................................................... 30

Gambar 3. 2. Activity Diagram Uraian Prosedur ................................................ 31
Gambar 3. 3. Diagram Organisasi Pada SMKN 5 GOWA .................................. 34
Gambar 3. 4. use Case Diagram ....................................................................... 40
Gambar 3. 5. Class Diagram ............................................................................. 48
Gambar 3. 6. Sequence Diagram Registrasi ...................................................... 50
Gambar 3. 7. Sequence Diagram Login CSB..................................................... 50
Gambar 3. 8. Sequence Diagram Login Admin .................................................. 51
Gambar 3. 9. Sequence Diagram Seleksi Penerimaan CSB .............................. 51
Gambar 3.10 Sequence Diagram Ujian Kompetensi .......................................... 52
Gambar 3.11.Sequence Diagram Logout ........................................................... 53
Gambar 3.12.Colaboration Diagram Registrasi .................................................. 54
Gambar 3.13.Colaboration Diagram Login CSB ................................................ 54
Gambar 3.14.Colaboration Diagram Seleksi ...................................................... 55
Gambar 3. 15.Colaboration Diagram Ujian Kompetensi ..................................... 55
Gambar 3. 15.Colaboration Diagram Input Data ................................................ 55
Gambar 3. 17.Colaboration Diagram Logout...................................................... 56
Gambar 3. 18.Activity Diagram Registrasi.......................................................... 58
Gambar 3. 19.Activity Diagram Login CSB ........................................................ 59
Gambar 3. 20.Activity Diagram Login Admin...................................................... 60
Gambar 3. 21.Activity Diagram Seleksi .............................................................. 61
Gambar 3. 22.Activity Diagram Ujian Kompetensi.............................................. 62
Gambar 3. 23.Activity Diagram Input Data ......................................................... 63
Gambar 3. 24.Activity Diagram Logout .............................................................. 64
Gambar 3. 25.StateChart Diagram Registrasi ................................................... 65
Gambar 3. 26.StateChart DiagramLogin CSB................................................... 66
Gambar 3. 27.StateChart Diagram Login Admin ................................................ 67
Gambar 3. 28.StateChart Diagram Seleksi ........................................................ 68
Gambar 3. 29.StateChart Diagram Input Data ................................................... 69
Gambar 3. 30.StateChart Diagram Ujian Kompetensi ........................................ 70
Gambar 3. 31.StateChart Diagram Logout ......................................................... 71
Gambar 3. 32.Component Diagram ................................................................... 71
Gambar 3. 33.Deployment Diagram................................................................... 72
Gambar 3. 34.Relasi Tabel ................................................................................ 84
Gambar 3. 35.Rancangan Keluaran Hasil Ujian ................................................. 85
Gambar 3. 36.Rancangan Keluaran Verifikasi Dokumen ................................... 85
Gambar 3. 37.Rancangan Registrasi ................................................................. 86
Gambar 3. 38.Rancangan Kelengkapan Data Siswa ......................................... 86
Gambar 3. 39.Rancangan Lengkapi Dokumen .................................................. 87
Gambar 3. 40.Rancangan Input Jurusan ........................................................... 87
Gambar 3. 41.Rancangan Input Soal ................................................................. 89
Gambar 3. 42.Rancangan Proses Penerimaan.................................................. 89
Gambar 3. 43.Rancangan Tampilan Menu Login ............................................... 90
Gambar 3. 44.Rancangan Tampilan Menu Utama Admin .................................. 90
Gambar 3. 45.Rancangan Tampilan Menu Siswa .............................................. 90

xiii
Gambar 3. 46.Rancangan Tampilan Menu Jurusan ........................................... 90
Gambar 3. 47.Rancangan Tampilan Menu Dokumen ....................................... 91
Gambar 3. 48.Rancangan Tampilan Menu Hasil Ujian ...................................... 91
Gambar 3. 49.Rancangan Tampilan Menu Soal ................................................ 92
Gambar 4. 1 Form Login .................................................................................. 94
Gambar 4. 2. Tampilan Admin Gagal Login ...................................................... 94
Gambar 4. 3. Tampilan Admin Berhasil Login ................................................... 94
Gambar 4. 4. Form Menu Data Siswa ............................................................... 96
Gambar 4. 5. Form Input Data Siswa ................................................................ 96
Gambar 4. 6. Tampilan Kesalahan Inputan Kosong Data Siswa ....................... 97
Gambar 4. 7. Tampilan Menu Jurusan ............................................................ 100
Gambar 4. 8. Form Tampilan Input Jurusan.................................................... 100
Gambar 4. 9. Form Tampilan Edit Jurusan ..................................................... 101
Gambar 4.10 Tampilan Pesan Inputan Kosong Jurusan ................................. 103
Gambar 4. 11 Form Tampilan Menu Dokumen ................................................ 103
Gambar 4. 12 Form Tampilan Upload Dokumen .............................................. 103
Gambar 4. 13 Tampilan Gagal Upload Dokumen............................................. 103
Gambar 4. 14 Tampilan Berhasil Upload Dokumen ......................................... 104
Gambar 4. 15 Form Tampilan Menu Data Soal ................................................ 106
Gambar 4. 16 Form Menu Inputan Data Soal .................................................. 106
Gambar 4. 17 Form Menu Edit Data Soal ........................................................ 106
Gambar 4. 18 Tampilan Kesalahan Menginput Lebih Data Soal ...................... 107
Gambar 4. 19 Tampilan Menu Hasil Ujian........................................................ 109
Gambar 4. 20 Form Tampilan Mengikuti Ujian Kompetensi ............................. 109
Gambar 4. 21 Form Tampilan Telah Mengikuti Ujian Kompetensi ................... 110

xiv
 BAB I

PENDAHULUAN
1.1 Latar Belakang

Perkembangan teknologi dan ilmu pengetahuan pada masa

globalisasi ini dirasakan telah semakin pesat dan canggih. Semua ini

dikarenakan hasil dari pemikiran-pemikiran manusia yang semakin maju, hal

tersebut dapat dilihat dari perkembangan ilmu komputer yang semakin hari

semakin berkembang dengan pesat. Selain itu perkembangan teknologi

semakin mendukung bagi pengembangan penyebaran informasi melalui

media cetak yang menyebar diseluruh lapisan masyarakat. Penyebaran

informasi tidak hanya bisa diperoleh melalui media cetak saja tetapi bisa juga

didapatkan melalui media elektronik seperti televisi, radio, dan

internet/website

Kegiatan penerimaan siswa baru merupakan kegiatan rutin yang

dilakukan sekolah pada setiap tahun ajaran baru. Saat ini belum banyak

sekolah di Indonesia yang menerapkan sistem penerimaan siswa baru

berbasis web. Sejalan dengan perkembangan teknologi informasi dan

komunikasi seperti teknologi internet dan web yang mampu mendukung

proses input dan output data secara akurat dan efisien, khususnya dalam

kegiatan penerimaan siswa baru. Sudah seharusnya sistem penerimaan

siswa baru berbasis web ini dikembangkan oleh tiap-tiap sekolah..

SMK Negeri 5 Gowa, merupakan salah satu yayasan pendidikan

formal untuk mendidik anak-anak setingkat Sekolah Menengah Kejuruan.

Saat ini proses penerimaan siswa baru dilakukan dengan metode

konvensional dimana proses seleksi dilakukan dengan dua cara yaitu

1
 berdasarkan referensi sekolah menengah pertama dimana siswa langsung

diterima tanpa dilakukan tes tertulis, dan proses penerimaan dilakukan

secara tertulis.

Permasalahan yang sering terjadi pada SMKN 5 GOWA adalah

dalam pelaksanaan proses seleksi penerimaan dari pengisian formulir

hingga pengumuman penerimaan sangat lambat dan seringkali melebihi dari

target waktu yang ditentukan dikarenakan tidak adanya sistem yang mampu

membantu proses penerimaan. Selain itu proses ujian seleksi juga

mengalami kendala dalam pelaporan hasil ujian yang mengakibatkan

pengumuman hasil ujian terlambat. Dan untuk pelaporan bisa dipastikan

terhambat dikarenakan lambatnya proses-proses penerimaan sebelumnya.

Agar tercipta suatu sistem yang memadai yang mampu untuk

mengatasi permasalahan yang terjadi, maka perlu dibuat suatu sistem yang

dapat mengatasi proses penerimaan siswa baru secara cepat dan sesuai

dengan jadwal yang telah direncanakan, selain itu hasil seleksi penerimaan

siswa baru lebih akurat dan calon siswa yang diterima sesuai dengan hasil

yang diharapkan maka dengan latar belakang permasalahan tersebut

penulis mengangkat judul “ Aplikasi Penerimaan Siswa Baru Berbasis Web

pada SMKN 5 GOWA”.

1.2 Rumusan Masalah

Berdasarkan latar belakang diatas adapun rumusan masalahnya

sebagai berikut:

Bagaimana membuat aplikasi penerimaan siswa baru berbasis web

pada SMKN 5 GOWA.

2
1.3 Batasan Masalah

Untuk menghindari pembahasan tidak menyimpang maka penulis

membatasi sesuai dengan rumusan masalah yaitu hanya menyediakan

informasi tentang penerimaan siswa baru, mengikuti ujian dan seleksi hasil

ujian penempatan jurusan baik yang lulus hasil ujian maupun tidak.

1.4 Tujuan dan Manfaat Penelitian

1.4.1 Tujuan

1. Mengetahui serta mempelajari secara langsung sistem

penerimaan siswa baru pada SMKN 5 GOWA

2. Membuat aplikasi penerimaan siswa baru berbasis web pada

SMKN 5 GOWA agar meningkatkan efisiensi dan efektifitas dalam

pengolahan penerimaan dan penempatan jurusan siswa baru.

3. Salah satu syarat akademik dalam menyelesaikan program

Diploma 3 (D III) pada Politeknik Informatika Nasional Tamalanrea

Makassar.

1.4.2 Manfaat

a. Manfaat untuk Sekolah

1. Untuk meningkatkan kualitas pada pelaksanaan Penerimaan

Siswa Baru.

2. Untuk membantu pengawai atau panitia penerimaan siswa baru

dalam pendataan penerimaan dan seleksi calon peserta didik

baru.

b. Manfaat untuk Siswa

1. Mendapatkan pelayanan PSB yang telah tertib dan lancar

3
 2. Proses PSB yang diikuti sesuai aturan yang berlaku, sehingga

lebih adil (fair), transparan dan akuntabel.

3. Akses 24 jam darimana saja melalui internet.

c. Manfaat untuk Penulis

Menambah ilmu pengetahuan khususnya dalam hal perancangan

sistem.

1.5 Metode Penelitian

Metode air terjun atau sering disebut metode waterfall sering

dinamakan siklus klasik (classic life cycle), dimana hal ini menggambarkan

pendekatan yang sistematis dan juga berurutan pada pengembangan

perangkat lunak, dimulai dengan spesifikasi kebutuhan pengguna lalu

berlanjut melalui tahapan-tahapan perencanaan (modeling), konstruksi

(construction) serta penyerahan sistem ke para pelanggan/pengguna

(deployment), yang diakhiri dengan dukungan pada perangkat lunak lengkap

yang dihasilkan(Pressman, 2012).

Penitian ini menggunakan metodologi pengembangan perangkat lunak

System Development Life Cycle atau terkenal dengan nama Waterfall,

metodologi pengembangan perangkat lunak ini terdiri dari identifikasi

kebutuhan, desain sistem, pengkodean, uji program, dokumentasi dan

pemeliharaan.

1. Identifikasi Kebutuhan Merupakan tahap awal dalam pengembangan

sistem, dalam pengembangan suatu sistem perlu adanya perencanaan

agar tujuan dapat tercapai dengan efektif dan efisien. Perencanaan disini

sudah termasuk mempelajari dan mendalami teori-teori yang dapat

4
 membantu dalam penelitian seperti peraturan-peraturan mengenai daftar

urut kepangkatan.

2. System design, desain Aplikasi Penerimaan Siswa Baru Berbasis Web

pada SMKN 5 GOWA direpresentasikan dengan menggunakan diagram

UML (Unified Modeling Language) .

3. Pengkodean Tahapan ini dilaksanakan berdasarkan hasil perancangan

sistem yang telah dibuat. Perangkat lunak yang dibuat dalam penelitian

ini akan menggunakan bahasa pemrograman php, html javascript, dan

css menggunakan framework boostrap serta mengguna Database Mysql.

4. Uji Program Pengujian yang dilakukan pada tahapan ini akan

menggunakan black box testing untuk mengetahui kesesuaian solusi

yang dihasilkan dari sistem yang dibangun dengan permasalahan yang

ada. Sedangkan evaluasi dilakukan apabila terdapat ketidak sesuaian

antara solusi yang dihasilkan oleh sistem dengan permasalahan yang

ada.

5. Maintenance, tahap ini adalah tahap akhir dalam metode waterfall. Jika

semua tahapan sudah diselesaikan dan sudah menjadi sistem, akan

dijalankan serta dilakukan pemeliharaan. Pemeliharaan ini termasuk

dalam memperbaiki kesalahan yang tidak ditemukan pada langkah

testing sebelumnya. Di tahapan ini lebih mengutamakan maintenance,

karena uji coba ini sangat menentukan apakah sistem akan berhasil atau

tidak memenuhi kebutuhan

5
 BAB II

TINJAUAN PUSTAKAN
2.1 Landasan Teori
2.2.1 Sekolah Menengah Kejuruan (SMK)
Sekolah Menengah Kejuruan (SMK) adalah salah satu bentuk

satuan pendidikan formal yang menyelenggarakan pendidikan

kejuruan pada jenjang pendidikan menengah sebagai lanjutan dari

SMP/MTs atau bentuk lain yang sederajat atau lanjutan dari hasil

belajar yang diakui sama/setara SMP/MTs. ( UU Nomor 20 Tahun

2013, Pasal 18 ayat [3]). Pendidikan kejuruan merupakan pendidikan

menengah yang mempersiapkan peserta didik terutama untuk bekerja

dalam bidang tertentu. (UU Nomor 20 Tahun 2013, Penjelasan Pasal

15).

2.2.2 Penerimaan Peserta Didik Baru

Penerimaan Peserta Didik Baru merupakan proses seleksi

akademis calon siswa untuk menuju jenjang pendidikan yang lebih

tinggi dalam tingkatan SMP, Sebenernya Sistem Aplikasi Penerimaan

Peserta Didik Baru berbasis web ini bagus jika diterapkan, semuanya

akan jadi lebih praktis, efisien, canggih, transparan (semua orang bisa

tau) dan bisa mengurangi terjadinya kecurangan dalam penerimaan

siswa baru, tapi sistem ini juga punya kelemahan, karena menuntut

cost yang lebih besar (dalam pembangunan sistem), SDM yang bagus,

kondisi masyarakat Indonesia pada umumnya yang belum melek

teknologi dan dengan sistem seperti ini akan semakin terjadi gap

antara sekolah yang populer (favorit) dan sekolah yang non-favorit,

 karena calon siswa yang memiliki nilai bagus cenderung memilih

sekolah “yang lebih punya nama”. Secara umum sistem ini udah

bagus dan semoga di masa yang akan datang bisa lebih baik lagi.

Sistem Aplikasi Penerimaan Peserta Didik Baru ini, dirancang khusus

sebagai pusat informasi penerimaan peserta didik baru.

2.2 Sistem Informasi

2.2.1 Pengertian Sistem
Menurut Sutabri (2012:6) sistem adalah sekelompok unsur yang

erat hubungannya satu sama lain, yang berfungsi bersama-sama

untuk mencapai tujuan tertentu.

Sistem dapat didefenisikan sebagai jaringan kerja yaitu

prosedur-prosedur yang berkumpul dan bersama-sama untuk

melakukan suatu sasaran tertentu. Sistem juga merupakan kumpulan

elemen-elemen yang saling terkait dan bekerja sama untuk

memproses masukan (input) yang ditujukan kepada sistem tersebut

dan mengolah masukan tersebut sampai menghasilkan keluaran

(output) yang diinginkan (Subiyakto, Ahlan, Kartiwi, Putra, 2016).

Berdasarkan beberapa definisi tersebut, maka dapat diambil

kesimpulan bahwa sistem merupakan sekelompok unsur atau elemen

yang berhubungan satu dengan yang lain untuk mencapai suatu

tujuan.

2.2.2 Pengertian Informasi

Menurut Sutabri (2012:22) informasi adalah data yang telah

diklasifikasikan atau diolah atau diinterpresentasikan untuk digunakan

dalam proses pengambilan keputusan.

7
 Informasi merupakan kumpulan data yang diolah untuk penerima

yang hasilnya menjadi bentuk yang lebih berguna dan lebih berarti.

Tanpa suatu informasi, suatu sistem tidak akan berjalan dengan

lancar. Sumber informasi adalah data. Data menggambarkan suatu

kejadian yang sedang terjadi, dimana data tersebut akan diolah dan

diterapkan dalam sistem menjadi input yang berguna dalam suatu

sistem (Subiyakto, Septiandani, et al, 2017).

Jadi dapat disimpulkan bahwa informasi adalah suatu data yang

menjadi nilai arti digunakan dalam proses pengambilan keputusan.

Berdasarkan pengertian data dan informasi di atas ditunjukkan

bahwa informasi memiliki hubungan yang erat terhadap data, di mana

data merupakan sumber dari informasi dan informasi merupakan hasil

pengolahan data. Transformasi data menjadi informasi dapat

ditunjukkan oleh Gambar 2.1. Dalam gambar tersebut, input adalah

data yang akan diolah oleh unit pengolah dan output adalah informasi

sebagai hasil pengolahan data yang telah diinputkan. Suatu unit

penyimpan diperlukan sebagai alat simpanan data, pengolah, maupun

informasi.

Gambar 2.1 Tranformasi data menjadi informasi

8
 2.2.3 Pengertian Sistem Informasi

Menurut pendapat Laudon dan Jane P. Laudon (2014:16)

sistem informasi dapat didefenisikan sebagai serangkaian

komponen yang saling berhubungan yang mengumpulkan atau

mendapatkan, memproses menyimpan, dan mendistribusikan

informasi yang mendukung pengambilan keputusan dan

pengawasan didalam sebuah organisasi. Lain lagi menurut

pendapat Sutabri (2012:38) sistem informasi adalah suatu sistem

didalam suatu organisasi yang mempertemukan kebutuhan

pengolahan transaksi harian yang mendukung fungsi operasi

organisasi yang bersifat manajerial dengan kegiatan strategi dari

suatu organisasi yang dapat menyedikan kepada pihak luar tertentu

dengan laporan-laporan yang diperlukan.

Maka dapat disimpulkan sistem informasi adalah suatu

rangkaian komponen yang saling berkaitan untuk mengumpulkan,

memproses serta menyimpan informasi yang mendukung fungsi

operasi organisasi dalam pengambilan keputusan.

2.3 Analisis dan Perancangan Sistem

2.3.1 Analisis Sistem
Analisis sistem merupakan suatu teknik penelitian terhadap

sebuah sistem dengan menguraikan komponen-komponen pada

sistem tersebut dengan tujuan untuk mempelajari komponen itu

sendiri serta keterkaitannya dengan komponen lain yang membentuk

sistem sehingga didapat sebuah keputusan atau kesimpulan

mengenai sistem tersebut baik itu kelemahan ataupun kelebihan

sistem (Sri Mulyani (2016:38) .

9
 Langkah kerja dari analisis sistem yaitu :

1. Melakukan identifikasi permasalahan yang ada pada sistem.

2. Melakukan studi kelayakan dan juga memahami kinerja dari

sistem yang ada.

3. Melakukan analisa dan juga perancangan sistem.

4. Melakukan penerapan sistem.

5. Melakukan evaluasi dan pemeliharaan sistem.

2.3.2 Perancangan Sistem

Perancangan sistem merupakan suatu fase dimana diperlukan

suatu keahlian perancangan untuk elemen-elemen komputer yang

akan menggunakan sistem, yaitu pemilihan peralatan dan program

komputer untuk sistem yang baru (Kristanto(2013:61).

Adapun bagian perancangan sistem antara lain, yaitu :

1. Perancangan database

Merupakan sejumlah kumpulan-kumpulan sebuah data yang

sudah tersimpam didalam media penyimpanan sekunder yang

dipakai untuk menyimpan data-data panjang yang digunakan

sebagai input-an sistem. Kemudian data akan diolah menjadi data

output atau keluaran sistem.

2. Perancangan proses

Merupakan penjelasan suatu proses bekerjanya sistem untuk

melakukan suatu pengolahan data input menjadi data output

menggunakan fungsi yang sudah direncanakan.

3. Perancangan interface

10
 Merupakan bagian dari software yang bisa digunakan oleh

end user yang bias dilihat pada layar monitor apabila sebuah

program dijalankan.

2.4 Alat Analisis dan Perancangan

2.4.1 UML (Unified Modelling Language)
Pada perkembangan teknik pemrograman berorientasi objek,

muncul sebuah standarisasi bahasa pemodelan untuk pembangunan

perangkat lunak yang dibangun dengan menggunakan teknik

pemrograman berorientasi objek yaitu Unified Modeling Language

(UML). UML merupakan bahasa visual yang menjadi standar untuk

menspesifikasikan, menggambarkan, membangun, dan dokumentasi

dari sistem perangkat lunak (Sugiarti, 2013: 34).

Dari pengertian tersebut ada beberapa komponent terhadap UML,

yaitu :

1. Use Case Diagram

Use case diagram merupakan gambaran skenario dari

interaksi antara pengguna dengan sistem. Use case diagram

menggambarkan hubungan antara aktor dan kegiatan yang dapat

dilakukannya terhadap aplikasi.

Simbol Nama Keterangan

Menunjukkan user yang

User akan menggunakan

sistem.

11
 Use Case Menunjukkan proses

yang terjadi pada sistem.

Menggambarkan relasi

Generalization lanjut antar use case

atau menggambarkan

struktur pewarisan antar

actor.

Menggambarkan relasi

Undirectional antara actor dengan use

Association case dan proses

berbasis computer

Dependencies Menggambarkan

or kebergantungan

Instantitiates (dependencies) antar

item

dalam diagram

Tabel 2.1 Tabel Use Case Diagram

2. Class Diagram

Class Diagram adalah diagram statis. Ini mewakili

pandangan statis dari suatu aplikasi. Class diagram tidak hanya

digunakan untuk memvisualisasikan, menggambarkan,

mendokumentasikan berbagai aspek sistem tetapi juga untuk

12
membangun kode eksekusi (executable code) dari aplikasi

perangkat lunak.

Class diagram menggambarkan atribut, operation dan juga

constraint yang terjadi pada sistem. Class diagram banyak

digunakaan dalam pemodelan sistem OO karena mereka

adalah satu-satunya diagram UML, yang dapat dipetakan

langsung dengan Bahasa berorientasi objek. Class diagram

menunjukkan koleksi Class, antarmuka, asosiasi, kolaborasi,

dan constraint. Class diagram juga dikenal dengan diagram

struktural.

Tujuan dari class diagram adalah memodelkan pandangan

statis suatu aplikasi. Secara lebh rinci, tujuan dari class

diagram dapat diringkas sebaagai berikut:

a. Analisis dan design pandangan statis aplikasi.

b. Menjelaskan tanggung jawab suatu sistem.

c. Basis untuk diagram komponen dan penyebaran

(deployment).

d. Forward and reverse engineering.

Berikut adalah tabel simbol-sombol yang ada pada Class

Diagram dijelaskan pada Tabel 2.2:

13
 Tabel 2. 1. Simbol-Simbol Class Diagram

Simbol Deksripsi

Kelas Kelas pada struktur system

Antarmuka Sama dengan konsep interface dalam

pemograman berorintasi objek

Asosiasi terarah Relasi antarkelas dengan makna kelas yang satu

digunakan oleh kelas yang lain, asosiasi biasanya

juga disertai dengan multiplicity

Generalisasi Relasi antarkelas dengan makna generalisasi-

spesifikasi (umum-khusus)

Dependency Relasi antar kelas dengan makna kebergantungan

antar kelas

Agregasi Relasi antarkelaas dengan makna semua bagian

3. Squence Diagram

. Squnece Diagram menggambarkan kelakuan objek pada

use case dengaan medeskripsikan waktu hidup objek dan

message yang dikirimkaan dan diterima antar objek. Untuk

menggambarkan sequence diagram maka harus diketahui

objek-objek yang terlibat dalam use case beserta metode-

14
 metode yang dimiliki kelas yang dionisiasi menjadi objek

itu.Banyak sequence diagram yang harus digambar adalah

minimal sebanyak pendefinisian use case yang memiliki proses

sendiri atau yang penting semua use case yang telah

didenfinisikan interaksi jalannya pesan sudah dirangkum dalam

sequence diagram sehingga semakin banyak use case yang

didenfiniskan maka sequence diagram yang harus dibuat juga

semakin banyak.

Berikut adalah simbol-simbol yang ada pada Sequence

Diagram dijelaskan pada Tabel 2.3:

Tabel 2.3 Simbol Simbol Squence Diagram

Simbol Deskripsi

Aktor Orang, proses, atau sistem lain yang berinteraksi

dengan sistem informasi yang akan dbuat di luar

sistem informasi yang akan di buat sendiri, jadi

walaupun simbol dari akor adalah gambar orang,

tapi actor belum tentu merupakan orang,

biasanyaa dinyatakan menggunakan kata benda

di awal frase nama actor

Garis Hidup/ lifeline Menyatakan kehidupan suatu objek

15
Objek Menyatakan objek yang berinterkasi pesan
Lifeline1

Waktu aktif Menyatakan objek dalam keadaan aktif dan

berinteraksi, semua yang berhubungan dengan

waktu aktif ini adalah sebuah tahapan yang

dilakukan di dalamnya.

Pesan tipe create Menyatakan suatu objek membuat objek yang lain,

arah panah mengarah pada objek yang dibuat

Pesan tipe send Menyatakan bahwa suatu objek mengirimkan

data/masukan/informasi ke objek lainnya, arah

panah menghadap pda objek yang dikirim

Pesan tipe return Menyatakan bahwa suatu objek menjalankan

suatu operasi atau metode menghasilkan suatu

kembalian ke objek tertentu, arah panah objek

menghadap pada objek yang menerima

kembalian.

4. Colaboration Diagram

Component Diagram adalah bagian fisik dari sebuah sistem,

karena menetap di computer, bukan di benak para analis.

Komponen bisa berupa table, file data, file exe, dll (dynamic link

library), dokumen dan lain-lain.

16
 Hubungan antar component dan class yaitu Component adalah

implementasi software dari sebuah class. Class mewakili

abstraksi dari serangkaian attribute dan operation.

Component Diagraam digunakan untuk memodelkan aspek

fisik suatu sistem seperti file yang dapat dieksekusi, pustaka,

file, dokumen, dan lain-lain yang berada node.

Menurut Fowler (2004) hal penting pada component adalah

component mewakili potongan-potongan yang independen

yang bisa dipesan dan diperbaruhui swaktu-waktu. Dengan

demikian, pembagian sistem kedalam component-component

lebih banyak didorong oleh kepentingan marketing dari pada

kepentingan teknis.

Tujuan dari component diagram sebagai berikut:

a. Untuk memberikan gambaran visualisasikan komponen

dari suatu sistem.

b. Untuk membuat file executable dengan teknik forward dan

reverse engineering.

c. Mendeskripsikan organisasi dan relasi antar komponen.

Berikut adalah simbol-sombol yang ada pada diagram

Component Diagram dijelaskan pada Tabel 2.4:

Tabel 2.4 Simbol Simbol Pada Component Diagram

Simbol Deskripsi

Komponen Komponen Sistem

17
Dependency Kebergantungan antar komponen, arah panah

mengarah pada komponen yang dipakai

Antarmuka Sama dengan konsep Inteface pada pemograman

berorintasi objek, yaitu sebagai antarmuka komponen

agar langsung mengaskses langsung komponen

5. Activity Diagram

Activity diagram adalah bagian penting dari UML yang

menggambarkan aspek dinamis dari sistem. Logika prosedural,

proses bisnis dan aliran kerja suatu bisnis bisa dengan mudah

dideskripsikan dalam Activity diagram. Activity diagram

mempunyai peran seperti halnya flowchart, akan tetapi

perbedaanya dengan flowchart adalah activity diagram bisa

mendukung perilaku pararel sedangkan flowchart tidak bisa.

Tujuan dari activity diagram adalah menangkap tingkah laku

dinamis dari sistem dengan cara menunjukkan aliran pesan

dari satu aktifitas ke aktifitas lainnya. Secara umum tujuan dari

activity diagram digambarkan sebagai berikut:

a. Menggambarkan aliran aktifitas dari sistem

b. Menggambarkan urutan aktifitas ke aktifitas lainnya.

18
 c. Menggambarkan paralelisme, percambangan dan aliran

konkuren dan sistem.

Berikut adalah simbol-simbol yang sering digunakan

pada saat pembuatan activity diagram dijelaskan pada Tabel

2.5:

Tabel 2. 5. Simbol-Simbol pada Activity diagram

Simbol Keterangan

Titik awal

Titik Akhir

Activity

Pilihan untuk mengambilan keputusan

Digunakan untuk menunjukkan

kegiatan yang dilakukan secara

pararel atau untuk menggambungkan

dua kegiatan parallel menjadi satu.

Menunjukkan adanya dekomposisi

19
 Tanda pengiriman

Aliran akhir

Di samping untuk memodelkan aliran aktifitas pada suatu

sistem, activity diagram juga bisa digunakan untuk

menggambarkan aliran dari suaatu sistem ke sistem yang lain,

pada kasus aplikasi memeliki banyak sistem. Biasanya Activity

Diagram digambarkan dari level tinggi sehingga memberika

gambaran level tingkat tinggi dari sistem. Level tinggi ini biasanya

digunakan oleh pengguna bisnis atau orang-orang non teknis.

6. State Chart Diagram

Statechart atau State Machine disebut diagram mesin

status atau sering disebut juga diagram mesin status

digunakan untuk menggambarkan perubahan status atau

transisi status dari sebuah mesin atau objek.

Berikut adalah Tabel simbol-simbol yang ada pada

Statechart Diagram dijelaskan pada Tabel 2.6:

20
 Tabel 2.6. Simbol Simbol Pada Statechart Diagram

Simbol Deskripsi

Start/ Status Awal Start atau intial State adalah state atau keadaan

awal pada saat sistem mulai hidup

End/ Status Akhir End atau final state adalah state atau keadaan akhir

dari alur hidup suatu system

Event Event adalah kegiatan yang menyebabkan

berubahnya status mesin

State State atau status adalah keadaan sistem pada

waktu tertentu. State dapat berubah jika ada event

tertentu yang memicuh perubahan tersebut.

7. Component Diagram

Component Diagram adalah bagian fisik dari sebuah sistem,

karena menetap di computer, bukan di benak para analis.

Komponen bisa berupa table, file data, file exe, dll (dynamic link

library), dokumen dan lain-lain.

Hubungan antar component dan class yaitu Component adalah

implementasi software dari sebuah class. Class mewakili

abstraksi dari serangkaian attribute dan operation.

21
 Component Diagraam digunakan untuk memodelkan aspek

fisik suatu sistem seperti file yang dapat dieksekusi, pustaka,

file, dokumen, dan lain-lain yang berada node.

Menurut Fowler (2004) hal penting pada component adalah

component mewakili potongan-potongan yang independen

yang bisa dipesan dan diperbaruhui swaktu-waktu. Dengan

demikian, pembagian sistem kedalam component-component

lebih banyak didorong oleh kepentingan marketing dari pada

kepentingan teknis.

Tujuan dari component diagram sebagai berikut:

a. Untuk memberikan gambaran visualisasikan komponen

dari suatu sistem.

b. Untuk membuat file executable dengan teknik forward dan

reverse engineering.

c. Mendeskripsikan organisasi dan relasi antar komponen.

Berikut adalah simbol-sombol yang ada pada diagram

Component Diagram dijelaskan pada Tabel 2.6:

Tabel 2.7. Simbol Simbol Pada Component Diagram

Simbol Deskripsi

Komponen Komponen Sistem

Dependency Kebergantungan antar komponen, arah panah

mengarah pada komponen yang dipakai

22
Antarmuka Sama dengan konsep Inteface pada pemograman

berorintasi objek, yaitu sebagai antarmuka komponen

agar langsung mengaskses langsung komponen

8. Deployment Diagram

Deployment diagram menunjukkan tata letak sebuah

ssistem secara fisik, menampakkan bagian-bagian software

yang berjalan pada bagian-bagian hardware. Bagian utama

hardware/perangkat keras adalah node: yaitu nama umum

untuk semua jenis sumber komputasi. Ada dua tipe node yang

mungkin. Processor adalah node yang bisa mengeksekusi

sebuah component, sedangkan device tidak. Device adalah

perangkat keras (seperti printer atau monitor) tipikalnya menjdi

interface dengan dunia luar.

Node menggandung artifact, dimana artifact adalah

manifestasi fisik dari software: biasayanyaa file. File-file ini

biasanya bisa dieksekusi/executable (seperti:.EXE file, binner,

DLL, file JAR, Assembly atau script), atau file-file data, file-file

kongfigurasi, dokumen HTML dan lain-lain, Dfatar

sebuahartifact di dalam sebuah node menunjukkan bahwa

artifact tersebut di deploy ke node tersebut pada saat sistem

sedang dijalankan.

Tujuan dari deployment diagram dapat digambarkan

sebagai berikut:

a. Visualisasikan topologi perangkat keras suatu sistem.

23
 b. Menjelaskan komponen software

c. Mejelaskan pemrosesan runtime pada satu node.

Berikut adalah simbol-sombol yang ada pada diagram

Deployment Diagram dijelaskan pada Tabel 2.7:

Tabel 2.8. Simbol-Simbol Deployment Diagram

Simbol Deskripsi

Node Megacuh pada perangkat keras, perangkat lunak yang

tidak dibuat sendiri (software), jika dalam node

disertakan komponen untuk mengkonsiensikan

rancangan maka komponen yang diikut sertakan harus

sesuai dengan komponen yang didenfisikan

sebelumnya pada component diagram

Dependency Kebergantungan antar komponen, arah panah

mengarah pada komponen yang dipakai

Antarmuka Sama dengan konsep Inteface pada pemograman

berorintasi objek, yaitu sebagai antarmuka komponen

agar langsung mengaskses langsung komponen

2.5 Website

Website merupakan kumpulan halaman-halaman yang digunakan untuk

menampilkan informasi teks, gambar diam atau gerak, animasi atau suara,

dan atau gabungan dari semuanya, baik yang bersifat statis mau dinamis

yang membentuk satu rangkaian bangunan yang saling terkait, yang

24
 masing-masing dihubungkan dengan jaringan-jaringan halaman (Bekti

(2015:35). Website dapat diartikan sekumpulan halaman yang terdiri dari

beberapa laman yang berisi informasi dalam bentuk data digital baik berupa

text, gambar, video, audio, dan animasi lainnya yang disediakan melalui jalur

koneksi (Abdullah (2015:1). Dari penjelasan di atas penulis menyimpulkan

website dapat menyampaikan segala informasi bagi pemakainya yang

terhubung dengan sistem internet.

2.6 PHP

PHP adalah Bahasa pemrograman yang ditunjukan untuk kepentingan

pembuatan aplikasi web. Sebagai bahasa pemrograman untuk web, PHP

sebenarnya bukanlah satu-satunya tetapi termasuk yang popular. PHP

memungkinkan pembuatan aplikasi web yang dinamis, dalam arti, dapat

membuat halaman web yang dikendalikan oleh data. Dengan demikian,

perubahan data akan membuat halaman web ikut berubah tanpa harus

mengubah script atau kode yang menyusun halaman web (Abdul Kadir

(2013:17).

2.7 Mysqli

MySQL adalah salah satu aplikasi DBMS yang sudah sangat banyak

digunakan para pemrogram aplikasi web. Kelebihan dari MySQL adalah

gratis, handal, selalu di-update dan banyak forum yang memfasilitasi para

pengguna jika memiliki kendala. MySQL juga menjadi DBMS yang sering di

bundling dengan web server sehingga proses instalasinya jadi lebih mudah

(Priyanto, Hidayatullah dkk (2015:180).

25
2.8 Xampp

Menurut (Ginting (2013:11) XAMPP adalah perangkat lunak gratis yang

mendukung banyak sistem operasi dan merupakan kompilasi dari beberapa

program. Fungsinya adalah sebagai server yang terdiri sendiri

(localcost),yang terdiri atas program Apache HTTP Server, MySQL

database, dan penterjemah bahasa yang ditulis dengan bahasa

pemograman PHP dan Perl. Nama XAMPP merupakan singkatan dari X

(empat sistem operasi apapun), Apache, MySQL, PHP dan Perl. Program ini

tersedia dalam GNU General Public Lisensi dan bebas,merupakan web

server yang mudah digunakan yang dapat melayani tampilam halaman web

yang dinamis. Mengenal bagian XAMPP yang biasa digunakan pada

umumnya :

1. Htdoc

Adalah folder tempat meletakkan berkas-berkas yang akan dijalankan,

seperti berkas PHP, HTML danskrip lain.

2. Php MyAdmin

Merupakan bagian untuk mengelola basis data MySQL yang ada

dikomputer. Untuk membukanya, buka browser lalu ketikkan alamat

http://localhost/phpMyAdmin, maka akan muncul halaman php

MyAdmin.

3. Kontrol Panel

Yang berfungsi untuk mengelola layanan (service) XAMPP .Seperti

menghentikan (stop) layanan, ataupun memulai (start).

26
2.9 HTML (Hypert Text Markup Languange)

HTML merupakan singkatan dari Hyper Text Markup Language. HTML

dikembangkan pertama kali oleh Tim Berners-Lee bersamaan dengan

protokol HTTP (Hypertext Transfer Protocol) pada tahun 1989. Tujuan utama

pengembangan HTML adalah untuk meghubungkan suatu halaman web

dengan halaman web lainnya. Tentunya pada awal pengembangannya

(Solihin (2016:10)

27
 BAB III

ANALISA PERANCANGAN SISTEM

3.1 Analisis Sistem Yang Berjalan
3.1.1 Masalah Yang dihadapi
Sistem penerimaan siswa baru pada SMKN 5 Gowa yang

berlaku saat ini masih mengunakan cara manual. Bagian tata usaha

mengatur jadwal penerimaan dan ujian tes tertulis untuk penempatan

siswa sesuai jurusan yang di pilih, bagian tata usaha mencatat siswa

yang mendaftar pada sekolah dan mengecek apakah siswa lulus

berkas sesuai kriteria sekolah.

Dari penyelenggaraan pengolahan data dalam sistem

penerimaan siswa baru dan penempatan siswa terjadi beberapa

masalah yang terjadi:

1. Dalam pencatatan data penerimaan siswa baru masih dilakukan

secara manual, sehingga menyebabkan lambatnya pelayanan.

2. Proses mengikuti ujian masih menggunakan manual yang dimana

dilakukan dengan mengikuti ujian tes tertulis.

3.1.2 Kesimpulan Hasil Analisis

Kesimpulan dari permasalahan yang dihadapi maka penulis

menyimpulkan Pada sekolah SMKN 5 GOWA, proses penerimaan

siswa baru secara manual untuk pencatatan siswa baru yang mendaftar,

penerimaan siswa baru dibuat berdasarkan siswa yang telah mendaftar

dan dibedakan dengan siswa yang lulus ujian saringan masuk sesuai

dengan kriteria sekolah kemudian hasil dari kelulusan ujian saringan

masuk di print lalu di tempelkan di papan informasi pada sekolah agar

28
 kiranya dapat dilihat oleh siswa, jika siswa dinyatakan lulus maka siswa

dapat melakukan ujian tes tertulis dengan memilih bidang/jurusan yang

diinginkan kemudian siswa menunggu hasil dari ujian tes tertulis yang

telah dilakukan, kemudian bagian panitia/tata usaha akan membagikan

hasil ujain tes tertulis bagi calon siswa yang telah mendaftar.

Sebagai saran atau solusi dari permasalahan tersebut, maka penulis

merancang sebuah sistem informasi yang mampu mempermudah siswa

dalam melakukan pendaftaran siswa baru dan mengetahui kemampuan

siswa dibidangnya melalui tes yang akan diikuti, dan bagi panitia/tata

usaha lebih mudah dalam mencari nama calon siswa yang lulus dan

tidak lulus pada bidang yang diminatinya.

3.1.3 Uraian Prosedur

1. Use case Diagram Uraian Prosedur

Gambar Use Case diagram uraian prosedur ditujukan pada

gambar 3.1 sebagai berikut :

29
Gambar 3.1 Uraian Prosedur

30
 2. Activity Diagram Uraian Prosedur

Gambar Activity Diagram uraian prosedur ditunjukkan pada

gambar 3.2 sebagai berikut

Gambar 3. 2. Activity Diagram Uraian Prosedur

3. Dekomposisi Fungsi

3.1.4 Dekomposisi Fungsi

1. Analisis Kebutuhan Fungsional

Kebutuhan fungsional adalah kebutuhan yaang berisi proses

layanan apa saja yang akan nantinya harus disediakan oleh

31
sistem. Mencakup bagaimana sistem harus bereaksi pada

inputan tertentu dan bagaimana perilaku sistem pada situasi

tertentu seperti berikut:

1.1 Analisis Kebutuhan Calon Siswa

Terdapat 3 model kebutuhan calon siswa, yaitu

kebutuhan pada halaman portal sebelum melakukan

pendaftaran, kebutuhan pada ruang calon siswa setelah

melakukan pendaftaran, dan penempatan siswa. Berikut

kebutuhan calon siswa pada halaman portal :

a. Calon siswa dapat melihat informasi pendaftaran,

b. Calon siswa dapat melihat informasi tentang website,

c. Calon siswa dapat melihat informaasi tentang website,

d. Calon siswa dapar melihat informasi cara pendaftaran,

e. Calon siswa dapat melihat informasi kontak sekolah,

f. Calon siswa dapat melakukan pendaftaran siswa

berbasis web,

g. Calon siswa dapat melihat informasi calon siswa yang

lolos verifikasi dokumen,

h. Calon siswa dapat melihat informasi calon siswa yang

lulus tes ujian penempatan kompetensi

i. Calon siswa dapat melakukan login apabila calon siswa

sudah melakukan registrasi/pendaftaran.

Berikut kebutuhan calon siswa setelah melakukan

login :

32
 a. Calon siswa dapat melengkapi profil siswa yang terdiri

dari data pribadi siswa, data sekolah assal, dan data

orang tua/wali calon siswa. Setelah melengkapi profil

siswa.

b. Calon siswa juga dapat mengunggah/meng-upload

kelengkapan dokumen yang terdiri dari dokumen Kartu

Keluarga(KK), ijazah/SKHU/SKL dengan menggunakan

pdf.

Berikut kebutuhan calon siswa setelah melihat lulus

ujian saringan masuk:

c. Calon siswa melihat apakah lulus ujian saringan masuk,

d. Calon siswa dapat melakukan tes ujian penempatan

siswa,

e. Calon siswa dapat melihat informasai penempatan

siswa yang didalamnya terdapat informaasi keterangan

ujian yang dinyatakan lulus dalam mengikuti ujian

penempatan siswa.

1.2 Analisis Kebutuhan Panitia/Admin

a. Admin dapat membuka atau menutup pendaftaran

siswa baru.

b. Admin dapat mengola info pendaftaran.

c. Admin dapat mengola proses kelulusan siswa baru.

d. Admin dapat mengola soal seleksi siswa baru.

33
 Gambar 3.3 Diagram Organisasi Pada SMKN 5 GOWA

3.1.5 Analisis Masukan

Analisis masukan yang digunakan untuk mendeskripsikan

suatu data inputan yang telah dianalisa atau dirancang, Masukan

yang dibutuhkan adalah data siswa, data dokumen, data jurusan

data soal.

Rancangan masukan dalam sistem penerimaan siswa baru

dan penempatan jurusan berbasis web adalah :

1. Login

a. Calon Siswa Baru

b. Admin

2. Form Input

a. Data siswa

b. Data Dokumen

c. Data jurusan

34
 d. Data Soal

3.1.6 Analisi Keluaran

Analisis atau rancangan keluaran juga dibuat untuk

mendeskripsikan atau menjelaskan suatu data keluaran yang

telah dianalisa atau telah dirancang. Adapun analisis keluarannya

yaitu :

1. Lihat Data Pengguna (Calon Siswa Baru, Admin)

2. Lihat Data Siswa

3. Lihat Data Jurusan

4. Lihat Data Soal

5. Lihat Data Lulus Verifikasi Dokumen

6. Lihat Data Hasil Ujian

3.1.7 Analisis Kebutuhan

• Dalam Pembuatan Sistem Informasi, diperlukan

adanya perancangan dan penganalisaan kebutuha perangkat keras

(hardware) dan perangkat Lunak (software) yang akan digunakan

sebagai pendukung sistem agar dapat berjalan sebagaimana

mestinya.

a. Spesifikasi Perangkat Keras (Hardware)

Perangkat keras (Hardware) adalah semua bagian fisik

komputer yang berfungsi untuk memberikan masukan,

mengolah dan menampilkan keluaran, dan digunakan oleh

sistem untuk menjalankan perintah yang telah di programkan.

1. Processor Intel Core i3 1.9 Ghz

2. Lapotop Lenovo

35
 3. Memory (RAM) 4 GB

4. Windows 10 Single Languange 64-bit

b. Spesifikasi perangkat Lunak (Software)

Perangkat Lunak (Software) adalah istilah khusus untuk

data yang diformat, dan disimpan secara digital, didalamnya

termasuk program computer, dokumentasinya, dan berbagai

informasi yang dapat dibaca, dan ditulis oleh computer.

Berikut beberapa Software pendukung penulis gunakan

dalam pembuatan informasi tersebut:

1. Xampp

2. PhpStrom

3. Google Chrome Browser

3.2 Perancangan Sistem

Rancangan sistem yang akan dibangun dimulai setelah tahap

analisis terhadap sistem selesai dilakukan. Rancangan dimaksudkan

untuk memberikan gambaran secara terperinci. Tahap rancangaan ini

akan memberikan gambaran mengenai aliran informasi dari proses yang

telah berjaalaan dalam sistem yang diusulkan.

3.2.1 Rancangan Proses

Berdasarkan hal-hal yang telah dibahas pada bab-bab

sebelumnya, maka penulis menggunakan pendekataan sistem

berorientasi objek atau UML. Berikut rancangan UML dari sistem

yang hendak Penulis merancang:

A. Use Case Diagram

a. Identifikasi Aktor

36
 Identifikasi Aktor mendeskripsikan interaksi antar

actor di dalam sistem informasi pengelolaan

administrasi ketatausahaan seperti dijelaskan pada

Tabel 3.2:

Tabel 3.1. Identifikasi Aktor

No Aktor Deskripsi

1. Admin Aktor memiliki hal akses penuh dalam memanipulasi dan

mengelolah sebagai berikut:

Data Siswa,Data Kelulusan Verifikasi Dokumen, Data

Jurusan, Data Soal, Data Hasil Ujian, .

2. Calon Siswa Aktor memilikin hak akses sebagai berikut:

Baru
Melihat/Mengelolah Kelengkapan Data Siswa, Mengupload

Dokumen, melihat Data Hasil Lulus Verifikasi Dokumen,

Mengikuti Ujian Kompetensi, Melihat Data Lulus Ujian

Kompetensi.

b. Identifikasi diagram Use Case

Identifikasi Diagram Use case menggambarkan

interaksi antar actor pada Tabel 3.2:

37
 Tabel 3.2. Identifikasi Diagram Use Case

No Use case Deskripsi Actor

1. Login Admin Proses Login hak akses untuk Admin

Admin

2. Login Calon Siswa Proses Login hak akses untuk Calon Siswa

Baru Calon Siswa Baru Baru

3. Olah Data Master Proses untuk mengeolah Data Admin

Master (siswa, Jurusan, Soal,

Dokumen)

4.. Lihat Data Master Proses untuk Melihat Data Admin

Master (siswa, Jurusan, Soal,

Dokumen).

5. Olah Data Registrasi Proses untuk Mengelolah Data Calon Siswa

Registrasi Baru

6. Olah data Dokumen Proses Mengelolah Data Calon Siswa

Dokumen Baru

7. Olah Data Jurusan Proses Untuk Mengelolah data Admin

Jurusan

8. Olah Data Siswa Proses Untuk Mengelolah data Calon Siswa

Siswa Baru

38
 9. Olah Data Proses Proses Untuk Mengelolah data Calon Siswa

Kelulusan Kelulusan Baru

10. Olah Data Soal Proses Untuk Mengelolah Data Admin

Soal

11. Mengikuti Ujian Proses Mengikuti Ujian Calon Siswa

Kompetensi Kompetensi Baru

12. Lihat Data Lulus Proses Untuk Melihat Data Lulus Admin, Calon

Verifikasi Dokumen Verifikasi Dokumen Siswa Baru

13. Olah Data dan Lihat Proses Melihat Hasil Ujian Admin

Hasil Ujian

Kompetensi

14. Lihat Hasil Ujian Proses Melihat hasil Ujian Calon Siswa

Kompetensi Kompetensi Baru

Dalam Use Case Diagram aktornya adalah Admin dan Calon

Siswa baru yag dimana memiliki hak masing-masing. Adapun rancangan Use

Case Aplikasi Penerimaan Siswa baru dan Penempatan Jurusan Berbasis Web

Pada SMKN 5 GOWA pada gambar 3.2

39
 Gambar 3.4. use Case Diagram

c. Scenario Use Case

Untuk setiap Use Case harus dibuatkan

sebuaah scenario dimana scenario tersebut harus

menyebutkan prekondisi (Kondisi Aktor dan sistem

sebelum melalukan aksi) post kondisi (Kondisi Aktor

dan sistem setelah sistem melakukan aksi). Yang

akan dijelaskan pada Tabel 3.3 –

40
 Tabel 3. 3. Skenario Use Case Registrasi

INDENTIFIKASI

Nama Registrasi Calon Siswa Baru

Tujuan Membatasi Hak Akses Admin

Aktor Calon Siswa baru

SKENARIO

Kondisi Tampilan Halaman Aplikasi Penerimaan Siswa baru dan

Awal Penempatan Jurusan Berbasis Web Pada SMKN 5 GOWA

Aksi Aktor Reaksi Sitem

2. Sistem Menampilkan halaman

Registrasi/Pendaftaran Sisw
1. Memasuki Halaman Registrasi
Baru

3. Mengisi Form registrasi dengan

memaksukkan Nisn, Nama

Siswa, Asal Sekolah, Email

5. Sistem Mengelolah Validasi Nisn,

Nama Siswa, Asal Sekolah,

4. Memilih Tombol Submit
Email

6. Jika data yang dimasukkan

lengkap dan benar maka sistem

41
 akan menampilkan halaman

utama Calon siswa baru

7. Jika salah satu kosong atau nisn

dan email sudah terdaftar maka

sistem akan menampilkan pesan

kesalahan dan proses kembali ke

no.3.

SKENARIO ALTERNATIF

Kondisi
Menampilkan Halaman Aktivasi
Akhir

Tabel 3.4. Skenario Use Case Login Admin

INDENTIFIKASI

Nama Login Admin

Tujuan Membatasi Hak Akses Calon siswa Baru

Aktor Admin

SKENARIO

Tampilan Halaman Login Aplikasi Penerimaan Siswa baru

Kondisi
dan Penempatan Jurusan Berbasis Web Pada SMKN 5
Awal
GOWA

42
 Aksi Aktor Reaksi Sitem

2. Sistem Menampilkan halaman

1. Memasuki Halaman Login
login

3. Mengisi Form Login dengan

memaksukkan Email dan

Password

5. Sistem Mengelolah Validasi

4. Memilih Tombol login
Email dan Password

6. Jika email dan password benar

maka sisten akan menampilkan

halaman utama Admin.

7. Jika Email dan Password salah

maka sistem akan menampilkan

pesan kesalahan dan proses

kembali ke no.3.

SKENARIO ALTERNATIF

8. Mengisi Form Login hanya

memasukkan salah satu dari

9. Lihat Kondisi No 7.
Email atau Password atau tidak

diisi keduanya

Kondisi
Menampilkan Halaman Utama Admin.
Akhir

43
 Admin berhasil masuk ke halaman utama Aplikasi

Kesimpulan Penerimaan Siswa baru dan Penempatan Jurusan Berbasis

Web Pada SMKN 5 GOWA

Tabel 3.5. Skenario Use Case Login Calon Siswa Baru

INDENTIFIKASI

Nama Login Calon Siswa Baru

Tujuan Membatasi Hak Akses Admin

Aktor Calon Siswa baru

SKENARIO

Kondisi Tampilan Halaman Login Aplikasi Penerimaan Siswa baru dan

Awal Penempatan Jurusan Berbasis Web Pada SMKN 5 GOWA

Aksi Aktor Reaksi Sitem

9. Sistem Menampilkan halaman

8. Memasuki Halaman Login
login

10. Mengisi Form Login dengan

memaksukkan Username dan

Password

44
 12. Sistem Mengelolah Validasi
11. Memilih Tombol login
Username dan Password

13. Jika username dan password

benar maka sistem akan

menampilkan halaman utama

Calon Siswa baru.

14. Jika Username dan Password

salah maka sistem akan

menampilkan pesan kesalahan

dan proses kembali ke no.3.

SKENARIO ALTERNATIF

15. Mengisi Form Login hanya

memasukkan salah satu dari

16. Lihat Kondisi No 7.
Username atau Password atau

tidak diisi keduanya

Kondisi
Menampilkan Halaman Utama Calon Siswa Baru.
Akhir

Dosen berhasil Masuk ke dalam Aplikasi Penerimaan Siswa

Kesimpulan baru dan Penempatan Jurusan Berbasis Web Pada SMKN 5

GOWA.

45
 Tabel 3.6. Skenario Use Case Olah Data Calon Siswa Baru

INDENTIFIKASI

Nama Olah Data Calon Siswa Baru

Tujuan Untuk Mengolah data Calon Siswa baru

Aktor Calon Siswa baru

SKENARIO

Kondisi Tampilan Halaman Utama Calon Siswa baru

Awal

Aksi Aktor Reaksi Sitem

1. Memasuki Halaman Calon Siswa 2. Menampilkan Halaman

Baru

3. Memilih Menu Lengkapi Data 4. Sistem menampilkan halaman

Lengkapi Data

5. Memilih tombol tambah 6. Sistem menampilkan modal form

Calon Siswa Baru

7. Mengisi form Lengkapi Data 9. Jika data calon siswa baru

8. Memilih tombil simpan lengkap dan data belum ada di

database, maka akan

menyimpan ke dalam databse

46
 dan kembali sistem menmpilkan

halaman calon siswa baru.

10. Jika data calon siswa baru tidak

lengkap maka sistem akan

menampilkan pesan kesalhaan

pada form dan kembali ke aksi

No.7

11. Memilih data calon siswa yang 12. Sistem menampilkan modal fom

ingin diubah dan memelih tombol edit calon siswa baru

edit pada data calon siswa baru

13. Mengupload Dokumen 14. Jika dokumen tidak berupa

ekstensi PDF maka upload

dokumen gagal, jika berupa PDF

maka upload dokumen akan

berhasil

15. Memilih Menu Mengikuti Ujian 16. Jika calon siswa baru lulus

Kompetensu verifikasi dokumen, maka calon

siswa dapat mengikuti ujian

kompetensi, jika tidak lulus maka

siswa tidak dapat mengikuti ujian

kompetensi

Kondisi Menampilkan Halaman Utama Calon Siswa Baru

Akhir

47
Kesimpulan Calon Siswa baru berhasil menambah, mengubah, dan

mengikuti ujian kompetensi.

B. Class Diagram

Class diagram adalah diagram UML yang

menggambarkan kelas-kelas dalam sebuah sistem dan

hubungannya antara satu dengan yang lain, serta

dimasukkan pula atribut dan operasinya.

Gambar 3.5 Class Diagram

C. Sequence Diagram

Pada diagram ini menggambarkan sekuensi tiap

proses yang terjadi pada titik tertentu dalam eksekusi sistem.

Berikut ini merupakan sekuensi proses registrasi.

48
 a. Sequence Diagram Registrasi

Gambar 3.6 Sequence Diagram Registrasi

Pada sequence diagram registrasi siswa akan

mengisi form blanko registrasi yang telah disediakan kemudian

siswa mengisi form yang berisi nisn, Nama siswa, Asal sekolah,

Email siswa.

49
 b. Sequence Diagram Login csb

Gambar 3.7 Sequence Diagram Login CSB

Pada Sequence diagram login pada gambar 3.7, user

akan memasukkan username dan password. Jika

username dan password valid, maka user akan masuk ke

menu utama.

50
c. Sequence Diagram Login Admin

Gambar 3.8 Sequence Diagram Login Admin

d. Sequence Diagram Seleksi

Gambar 3.9 Sequence Diagram Seleksi Penerimaan CSB

51
 Pada sequence diagram seleksi gambar 3.9, admin

akan memilih menu siswa, kemudian admin memilih

submenu pada proses kelulusan pada submenu proses

kelulusan admin mengecek dokumen siswa jika

memenuhi kriteria admin akan mengubah proses

kelulusan dengan memilih seleksi diterima/lulus.

e. Squence Diagram Ujian Kompetensi

Gambar 3.10 Sequence Diagram Ujian Kompetensi

Pada sequence diagram mengikuti ujian pada gambar

3.10 menggambarkan siswa yang telah lulus verifikasi

mengikuti ujian penempatan siswa dimana siswa menjawab

soal-soal yang diberikan sesuai jurusan yang dipilih. Jika

berhasil maka akan ditampilkan sebuah informasi telah

mengikuti ujian dan siswa tidak dapat mengikuti ujian

keduakalinya.

52
 f. Squence Diagram logout

Gambar 3.11 Sequence Diagram Logout

Pada sequence logout user memilih tombol logout, jika

proses logout berhasil maka akan menampilkan menu

utama SMKN 5 GOWA.

B. Colaboration Diagram

Colaboration daigram adalah diagram yang

mengelompokkan pesan pada kumpulan diagram sekuen

menjadi sebuah diagram. Dalam diaagram tersebut

terdapat method yang dijalankan antara objek yang satu

dan objek lainnya.

53
 a. Colaboration Registrasi

Gambar 3.12 Colaboration Diagram Registrasi

b. Colaboration Login CSB

Gambar 3.13 Colaboration Diagram Login CSB

54
 c. Colaboration Seleksi Penerimaan CSB

Gambar 3.14 Colaboration Diagram Seleksi Penerimaan CSB

d. Colaboration Ujian Kompetensi

Gambar 3.15 Colaboration Diagram Ujian Kompetensi

55
 e. Colaboration Input Data

Gambar 3.16 Colaboration Diagram Input Data

f. Colaboration Logout

Gambar 3.17 Colaboration Diagram Logout

56
C. Activity Diagram

Activity Diagram adalah teknik untuk

mendiskripsikan logika procedural, proses bisnis, dan aliran

kerja dalam banyak kasus. Activity diagram mempunyai peran

seperti Flowchart. Berikut ini adalah Activity diagram untuk

masing-masing use case. Activity diagram menggambarkan

aktifitas-aktifitas yang terjadi dalam sistem informasi.

a. Activity Diagram Registrasi

Pada proses registrasi adalah mengisi formulir blanko

yang telah disediakan oleh system. Data calon siswa disi

dengan kemudian akan dikirmkan username dan password

untuk dapat login.

57
Gambar 3.18 Activity Diagram Registrasi

58
b. Activity Diagram Login Csb

Pada gambar 3.19 adalah alur dari login untuk dapat mengelola

data pendaftaran pada SI Penerimaan dan Penempatan Siswa

Baru menggunakan sistem pakar Berbasis Web Pada SMKN 5

GOWA.

Gambar 3.19 Activity Login CSB

Pada proses login, data login akan di periksa dan di

cocokkan dengan DB siswa. Jika data valid maka akan tampil

menu CSB pada pengisian data diri calon siswa. Jika data tidak

valid maka system harus dapat menampilkan kesalahan.

59
c. Activity Diagram Login Admin

Pada gambar 3.20 adalah alur login untuk admin yang

dimana pertama admin harus membuka aplikasimterlebih dahulu

kemudian mengisi email dan password jika valid maka admin

dapat mengolah menu utama admin, jika tidak maka admin harus

melakukan login kembali untuk dapat mengakses menu utama.

Gambar 3.20 Activity DiagramLogin Admin

60
 d. Activity Diagram Seleksi Penerimaan

Pada diagram seleksi penerimaan menggambarkan

admin untuk dapat melakukan seleksi penerimaan untuk CSB

yang memenuhi kriteria.

Gambar 3.21 Activity Diagram Seleksi Penerimaan CSB

e. Activity Diagram Ujian Kompetensi

Pada diagram ujian kompetensi menggambarkan user telah

lolos dari verifikasi yang memenuhi kriteria. Pada diagram ini calon

siswa di haruskan untuk mengikuti ujian penempatan siswa apakah

layak tidaknya di tempatkan pada jurusan kompetensi yang telah di

minati.

61
Gambar 3.22 Activity Diagram Ujian Kompetensi

62
f. Activity Diagram Input

Gambar 3.23 Activity Diagram Input Data

63
 g. Activity Diagram Logout

Pada diagram logout merupakan reaksi sistem

setiap user untuk mengamankan penggunaan sistem bila

sudah dioperasikan. Pengamanan ini dibatasi dengan cara

user memilih menu logout.

Gambar 3.24 Activity Diagram Logout

D. State Chart Diagram

Statechart diagram ini akan menunjukkan

keadaan-keadaan yang mungkin terjadi atau dialami oleh

sebuah objek. Berikut ini pengambaran statechart diagram

pada sistem informasi monitoring tugas-tugas mahasiswa

polinas makassar sebagai berikut gambaran statechart

diagram pada gambar

64
a. State Chart Registrasi

Gambar 3.25 State Chart Diagram Registrasi

65
b. State Chart Login CSB

Gambar 3.26 State Chart Diagram Login CSB

66
c. State Chart Login Admin

Gambar 3.27 State Chart Diagram login Admin

67
 d. State Chart Seleksi Penerimaan CSB

Gambar 3.28 State Chart Diagram Seleksi Penerimaan CSB

68
e. State Chart Input Data

Gambar 3.29 State Chart Diagram Input Data

69
 f. State Chart Ujian Kompetensi

Gambar 3.30 State Chart Diagram Ujian Kompetensi

70
g. State Chart Logout

Gambar 3.31 State Chart Diagram logout

E. Component Diagram

Menggambarkan struktu fisik dari sebuah sistem dan

digunakan untuk mengilustrasikan bagaimana kode

program dibagi menjadi beberapa komponen, Tujuan dari

component diagram adalah menunjukkan hubungan

struktural antara komponen dalam sebuah sistem.

Gambar 3.32 Component Diagram

71
 F. Deployment Diagram

Gambar 3.33 Deployment Diagram

3.3 Rancangan Basis Data

Basis data yang dirancang memuat 10 tabel. Adapun tabel-tabel

tersebut adalah login, cara_daftar, hasil_ujian, identitas_web, informasi,

jurusan, kompetensi, siswa, soal dan transaksi.

3.3.1 Tabel Login admin

Tabel login digunakan untuk menyimpan data admin yang

berhak untuk menggunakan sistem dan mengedit data pa da

sistem.

Nama File : login

Media : hardisk

Isi : data login

Primary key : ID

Struktur :

72
 Tabel 3.7 Struktur tabel login

No Field Tipe Lebar Keterangan

1 Pemberian kode

ID Int 11 otomatis atau

Autoincrement

2 Nama varchar 100 Nama lengkap

admin

3 Email varchar 250 Email admin

4 password varchar 250 Password

admin dienkripsi

dengan fungsi

MD5

5 Aktif enum -

3.3.2 Tabel Cara Daftar

Tabel cara daftar adalah tabel yang berisi cara pendaftaran untuk

calon siswa baru.

Nama File : cara_daftar

Media : hardisk

Isi : data cara_daftar

Primary key : id_caradft

73
 Struktur :

Tabel 3.8 Struktur tabel cara daftar

No Field Tipe Lebar Keterangan

1 Id_caradft int 11 Pemberian

kode otomatis

atau

Autoincrement

2 Deskripsi_caradft text Untuk mengisi

cara daftar

pada sistem

3.3.3 Tabel Hasil Ujian

Tabel hasil ujian adalah tabel yang berisikan hasil ujian dari

siswa yang dimana diambil berdasarkan no registrasi siswa.

Nama File : hasil_ujian

Media : hardisk

Isi : data hasil_ujian siswa

Primary key : id

Struktur :

74
 Tabel 3.9 Struktur tabel hasil ujian

No Field Tipe Lebar Keterangan

1 Id Int 11 Pemberian

kode otomatis

atau

Autoincrement

2 no_reg varchar 20 Id dari tabel

siswa

3 Nilai Int Skor untuk soal

4 Id_jurusan Int 11 Id dari tabel

jurusan

3.3.4 Tabel Identitas_web

Tabel identitas web digunakan untuk mengisi tentang

sekolah. Yang dimana berisi website, nama sekolah, alamat

sekolah dan kode pos.

Nama File : identitas_web

Media : hardisk

Isi : data identitas_web

Primary key : id_identitas

Struktur :

75
 Tabel 3.10 Struktur tabel identitas web

No Field Tipe Lebar Keterangan

1 Id_identitas int 5 Pemberian

kode otomatis

atau

Autoincrement

2 Nm_website varchar 70 Nama website

sekolah

3 nm_sekolah varchar 40 Nama sekolah

4 alamat_sekolah text Alamat sekolah

5 kode_pos int 5 Kode Pos

6 tlp_sekolah varchar 15 Telepon

sekolah

7 email_sekolah varchar 40 Email Sekolah

8 url varchar 50 url / link sekolah

9 Facebook varchar 50 Facebook

sekolah

10 Instagram varchar 30 Instagram

sekolah

11 profil_web text Profil Web

sekolah

12 Meta_deskripsi text

13 Meta_keyboard text

76
3.3.5 Tabel Informasi

Tabel informasi digunakan untuk mengisi suatu informasi

yang berkaitan dengan sekolah.

Nama File : informasi

Media : hardisk

Isi : data informasi

Primary key : id_info

Struktur :

Tabel 3.11 Struktur tabel informasi

No Field Type Lebar Keterangan

1 Id_info int 5 Pemberian

kode otomatis

atau

Autoincrement

2 Judul_info Varchar 30 Judul informasi

3 Pic_info varchar 100 Gambar

informasid

4 Deskripsi_info Text Deskripsi

informasi

5 Aktif_info enum

77
3.3.6 Tabel Jurusan

Tabel jurusan digunakan untuk menyimpan jurusan-

jurusan yang terdapat pada sekolah.

Nama File : jurusan

Media : hardisk

Isi : data jurusan

Primary key : id

Struktur :

Tabel 3.12 Struktur tabel jurusan

No Tipe Field Lebar Keterangan

1 Id int 11 Pemberian

kode otomatis

atau

Autoincrement

2 Nama Varchar 50 Nama jurusan

3 Singkatan varchar 10 Singkatan

jurusan

3.3.7 Tabel Siswa

Tabel siswa adalah tabel yang berisikan data kelengkapan

siswa.

Nama File : siswa

Media : hardisk

Isi : data siswa

78
Primary key : no_reg

Struktur :

Tabel 3.13 Struktur tabel siswa

No Tipe Field Leba Keterangan

1 No_reg varcha 11 Pemberian kode

r otomatis atau

Autoincrement

2 Jurusan1 int 11 Pengambilan

jurusan padda tabel

jurusan

3 Jurusan2 int 11 Pengambilan

jurusan pada tabel

jurusan

4 Tgl_daftar date Tanggal

pendaftaran

5 Jam_daftar time Jam pendaftaran

6 Password varcha 100 password

7 Kode_aktivasi varcha 40 Kode aktivasi

8 Status_aktifasi enum “Y”/”N”

9 Status_verifikasi enum “lulus”/”tunggu”/”tid

ak”

79
10 Ket_lulus enum “lulus”/”tunggu”/”tid

ak”

11 Nis varcha 8 Nis siswa

12 Nisn bigint 10 Nisn siswa

13 nm_siswa varcha 50 Nama siswa

14 Tmp_lahir varcha 50 Tempat lahir siswa

15 Tgl_lahir date Tanggal lahir siswa

16 Jns_kelamin enum “L”/”P”

17 Agama varcha 15 Agama siswa

18 Anak_ke int 3 Anak keberapa

19 Jml_saudara int 3 Jumlah saudara

20 Status_anak varcha 15 Status anak

21 Tinggil_badan int 3 Tinggi badan siswa

22 Berat_badan int 3 Berat badan siswa

23 Gol_darah Varch 2 Golongan darah

ar

24 Alamat_siswa text Alamat siswa

25 Kota_kab varcha 30 Kota atau

r kabupaten

26 Kode_pos int 5 Kode pos

80
27 Hp_siswa varcha 15 Hp siswa

28 Tlp_siswa varcha 12 Telpon siswa

29 Email_siswa varcha 50 Email siswa

30 Status_rumah_s varcha 30 Status rumah siswa

iswa r

31 kendaraan varcha 30 Kendaraan

32 Asal_sekolah varcha 40 Asal sekolah siswa

33 Alamat_sekolah varcha 50 Alamat sekolah

r siswa

34 No_ijazah varcha 25 No ijazah siswa

35 Tgl_ijazah varcha 2 Tanggal ijazah

r siswa

36 Thn_ijazah year 4 Tahun ijazah siswa

37 Nilai_un double Nilai ujian nasional

38 Nm_ayah Varch 50 Nama ayah siswa

ar

39 Nm_ibu varcha 50 Nama ibu siswa

81
 40 Penghasilan_ay Doubl Penghasilan ayah

ajh e

41 Penghasilan_ib double Penghasilan ibu

42 Alamat_orgtua text Alamat orangtua

43 Kota_kab_orgtu varcha 30 Kota kabupaten

a r orangtua

44 Kode_pos_orgtu int 5 Kode pos orangtua

45 Hp_orgtua varcha 15 Hp orangtua

46 Nm_wali varcha 50 Nama wali siswa

47 Pekerjaan_wali varcha 30 Pekerjaan wali

r siswa

48 Penghasilan_wa double Penghasilan wali

li siswa

49 Alamat_wali text Alamat wali siswa

50 Hp_wali varcha 15 Hp wali siswa

51 Penanggung_bi varcha 30 Penanggung biaya

aya r siswa

3.3.8 Tabel Soal

Tabel soal untuk mengisi sebuah soal yang akan digunakan

untuk melakukan ujian pemilihan kompetensi.

82
 Nama File : soal

Media : hardisk

Isi : data soal

Primary key : Id_soal

Struktur :

Tabel 3.14 Struktur tabel soal

No Tipe Field Lebar Keterangan

1 Id_soal Int 11 Pemberian

kode otomatis

atau

Autoincrement

2 Id_jurusan Int 11 Id dari tabel

jurusan

3 Konten Text Isi soal

4 Kunci Enum 0/1

Bobot Int 11 Bobot nilai dari

soal

3.3.9 Tabel Dokumen

Tabel dokumen adalah tabel yang berisikan file dokumen

siswa yang disimpan dengan ekstensi pdf.

Nama File : dokumen

Media : hardisk

Isi : data dokumen

Primary key : id

83
 Struktur :

Tabel 3.15 Struktur tabel dokumen

No Tipe Field Lebar Keterangan

1 Id int 11 Pemberian

kode otomatis

atau

Autoincrement

2 Noreg varchar 20 Diambil dari

noreg dari

tabel siswa

3 Nama_dokumen vaarchar 255 Pemberian

nama

dokumen

3.3.10 Relasi tabel

Gambar 3.34 Relasi Tabel

84
3.4 Rancangan Keluaran

Rancangan keluaran merupakan rancagan untuk mendeskripsikan

atau menjelaskan suatu data keluaran yang telah dirancang. Rancangan

keluaran yang dihasilkan oleh sistem penerimaan siswa baru dan

peempatan siswa adalah hasil ujian penempatan dan verifikasi dokumen.

Gambar 3.35 Rancangan Keluaran Hasil Ujian

Gambar 3.36 Rancangan Keluaran Verifikasi Dokumen

3.5 Rancangan Masukan

2. Input Data Registrasi Siswa

Berikut ini merupakan hasil rancangan input data registrasi siswa

dapat dilihat pada gambar 3.37

85
 Gambar 3.37 Rancangan Registrasi

3. Input Kelengkapan Data Siswa

Berikut ini merupakan hasil rancangan input kelengkapan data

siswa dapat dilihat pada gambar 3.38

Gambar 3.38 Rancangan Kelengkapan Data Siswa

86
4. Input Data Lengkapi Dokumen

Berikut ini merupakan hasil rancangan input kelengkapan

dokumen dapat dilihat pada gambar 3.39

Gambar 3.39 Rancangan Lengkapi Dokumen

5. Input Data Jurusan

Berikut ini merupakan hasil rancangan input data jurusan dapat

dilihat pada gambar 3.40

Gambar 3.40 Rancangan Input Jurusan

87
6. Input Data Soal

Berikut ini merupakan hasil rancangan input data soal dapat

dilihat pada gambar 3.41

Gambar 3.41 Rancangan Input Soal

7. Input Proses Penerimaan

Gambar 3.42 Rancangan Proses Penerimaan

88
3.6 Rancangan Dialog Layar

1. Tampilan Login

Gambar 3.43 Rancangan Tampilan Login

2. Tampilan Menu Utama

Gambar 3.44 Rancangan Menu Utama Admin

89
3. Tampilan Siswa

Gambar 3.45 Rancangan Tampilan Menu Siswa

4. Tampilan Jurusan

Gambar 3.46 Rancangan Tampilan Menu Jurusan

90
5. Tampilan Dokumen

Gambar 3.47 Rancangan Tampilan Menu Dokumen

6. Tampilan Hasil Ujian

Gambar 3.48 Rancangan Tampilan Menu Hasil Ujian

7. Tampilan Soal

91
Gambar 3.49 Rancangan Tampilan Menu Soal

92
 BAB IV

IMPLEMENTASI DAN PENGUJIAN SISTEM

4.1 Impelemntasi Sistem

Pada bab ini adalah tahap dimana sistem penerimaan siswa baru dan

penempatan siswa sesuai dengan analisis dan rancangan dengan teori

yang sudah ditentukan dalam membangun sistem. Implementasi dari

sistem Penerimaan Siswa Baru dan Penempatan Siswa Menggunakan

Sistem Pakar ini dilakukan dengan menggunakan bahasa pemrograman

PHP dengan basis data digunakan adalah MySQL. Yang dimana terbagi

atas Hardware dan Software.

4.1.1 Perangkat Keras (Hardware)

Perangkat keras dibutuhkan berdasarkan kebutuhan

minimal yang harus dipenuhi antara lain :

a. Perangkat Laptop Intel Core i3

b. Memory 4 GB

4.1.2 Perangkat Lunak (Software)

Implementasi basis data dengan menggunakan bahasa SQL,

dimana DBMS yang digunakan adalah MySQL.

4.2 Implementasi User Interface

c. Implementasi form login

Tampilan form login dapat dilihat pada gambar 4.1

93
 Gambar 4.1 Form Login

Gambar 4.2 Tampilan Admin Gagal Login

Gambar 4.3 Tampilan Admin Berhasil Login

94
d. Pengujian

Pengujian yang akan digunakan untuk menguji sistem adalah

metode pengujian black box.

Tabel 4.1 Pengujian Login

Kasus dan Hasil Uji (Data Normal)

Data email: admin@gmail.com; password:admin

masukan

Yang Data login dimasukkan kemudian klik tombol sign in

Diharapkan maka akan dilakukan pengecekan data login.

Apabila data sesuai maka admin dapat mengakses

menu.

Pengamatan Dapat mengisi data login dan tombol login dapat

berfungsi

Kesimpulan Diterima

Tabel 4.2 Pengujian Gagal Login

Kasus dan Hasil Uji (Data Normal)

Data email: xxxxx@.com; password:admin11(inputan

masukan tidak sesuai)

Yang Sistem akan menampilkan pesan “Kesalahan

Diharapkan Data” jika inputan tidak sesuai dengan data login.

Pengamatan Dapat menampilkan kesalahan

Kesimpulan Diterima

95
4.3 Implementasi dan Pengujian Data Siswa

Menu tabel data siswa dapat dilihat pada gambar 4.4, Pengujian

yang akan digunakan untuk menguji sistem adalah metode pengujian

black box.

Gambar 4.4 Menu Data Siswa

e. Implementasi Form Inputan Data Siswa

Gambar 4.5 Form Inputan Data Siswa

96
 Gambar 4.6 Tampilan Kesalahan Inputan Kosong Data Siswa

f. Pengujian

Pengujian yang akan digunakan untuk menguji sistem

adalah metode black box.

Tabel 4.3 Pengujian Input Data Siswa

Kasus dan Hasil Uji (Data Normal)

Yang Kesimpul
Data Masukan Pengamatan
Diharapkan an

Pilih Tombol Lengkapi Muncul form Tampil Form Diterima

Data Lengkapi penambahan data

Data siswa

no_reg, jurusan1, Kategori Dapat mengisi Diterima

jurusan2, tercantum no_reg, jurusan1,

tgl_daftar,jam_daftar, pada select jurusan2,

password,kode_aktiva option (jenis tgl_daftar,jam_daftar,

si,status_aktifasi,statu kelamin,aga password,kode_aktiva

s_verifikasi,ket_lulus, ma, status si,status_aktifasi,statu

nis,nisn,nm_siswa, anak,gol s_verifikasi,ket_lulus,

97
tmp_lahir,tgl_lahir,jns darah, nis,nisn,nm_siswa,

_kelamin,agama,anak kendaraan,ju tmp_lahir,tgl_lahir,jns

_ke,jml_saudara,statu rusan1,jurusa _kelamin,agama,anak

s_anak.tinggi_badan, n2) Data _ke,jml_saudara,statu

berat_badan,gol_dara tersimpan ke s_anak.tinggi_badan,

h,alamat_siswa,kota_ database dan berat_badan,gol_dara

kab,kode_pos,hp_sis menampilkan h,alamat_siswa,kota_

wa,tlp_siswa,email_si alert data kab,kode_pos,hp_sis

swa,status_rumah_sis berhasil wa,tlp_siswa,email_si

wa,kendaraan,asal_s tersimpan swa,status_rumah_sis

ekolah,alamat_sekola wa,kendaraan,asal_s

h,no_ijazah,tgl_ijazah, ekolah,alamat_sekola

thn_ijazah,thn_ijazah, h,no_ijazah,tgl_ijazah,

nilai_un,nm_ayah,nm thn_ijazah,thn_ijazah,

_ibu,penghasilan_aya nilai_un,nm_ayah,nm

h,penghasilan_ibu,ala _ibu,penghasilan_aya

mat_orgtua,kota_kab h,penghasilan_ibu,ala

_orgtua,kode_pos_or mat_orgtua,kota_kab_

gtua,hp_orgtua,nm_w orgtua,kode_pos_orgt

ali,pekerjaan_wali,pen ua,hp_orgtua,nm_wali

ghasilan_wali,alamat_ ,pekerjaan_wali,peng

wali,hp_wali,penangg hasilan_wali,alamat_

ung_biaya wali,hp_wali,penangg

ung (nm_wali,

pekerjaan_wali,alamat

98
 _wali,hp_wali dapat

dikosongkan)

Klik Simpan Data Data tersimpan ke Diterima

tersimpan ke database

database dan

menampilkan

menu data

siswa

Kasus dan Hasil Uji (Data Salah)

Yang Kesimpul
Data Masukan Pengamatan
Diharapkan an

Semua data tidak diisi Sistem Data tidak tersimpan Diterima

menampilkan dan sistem

pesan menampilkan pesan

kesalahan kesalahan sesuai

data dengan yang

diharapkan

4.4 Implementasi dan Pengujian Data Jurusan

Menu tabel jurusan dapat dilihat pada gambar 4.7, Pengujian yang

akan digunakan untuk menguji sistem adalah metode pengujian black

box.

99
 Gambar 4.7 Form Tampilan Menu Jurusan

g. Implementasi Form Input Jurusan

Gambar 4.8 Form Tampilan Input Jurusan

Gambar 4.9 Form Tampilan Edit Jurusan

100
 Gambar 4.10 Form Tampilan pesan Inputan Kosong Jurusan

h. Pengujian

Tabel pengujian inputan data jurusan yang dapat dilihat

pada tabel 4.4

Tabel 4.4 Pengujian Input Jurusan

Kasus dan Hasil Uji (Data Normal)

Data Yang Kesimpul

Pengamatan
Masukan diharapkan an

Klik Muncul Form Tampil Form Diterima

Tombol Input Jurusan Inputan Data

Tambah Jurusan

Data

Nama Semua inputan Dapat mengisi Diterima

Jurusan, tercantum dalam Nama Jurusan

Singkatan text box. dan Singkatan

Klik Data tersimpan Data tersimpan Diterima

Simpan ke database dan Ke database

101
 menampilkan

menu jurusan

serta pesan

bahwa data

berhasil

disimpan

Kasus dan Hasil Uji (Data Salah)

Data Kesimpul
Yang dihrapkan Pengamatan
Masukan an

Semua Sistem Data tidak Diterima

data tidak menampilkan tersimpan dan

diisi pesan kesalahan sistem

dan data tidak menampilkan

tersimpan pesan kesalahan

sesuai dengan

yang diharapkan

4.5 Implementasi dan Pengujian Data Dokumen

Tampilan tabel pengampu dapat dilihat pada gambar 4.11, Pengujian

yang akan digunakan untuk menguji sistem adalah metode pengujian

black box.

102
 Gambar 4.11 Form Tampilan Menu Dokumen

i. Implementasi Form Upload Dokumen

Gambar 4.12 Form Tampilan Upload Dokumen

Gambar 4.13 Tampilan Gagal Upload Dokumen

103
 Gambar 4.14 Tampilan Berhasil Upload Dokumen

j. Pengujian

Tabel 4.5 Pengujian Upload Dokumen

Kasus dan Hasil Uji (Data Normal)

Data Yang Kesimpul

Pengamatan
Masukan diharapkan an

Klik Tombol Muncul Tampilan Tampil Form Diterima

browse file yang akan di upload

upload dokumen

Upload Iupload dokumen Dapat Diterima

dokumen sesuai ekstensi mengupload

yaitu pdf dokumen

Klik upload Data tersimpan Data tersimpan Diterima

ke database dan Ke database

menampilkan

data berhasil

diupload

Kasus dan Hasil Uji (Data Salah)

104
 Data Kesimpul
Yang dihrapkan Pengamatan
Masukan an

Tidak ada Sistem Data tidak Diterima

file yang di menampilkan tersimpan dan

upload pesan kesalahan sistem

dan data tidak menampilkan

tersimpan pesan

kesalahan

sesuai dengan

yang

diharapkan

4.6 Implementasi dan Pengujian Data Soal

Implementasi dan pengujian data soal dapat dilihat pada

gambar 4.15 adapun metode pengujian yang digunakan adalah

pengujian dengan metode blackbox.

105
 Gambar 4.15 Form Menu Data Soal

k. Implementasi Input Data Soal

Gambar 4.16 Form Input Data Soal

Gambar 4.17 Form Edit Data Soal

106
 Gambar 4.18 Form Kesalahan Menginput Lebih Data Soal

Tabel 4.6 Pengujian Input Soal

Kasus dan Hasil Uji (Data Normal)

Data Yang Kesimpul

Pengamatan
Masukan diharapkan an

Klik Tombol Muncul Form Tampil Form Diterima

Tambah Input Data Soal Inputan Data

Data Soal

Soal, Pilih Inputan untuk Dapat mengisi Diterima

Jurusan, Soal file select soal , jurusan

Kunci option (Pilih dan kunci

Jawaban Jurusan, Kunci jawaban

Jawaban)

Klik Simpan Data tersimpan Data tersimpan Diterima

ke database dan Ke database

menampilkan

menu soal serta

pesan bahwa

107
 data berhasil

disimpan

Kasus dan Hasil Uji (Data Salah)

Data Kesimpul
Yang dihrapkan Pengamatan
Masukan an

Data diisi Sistem Data tidak Diterima

lebih dari 5 menampilkan tersimpan dan

soal di tiap pesan kesalahan sistem

jurusan dan data tidak menampilkan

tersimpan pesan

kesalahan

sesuai dengan

yang

diharapkan

4.7 Implementasi dan Pengujian Hasil Ujian

Implementasi dan pengujian hasil ujian dapat dilihat pada

gambar 4.19 adapun metode pengujian yang digunakan adalah

pengujian dengan metode blackbox.

108
 Gambar 4.19 Menu Hasil Ujian

Gambar 4.20 Form Mengikut Ujian Kompetensi

Tabel 4.6 Pengujian Input Mengikuti Ujian Kompetensi

Kasus dan Hasil Uji

Data Jawaban

masukan

Yang Jawaban dimasukkan dan klik tombol Jawab

Diharapkan data diproses. Apabila jawaban sudah diproses

maka siswa dapat melihat hasil ujian pada

halaman utama. Setelah melakukan ujian

109
 maka siswa tidak dapat mengikuti ujian untuk

keduakalinya.

Pengamatan Dapat mengisi semua jawaban, dan tombol

proses dapat berfungsi.

Kesimpulan Diterima

Gambar 4.21 Form Telah Mengikuti Ujian Kompetensi

110