PERANCANGAN SISTEM INFORMASI PENERIMAAN CALON SISWA BARU PADA SMK KESEHATAN TRI BHAKTI
AT-TAQWA BERBASIS WEB
Diajukan Oleh : MUHAMAD AKBAR
011190068
Diajukan Sebagai Syarat Menyelesaikan Mata Kuliah Praktik Kerja Lapangan dan Syarat Penyusunan Skripsi
PALEMBANG 2022
i
KEMENTERIAN PENDIDIKAN, KEBUDAYAAN, RISET, DAN TEKNOLOGI INSTITUT TEKNOLOGI DAN BISNIS PALCOMTECH
PRAKTIK KERJA LAPANGAN
PERANCANGAN SISTEM INFORMASI PENERIMAAN CALON SISWA BARU PADA SMK KESEHATAN TRI BHAKTI
AT-TAQWA BERBASIS WEB
Diajukan Oleh : MUHAMAD AKBAR
011190068
Diajukan Sebagai Syarat Menyelesaikan Mata Kuliah Praktik Kerja Lapangan dan Syarat Penyusunan Skripsi
PALEMBANG 2022
KEMENTERIAN PENDIDIKAN, KEBUDAYAAN, RISET, DAN TEKNOLOGI INSTITUT TEKNOLOGI DAN BISNIS PALCOMTECH
HALAMAN PENGESAHAN PEMBIMBING PRAKTIK KERJA LAPANGAN
NAMA : MUHAMAD AKBAR
NOMOR POKOK : 011190068
PROGRAM STUDI : INFORMATIKA JENJANG PENDIDIKAN : STRATA SATU
JUDUL : PERANCANGAN SISTEM INFORMASI
PENERIMAAN CALON SISWA BARU PADA SMK KESEHATAN TRI BHAKTI AT- TAQWA BERBASIS WEB
Tanggal : 06 Juli 2022 Mengetahui,
Pembimbing Rektor
Rendy A. A. Pratama, S.Kom., M.Kom.
NIDN :0223059302
Benedictus Effendi, S.T., M.T.
NIP : 09.PCT.13
iii
KEMENTERIAN PENDIDIKAN, KEBUDAYAAN, RISET, DAN TEKNOLOGI INSTITUT TEKNOLOGI DAN BISNIS PALCOMTECH
HALAMAN PENGESAHAN PENGUJI PRAKTIK KERJA LAPANGAN
NAMA : MUHAMAD AKBAR
NOMOR POKOK : 011190068
PROGRAM STUDI : INFORMATIKA JENJANG PENDIDIKAN : STRATA SATU
JUDUL : PERANCANGAN SISTEM INFORMASI
PENERIMAAN CALON SISWA BARU PADA SMK KESEHATAN TRI BHAKTI AT- TAQWA BERBASIS WEB
Tanggal : 25 Juli 2022 Tanggal : 25 Juli 2022
Penguji 1 Penguji 2
Imroatul Khasanah, S.Kom., M.Kom. Yarza Aprizal, S.Kom., M.Kom.
NIDN : 0206129003 NIDN : 0212049302
Menyetujui, Rektor
Benedictus Effendi, S.T., M.T.
NIP : 09.PCT.13
v
“Jika kamu tidak sanggup menahan lelahnya belajar maka kamu harus sanggup menahan perihnya kebodohan.” (Imam Syafi’i)
Kupersembahkan kepada :
1. Kepada Tuhan Yang Maha Esa 2. Kepada Ayah dan Ibu.
3. Kepada Teman Seperjuangan yang berjuang bersama.
4. Kepada Dosen pembimbing yang saya hormati.
5. Kepada pihak sekolah SMK Kesehatan Tri Bhakti At-Taqwa
KATA PENGANTAR
Puji dan syukur atas kehadirat Allah SWT yang telah memberikan Berkat dan Rahmat Nya dengan kelancaran serta kesempatan unntuk penulis dapat menyelesaikan Laporan Praktik Kerja Lapangan (PKL) ini dengan baik, yang bertujuan untuk memenuhi syarat skripsi untuk menyelesaikan jenjang Pendidikan jurusan S1 Informatika di Institut Teknologi dan Bisnis PalComTech, karenanya penulis berharap serta memohon dukungan dan semangat kepada semua pihak yag membaca laporan ini, dan tidak lupa penulis mengucapkan trimakasih banyak kepada:
1. Bapak Benedictus Effendi, S.T., M.T. selaku Rektor Institut Teknologi dan Bisnis PalComTech.
2. Wakil Rektor 1 Institut Teknologi dan Bisnis PalComTech Ibu Adelin, S.T., M.Kom.
3. Bapak Eka Prasetya Adhy Sugara, S.T., M.Kom. selaku Ketua Program Studi S1 Informatika.
4. Dosen Pembimbing Bapak Rendy Almaheri Adhi Pratama, S.Kom., M.Kom.
5. Dosen Pembimbing Akademik Bapak Yarza Aprizal S.Kom., M.Kom 6. Kedua orang tua saya tercinta, seluruh keluarga dan teman-teman spesial
yang telah memberikan semangat dan dukungan selama pendidikan dan penyusun laporan ini.
Atas bantuan yang telah diberikan kepada penulis, semua dukungan tersebut sangat membantu untuk dapat menyelesaikan Praktik Kerja Lapangan, semoga Allah SWT memberikan balasan atas kebaikan mereka semua. Dalam penyusunan laporan ini, penulis menyadari bahwa masih banyak terdapat kekurangan dalam penyusun laporan ini.
Oleh karena itu penulis harap kepada pembaca untuk memberikan adanya kritik dan saran yang dapat membangun laporan ini untuk menjadi lebih baik.
Semoga laporan Praktik Kerja Lapangan ini berguna dan bermanfaat bagi semua
vii
pihak yang membutuhkan. Akhir kata, atas perhatiannya penulis ucapkan terimakasih.
Palembang, 11 Juli 2022
Penulis
DAFTAR ISI
HALAMAN JUDUL………..……….i
HALAMAN PENGESAHAN PEMBIMBING ... ii
HALAMAN PENGESAHAN PENGUJI ... iii
HALAMAN MOTTO & PERSEMBAHAN ... iv
KATA PENGANTAR ... vi
DAFTAR ISI ... viii
DAFTAR GAMBAR ... xi
DAFTAR TABEL... xiii
DAFTAR LAMPIRAN ... xiv
BAB I PENDAHULUAN 1.1. Latar Belakang ... 1
1.2. Ruang Lingkup ... 2
1.3. Tujuan dan Manfaat Praktik Kerja Lapangan ... 2
1.3.1. Tujuan PKL ... 2
1.3.2. Manfaat ... 3
1.3.2.1. Manfaat Bagi Mahasiswa………..………..3
1.3.2.2. Manfaat Bagi Tempat PKL………..………...3
1.3.2.3. Manfaat Bagi Akademik………..………...3
1.4. Tempat Pelaksanaan PKL ... 4
1.5. Waktu Pelaksanaan PKL ... 4
1.6. Teknik Pengumpulan Data ... 4
1.6.1. Observasi ... 4
ix
1.6.2. Wawancara………...……….………..5
1.6.3. Studi Pustaka………...……….…………...5
BAB II TINJAUAN PUSTAKA 2.1. Landasan Teori ... 6
2.1.1. Perancangan Sistem ... 6
2.1.2. Sistem Informasi ... 6
2.1.3 WebSite ... 6
2.1.4. Basis Data... 7
2.1.5. Flowchart ... 7
2.1.6. Data Flow Diagram (DFD) ... 10
2.1.7. Entity Relationship Diagram ERD………...11
2.1.8. Hypertext markup language (HTML)………...12
2.1.9 Visual Studio Code………...…12
2.1.10 Xampp.………...…13
2.2. Gambaran Umum Perusahaan ... 13
2.2.1. Sejarah ………...13
2.2.2. Visi dan Misi SMK Kesehatan Tri Bhakti At-Taqwa………14
2.2.2.1 Visi SMK Kesehatan Tri Bhakti At-Taqwa…………..……...14
2.2.2.2 Misi SMK Kesehatan Tri Bhakti At-Taqwa…...14
2.2.3 Struktur Organisasi SMK Kesehatan Tri Bhakti At-Taqwa...15
2.3.4 Tugas dan Wewenang……….………..16
2.3.5 Uraian Kegiatan Peraktek Kerja Lapangan……...………21
BAB III PEMBAHASAN
3.1 Hasil Pengamatan ... 23
3.1.1 prosedur Pendaftaran Siswa Baru ... 23
3.1.2 Flowchart Pendaftaran Siswa Baru Yang Diusulkan ... 25
3.2. Evaluasi dan Pembahasan ... 26
3.2.1 Evaluasi ... 26
3.2.2 Pembahasan ... 27
3.2.2.1 Data Flow Diagram(DFD) ... 27
1. Diagram Konteks ... 27
2. Diagram Nol ... 28
3.2.2.2 Entity Relationship Diagram (ERD) ... 29
3.2.2.3 Struktur Tabel ... 30
3.2.2.3 Desain Interface ... 34
3.2.2.4 Hasil Desain Interface ... 45
BAB IV KESIMPULAN DAN SARAN 4.1 Kesimpulan ... 56
4.2 Saran………56
DAFTAR PUSTAKA ... xv
HALAMAN LAMPIRAN……….………xvii
xi
DAFTAR GAMBAR
Gambar 2.1. Struktur Organisasi ... 15
Gambar 3.1 Flowchart pendaftaran yang sedang berjalan ... 24
Gambar 3.2 Flowchart Pendaftaran Siswa Baru Yang Diusulkan ... 25
Gambar 3.3 Diagram Konteks... 28
Gambar 3.4 Diagram Konteks Lovel 0 ... 29
Gambar 3.5 Entity Relationship Diagram (ERD) ... 30
Gambar 3.6 Desain Interface Tampilan Beranda ... 35
Gambar 3.7 Desain Interface Tampilan Jurusan………....…36
Gambar 3.8 Desain Interface Galeri………..36
Gambar 3.9 Desain Interface Pendaftaran..…...……….37
Gambar 3.10 Desain Interface About Us……….………...38
Gambar 3.11 Desain Interface Login Admin ... 38
Gambar 3.12 Desain Interface Dashboard Admin ... 39
Gambar 3.13 Desain Interface Data Pendaftaran Admin... 40
Gambar 3.14 Desain Interface Data Kelulusan Admin ... 41
Gambar 3.15 Desain Interface Setting Pendaftaran ... 41
Gambar 3.16 Desain Interface Beranda Admin ... 42
Gambar 3.17 Desain Interface Galeri Admin ... 43
Gambar 3.18 Desain Inteface Jurusan Admin... 43
Gambar 3.19 Desain Interface Tentang Admin ... 44
Gambar 3.20 Desain Interface Profile Admin ... 45
Gambar 3.21 Hasil Desain Interface Tampilan Halaman Utama………...46
Gambar 3.22 Hasil Desain Interface Tampilan Jurusan ... 46
Gambar 3.23 Hasil Desain Interface Tampilan galeri ... 47
Gambar 3.24 Hasil Desain Interface Tampilan Pendaftaran ... 48
Gambar 3.25 Hasil Desain Interface Tampilan About Us... 48
Gambar 3.26 Hasil Desain Interface Tampilan Login Admin...49
Gambar 3.27 Hasil Desain Interface Tampilan Dashboard Admin...50
Gambar 3.28 Hasil Desain Interface Tampilan Data Pendaftar Admin... 50
Gambar 3.29 Hasil Desain Interface Tampilan Data Kelulusan Admin ... 51
Gambar 3.30 Hasil Desain Interface Tampilan Setting Pendaftar ... 51
Gambar 3.31 Hasil Desain Interface Tampilan Beranda Admin ………..52
Gambar 3.32 Hasil Desain Interface Tampilan Galeri Admin……….…………..53
Gambar 3.33 Hasil Desain Interface Tampilan Jurusan Admin...………...….53
Gambar 3.34 Hasil Desain Interface Tampilan Tentang Admin ……….……….54
Gambar 3.35 Hasil Desain Interface Tampilan Profile Admin………...…….….55
xiii
DAFTAR TABEL
Tabel 2.1. Simbol – Simbol Flowchart ... 7
Tabel 2.3 Simbol – Simbol Data Flow Diagram (DFD) ... 10
Tabel 2.2. Simbol – Simbol Entity Relationship Diagram (ERD) ... 11
Tabel 3.1 Tabel Beranda ... 31
Tabel 3.2 Tabel Jurusan ... 31
Tabel 3.3 Tabel Galeri... 32
Tabel 3.4 Tabel Pendaftaran ... 32
Tabel 3.3 Tabel Setting Pendaftaran ... 34
DAFTAR LAMPIRAN
1. Lampiran 1. Form Topik dan Judul (Fotocopy)
2. Lampiran 2. Surat Balasan dari perusahaan (Fotocopy) 3. Lampiran 3. Form Konsultasi (Fotocopy)
4. Lampiran 4. Surat pernyataan (Fotocopy)
5. Lampiran 5. Form Nilai dari Perusahaan (Fotocopy) 6. Lampiran 6. Form Absensi dari Perusahaan (Fotocopy) 7. Lampiran 7. Form Kegiatan Harian PKL (Fotocopy) 8. Lampiran 8. Form Revisi (Asli)
BAB I
PENDAHULUAN
1.1. Latar Belakang
Perkembangan teknologi yang sangat pesat pada saat ini cukup bermanfaat untuk menjalankan setiap aktifitas, baik aktifitas yang bersifat ringan maupun bersifat rumit. 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.
SMK Kesehatan Tri Bhakti At-Taqwa merupakan Sekolah Menengah Kejuruan swasta dengan status akreditas C yang berlokasi di wilayah desa Kepayang Ogan Komering Ilir. SMK ini di pimpin oleh bapak Zainal Ramadhan, M.Pd. selaku kepala sekolah. SMK Kesehatan Tri Bhakti At-Taqwa masih melakukan proses penerimaan siswa baru dengan cara mengunakan google from yang mengakibatkan siswa sulit mengetahui informasi-informasi yang ada disekolah, yang dimana siswa harus datang kesekolah untuk mengetahui informasi penerimaan kelulusan.
Berdasarkan permassalahan yang ada maka SMK Kesehatan Tri Bhakti At-Taqwa belum memiliki fitur yang lengkap mengenai informasi penerimaan calon Siswa baru, maka diperlukannya adanya suatu sistem informasi pendaftaran yang dapat mengelolah data calon siswa baru sehingga data tersebut dapat tersimpan dengan baik. Maka website merupakan solusi yang
1
tepat untuk menyebar luaskan informasi mengenai penerimaa siswa baru yang tersedia di SMK Kesehatan Tri Bhakti At-Taqwa.
Berdasarkan pada permasalahan diatas, maka muncul gagasan untuk membentuk suatu pengembangan yaitu sistem perancang aplikasi yang berkaitan dengan proses penerimaan siswa baru yaitu “Perancangan Sistem Informasi Penerimaan Calon Siswa Baru Pada SMK Kesehatan Tri Bhakti At-Taqwa Berbasis Web”
1.2. Ruang Lingkup
Agar permasalahan tidak terlalu luas dan dapat mencapai kesimpulan yang tepat, maka penulis membatasi permasalahan dalam penelitian di SMK Kesehatan Tri Bhakti At-Taqwa, meliputi sebagai berikut:
1. Website ini dibagi menjadi dua kategori pengguna diantaranya Admin sekolah/Tata Usaha (TU) dan calon siswa.
2. Alat perancangan sistem menggunakan Flowchart, Data Flow Diagram (DFD) dan Entity Relationship Diagram (ERD).
3. Website ini menampilkan informasi jurusan, galeri, Pendaftaran serta informasi tentang SMK Kesehatan Tri Bhakti At-Taqwa.
4. Sistem informasi pendaftaran calon siswa di implementasikan menggunakan bahasa pemrograman PHP, dan Manajemen database menggunakan MySQL.
1.3. Tujuan dan Manfaat Praktik Kerja Lapangan 1.3.1 Tujuan
Tujuan penyusunan laporan Praktik Kerja Lapangan (PKL) dapat membuat sebuah perancangan sistem informasi penerimaan calon siswa baru
berbasis web yang berguna, dan agar memberikan kemudahan dalam penataan data calon siswa baru.
1.3.2 Manfaat
1.3.2.1 Manfaat Bagi Mahasiswa
Manfaat bagi penulis, adalah sebagai berikut:
1. Mendapatkan ilmu pengetahuan serta dapat menerapkan dan mengembangkan ilmu yang didapat selama menjadi mahasiswa di Institut Teknologi dan Bisnis PalComTech Palembang.
2. Menambah wawasan baru dalam membangun sistem informasi penerimaan calon siswa baru berbasis web pada SMK Kesehatan Tri Bhakti At-Taqwa.
3. Menambah pengalaman serta melatih diri untuk menghadapi permasalahan-permasalahan baru dalam bidang pemrograman.
1.3.2.2. Manfaat Bagi Tempat PKL
Sistem informasi penerimaan siswa baru berbasis web ini diharapkan mempermudah bagi tenaga administrasi sekolah (TU) mengenai pendataan atau pelaporan calon siswa baru.
1.3.2.3. Manfaat Bagi Akademik
Dapat menjadi bahan referensi untuk para penelitian selanjut nya khususnya mahasiswa Institut Teknologi dan Bisnis PalComTech dalam hal ini pembuatan laporan untuk dijadikan perbandingan pada penyusun laporan Praktik Kerja Lapangan (PKL).
1.4. Tempat Pelaksanaan PKL
Pelaksanaan Praktik Kerja Lapangan dilaksanakan di SMK Kesehatan Tri Bhakti At-Taqwa di Jln. Lintas Kepahyang, Kecamatan Lempuing, Kab. OKI, Provinsi Sumatera Selatan.
1.5 Waktu Pelaksanaan PKL
Kegiatan Praktik Kerja Lapangan dilakukan selama satu bulan, pada tanggal 21 Februari 2022 sampai dengan 21 Maret 2022. Hari Senin sampai dengan Sabtu Pukul 07.00-11.00 WIB.
1.6. Teknik Pengumpulan Data 1.6.1 Observasi
Menurut Maulana dan Suryani (2019:11) Observasi merupakan proses yang dilakukan dalam penelitian dengan melakukan pengamatan langsung terhadap kegiatan yang berhubungan dengan masalah yang diambil, yaitu perancangan sistem informasi pendaftaran peserta didik baru berbasis web.
Hasil dari pengamatan tersebut kemudian dicatat dan dianalisa. Dari kegiatan observasi dapat diketahui bagaimana proses dari kegiatan tersebut serta kekurangan dan kesalahan apa saja yang terjadi.
Dalam hal ini penulis melakukan penelitian dan pengamatan secara langsung dilapangan mengenai prosedur pada penerimaan calon siswa baru SMK Kesehatan Tri Bhakti At-Taqwa agar dapat mengetahui kekurangan dan mendapat solusi yang tepat bagi SMK Kesehatan Tri Bhakti At-Taqwa.
1.6.2 Wawancara
Menurut Anisa dan Sayuti (2018:175) data dikumpulkan dengan menggunakan wawancara kepada narasumber secara langsung untuk mengetahui proses sistem yang berjalan dan dokumen-dokumen yang digunakan dalam sistem yang berjalan. Pada penelitian ini wawancara dilakukan langsung kepada ibu Nurul Khasana selaku koordinator tata usaha (TU) untuk mendapatkan data yang dibutuhkan berupa sistem pendaftaran yang selama ini digunakan untuk menerima siswa baru, agar penulis bisa membuat laporan dan pembuatan aplikasi pendaftaran siswa baru berbasis web ini.
1.6.3 Studi Pustaka
Menurut Masse dan Kurniawati (2020:4) Studi Pustaka yaitu mempelajari berbagai laporan hasil penelitian serta buku literatur dan artikel yang berhubungan dengan penelitian ini sebagai pedoman dalam pelaksanaan penelitian agar hasil yang optimal. Dalam hal ini penulis mengumpulkan informasi dari sumber referensi dengan cara membaca dan mempelajari jurnal-jurnal dari internet yang berhubungan dengan masalah penelitian yang dibahas.
xv
BAB II
TINJAUAN PUSTAKA
2.1 Landasan Teori 2.1.1 Perancangan
Menurut Solihin (2017:55) Perancangan adalah suatu kegiatan yang memiliki tujuan untuk mendesign sistem baru yang dapat menyelesaikan masalah-masalah yang dihadapi perusahaan yang diperoleh dari pemilihan alternatif sistem yang terbaik.
2.1.2 Sistem Informasi
Menurut Anggraeni (2017:12) sistem informasi adalah suatu sistem dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajeral dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan informasi yang diperlukan untuk pengambilan keputusan.
2.1.3 Website
Menurut Arizona (2017:107) situs web (website) awalnya merupakan suatu layanan sajian informasi yang menggunakan konsep hyperlink yang memudahkan surfer (sebutan bagi pemakai komputer yang melakukan penyelusuran informasi di internet) untuk mendapatkan informasi dengan cukup mengklik suatu link berupa teks atau gambar maka informasi dari teks atau gambar akan ditampilkan secara lebih terperinci.
6
2.1.4 Basis Data
Menurut Saputra (2018:155) database adalah kumpulan informasi yang disimpan di dalam komputer secara sistematik sehingga dapat diperiksa menggunakan suatu program komputer untuk memperoleh informasi dari basis data tersebut.
2.1.5. Flowchart
Menurut Negara, Edi Surya., Romindo., Rahman, Tanjung., Heriyani, Nofitri., Simarmata, Jenner., Jamaludin., Putra, Tri Andi Eka., Sudarmanto, Eko., dan Purba, Bonaraja. (2021:10) flowchart merupakan representasi dalam bentuk grafik dari setiap tahapan yang digambarkan untuk menunjukan proses penyelesaian sebuah permasalahan dengan sistem informasi. Dimana semua proses dan tahapan tersebuat digambarkan dengan sekumpulan simbol.Sehingga, untuk memepermudah seseorang dalam menjelaskan atau menganalisa alur dari suatu sistem maka sering digunakan flowchart sistem.
Tabel 2.1. Simbol-Simbol Flowchart
Simbol Keterangan
Flow Direction Symbol, Simbol yang digunakan untuk menghubungkan antara simbol yang satu dengan simbol yang lain, Simbol ini juga disebut dengan connecting line.
xv
Sumber : Negara, Romindo, Rahman, Hriyani, Simarmata, Jamaludin dan Purba.
(2021)
Simbol Keterangan
Terminator Symbol, Simbo untuk permulaan (start) atau akhir (stop) dari suatu kegiatan
Connerctor Symbol,untuk keluar - masuk atau penyambung proses pada lembar / halaman yang sama
Connerctor Symbol,untuk keluar - masuk atau penyambung proses pada lembar / halaman yang sama
Prosessing Symbol, Simbol yang
menunjukan pengolahan yang dilakukan oleh komputer
Simbol Manual Operation, Simbol yang menunjukan pengelolahan yang tidak dilakukan oleh komputer
Simbol Decision, simbol pemilihan proses berdasarkan kondisi yang ada.
Simbol input Output, Simbol yang
menyatakan proses input dan output tanpa tergantung dengan jenis peralatannya.
2.1.6
Data Flow Diagram (DFD)
Menurut Irawan (2017:127) Data flow diagram adalah alat pembuatan model yang memungkinkan professional sistem untuk menggambarkan sistem sebagai suatu jaringan proses fungsional yang dihubungkan satu sama lain
Simbol Keterangan
Simbol Manual input, simbol untuk pemasukan data secara manual on-line keyboard
Simbol Preparation, simbol untuk mempersiapkan penyimpanan yang akan digunakan sebagai tempat pengolahan didalam stroge
Simbol Predeline proses, simbol untuk pelaksanaan suatu bagian(sub-
program)/prosedure.
Simbol Display, simbol yang menyatakan, Peralatan output yang digunakan yaitu layar, plotter, printer dan sebagainya.
Simbol Disk and on-line Storage, Simbol yang menyatakan yang berasal dari disk atau disimpan ke disk
Simbol Magnetik Tape Unit, Simbol yang menyatakan input berasal dari pita magnetik atau output disimpan ke pita magnetik
Simbol Dokumen, Simbol yang menyatakan input bersal dari dokumen dalam bentuk kertas atau output dicetak ke kertas.
xv
dengan alur data secara manual maupun komputerisasi. DFD mempunyai empat simbol dalam masing-masing versi diantaranya menurut Irawan dalam Sukrianto dan Oktarina (2017:139).
Tabel 2.2 Simbol pada data flow diagram beserta penjelasan
No Simbol Keterangan
1 Kesatuan luar (Eksternal Entity)
Merupakan kesatuan luar sistem yang dapat berupa orang, Organisasi, atau sistem lainnya yang berada diluar lingkungan luarnya yang memberikan input atau menerima output sistem
2 Proses(Process) Kegiatan atau kerja yang dilakukan oleh mesin atau komputer dari suatu arus data yang masuk kedalam proses untuk dihasilkan arus data yang akan keluar dari proses
No Simbol Keterangan
3 Arus Data (Data Flow) arus data mengalir diantara proses, simpanan data dan kesatuan arus data ini menunjukan arus data dari yang masuk kedalam proses sistem.
4 Aliran data dengan arah khusus dari sumber
ketujuan.
Sumber : Sukrianto dan Oktarina (2017:139).
2.1.7 Entity Relationship Diagram (ERD)
Menurut Puspitasari (dalam jurnal Santi 2021:9), menjelaskan bahwa, Entity Relationship Diagram (ERD) adalah suatu rancangan atau bentuk hubungan suatu kegiatan di dalam sistem yang berkaitan langsung dan mempunyai fungsi di dalam proses tersebut.
Tabel 2.3 Simbol pada Entity Relationship Diagram beserta penjelasan
No Notasi Keterangan
1 Entitas adalah objek yang dapat didentifikasi dalam lingkungan pemakai.
No Notasi Keterangan
Entitas
xv
2 Relasi menunjukkan adanya hubungan di
antara sejumlah entitas yang berbeda.
3 Atribut berfungsi mendeskripsikan karakter entitas (atribut yang berfungsi sebagai key diberi garis bawah).
4 Garis
Garis sebagai penghubung antara relasi dan entitas atau relasi dan entitas dengan atribut.
5 Relasi yang menunjukkan bahwa hubungan
antara entitas pertama dengan entitas kedua adalah satu banding banyak atau sebaliknya.
Sumber : Puspitasari dalam jurnal Santi (2021:9) 2.1.8 Hypertext Markup Language ( HTML )
Menurut Rerung (2018:18) menjelaskan bahwa, Hypertext markup language (HTML) merupakan bahasa dasar pembuatan web. HTML menggunakan tanda (mark), untuk menandai bagian-bagian dari text. HTML disebut sebagai bahasa dasar, karena dalam membuat web, jika hanya menggunakan HTML maka tampilan web terasa hambar.
2.1.9 Visual Studio Code
Menurut Azziddin, (2021:3345) menjelaskan bahwa, Visual Studio Code adalah editor source code yang dikembangkan oleh Microsoft untuk Windows, Linux dan MacOS. Ini termasuk dukungan untuk debugging, GIT
Atribut
Relasi
Relasi
Control yang disematkan, penyorotan sintaks, penyelesaian kode cerdas, cuplikan, dan kode refactoring. Hal ini juga dapat disesuaikan, sehingga pengguna dapat mengubah tema editor, shortcut keyboard, dan preferensi. Hal ini juga dapat disesuaikan, sehingga pengguna dapat mengubah tema editor, shortcut keyboard, dan preferensi. Visual Studio Code gratis dan open source, meskipun unduhan resmi berada di bawah lisensi proprietary.
2.1.10 XAMPP
Menurut Santoso dan Nurmalina (2017:86) Xampp merupakan alat bantu yang menyediakan paket perangkat lunak ke dalam satu buah paket.
Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan menginstalasi dan mengkonfigurasikannya secara otomatis atau auto konfigurasi. XAMPP merupakan paket PHP yang berbasis open source yang dikembangkan oleh sebuah komunitas open source.
2.2 Gambaran Umum Sekolah 2.2.1 Sejarah
SMK Kesehatan Tri Bhakti At-Taqwa merupakan salah satu Sekolah Menengah Kejuruan (SMK) swasta di bawah naungan Yayasan Pendidikan Ponpes Nurul Hidayah dipimpin oleh Bapak KH.Muhsin Salim,S.Pd.I.,M.Pd sebagai ketua Yayasan ponpes Nurul Hidayah dan di pimpin oleh bapak Zainal Ramadhan, M.pd selaku kepala sekolah SMK Kesehatan Tri Bhakti At-Taqwa yang berada di Kabupaten Ogan Komering Ilir yang didirikan pada tahun 16
xv
Juli 2014. SMK Kesehtan Tri Bhakti At-Taqwa berlokasi di Jln. Lintas Kepahyang, Kecamatan Lempuing, Kab. OKI.
Yayasan Pendidikan Ponpes Nurul Hidayah terdiri dari Sekolah Dasar(SD) Sekolah Menengah Pertama (SMP/MA) dan Sekolah Menengah Kejuruan Kesehatan (SMK)
Berdasarkan Keputusan Badan Akreditasi, SMK Kesehatan Tri Bhakti At-Taqwa pada tahun 2018 mendapatkan Akreditasi C (cukup). Baru lah pada tanggal 25 Februari 2022 Yayasan Pendidikan Ponpes Nurul Hidayah meresmikan sebuah Gedung baru yaitu universitas kebidanan. Pimpinan Sekolah Dari Awal Sampai Sekarang.
1. KH.Muhsin Salim,S.Pd.I.,M.Pd 2. Zainal Ramadhan, M.Pd
2.2.2 Visi Dan Misi SMK Kesehatan Tri Bhakti At-Taqwa 2.2.2.1 Visi SMK Kesehatan Tri Bhakti At-Taqwa
Visi SMK Kesehatan Tri Bhakti At-Taqwa adalah sehat, mandiri, dan berakhlak mulia.
2.2.2.2 Misi SMK Kesehatan Tri Bhakti At-Taqwa Misi SMK Kesehatan Tri Bhakti At-Taqwa:
1. Mewujudkan skill dibidang Kesehatan (keperawatan dan famasi) yang optimal.
2. Menciptakan tenaga Kesehatan yang terampil dan professional.
3. Mewujudkan kehidupan social budaya yang berkepribadian, aktif, kreatif dan inovatif.
4. Mencetak agamawan yang berilmu dan ilmuwan yang beragam.
5. Menjadi teladan bagi kehidupannya.
2.2.3 Struktur Organisasi
Sumber : SMK KESEHATAN TRI BhAKTI AT-TAQWA Gambar 2.1 Struktur Organisasi
2.2.4 Tugas dan Wewenang
Uraian tugas merupakan suatu rincian yang menunjukan posisi, tanggung jawab, wewenang, fungsi, dan tugas-tugas yang harus dikerjakan oleh seseorang personil. Berikut ini adalah tugas
xv
dan tanggung jawab masing-masing dari jabatan atau bagian pada struktur organisasi SMK Kesehatan Tri Bhakti At-Taqwa.
A. Kepala sekolah
1. Menyusun perencanaan.
2. Mengorganisir kegiatan.
3. Mengarahkan kegiatan.
4. Mengkoordinasikan kegiatan.
5. Melaksanakan pengawasan.
6. Melakukan evaluasi terhadap kegiatan.
7. Menentukan kebijaksanaan.
8. Mengadakan rapat.
9. Mengambil keputusan.
10. Mengatur proses belajar mengajar.
11. Mengatur administrasi.
a. Ketatausahaan.
b. Sarana dan Prasarana.
c. Peserta didik.
d. Keuangan/RAPBS.
e. Ketenagaan.
12. Mengatur organisasi siswa intra sekolah (OSIS).
13. Mengatur hubungan sekolah dengan masyarakat dan instansi terkait.
B. Wakil Kepala Sekolah
1. Penyusunan rencana pembuatan program kegiatan.
2. Program pelaksanaan.
3. Pengorganisasian.
4. Pengarahan.
5. Ketenaggaan.
6. Pengkoordinasian.
7. Pengawasan.
8. Penilaian.
9. Identifikasi dan pengumpulan.
10. Penyusunan laporan.
C. Tata Usaha
1. Penyusunan program kerja tata usaha sekolah.
2. Mengelola Administrasi Sekolah
3. Pengurusan dan pelaksanaan administrasi / sarana prasarana sekolah
4. Penyusunan Administrasi Kesiswaan 5. Penyusunan Administrasi Kurikulum 6. Penyusunan Administrasi Kepegawaian 7. Penyusunan Administrasi Humas
8. Penyusunan Administrasi Ketatausahaan D. Komite Sekolah
xv
1. Mendorong tumbuhnya perhatian dan komitmen masyarakat terhadap penyelenggaraan pendidikan yang bermutu.
2. Melakukan kerjasama dengan masyarakat (perorangan/ organisasi/ dunia usaha/ dunia industri) dan pemerintah berkenaan dengan penyelenggaraan pendidikan yang bermutu.
3. Menampung dan menganalisis aspirasi, ide, tuntutan, dan berbagai kebutuhan Pendidikan yang diajukan oleh masyarakat.
E. Bidang Kurikulum
1. Menyusun program pengajaran.
2. Menyusun pembagian tugas dan jadwal pelajaran.
3. Menyusun jadwal pelaksanaan ulangan umum semester serta ujian akhir.
4. Menerapkan kriteria persyaratan naik/tidak naik dan Kreteriake lulusan.
5. Mengatur jadwal penerimaan buku laporan penilaian hasil belajar dan surat tanda kelulusan (STK)
6. Mengkoordinasikan dan mengarahkan penyusunan satuan pelajaran.
7. Menyusun laporan pelaksanaan pelajaran.
8. Membina kegiatan Musyawarah Guru Mata Pelajaran (MGMP).
9. Membina kegiatan sanggar Penilaian Kinerja Guru (PKG)/ Musyawarah Guru Mata Pelajaran (MGMP) /Media.
10. Melaksanakan pemilihan siswa berprestasi.
11. Mengatur Mutasi Siswa.
12. Membina kegiatan lomba akademis.
F. Urusan Kesiswaan
1. Menyusun program pembinaan kesiswaan / OSIS.
2. Melaksanakan bimbingan, pengarahan dan pengendalian.
3. kegiatan peserta didik / OSIS dalam rangka menegakkan disiplin dan tata tertib sekolah serta pemilihan pengurusan OSIS.
4. Membina pengurus OSIS dalam berorganisasi.
5. Menyusun program dan jadwal pembinaan peserta didik secara berkala dan insidental.
6. Membina dan melaksanakan koordinasi keamanan, ketertiban, kebersihan, kekeluargaan kerindangan, keindahan dan kesehatan.
7. Melaksanakan pemilihan calon siswa berprestasi dan penerimaan beasiswa.
xv
8. Mengadakan pemilihan peserta didik untuk mewakili sekolah dalam kegiatan diluar sekolah.
9. Mengatur mutasi peserta didik.
10. Menyusun program kegiatan ekstrakulikuler.
G. Urusan Hubungan Masyarakat
1. Mengatur dan menyelenggarakan hubungan sekolah dengan orang tua/wali peserta didik.
2. Membina hubungan antar sekolah dengan komite.
3. Membina pengembangan hubungan antara sekolah dengan lembaga pemerintah, dunia usaha, dan lembaga social lainnya.
4. Menyusun laporan pelaksanaan hubungan masyarakat secara berkala.
H. Urusan Sarana dan Prasarana
1. Menyusun rencana kebutuhan sarana dan prasarana.
2. Mengkoordinasikan pendayagunaan sarana dan prasarana.
3. Pengelola pembiayaan alat-alat pengajaran.
4. Menyusun laporan pelaksanaan urusan sarana dan prasarana secara berkala.
I. Guru
1. Membuat pengajaran Analisis 2. Materi Pelajaran (AMP).
3. Silabus.
4. Program tahunan.
5. Program semester.
6. Program Satuan Pelajaran (SP).
7. Program Rencana Pelajaran (RP).
8. Program mingguan.
9. Lembar Kerja Siswa (LKS).
2.2.5 Uraian Kegiatan
Selama melaksanakan kegiatan praktik kerja lapangan (PKL) yang telah dilaksanakan selama satu bulan pada tanggal 21 Februari 2022 sampai dengan 21 Maret 2022 di SMK KESEHATAN TRI BHAKTI AT-TAQWA, dalam proses pelaksanan PKL mahasiswa di bimbing dan di arahkan oleh pembimbing lapangan yang ada di SMK KESEHATAN TRI BHAKTI AT- TAQWA, dan di tempatkan di Ruang Tata usaha (TU). Pada hari pertama sampai hari ketiga penulis diajak keliling kelas sambil memperkenalankan diri dan mengisi kelas-kelas yang sedang kosong.
Pada hari ke empat penulis membantu acara peresmian Gedung Universitas Keperawatan dan membantu beberapa kegiatan selama peresmian gedung baru tersebut. Pada hari selanjutnya sampai dengan selesai penulis tetap ditempatkan ditata usaha dan masih mengisi jam pelajaran yang sedang kosong serta membantu sekolah untuk mendata calon siswa yang telah mendaftar diSMK Kesehatan Tri Bhakti At-Taqwa serta membantu
xv
kegiatan yg ada disana dan memenuhi segala tata tertib kegiatan yang berlaku.
BAB III PEMBAHASAN
3.1. Hasil pengamatan
Berdasarkan hasil pengamatan yang telah dilakukan penulis selama melaksanakan Praktik Kerja Lapangan (PKL) diSmk Kesehatan Tri Bhakti At- Taqwa penulis mengambil keputusan bahwa SMK Kesehatan Tri Bhakti At-Taqwa belum mempunyai sistem pendaftaran untuk digunakan, sebagai mana yang diketahui bahwa proses pendaftaran dan penguman masih dilakukan secara manual dimana calon siswa harus datang langsung ke sekolah dan mengantri untuk melakukan pendaftaran, serta untuk mengetahui informasi pengumman yang ada di sekolah tersebut calon siswa harus datang ke sekolah.
3.1.1 Prosedur Pendaftaran Siswa Baru
Prosedur yang berjalan pada Smk Kesehatan Tri Bhakti At-Taqwa ini digambarkan pada flowchart yang menjelaskan bagan alur sistem yang berjalan di SMK Kesehatan Tri Bhakti At-Taqwa. Dari prosedur yang berjalan maka penulis dapat mengetahui gambaran proses Penerimaan peserta didik baru SMK Kesehatan Tri Bhakti At-Taqwa Dapat dilihat pada gambar 3.1.
Berikut :
23
Gambar 3.1. Flowchart pendaftaran yang sedang berjalan pada SMK Kesehatan Tri Bhakti At-Taqwa
Adapun penjelasan dari flowchart yang pendaftaran yang sedang berjalan pada SMK Kesehatan Tri Bhakti At-Taqwa:
1. Mulai.
2. Calon siswa mengakses google form.
3. Calon siswa mengisi formulir pada formulir pendaftaran pada google form.
4. Calon siswa menginput data pendaftan yg telah terdaftar dan tersimpan di google drive.
5. Selesai.
3.1.2 Flowchart Pendaftaran Siswa Baru Yang Diusulkan
Prosedur yang diusulkan adalah gambaran proses yang diusulkan untuk dijadikan sebuah sistem. Dapat dilihat pada gambar 3.2 berikut :
Gambar 3.2. Flowchart Pendaftaran Siswa Baru Yang Diusulkan Berdasarkan gambar 3.2 prosedur yang diusulkan pada calon siswa dapat dijelaskan sebagai berikut :
1. Mulai dengan calon siswa mengakses website.
2. Calo siswa mengisi formular pendaftaran dan data formular akan tersimpan ke database.
3. Tata Usaha(TU) mengecek data pendaftaran yg masuk di website SMK Kesehatan Tri Bhakti At-Taqwa.
4. Jika data calon siswa lengkap maka masuk proses penerimaan.
5. Jika data calon siswa kurang lengkap, maka calon siswa mengisi fromulir baru.
6. Calon siswa menerima info kelulusan yg ada di website SMK Kesehatan Tri Bhakti At-Taqwa kemudian selesai.
3.2 Evaluasi dan Pembahasan 3.2.1 Evaluasi
Setelah penulis melakukan pengamatan di SMK Kesehatan Tri Bhakti At-Taqwa, penulis menemukan kendala dalam hal proses pendaftaran calon siswa baru yang masih manual menggunakan formulir kertas kemudian diarsipkan. Serta calon siswsa masih harus bolak-balik kesekolah untuk mendapatkan informasi pendaftaran siswa baru. Maka dari permasalahan tersebut penulis memberikan solusi yaitu dengan aplikasi pendaftaran siswa baru berbasis web yang dapat membantu panitia dalam pencarian data siswa serta memudahkan calon siswa untuk mendapatkan informasi terkait pendaftan siswa baru pada SMK Kesehatan Tri Bhakti At-Taqwa.
3.2.2 Pembahasan
Prosedur yang diusulkan oleh penulis pembuatan website yang dapat diakses melalui web untuk penerimaan siswa baru. Adapun aliran data yang diusulkan oleh penulis yaitu sebagai berikut :
3.2.2.1 Data Flow Diagram (DFD)
Data Flow Diagram merupakan gambaran grafis yang menggambarkan dan memperlihatkan aliran data yang berasal dari sumbernya dari suatu objek. Berdasarkan hasil analisa penelitian, penulis memberikan gambaran arus data terhadap sistem yang akan direncanakan sebagai berikut :
1. Diagram Konteks
Diagram Konteks dan penjelsan dapat dilihat pada gambar 3.3 di bawah ini :
1. Calon siswa menginput data pendaftaran berupa data diri siswa sebagai syarat perlengkap untuk mendaftar di SMK Kesehatan Tri Bhakti At-Taqwa.
2. Siswa mendapatkan informasi beranda, jurusan, galeri, dan pendaftaran.
3. Admin mengelola data beranda, jurusan, galeri, pendaftaran, dan verifikasi data pendaftaran ke sistem dan akan diperoses oleh sistem menjadi sebuah informasi.
4. Admin mendapatkan data user yang akan diolah oleh admin.
Gambar 3.3 diagram Konteks 2. Diagram Konteks Level 0
Diagram Konteks Level 0 dan penjele]asan konteks Level 0 dapat dilihat pada gambar 3.4 di bawah ini :
1. 1.0 P adalah proses mengelola Beranda pada Website Sekolah Menengah kejuruan Kesehatan Tri Bhakti At- Taqwa.
2. 2.0 P adalah proses mengelola Jurusan pada Website Sekolah Menengah kejuruan Kesehatan Tri Bhakti At- Taqwa.
3. 3.0 P adalah proses mengelola Galeri pada Website Sekolah Menengah kejuruan Kesehatan Tri Bhakti At- Taqwa.
4. 4.0 P adalah proses mengelola PPDB pada Website
Sekolah Menengah kejuruan Kesehatan Tri Bhakti At- Taqwa.
Gambar 3.4 Diagram Konteks Level 0 3.2.2.2 Entity Relationship Diagram (ERD)
Berikut ini adalah gambar Entity Relationship Diagram (ERD) yang berisi komponen-komponen himpunan entitas dan himpunan relasi yang masing-masing dilengkapi dengan atribut- atribut. Entity Relationship Diagram (ERD) dikembangkan untuk memudahkan desain database dengan memungkinkan
spesifikasi. Pada penelitian ini perancangan basis data menggunakan Entity Relationship Diagram (ERD) pada gambar 3.5
Gambar 3.5 Entity Relationship Diagram (ERD) 3.2.2.3 Struktur Tabel
1. Beranda
Tabel beranda digunakan untuk menampung informasi beranda
Website SMK Kesehatan Tri Bhakti At-Taqwa.
Nama tabel : tb_beranda Primary key : id_beranda*
Tabel 3.1 Tabel Beranda
No. Nama Field Tipe Data Ukuran Keterangan 1. *id_beranda Int 11 Id_beranda
(primary key) 2. tgl_post Date - Tanggal Posting 3. Judul_beran
da varchar 50 Judul Beranda 4. deskripsi Text - Deskripsi 5. Visi Text - Visi Sekolah 6. Misi Text - Misi Sekolah
2. Tabel jurusan
Tabel jurusan digunakan untuk menampung data ekstrakurikuler Website SMK Kesehatan Tri Bhakti At- Taqwa.
Nama tabel : tb_jurusan Primary key : id_jurusan*
Tabel 3.2 Tabel jurusan No. Nama Field Tipe
Data Ukuran Keterangan 1. *id_jurusan int 11 Id Jurusan (primary
key)
2. tgl_post date - Tanggal Posting 3. judul_jurusan varchar 50 Judul Jurusan 4. isi_jurusan text - Deskripsi Jurusan
3. Tabel Galeri
Tabel galeri digunakan untuk menampung informasi galeri Website SMK Kesehatan Tri Bhakti At-Taqwa.
Nama tabel : tb_galeri.
Primary key : id_galeri.*
Tabel 3.3 Tabel galeri No. Nama Field Tipe
Data Ukuran Keterangan 1. *id_galeri int 11 Id Galeri (primary
key) 2. gambar varchar 255 Gambar
3. tgl_posting date - Tanggal Posting
4. Tabel Pendaftaran
Tabel Pendaftaran digunakan untuk menampung data calon siswa yang mendaftar pada Website SMK Kesehatan Tri Bhakti At-Taqwa.
Nama tabel : tb_psb.
Primary key : id_pendaftaran*
Unique : nisn.**
Tabel 3.4 Tabel pendaftaran
No Nama Field Tipe Data Ukuran Keterangan 1. *id_pendaftaran char 10 Id Pendaftaran
(Primarykey)
2. Gambar varchar 255 Foto Siswa
3. tgl_daftar date - Tanggal Daftar
4. nama_siswa varchar 30 Nama Siswa
5. **nisn char 20 NISN
6. jk enum - Jenis Kelamin
7. asal_smp varchar 45 Asal SMP
8. agama varchar 10 Agama
9. tmp_lahir varchar 45 Tempat Lahir
10. tgl_lahir date - Tanggal Lahir
11. no_telp varchar 15 No. Telepon
12. nm_ayah_wali varchar 30 Nama Ayah/Wali 13. pekerjaan varchar 45 Pekerjaan Ayah/Wali 14. pendidikan varchar 10 Pendidikan Ayah/Wali 15. penghasilan varchar 35 Penghasilan
Ayah/Wali
16. alamat text - Alamat Lengkap
17. telp_ayah_wali varchar 15 No. Telepon Ayah/Wali
18 jurusan varchar 100 Jurusan
19 kk varchar 255 Foto kk
20 ijazah varchar 255 Foto ijazah
21 ktp varchar 255 Foto ktp
22 akte varchar 255 Foto akte
5. Tabel setting pendaftaran
Tabel setting pendaftaran digunakan untuk mengolah informasi terkait PPDB pada Website SMK Kesehatan Tri Bhakti At-Taqwa.
Nama Tabel : tb_admin Primary key : id_admin*
Tabel 3.4 Tabel admin
No Nama Field Tipe Data Ukuran Keterangan 1. *id_admin int 15 Id User (Primary key) 2. gambar varchar 255 Gambar User
4. nama varchar 30 Nama Admin
5. username varchar 30 Username 5. password varchar 50 Password
6. level enum - Admin
3.2.2.4 Desain Interface
Design Interface merupakan proses perancangan design interaksi antara komputer dan pengguna. Tujuan dari design Interface adalah agar pengguna dapat menggunakan suatu program atau sistem secara sederhana dan seefisien mungkin.
Proses desain haruslah seimbang antara fungsi teknis dan elemen visual (misalnya, model mental) untuk menciptakan sebuah sistem yang tidak hanya bisa beroperasi tetapi juga dapat digunakan dan disesuaikan dengan kebutuhan pengguna.
1. Desain beranda
Desain beranda merupakan halaman utama dari website SMK Kesehatan Tri Bhakti At-Taqwa. Berikut desain halaman beranda dapat dilihat pada gambar 3.6 berikut ;
Gambar 3.6 Desain tampilan beranda 2. Desain jurusan
Desain juruan merupakan halaman untuk mengetahui informasi jurusan di SMK Kesehatan Tri Bhakti At-Taqwa dapat dilihat pada gambar 3.7 berikut :
Gambar 3.7 desain jurusan 3. Desain Galeri
Desain galeri merupakan halaman untuk melihat dokumentasi kegiatan di SMK Kesehatan Tri Bhakti At- Taqwa. Berikut desain halaman galeri dapat dilihat pada gambar 3.8 berikut:
Gambar 3.8 desain Galeri
4. Desain Pendaftaran
Desain About Us merupakan halaman tentang sekolah yang ada pada website pendaftaran online SMK Kesehatan Tri Bhakti At-Taqwa. Berikut desain about Us dapat dilihat pada gambar 3.9 berikut:
Gambar 3.9 desain pendaftaran 5. Desain About Us
Desain About Us merupakan halaman tentang sekolah yang ada pada website pendaftaran online SMK Kesehatan Tri Bhakti At-Taqwa. Berikut desain about Us dapat dilihat pada gambar 3.10 berikut:
Gambar 3.10 desain about us 6. Desain Halaman Login Admin
Desain login merupakan halaman untuk admin masuk kehalamn dashboar admin pada website pendaftaran online SMK Kesehatan Tri Bhakti At-Taqwa. desain dashboard dapat di dapat dilihat pada gambar 3.11 berikut:
Gambar 3.11 Desain Login Admin
7. Desain Halaman Dashboard Admin
Desain Dashboard merupakan halaman pertama setelah kita berhasil login pada website pendaftaran online SMK Kesehatan Tri Bhakti At-Taqwa. desain dashboard dapat di dapat dilihat pada gambar 3.12 berikut:
Gambar 3.12 Desain Dashboard
8. Desain Halaman Data Pendaftar Admin
Desain data pendaftar adalah halaman untuk melihat data-data yang mendaftar pada website SMK Kesehatan Tri Bhakti At-Taqwa. Desain data pendaftar dapat dilihat pada gambar 3.13 berikut :
Gambar 3.13 Desain Data Pendaftar Admin 9. Desain Halaman Data Kelulusan Admin
Desain data kelulusan admin meerupakan halaman yang menampilkan data-data pendaftar calon siswa yang diterima mendaftar pada website diSMK Kesehatan Tri Bhakti At-Taqwa. desain pengumuman dapat di dapat dilihat pada gambar 3.14 berikut :
Gambar 3.14 Desain Halaman Data Kelulusan Admin 10. Desain Halaman Setting Pendaftaran Admin
Desain Setting Pendaftaran adalah untuk mesetting membuka, menutup dan mengatur info pendaftaran diSMK Kesehatan Tri Bhakti At-Taqwa. Desain Setting Pendaftaran dapat dilihat pada gambar 3.15 berikut :
Gambar 3.15 Desain Setting Pendaftaran 11. Desain Halaman Beranda admin
Desain beranda merupakan halaman beranda di web utama untuk mengatur beranda yang ada di website pendaftaran online SMK Kesehatan Tri Bhakti At-Taqwa.
Berikut Desain beranda dapat dilihat pada gambar 3.16 berikut:
Gambar 3.16 Desain Beranda Admin 12. Desain Halaman Galeri Admin
Desain galeri merupakan desain halaman pada web utama untuk memasukan dokumentasi/foto pada website SMK Kesehatan Tri Bhakti At-Taqwa. Berikut merupakan desain gambar galeri dapat dilihat pada gambar 3.17 berikut :
Gambar 3.17 Desain galeri admin 13. Desain Halaman Jurusan Admin
Desain jurusan merupakan desain halaman untuk mengelola jurusan yang ada diSMK Kesehatan Tri Bhakti At-Taqwa. Berikut merupakan desain gambar jurusan dapat dilihat pada gambar 3.18 berikut :
Gambar 3.18 Desain jurusan Admin
14. Desain Halaman Tentang Admin
Desain tentang merupakan desain halaman tempat untuk mengubah about us pada Website PPDB SMK Kesehatan Tri Bhakti At-Taqwa. Berikut merupakan desain gambar tentang dapat dilihat pada gambar 3.19 berikut :
Gambar 3.19 Desain Tentang Admin
15. Desain Halaman Profil Admin
Desain profile merupakan desain halaman tempat untuk mengubah nama pengguna, unsername dan password pada Website admin SMK Kesehatan Tri Bhakti At-Taqwa.
Berikut merupakan desain gambar profile dapat dilihat pada gambar 3.20 berikut :
Gambar 3.20 Desain Profile Admin 3.2.2.5 Hasil Desain Interface
Desain model tampilan interface merupakan model tampilan pada website penerimaan calon siswa baru pada SMK Kesehatan Tri Bhakti At-Taqwa.sebagai berikut :
1. Tampilan Halaman Utama
Tampilan login Halaman utama merupakan halaman model tampilan dari Website Penerimaan calon siswa baru Pada SMK Kesehatan Tri Bhakti At-Taqwa.
Tampilan model halaman utama pada website Pendaftaran dapat dilihat pada gambar 3.21 berikut :
Gambar 3.21 Tampilan halaman utama 2. Tampilan Jurusan
Tampilan jurusan merupakan halaman model
jurusan dari website SMK Kesehatan Tri Bhakti At-Taqwa.
Tampilan model jurusan pada website pendaftaran siswa dapat dilihat pada gambar 3.22 berikut :
Gambar 3.22 Tampilan Jurusan 3. Tampilan Galeri
Tampilan galeri merupakan halaman model
tampilan galeri sekolah pada website Pendaftaran aplikasi SMK Kesehatan Tri Bhakti At-Taqwa. Tampilan galeri dapat dilihat pada gambar 3.23 berikut:
Gambar 3.23 Tampilan Galeri
4. Tampilan form pendaftaran
Berikut ini Tampilan form pendaftaran merupakan halaman model tampilan form pendaftaran siswa dari website penerimaan calon siswa baru SMK Kesehatan Tri Bhakti At-Taqwa. dapat dilihat pada gambar 3.24 berikut :
Gambar 3.24 Tampilan form pendaftaran 5. Tampilan About Us
Tampilan about us merupakan halaman penjelan tentang SMK Kesehatan Tri Bhakti At-Taqwa.. Tampilan about us pada website pendaftaran dapat dilihat pada gambar 3.25 berikut :
Gambar 3.25 Tampilan lihat About Us 6. Tampilan Login Admin
Tampilan login merupakan halaman model tampilan utama dari website PPDB SMK Kesehatan Tri Bhakti At-Taqwa. Tampilan model login pada website PPDB admin dapat dilihat pada gambar 3.26 berikut :
Gambar 3.26 Tampilan Login Admin
7. Tampilan Dashboard Admin
Tampilan halaman dashboard admin merupakan halaman model tampilan utama setelah kita login pada website admin SMK Kesehatan Tri Bhakti At-Taqwa.
Tampilan model halaman dashboard pada website Pendaftaran admin dapat dilihat pada gambar 3.27 berikut :
Gambar 3.27 Tampilan Dasboard Admin 8. Tampilan Data pendaftaran
Berikut merupakan tampilan halaman data Pendaftar pada halaman admin pada website Pendaftaran SMK Kesehatan Tri Bhakti At-Taqwa.
tampilan data pendaftar pada website Pendaftaran dapat dilihat pada gambar 3.28 berikut :
Gambar 3.28 Tampilan data pendaftar 9. Tampilan Data Kelulusan
Berikut merupakan tampilan halaman data penerimaan atau kelulusan pada halaman admin di SMK Kesehatan Tri Bhakti At-Taqwa. Tampilan data kelulusanr pada website Pendaftaran dapat dilihat pada gambar 3.29 berikut :
Gambar 3.29 Tampilan Data Kelulusan Admin
10. Tampilan Setting Pendaftaran
Berikut merupakan tampilan halaman Setting Pendaftaran pada halaman admin dari website Pendaftaran SMK Kesehatan Tri Bhakti At-Taqwa. Tampilan model setting pendaftaran pada website Pendaftaran dapat dilihat pada gambar 3.30 berikut :
Gambar 3.30 Tampilan Setting pendaftaran Admin 11. Tampilan Beranda Admin
Berikut merupakan tampilan halaman beranda pada halaman admin dari website Pendaftaran SMK Kesehatan Tri Bhakti At-Taqwa. Tampilan model beranda pada website Pendaftaran dapat dilihat pada gambar 3.31 berikut :
Gambar 3.31 Tampilan Beranda Admin
12.
Tampilan Galeri AdminBerikut merupakan tampilan halaman galeri pada halaman admin dari website Pendaftaran SMK Kesehatan Tri Bhakti At-Taqwa. Tampilan model galeri pada website Pendaftaran dapat dilihat pada gambar 3.32 berikut :
Gambar 3.32 Tampilan Galeri Admin
13. Tampilan Jurusan Admin
Berikut merupakan tampilan halaman galeri pada halaman admin dari website Pendaftaran SMK Kesehatan Tri Bhakti At-Taqwa. Tampilan model galeri pada website Pendaftaran dapat dilihat pada gambar 3.33 berikut :
Gambar 3.33 Tampilan Jurusan Admin 14. Tampilan Tentang Admin
Berikut merupakan tampilan halaman tentang pada halaman admin dari website Pendaftaran SMK Kesehatan Tri Bhakti At-Taqwa. Tampilan model admin pada website Pendaftaran dapat dilihat pada gambar 3.34 berikut :
Gambar 3.34 Tampilan Tentang Admin 15. Tampilan Profile Admin
Berikut merupakan tampilan halaman tentang pada halaman admin dari website Pendaftaran SMK Kesehatan Tri Bhakti At-Taqwa. Tampilan model admin pada website Pendaftaran dapat dilihat pada gambar 3.35 berikut :
Gambar 3.35 Tampilan Profile Admin
BAB IV PENUTUP
4.1. Kesimpulan
Berdasarkan dari hasil pengamatan yang telah dilaksanakan dan diuraikan ke dalam laporan Praktik Kerja Lapangan (PKL) mengenai website pendaftaran SMK Kesehatan Tri Bhakti At-Taqwa. Maka penulis mengambil kesimpulan yaitu: Dengan adanya adanya website Penerimaan Peserta Didik Baru Pada SMK Kesehatan Tri Bhakti At-Taqwa, agar dapat membantu panita melakukan pengolahan data terkait pendaftaran siswa baru serta mempermudah calon siswa yang ingin mendaftar mengetahui informasi kelulusan tanpa datang langsung ke sekolah.
4.2. Saran
Dengan terselesaikannya penulisan laporan ini maka penulis dapat memberikan saran yang dapat dijadikan bahan masukkan yang bermanfaat bagi SMK Kesehatan Tri Bhakti At-Taqwa
1. Diharapkan dapat dilakukan pemeliharaan sistem agar dapat berfungsi dengan baik.
2. Diharapkan untuk selanjutnya agar ditambahkan fitur-fitur baru untuk pendaftaran Sekolah contoh nya menambahkan fitur tes online dan pendaftaran ulang.
56
DAFTAR PUSTAKA
Anggraeni. 2017. Pengantar sistem informasi. Jogyakarta : Andi.
Anisah., dan Sayuti. 2018. Perancangan Sistem Informasi Registrasi Online Untuk Penerimaan Siswa Baru Berbasis Web Pada SMK Negeri 1 Kelapa Bangka Barat. Jurnal Sisfokom (Sistem Informasi Dan Komputer), 7(2), 174-179.
Arizona, Nanda Diaz. 2017. Aplikasi Pengolahan Data Anggaran Pendapatan Dan Belanja Desa (APBDES) Pada Kantor Desa Bakau Kecamatan Jawai Berbasis Web. Cybernetics, 1(02), 105-119.
Azziddin, Irfaan Abdul Aziz., dan Mandasari, Rizza Indah Mega. 2021. Design Box: Aplikasi Portofolio Desain Berbasis Website. eProceedings of Applied Science, 7(6).
Irawan, Muhammad Dedi., dan Hasni, Laila. 2017. Sistem Penggajian Karyawan Pada Lkp Grace Education Center. (JurTI) Jurnal Teknologi Informasi, 1(2), 125-136.
Maulana., dan Suryani 2019. Perancangan Sistem Informasi Pendaftaran Peserta Didik Baru Berbasis Web pada SMK Kosgoro Kota Bogor. Indonesian Journal on Software Engineering (IJSE), 5(1), 9-18.
Masse, Fitriyanti Andi., dan Dewi Kurniawati. 2020. Penerapan Sistem Informasi Perpustakaan Smp Negeri 2 Sirenja. Jurnal Elektronik Sistem Informasi dan Komputer, 4(1), 1-12.
Negara, Edi Surya., Romindo., Rahman, Tanjung., Heriyani, Nofitri., Simarmata, Jenner., Jamaludin., Putra, Tri Andi Eka., Sudarmanto, Eko., Sudarso, Andriasan., dan Purba, Bonaraja. 2021. Sistem Informasi Manajemen Bisnis. Medan : Yayasan Kita Menulis.
Rerung, Rintho Rante. 2018. Pemrograman Web Dasar. Jogyakarta : Deepublish.
Santoso., Nurmalina, Radna.2017. Perencanaan dan pengembangan aplikasi absensi mahasiswa menggunakan smart card guna pengembangan kampus cerdas. Jurnal integrasi, 9(1), 84-91.
Saputra, Alhadi. 2012. Manajemen basis data mysql pada situs ftp lapan bandung. Berita Dirgantara, 13(4).
Sukrianto, Darmanta., dan Dwi, Oktarina. 2019 "Pemanfaatan teknologi barcode pada sistem informasi perpustakaan di smk muhammadiyah 3 pekanbaru." JOISIE (Journal Of Information Systems And Informatics Engineering) 1.2 : 136-143.
Solihin 2017. Perancangan Sistem Informasi Penerimaan Siswa Baru Berbasis Web (Studi Kasus: SMP Plus Babussalam Bandung). Infotronik: Jurnal Teknologi Informasi Dan Elektronika, 1(1), 54-63.
