KATA PENGANTAR

(1)

APLIKASI PENDAFTARAN PESERTA DIDIK PROGRAM PENDIDIKAN KESETARAAN PAKET A, B, DAN C PADA SATUAN PENDIDIKAN NON

FORMAL SANGGAR KEGIATAN BELAJAR KOTA PALEMBANG BERBASIS WEBSITE

LAPORAN AKHIR

Laporan Akhir ini disusun untuk memenuhi persyaratan Pendidikan Diploma III Pada Jurusan Manajemen Informatika

Program Studi DIII Manajemen Informatika

Oleh :

Zuliya Feradena 061930800198

POLITEKNIK NEGERI SRIWIJAYA PALEMBANG

2022

(2)

(3)

iii

MOTTO DAN PERSEMBAHAN

“Tujuan pendidikan itu untuk mempertajam kecerdasan, memperkukuh kemauan serta memperhalus perasaan”

(Tan Malaka)

“Mungkin, mereka seperti burung yang terbang tinggi di langit, dan kamu melihat pencapaian mereka dari bawah, but you don’t have to be like them. If they are the birds who fly through the sky, you can be the fish who swims the deepest

ocean.”

(Alvi Syahrin)

Saya persembahkan untuk :

1. Allah SWT yang Maha Pemberi Pertolongan

2. Kedua Orang Tua Tercinta dan adik-adik saya Tersayang Bella Nurainisyah dan Delfiana Zelyah

3. Diri saya sendiri Yang telah berjuang menyelesaikan laporan ini

4. Almamater Kebanggaan 5. Dosen Pembimbing

(4)

iv

ABSTRAK

Pendidikan merupakan akar dari peradaban dan sangat berperan penting dalam mendukung kemajuan bangsa. Banyak cara untuk menempuh pendidikan, baik pendidikan formal maupun non formal. Aplikasi Pendaftaran Peserta Didik Program Pendidikan Kesetaran Paket A, B, dan C pada Satuan Pendidikan Non Formal Sanggar Kegiatan Belajar Kota Palembang Berbasis Web diperlukan secara online sebagai sistem yang memberikan kemudahan dalam proses pendaftaran dan pengelolaan penerimaan peserta didik tanpa harus mengelolanya secara konvensional. Dengan adanya sistem ini, diharapkan SPNF SKB Kota Palembang lebih mudah dalam mengelola penerimaan peserta didik. Aplikasi Pendaftaran Peserta Didik Kesetaraan Paket A, Paket B, dan Paket C ini dibuat menggunakan bahasa pemrograman PHP serta database MySQL. Perancangan Sistem ini terdiri dari Diagram Konteks, Data Flow Diagram, Flowchart, Blockchart, Entity Relationship Diagram dan Kamus Data. Sistem ini memiliki 2 (dua) tipe pengguna yaitu Pegawai SPNF SKB Kota Palembang sebagai admin dan peserta didik, dimana keduanya memiliki hak akses masing-masing. Hasil dari penelitian ini ialah terbangunnya sistem pengelolaan data pendaftar berbasis web dimana calon peserta melakukan pendaftaran melalui website, meningkatkan efektivitas dan efisiensi dalam proses penerimaan peserta didik, serta memudahkan admin melakukan rekapitulasi data pendaftar.

Kata Kunci: Aplikasi, Website, Pendaftaran, Peserta Didik

(5)

v ABSTRACT

Education is the root of civilization and plays an important role in supporting the progress of the nation. There are many ways to take education, both formal and non-formal education. The Application for Student Registration for the Equivalence Education Program Packages A, B, and C at the Non-Formal Education Unit of the Palembang City Learning Activity Center Web-Based is required online as a system that provides convenience in the registration process and management of student admissions without having to manage it conventionally. With this system, it is hoped that the SPNF SKB Palembang City will be easier to manage student admissions. This Package A, Package B, and Package C Equality Student Registration Application was created using the PHP programming language and MySQL database. The design of this system consists of Context Diagrams, Data Flow Diagrams, Flowcharts, Blockchart, Entity Relationship Diagrams and Data Dictionary. This system has 2 (two) types of users, namely SPNF SKB Palembang employees as admins and students, both of which have their own access rights. The results of this study are the establishment of a web-based registrant data management system where prospective participants register via the website, increase effectiveness and efficiency in the student admissions process, and make it easier for admins to recapitulate registrant data.

Keywords: Application, Website, Registration, Students

(6)

vi

KATA PENGANTAR

Alhamdulillah puji dan syukur kehadirat Allah SWT, karena berkat rahmat dan karunia-Nya, penulis dapat menyelesaikan Laporan Akhir yang berjudul

“Aplikasi Pendaftaran Peserta Didik Program Pendidikan Kesetaraan Paket A, B, dan C Pada Satuan Pendidikan Non Formal Sanggar Kegiatan Belajar Kota Palembang Berbasis Website” ini sesuai dengan waktu yang telah ditentukan.

Tujuan dari penyusunan Laporan Akhir ini adalah untuk memenuhi persyaratan pendidikan Diploma III pada Jurusan Manajemen Informatika Politeknik Negeri Sriwijaya.

Dalam penyusunan Laporan Akhir ini, penulis sangat banyak mendapat bantuan, bimbingan dan dukungan dari berbagai pihak, maka penulis mengucapkan terima kasih kepada :

1. Bapak Dr. Ing. Ahmad Taqwa, M.T. selaku Direktur Politeknik Negeri Sriwijaya;

2. Bapak Carlos RS, S.T., M.T. selaku Pembantu Direktur I Politeknik Negeri Sriwijaya;

3. Ibu Nelly Masnilla, S.E., M.Si., Ak, CA., AAPA. selaku Pembantu Direktur II Politeknik Negeri Sriwijaya;

4. Bapak Ahmad Zamheri, S.T., M.T. selaku Pembantu Direktur III Politeknik Negeri Sriwijaya;

5. Bapak Drs. Zakaria, M.T. selaku Pembantu Direktur IV Politeknik Negeri Sriwijaya;

6. Ibu Dr. Indri Ariyanti, SE., M.Si. selaku Ketua Jurusan Manajemen Informatika Politeknik Negeri Sriwijaya;

7. Ibu Rika Sadariawati, SE., M.Si. selaku Ketua Program Studi DIV Manajemen Informatika Politeknik Negeri Sriwijaya;

(7)

vii

8. Bapak Meivi Kusnandar, S.Kom.,M.Kom. selaku Sekretaris Jurusan Manajemen Informatika Politeknik Negeri Sriwijaya;

9. Ibu Leni Novianti, S.Kom.,M.Kom. selaku Dosen Pembimbing yang selalu mengarahkan penulis dalam penulisan Laporan AKhir;

10. Bapak Muhammad Noval, S.E.,M.Si. selaku Dosen Pembimbing yang selalu mengarahkan penulis dalam penulisan Laporan AKhir;

11. Seluruh Dosen dan Staf Jurusan Manajemen Informatika Politeknik Negeri Sriwijaya;

12. Kedua orang tua dan adik-adik saya yang senantiasa memberikan doa dan semangat kepada saya;

13. Rekan-rekan jurusan Manajemen Informatika, terutama kelas 6 IE; dan 14. Semua pihak yang telah membantu dalam menyelesaikan Laporan Akhir ini.

Penulis menyadari bahwa dalam Laporan Akhir ini masih terdapat kesalahan dan kekurangan. Untuk itu, penulis mengharapkan kritik dan saran yang bersifat membangun dari semua pihak agar dapat lebih baik lagi kedepannya. Akhir kata, penulis berharap agar Laporan Akhir ini bermanfaat bagi pembaca, khususnya kepada mahasiswa Jurusan Manajemen Informatika Politeknik Negeri Sriwijaya dan untuk menambah wawasan, sehingga tujuan yang diharapkan dapat tercapai.

Aamiin.

Palembang, Agustus 2022

Penulis

(8)

viii DAFTAR ISI

Halaman

HALAMAN DEPAN ... i

LEMBAR PENGESAHAN ... ii

MOTTO DAN PERSEMBAHAN ... iii

ABSTRAK ... iv

ABSTRACT ... v

KATA PENGANTAR ... vi

DAFTAR ISI ... viii

DAFTAR TABEL ... xiii

DAFTAR GAMBAR ... xiv

BAB I PENDAHULUAN ... 1

1.1. Latar Belakang ... 1

1.2. Rumusan Masalah ... 3

1.3. Batasan Masalah ... 4

1.4. Tujuan dan Manfaat ... 4

1.4.1 Tujuan ... 4

1.4.2 Manfaat ... 5

1.5. Metodologi Penelitian ... 5

1.5.1 Lokasi Pengambilan Data ... 5

1.5.2 Teknik Pengumpulan Data ... 5

1.6. Sistematika Penulisan ... 6

BAB II TINJAUAN PUSTAKA ... 8

2.1. Teori Umum ... 8

2.1.1. Pengertian Komputer ... 8

2.1.2. Pengertian Perangkat Lunak ... 8

2.1.3. Pengertian Internet ... 8

2.1.4. Pengertian Basis Data ... 9

2.1.5. Metode Pengembangan Sistem ... 9

(9)

ix

2.2. Teori Khusus ... 11

2.2.1. Data Flow Diagram (DFD) ... 11

2.2.2. Pengertian Flowchart (Diagram Alur) ... 13

2.2.3. Pengertian Blockchart ... 16

2.2.4. Pengertian Entity Relationship Diagram (ERD) ... 17

2.2.5. Pengertian Kamus Data (Data Dictionary) ... 19

2.3. Teori Program ... 20

2.3.1. Pengertian HTML ... 20

2.3.2. Pengertian CSS ... 20

2.3.3. Pengertian PHP ... 20

2.3.4. Pengertian JavaScript ... 21

2.3.5. Pengertian XAMPP ... 21

2.3.6. Pengertian MySQL ... 22

2.4. Teori Judul... 22

2.4.1. Pengertian Aplikasi ... 22

2.4.2. Pengertian Pendaftaran ... 22

2.4.3. Pengertian Peserta Didik ... 23

2.4.4. Pengertian Program Pendidikan Kesetaraan ... 23

2.4.5. Jenis Program Pendidikan Kesetaraan ... 23

2.4.5.1. Pengertian Program Paket A ... 23

2.4.5.2. Pengertian Program Paket B ... 23

2.4.5.3. Pengertian Program Paket C ... 24

2.4.6. Pengertian Website ... 24

2.4.7. Pengertian Aplikasi Pendaftaran Peserta Didik Program Pendidikan Kesetaraan Paket A, B, dan C Pada Satuan Pendidikan Non Formal Sanggar Kegiatan Kota Palembang Berbasis Website ... 24

BAB III GAMBARAN UMUM INSTANSI ... 25

3.1. Sejarah Singkat Satuan Pendidikan Non Formal Sanggar Kegiatan Belajar Kota Palembang ... 25

3.2. Visi, Misi dan Tujuan Satuan Pendidikan Non Formal Sanggar Kegiatan Belajar Kota Palembang ... 25

3.2.1. Visi ... 25

(10)

x

3.2.2. Misi ... 25

3.2.3. Tujuan ... 26

3.3. Kedudukan, Tugas Pokok dan Fungsi Satuan Pendidikan Non Formal Sanggar Kegiatan Belajar Kota Palembang ... 26

3.3.1. Kedudukan ... 26

3.3.2. Tugas Pokok ... 27

3.3.3. Fungsi ... 27

3.4. Susunan dan Struktur Organisasi Satuan Pendidikan Non Formal Sanggar Kegiatan Belajar Kota Palembang ... 27

3.4.1. Susunan Organisasi ... 27

3.4.2. Struktur Organisasi Satuan Pendidikan Non Formal Sanggar Kegiatan Belajar Kota Palembang ... 28

3.5. Sistem yang Sedang Berjalan ... 30

BAB IV HASIL DAN PEMBAHASAN ... 31

4.1. Penyelidikan Awal ... 31

4.2. Studi Kelayakan ... 31

4.3. Tempat Penelitian ... 32

4.4. Alat dan Bahan ... 33

4.4.1. Alat ... 33

4.4.1.1. Perangkat Keras (Hardware) ... 33

4.4.1.2. Perangkat Lunak (Software) ... 33

4.4.2. Bahan ... 33

4.5. Prosedur Sistem Yang Akan Dibangun ... 33

4.6. Analisis Kebutuhan ... 34

4.6.1. Kebutuhan Fungsional ... 34

4.6.2. Kebutuhan Non Fungsional ... 35

4.7. Perancangan Sistem... 35

4.7.1. Diagram Konteks ... 36

4.7.2. Data Flow Diagram (DFD) ... 37

4.7.2.1. Data Flow Diagram (DFD) Level 1 ... 37

4.7.2.2. Data Flow Diagram (DFD) Level 2 Proses 4 ... 39

(11)

xi

4.7.3. Flowchart ... 41

4.7.3.1. Flowchart Admin ... 41

4.7.3.2. Flowchart Peserta Didik ... 42

4.7.4. BlockChart ... 43

4.7.5. Entity Relationship Diagram (ERD) ... 44

4.7.6. Desain Logika ... 44

4.7.6.1. Kamus Data ... 44

4.7.7. Desain Tabel ... 47

4.7.7.1. Membuat Tabel Database ... 47

4.7.8. Rancangan Sistem Terperinci ... 50

4.7.8.1. Rancangan Halaman Daftar Akun Peserta Didik... 51

4.7.8.2. Rancangan Halaman Login Peserta Didik dan Admin ... 51

4.7.8.3. Rancangan Halaman Beranda Peserta Didik ... 52

4.7.8.4. Rancangan Halaman Visi Misi ... 52

4.7.8.5. Rancangan Halaman Program Kesetaraan Paket A 53 4.7.8.6. Rancangan Halaman Program Kesetaraan Paket B 53 4.7.8.7. Rancangan Halaman Program Kesetaraan Paket C 54 4.7.8.8. Rancangan Halaman Formulir ... 54

4.7.8.9. Rancangan Halaman Formulir (cetak) ... 55

4.7.8.10.Rancangan Halaman Formulir Yang Dicetak ... 55

4.7.8.11.Rancangan Halaman Berkas Untuk Paket A ... 56

4.7.8.12.Rancangan Halaman Berkas Untuk Paket B dan C 56 4.7.8.13.Rancangan Halaman Pengumuman pada Dashboard ... 57

4.7.8.14.Rancangan Halaman Dashboard Admin ... 57

4.7.8.15.Rancangan Halaman Data Admin ... 58

4.7.8.16.Rancangan Halaman Data Peserta ... 58

4.7.8.17.Rancangan Halaman Posting ... 59

4.7.8.18.Rancangan Halaman Info ... 59

4.7.8.19.Rancangan Halaman Laporan ... 60

4.7.8.20.Rancangan Halaman Lihat Laporan... 60

(12)

xii

4.8. Tampilan Program ... 61

4.8.1. Tampilan Halaman Registrasi ... 61

4.8.1. Tampilan Halaman Login ... 61

4.8.2. Tampilan Halaman Dashboard Peserta Didik ... 62

4.8.3. Tampilan Halaman Visi & Misi ... 62

4.8.4. Tampilan Halaman Program Kesetaraan Paket A ... 63

4.8.5. Tampilan Halaman Program Kesetaraan Paket B ... 64

4.8.6. Tampilan Halaman Program Kesetaraan Paket C ... 65

4.8.7. Tampilan Halaman Formulir ... 66

4.8.8. Tampilan Halaman Berkas Untuk Paket A ... 67

4.8.9. Tampilan Halaman Berkas Untuk Paket B dan C ... 68

4.8.10. Tampilan Halaman Dashboard (Pengumuman) ... 69

4.8.11. Tampilan Cetak Formulir ... 70

4.8.12. Tampilan Halaman Dashboard Admin ... 70

4.8.13. Tampilan Halaman Data Peserta ... 71

4.8.14. Tampilan Halaman Verifikasi Peserta Didik dan Input Kelas ... 71

4.8.15. Tampilan Halaman Posting ... 72

4.8.16. Tampilan Halaman Info ... 73

4.8.17. Tampilan Halaman Laporan... 73

4.8.18. Tampilan Laporan Rekapitulasi Pendaftaran Peserta Didik 74 4.9. Pengujian Sistem ... 74

4.9.1. Pengujian Sistem Halaman Admin ... 74

4.9.2. Pengujian Sistem Halaman Peserta Didik ... 77

4.10. Pemeliharaan Sistem ... 78

4.11. Pembahasan ... 79

BAB V KESIMPULAN DAN SARAN ... 80

5.1Kesimpulan ... 80

5.2Saran ... 81 DAFTAR PUSTAKA

LAMPIRAN

(13)

xiii

DAFTAR TABEL

Halaman

Tabel 2.1 Simbol-simbol pada Data Flow Diagram (DFD) ... 11

Tabel 2.2 Simbol-simbol pada Flowchart ... 13

Tabel 2.3 Simbol-simbol pada Blockchart ... 16

Tabel 2.4 Simbol-simbol Entity Relationship Diagram (ERD) ... 18

Tabel 2.5 Simbol-simbol Kamus Data (Data Dictionary) ... 19

Tabel 4.1 Studi Kelayakan Aplikasi... 32

Tabel 4.2 Tabel admin... 47

Tabel 4.3 Tabel posting ... 47

Tabel 4.4 Tabel peserta_didik ... 48

Tabel 4.5 Tabel info ... 50

Tabel 4.6 Tabel Pengujian Sistem Halaman Admin ... 74

Tabel 4.7 Tabel Pengujian Sistem Halaman Peserta Didik... 77

(14)

xiv

DAFTAR GAMBAR

Halaman

Gambar 2.1 Metode Waterfall... 10

Gambar 2.2 Struktur Dokumen Standar HTML ... 20

Gambar 2.3 Contoh penulisan script ... 21

Gambar 3.1 Struktur Organisasi SPNF SKB Kota Palembang ... 29

Gambar 3.2 Sistem yang Sedang Berjalan ... 30

Gambar 4.1 Diagram Konteks... 36

Gambar 4.2 Data Flow Diagram (DFD) Level 1 ... 37

Gambar 4.3 Data Flow Diagram (DFD) Level 2 Proses 4 ... 39

Gambar 4.7 Flowchart Admin ... 41

Gambar 4.8 Flowchart Peserta Didik... 42

Gambar 4.9 Blockchart ... 43

Gambar 4.10 Entity Relationship Diagram (ERD) ... 44

Gambar 4.11 Rancangan Halaman Daftar Akun Peserta Didik ... 51

Gambar 4.12 Rancangan Halaman Login peserta didik dan admin ... 51

Gambar 4.13 Rancangan Halaman Beranda Peserta Didik ... 52

Gambar 4.14 Rancangan Halaman Visi Misi ... 52

Gambar 4.15 Rancangan Halaman Program Kesetaraan Paket A ... 53

Gambar 4.16 Rancangan Halaman Program Kesetaraan Paket B ... 53

Gambar 4.17 Rancangan Halaman Program Kesetaraan Paket C ... 54

Gambar 4.18 Rancangan Halaman Formulir ... 54

Gambar 4.19 Rancangan Halaman Formulir (cetak) ... 55

Gambar 4.20 Rancangan Halaman Formulir ... 55

Gambar 4.21 Rancangan Halaman Berkas Untuk Paket A ... 56

Gambar 4.22 Rancangan Halaman Berkas Untuk Paket B dan C ... 56

Gambar 4.23 Rancangan Halaman Pengumuman pada Dashboard ... 57

(15)

xv

Gambar 4.24 Rancangan Halaman Dashboard Admin ... 57

Gambar 4.25 Rancangan Halaman Data Admin ... 58

Gambar 4.26 Rancangan Halaman Data Peserta... 58

Gambar 4.27 Rancangan Halaman Posting ... 59

Gambar 4.28 Rancangan Halaman Info ... 59

Gambar 4.29 Rancangan Halaman Laporan ... 60

Gambar 4.30 Rancangan Halaman Lihat Laporan ... 60

Gambar 4.31 Tampilan Halaman Registrasi ... 61

Gambar 4.32 Tampilan Halaman Login... 61

Gambar 4.33 Tampilan Halaman Dashboard Peserta Didik ... 62

Gambar 4.34 Tampilan Halaman Visi & Misi ... 62

Gambar 4.35 Tampilan Halaman Program Kesetaraan Paket A ... 63

Gambar 4.36 Lanjutan Tampilan Halaman Program Kesetaraan Paket A... 63

Gambar 4.37 Tampilan Halaman Program Kesetaraan Paket B ... 64

Gambar 4.38 Lanjutan Tampilan Halaman Program Kesetaraan Paket B ... 64

Gambar 4.39 Tampilan Halaman Program Kesetaraan Paket C ... 65

Gambar 4.40 Lanjutan Tampilan Halaman Program Kesetaraan Paket C ... 65

Gambar 4.41 Tampilan Halaman Formulir ... 66

Gambar 4.42 Lanjutan Tampilan Halaman Formulir ... 66

Gambar 4.43 Lanjutan Tampilan Halaman Formulir ... 67

Gambar 4.44 Tampilan Halaman Berkas Untuk Paket A ... 67

Gambar 4.45 Lanjutan Tampilan Halaman Berkas untuk Paket A ... 68

Gambar 4.46 Tampilan Halaman Berkas untuk Paket B dan C ... 68

Gambar 4.47 Lanjutan Tampilan Halaman Berkas untuk Paket B dan C ... 69

Gambar 4.48 Tampilan Halaman Dashboard (Pengumuman) ... 69

Gambar 4.49 Tampilan Cetak Formulir ... 70

Gambar 4.50 Tampilan Halaman Dashboard Admin ... 70

Gambar 4.51 Tampilan Halaman Data Peserta ... 71

Gambar 4.52 Tampilan Halaman Verifikasi Peserta dan Input Kelas ... 71

Gambar 4.53 Tampilan Halaman Posting ... 72

Gambar 4.54 Lanjutan Tampilan Halaman Posting ... 72

(16)

xvi

Gambar 4.55 Tampilan Halaman Info ... 73 Gambar 4.56 Tampilan Halaman Laporan ... 73 Gambar 4.57 Tampilan Laporan Rekapitulasi Pendaftaran Peserta Didik ... 74