Pembuatan Website Penerimaan Siswa Baru Studi Kasus Yayasan "X".
vi Universitas Kristen Maranatha
ABSTRAK
Dengan semakin padatnya kesibukan orang tua dalam pekerjaan sehingga membuat waktu yang dibutuhkan untuk melakukan pendaftaran anaknya semakin sulit, ditambah dengan kebutuhan untuk mengurangi penggunaan sumber daya kertas sebagai media formulir, sehingga diperlukannya aplikasi untuk menggantikan kebutuhan tersebut. Aplikasi pendaftaran siswa baru secara online yang menggunakan PHP sebagai bahasa pemrogramannya dan MySQL sebagai media penyimpanan database. Fitur-fitur yang terdapat dalam aplikasi ini salah satunya adalah fitur pendaftaran data diri, pendaftaran data keluarga, pendaftaran data berkas, dan pendaftaran data dokter untuk memenuhi kebutuhan data yang diperlukan oleh pihak sekolah. Dengan orang tua dapat mengakses aplikasi pendaftaran online ini, maka orang tua dapat mendaftarkan anaknya tanpa perlu meluangkan waktu untuk membeli formulir dan menyerahkan formulir ke sekolah. Sedangkan pada bagian admin sistem dapat melihat list pendaftar yang sudah mendaftar, menginput nilai tes, merekap data peserta yang sudah tes dan melihat rekap jumlah peserta yang lulus dan tidak lulus tes. Aplikasi yang dihasilkan telah diuji dengan metode black box dan diperoleh hasil bahwa aplikasi tersebut sudah dapat mengolah data sesuai kebutuhan.
(2)
vii Universitas Kristen Maranatha
ABSTRACT
With the dense bustle parent in work, makes time for registration their child increasingly difficult. In other hand, the needs to reduce paper use as a media form are increase. Therefore, new student registration application is need to build. New student registration applications use PHP as a program language and MySQL as a storage database. The application has several features, such as registration they self, family data registration, document registration, and doctor data registration which are needed by the school. By using this application, parents can fill and submitting the registration form, without have to come to school. Although, administration system can look the new students list who is registered, inputted the test score, recap the data of student who finished the test and recapped the data of success and failed the test. The application has been test using black box methodology and obtained the result that the application is already fulfill the school’s needs.
(3)
viii Universitas Kristen Maranatha
DAFTAR ISI
LEMBAR PENGESAHAN ... i
PERNYATAAN ORISINALISTAS LAPORAN PENELITIAN ... ii
PERNYATAAN PUBLIKASI LAPORAN PENELITIAN ... iii
PRAKATA ... iv
ABSTRAK ... vi
ABSTRACT ... vii
DAFTAR ISI ... viii
DAFTAR GAMBAR ... xii
BAB 1 PENDAHULUAN ... 1
1.1 Latar Belakang Masalah ... 1
1.2 Rumusan Masalah ... 1
1.3 Tujuan Pembahasan ... 1
1.4 Ruang Lingkup ... 2
1.5 Sumber Data ... 2
1.6 Sistematika Penyajian ... 2
BAB 2 KAJIAN TEORI ... 4
2.1 Penerimaan Siswa Baru... 4
2.2 Activity Diagram ... 4
2.3 Use Case ... 4
2.4 HTML ... 5
2.5 PHP ... 5
2.6 CSS ... 5
2.7 JAVASCRIPT ... 5
(4)
ix Universitas Kristen Maranatha
3.1 Proses Bisnis ... 6
3.2 Activity Diagram ... 7
3.2.1 Jadwal Pendaftaran... 8
3.2.2 Form Sign up pendaftaran ... 9
3.2.3 Pendaftaran Data Diri ... 10
3.2.4 Melihat Hasil Tes ... 12
3.2.5 Form Data Keluarga ... 13
3.2.6 Form Berkas ... 14
3.2.7 Pendaftaran Data Dokter ... 15
3.2.8 Data validasi ... 16
3.2.9 View List Data Pendaftar ... 18
3.2.10 View Detail Data Diri ... 19
3.2.11 View Detail Data Keluarga ... 20
3.2.12 View Detail Data Berkas ... 21
3.2.13 View Detail Data Dokter ... 21
3.2.14 Set Gelombang Pendaftaran ... 22
3.2.15 Input Nomor Formulir ... 24
3.2.16 Input Nilai Tes... 24
3.2.17 Rekap Data ... 26
3.2.18 View Rekap Data ... 27
3.3 Entity Relationship Diagram ... 28
BAB 4 IMPLEMENTASI ... 29
4.1 Jadwal Pendaftaran... 29
4.2 Form Sign Up Pendaftaran ... 29
4.3 Form Data Diri ... 30
(5)
x Universitas Kristen Maranatha
4.5 Form Berkas ... 31
4.6 Form Dokter ... 31
4.7 Form validasi ... 32
4.8 Form Hasil Tes ... 32
4.9 Form View List Data Siswa ... 33
4.10 Form View Detail Data Pendaftar ... 33
4.10.1 Form View Data Diri Siswa ... 33
4.10.2 Form View Data Keluarga ... 34
4.10.3 Form View Data Bekas... 34
4.10.4 Form View data dokter ... 35
4.11 Form Set gelombang Pendaftaran... 35
4.12 Form Cek Data Siswa ... 35
4.13 Form Input Nomor Formulir ... 37
4.14 Form Input Nilai Tes ... 37
4.15 Form Set Batasan Kuota ... 37
4.16 Form Rekap data Pendaftaran ... 37
4.17 Form View Rekap data Pendaftaran ... 38
BAB 5 PENGUJIAN ... 39
5.1 Pengujian Form Pendaftar... 39
5.1.1 Form Sign Up Pendaftaran ... 39
5.1.2 Pengujian Form Daftar Diri ... 39
5.1.3 Pengujian Form Data Keluarga ... 41
5.1.4 Pengujian Form Daftar Berkas... 42
5.1.5 Pengujian Form Daftar Dokter ... 44
5.1.6 Pengujian Buat Akun ... 45
(6)
xi Universitas Kristen Maranatha
5.2.1 Pengujian Form Set Gelombang Pendaftaran ... 46
5.2.2 Pengujian Form Input Nilai ... 47
5.2.3 Pengujian Form Rekap Data ... 48
5.2.4 Pengujian Form Set Kuota ... 49
5.2.5 Pengujian Form Set Batasan Kuota ... 49
BAB 6 SIMPULAN DAN SARAN ... 51
6.1 Simpulan ... 51
6.2 Saran ... 51
DAFTAR PUSTAKA ... 52
(7)
xii Universitas Kristen Maranatha
DAFTAR GAMBAR
Gambar 3.1 Use Case Diagram ... 7
Gambar 3.2 Rancangan UI Jadwal Pendaftaran ... 8
Gambar 3.3 Activity Jadwal Pendaftaran ... 8
Gambar 3.4Pseudocode Jadwal Pendaftaran... 9
Gambar 3.5 rancangan UI Sign up pendaftaran ... 9
Gambar 3.6 Activity Sign up Pendaftaran ... 10
Gambar 3.7 pseudocode sign up pendaftaran ... 10
Gambar 3.8 Pendaftaran Data Diri ... 11
Gambar 3.9 Activity Diagram Pendaftaran Data Diri ... 11
Gambar 3.10 pseudocode pendaftaran data diri ... 12
Gambar 3.11 Rancangan UI View Hasil Tes ... 12
Gambar 3.12 Activity Diagram View Hasil Tes ... 12
Gambar 3.13 pseudocode lihat hasil tes ... 13
Gambar 3.14 View data diri ... 13
Gambar 3.15Activity Form Data Keluarga ... 14
Gambar 3.16 pseudocode form data keluarga ... 14
Gambar 3.17 Form Data Berkas ... 14
Gambar 3.18 Activity Pengisian Form Data Berkas ... 15
Gambar 3.19 pseudocode data berkas ... 15
Gambar 3.20 Rancangan UI Form Data Dokter... 15
Gambar 3.21 Activity Data Dokter ... 16
Gambar 3.22 pseudocode data dokter ... 16
Gambar 3.23 Rancangan UI Data Keluarga ... 17
Gambar 3.24 Activity form validasi... 17
Gambar 3.25 pseudocode form validasi ... 17
Gambar 3.26 rancangan UI form list data pendaftar ... 18
Gambar 3.27 activity diagramlist data pendaftar ... 18
Gambar 3.28 pseudocode list data pendaftar ... 19
Gambar 3.29 rancangan UI form detail data diri ... 19
(8)
xiii Universitas Kristen Maranatha
Gambar 3.31 pseudocode view data diri ... 20
Gambar 3.32 rancangan UI form data keluarga ... 20
Gambar 3.33 activity diagram view data keluarga... 20
Gambar 3.34 pseudocode view data keluarga ... 20
Gambar 3.35 rancangan UI form data berkas ... 21
Gambar 3.36 activity diagram view data berkas ... 21
Gambar 3.37 pseudocode view data berkas ... 21
Gambar 3.38 rancangan UI form data dokter... 22
Gambar 3.39 activity diagram view data dokter ... 22
Gambar 3.40 pseudocode ciew data dokter... 22
Gambar 3.41 rancangan UI set gelombang pendaftaran ... 23
Gambar 3.42 activity diagramsetdata gelombang ... 23
Gambar 3.43pseudocode set data gelombang ... 23
Gambar 3.44 rancangan UI form input no formulir ... 24
Gambar 3.45 activity diagram input no formulir ... 24
Gambar 3.46 pseudocode input no formulir ... 24
Gambar 3.47 rancangan UI form input nilai tes ... 25
Gambar 3.48 activity diagram input nilai tes ... 25
Gambar 3.49 pseudocode input nilai tes ... 25
Gambar 3.50 rancangan UI form rekap data ... 26
Gambar 3.51 activity diagram rekap data ... 26
Gambar 3.52 rancangan UI form view rekap data ... 27
Gambar 3.53 activity diagram view rekap data ... 27
Gambar 3.54 Entity Relational Diagram ... 28
Gambar 4.1 Form Jadwal Pendaftaran ... 29
Gambar 4.2 Form Sign Up Pendaftaran ... 29
Gambar 4.3 Form Data Diri ... 30
Gambar 4.4 Form Data Keluarga ... 31
Gambar 4.5 Form Berkas ... 31
Gambar 4.6 Form Dokter ... 32
Gambar 4.7 Form Hasil Tes ... 32
(9)
xiv Universitas Kristen Maranatha
Gambar 4.9 Form List Pendaftaran ... 33
Gambar 4.10 Form List Pendaftaran ... 34
Gambar 4.11 Form List keluarga ... 34
Gambar 4.12 Form List data berkas ... 34
Gambar 4.13 Form List Pendaftaran ... 35
Gambar 4.14 Set Gelombang Pendaftaran ... 35
Gambar 4.15 Form Cek kelengkapan data diri ... 36
Gambar 4.16 Form Cek kelengkapan data keluarga ... 36
Gambar 4.17 Form Cek kelengkapan data berkas ... 36
Gambar 4.18 Cek kelengkapan data dokter ... 36
Gambar 4.19 Form List Pendaftaran ... 37
Gambar 4.20 Input Nilai ... 37
Gambar 4.21 Set Batasan Kuota ... 37
Gambar 4.22 view rekap data ... 38
(10)
1 Universitas Kristen Maranatha
BAB 1
PENDAHULUAN
1.1Latar Belakang Masalah
Setiap tahun ajaran baru setiap sekolah melakukan penerimaan siswa baru (PSB) . PSB ini dilakukan secara manual dari mulai pendafataran sampai dengan diterimanya siswa baru. Data-data siswapun disimpan secara manual sehingga menimbulkan kesulitan ketika hendak melihat data, merekap data, dan ketika menyimpan data. Masalah yang terjadi selanjutnya adalah adanya kemungkinan bencana alam yang dapat menjadi masalah terhadap data-data yang disimpan, seperti kebakaran,banjir, dan lainya. Salah satu yayasan sekolah yang melakukan hal itu adalah Yayasan Sekolah Trimulia.
Maka dari itu yayasan sekolah Trimulia hendak membuat website penerimaan siswa baru. Sehingga dapat memudahkan ketika melakukan penyimpanan data, perekapan data, melihat data, dan melakukan pendaftaran. Sehingga dengan adanya website ini diharpakan dapat membantu proses PSB.
1.2Rumusan Masalah
Berdasarkan latar belakang yang telah dipaparkan di atas, dapat disimpulkan pokok permasalahan dalam pembuatan website penerimaan siswa baru yayasan sekolah Trimulia, antara lain adalah:
1. Struktur data seperti apa yang digunakan dalam data base untuk menyimpan
data pendaftar?
2. Bagaimana membuat aplikasi yang memudahkan proses pengolahan data?
1.3Tujuan Pembahasan
Dari latar belakang dan rumusan masalah yang ada, tentunya pembuatan website penerimaan siswa baru yayasan sekolah Trimulia terdapat beberapa tujuan, antara :
1. Membuat struktur data yang dapat melakukan pengolahan data siswa.
(11)
2
Universitas Kristen Maranatha
1.4Ruang Lingkup
Ruang lingkup berisi informasi mengenai apa saja yang akan dibahas/dikerjakan dan apa saja yang tidak dibahas/dikerjakan. Bagian ini penting untuk membatasi apa yang Anda kerjakan dalam kerja praktek atau tugas akhir Anda.
Kerja praktek atau tugas akhir yang merupakan analisis atau audit, maka Anda juga akan memberikan penjelasan mengenai:
1. Metode atau framework
2. Detail batasan analisis
3. Dst.
1.5Sumber Data
Data yang digunakan untuk pembuatan website didapat dari Studi Kasus Yayasan X. Data-data tersebut didapat dari pihak sekolah dan juga Pembimbing TA.
1.6Sistematika Penyajian
Sistematika penyajian dari penyusunan laporan ini adalah sebagai berikut:
BAB I PENDAHULUAN
Bab ini berisi tentang pendahuluan yang terdiri dari latar belakang, rumusan masalah, tujuan pembahasan, batasan masalah, dan sistematika penyajian Laporan Tugas Akhir.
BAB II. KAJIAN TEORI
Bab ini digunakan untuk menjelaskan teori-teori yang berkaitan dengan pembuatan website dan mendukung pembuatan sistem yang ada.
BAB III. TINJAUAN PUSTAKA
Bab ini membahas secara lengkap mengenai pemodelan dan diagram alir sistem kerja dari aplikasi, perancangan desain aplikasi, dan penjelasan sistem.
(12)
3
Universitas Kristen Maranatha BAB IV. HASIL DAN PEMBAHASAN
Bab ini berisikan tentang hasil yang telah dicapai lewat aplikasi
BAB V. PENGUJIAN
Bab ini digunakan untuk hasil pengujian berupa pengujian whitebox dan pengujian blackbox.
Bab VI. KESIMPULAN DAN SARAN
Bab ini berisi simpulan dan saran untuk sistem ini yang dapat digunakan untuk perkembangan aplikasi.
(13)
52
Universitas Kristen Maranatha
BAB 6
SIMPULAN DAN SARAN
6.1Simpulan
Kesimpulan yang didapat dari Pembuatan Website Penerimaan Siswa Baru Studi Kasus Yayasan X adalah sebagai berikut:
1. Struktur data dengan menggunakan 10 entitas sudah dapat memenuhi
kebutuhan database data siswa pendaftar.
2. Program sudah dapat mengelola data siswa.
6.2Saran
Saran untuk pengembangan Website Penerimaan Siswa Baru Studi Kasus Yayasan X adalah sebagai berikut:
1. Website dapat diakses melalui aplikasi mobile.
(14)
53
Universitas Kristen Maranatha
DAFTAR PUSTAKA
[1] http://jutisi. ara atha.edu/i dex.php/jutisi, 6. [O li e].
[2] S. A. S., Management of student development, Riau: Indragiri TM, 2015. [3] N. A., Rekayasa Perangkat Lunak Berorientasi Objek dengan Metode USPD,
Yogyakarta: CV Andi Offset, 2009.
[4] N. A., Rekayasa Perangkat Lunak Menggunakan UML dan Java, Yogyakarta: CV. Andi Offset, 2010.
[5] W. D. S., Introductory COncepts and Techniques Fifth Edition, USA: Cengage Learning, 2009.
[6] K. Tatroe, Programing PHP, United States: O'Reilly Media, 2013. [7] L. I., CSS3, West Sussex: John Wiley & Sons Ltd, 2013.
[8] Javascript for DUmmies 4th Edition, Indianapolis: Wiley Publishing,Inc, 2006. [9] Anhar, Panduan Menguasai PHP & MySQL secara otodidak, Jakarta Selatan:
PT TransMedia, 2010.
[10] I. G. S. Evi Triandini, step by step Desain proyek menggunakan UML, Yogyakarta: CV. Andi Offset, 2012.
(1)
xiv Universitas Kristen Maranatha
Gambar 4.9 Form List Pendaftaran ... 33
Gambar 4.10 Form List Pendaftaran ... 34
Gambar 4.11 Form List keluarga ... 34
Gambar 4.12 Form List data berkas ... 34
Gambar 4.13 Form List Pendaftaran ... 35
Gambar 4.14 Set Gelombang Pendaftaran ... 35
Gambar 4.15 Form Cek kelengkapan data diri ... 36
Gambar 4.16 Form Cek kelengkapan data keluarga ... 36
Gambar 4.17 Form Cek kelengkapan data berkas ... 36
Gambar 4.18 Cek kelengkapan data dokter ... 36
Gambar 4.19 Form List Pendaftaran ... 37
Gambar 4.20 Input Nilai ... 37
Gambar 4.21 Set Batasan Kuota ... 37
Gambar 4.22 view rekap data ... 38
(2)
BAB 1
PENDAHULUAN
1.1Latar Belakang Masalah
Setiap tahun ajaran baru setiap sekolah melakukan penerimaan siswa baru (PSB) . PSB ini dilakukan secara manual dari mulai pendafataran sampai dengan diterimanya siswa baru. Data-data siswapun disimpan secara manual sehingga menimbulkan kesulitan ketika hendak melihat data, merekap data, dan ketika menyimpan data. Masalah yang terjadi selanjutnya adalah adanya kemungkinan bencana alam yang dapat menjadi masalah terhadap data-data yang disimpan, seperti kebakaran,banjir, dan lainya. Salah satu yayasan sekolah yang melakukan hal itu adalah Yayasan Sekolah Trimulia.
Maka dari itu yayasan sekolah Trimulia hendak membuat website penerimaan siswa baru. Sehingga dapat memudahkan ketika melakukan penyimpanan data, perekapan data, melihat data, dan melakukan pendaftaran. Sehingga dengan adanya website ini diharpakan dapat membantu proses PSB.
1.2Rumusan Masalah
Berdasarkan latar belakang yang telah dipaparkan di atas, dapat disimpulkan pokok permasalahan dalam pembuatan website penerimaan siswa baru yayasan sekolah Trimulia, antara lain adalah:
1. Struktur data seperti apa yang digunakan dalam data base untuk menyimpan data pendaftar?
2. Bagaimana membuat aplikasi yang memudahkan proses pengolahan data?
1.3Tujuan Pembahasan
Dari latar belakang dan rumusan masalah yang ada, tentunya pembuatan
website penerimaan siswa baru yayasan sekolah Trimulia terdapat beberapa
tujuan, antara :
1. Membuat struktur data yang dapat melakukan pengolahan data siswa. 2. Membuat website yang memudahkan proses pengolahan data siswa.
(3)
2
Universitas Kristen Maranatha
1.4Ruang Lingkup
Ruang lingkup berisi informasi mengenai apa saja yang akan dibahas/dikerjakan dan apa saja yang tidak dibahas/dikerjakan. Bagian ini penting untuk membatasi apa yang Anda kerjakan dalam kerja praktek atau tugas akhir Anda.
Kerja praktek atau tugas akhir yang merupakan analisis atau audit, maka Anda juga akan memberikan penjelasan mengenai:
1. Metode atau framework 2. Detail batasan analisis 3. Dst.
1.5Sumber Data
Data yang digunakan untuk pembuatan website didapat dari Studi Kasus Yayasan X. Data-data tersebut didapat dari pihak sekolah dan juga Pembimbing TA.
1.6Sistematika Penyajian
Sistematika penyajian dari penyusunan laporan ini adalah sebagai berikut:
BAB I PENDAHULUAN
Bab ini berisi tentang pendahuluan yang terdiri dari latar belakang, rumusan masalah, tujuan pembahasan, batasan masalah, dan sistematika penyajian Laporan Tugas Akhir.
BAB II. KAJIAN TEORI
Bab ini digunakan untuk menjelaskan teori-teori yang berkaitan dengan pembuatan website dan mendukung pembuatan sistem yang ada.
BAB III. TINJAUAN PUSTAKA
Bab ini membahas secara lengkap mengenai pemodelan dan diagram alir sistem kerja dari aplikasi, perancangan desain aplikasi, dan penjelasan sistem.
(4)
BAB IV. HASIL DAN PEMBAHASAN
Bab ini berisikan tentang hasil yang telah dicapai lewat aplikasi
BAB V. PENGUJIAN
Bab ini digunakan untuk hasil pengujian berupa pengujian whitebox dan pengujian blackbox.
Bab VI. KESIMPULAN DAN SARAN
Bab ini berisi simpulan dan saran untuk sistem ini yang dapat digunakan untuk perkembangan aplikasi.
(5)
52
Universitas Kristen Maranatha
BAB 6
SIMPULAN DAN SARAN
6.1Simpulan
Kesimpulan yang didapat dari Pembuatan Website Penerimaan Siswa Baru Studi Kasus Yayasan X adalah sebagai berikut:
1. Struktur data dengan menggunakan 10 entitas sudah dapat memenuhi kebutuhan database data siswa pendaftar.
2. Program sudah dapat mengelola data siswa.
6.2Saran
Saran untuk pengembangan Website Penerimaan Siswa Baru Studi Kasus Yayasan X adalah sebagai berikut:
1. Website dapat diakses melalui aplikasi mobile.
(6)
DAFTAR PUSTAKA
[1] http://jutisi. ara atha.edu/i dex.php/jutisi, 6. [O li e].
[2] S. A. S., Management of student development, Riau: Indragiri TM, 2015. [3] N. A., Rekayasa Perangkat Lunak Berorientasi Objek dengan Metode USPD,
Yogyakarta: CV Andi Offset, 2009.
[4] N. A., Rekayasa Perangkat Lunak Menggunakan UML dan Java, Yogyakarta: CV. Andi Offset, 2010.
[5] W. D. S., Introductory COncepts and Techniques Fifth Edition, USA: Cengage Learning, 2009.
[6] K. Tatroe, Programing PHP, United States: O'Reilly Media, 2013. [7] L. I., CSS3, West Sussex: John Wiley & Sons Ltd, 2013.
[8] Javascript for DUmmies 4th Edition, Indianapolis: Wiley Publishing,Inc, 2006. [9] Anhar, Panduan Menguasai PHP & MySQL secara otodidak, Jakarta Selatan:
PT TransMedia, 2010.
[10] I. G. S. Evi Triandini, step by step Desain proyek menggunakan UML, Yogyakarta: CV. Andi Offset, 2012.