Struktur Tabel - Diagram Nol - TINJAUAN PUSTAKA

BAB II TINJAUAN PUSTAKA

2. Diagram Nol

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 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.32 berikut :

Gambar 3.32 Tampilan Galeri Admin

13. Tampilan Jurusan Admin

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

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.

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.

Dalam dokumen Rancangan Sistem Informasi Penerimaan Calon Siswa Baru pada SMK Kesehatan Tri Bhakti At-Taqwa Berbasis Web (Halaman 47-73)