25
BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
Tinjauan perusahaan dilakukan untuk mendapatkan gambaran tentang proses bisnis berdasarkan sejarah perusahaan, struktur organisasi dan fungsi yang ada di perusahaan.
3.1.1. Sejarah Perusahaan
SMP PGRI 17 Bogor didirikan pada tahun 1982 dengan mendapat ijin oprasional mengajar setelah 5 tahun medirikan sekolah, Awalnya proses belajar mengajar di SMP PGRI 17 masih menumpang di sebuah sekolah SD hingga akhirnya mempunyai gedung tersendiri. Perkembangan dan perjalanan dari tahun ke tahunpun terus mengalami peningkatan yang signifikan dan terakhir pada tahun 2015 menyandang Akreditasi A, yang tetap akan terus berupaya mengevaluasi dan meningkatan sumber daya manusia (SDM) dan Sarana Prasaran. mendapa melakuk menjad mapping id_ruanga nis mengisi inputcalon no_pendaftara nama_pendaftar kata_sand tempat_lahir_ib tanggal_lahir_i agama_ib pendidikan_terakhir_ib warga_negara_i foto kk id no_pendaftara nama_lengka jenis_kelami tempat_lahir agam tanggal_lahir_ayah nama_panggila status_aya h nama_lengkap_ay tempat_lahir_ayah agama_aya pendidikan_terakhir_aya pekerjaan_aya penghasilan_perbulan_ay warga_negara_aya alamat_rumah_ay alamat_kantor_ay telpon_aya status_ib nama_lengkap_i akt ktp penghasilan_ibu pekerjaan_ib formulir pembayaran no_pndaftaran status_pembayar nama_pendafta pembayaran_ima siswa nis nama_sisw tempat_lah tgl_lah jenis_kelamin nama_aya h alama agama warga_negar no_pndaftara nama_ib no_telp ruangan id nama_ruang kapasita juml tipe_kel menda
Adapun profil SMP PGRI 17 dapat digambarkan sebagai berikut:
Tabel III.1 Profil SMP PGRI 17
Nama Sekolah SMP PGRI 17
NPSN 20220422
Jenjang Pendidikan SMP
Status Sekolah Swasta
Alamat JL. DEKENG No 45, Kota Bogor,
Jawa Barat, 16137 Tanggal SK Pendirian 16 April 1988 SK Pendirian Sekolah 066/102/KEP /E/88
Taggal SK Pendirian 1988-04-16
Status Kepemilikan Yayasan
SK Ijin Operasional 1092/I02/07/R.8723 Tanggal SK Ijin Operasional 1987-11-23
1. Visi Misi a. Visi
Berprestasi, Religius, Berbasis lingkungan, Aktif, Kreatif, Terampil dan Inovatif.
b. Misi
1. Mewujudkan kualitas hasil pembelajaran aktif, kreatif, efektif, dan menyenangkan.
2. Mewujudkan pembelajaran yang menekankan kepada peningkatan keimanan dan ketakwaan.
3. Mewujudka pedidikan berbasis lingkungan.
4. Mewujudkan aktifitas guru dan peserta didik secara berkeseimbangan. 5. Mewujudkan pembianaan siswa dalam pengembangan potensi diri
peserta didik.
6. Mewujudkan pembelajaran yang diarahkan kepada kemampuan keterampilan siswa.
3.1.2. Struktur Organisasi dan Fungsi
Struktur organisasi adalah susunan hubungan antara atasan dengan para staff dan aktivitas satu sama lain serta terhadap ke seluruh pertanggunng jawab, wewenang melalui tujuan perusahaan pada pencapaian sasarannya. Untuk itu, struktur organisasi pada tiap- tiap organisasi atau perusahaan dibuat agar tujuan yang telah diterapkan dapat tercapai dengan memperjelas tugas dan tanggung jawab dari masing-masing bagian yang terkait, maka diperlukan bagian organisasi.
Sumber : SMP PGRI 17 (2016)
Gambar III.1 Struktur Organisasi
Wali kelas/dewan guru PKM Bidang kurikulum Hardianto S.Pd S.Pd Bp Kls VII,VIII,IX Irmayanti S.Pd Siswa Staff Tu Sudrajat S.Kom Kepala Sekolah DRS. Achmad Holid Komite Nuji S.Pd PKM Bidang kesiswaan Suhendar S.Pd PKM Bidang humas Lukman S.Pd PKM Bidang sarpras Fajriansyah S.Pd
Adapun fungsi dari struktur organisasi tersebut dapat diperjelas sebagai berikut:
a. Komite
Bertanggung jawab untuk menangani semua permasalahan atau aspirasi yang terjadi dari orangtua/wali peserta didik.
b. Kepala Sekolah
Bertanggung jawab mengendalikan semua kegiatan sekolah serta membuat gambaran pekerjaan yang harus dilakukan setiap bagian yang ada.
c. Staff TU
Bertanggung jawab dalam perencanaan administrasi perogram dan anggaran, mengkoordinator administrasi ketatausahaan dalam bidang umum sekolah.
d. PKM Bidang Kesiswaan
Bertanggung jawab menyusun program pembinaan siswa / OSIS, membantu menyusun program pengembangan diri siswa, melakukan pemilihan calon siswa, penerimaan beasiswa, mengikuti lomba, petugas upacara, dll.
e. PKM Bidang Kurikulum
Bertanggung jawab membuat agenda pendidikan, jadwal mengajar guru serta hal-hal lain yang berhubungan dengan kurikulum.
f. PKM Bidang Sarpras
Bertanggung jawab memahami peraturan administrasi sarana dan prasarana, membantu menyusun rencana pemanfaatan sarana operasional sekolah.
g. PKM Bidang Humas
Bertugas mengatur hubungan SMP PGRI 17 dengan Orang tua / Wali murid, memberi penjelasan tentang kebijakan, situasi, dan perkembangan SMP PGRI 17 kepada Orang tua atau Masyarakat, mengkoordinir kegiatan silaturromi, rekreasi, dan kekeluargaan.
h. BP Kelas
Bertugas menyusun program taunan, semesteran dan bulanan tentang pelaksanaan konseling berkoordinasi dengan wali kelas dalam mengadapi siswa yang mengalami kesulitan belajar, melaksankan koordinasi dengan wali kelas dan guru dalam rangka mengatasi masalah siswa yang melakukan pelanggaran tata tertib di SMP PGRI 17.
i. Wali Kelas / Dewa Guru
Bertugas mengelola dan menyelenggarakan administrasi kelas yang meliputi : denah tempat duduk, buku absen, papan absen, daftar pelajaran, legger, dan data tata tertib siswa, memberikan motivasi dan menciptakan situasi KBM yang efektif kepada siswa, medidik dan mengamalkan ilmunya sesuai dengan bidang keahliannya masing-masing.
j. Siswa
3.2. Analisa Kebutuhan
Seperti yang telah dijelaskan pada bab sebelumnya mengenai strategi persiapan pembangunaan sebuah web menggunakan metode waterfall, yang perlu dilakukan pertama kali adalah melakukan analisis. Ada dua analisis yang cukup penting yang perlu dilakukan sebelum membangun sebuah web, yaitu analisis kebutuhan pengguna dan analisis kebutuhan sistem.
3.2.1. Analisa kebutuhan pengguna
1. Administrator
a. Admin dapat melihat data profil siswa yang sudah menjadi siswa b. Admin dapat mengelola pembagian kelas
c. Admin dapat menambahkan gambar ke galeri d. Admin dapat menambahkan artikel
2. Calon Siswa Baru
a. Calon siswa baru bisa melihat info pendaftaran b. Calon siswa baru bisa mengisi kelengkapan data c. Calon siswa bisa melihat galeri
d. Calon siswa baru bisa membaca artikel
3.2.2. Analisa kebutuhan sistem
1. Kebutuhan sistem untuk admin
a. Admin dapat menampilkan informasi sekolah b. Admin dapat memperbaharui info pendaftaran c. Admin dapat membuat laporan
2. Kebutuhan sistem untuk calon siswa baru a. Calon siswa dapat mengisi kelengkapan data b. Calon siswa dapat mencetak data pribadi c. Calon siswa mencetak kartu peserta
d. Calon siswa dapat melihat status pembayaran
3.3. Perancangan Perangkat Lunak
3.3.1. Rancangan Antar Muka
Rancangan antar muka bertujuan untuk memberikan gambaran mengenai rancangan website yang akan dibangun, sehingga akan mudah dalam mengimplementasikan website dan juga memudahkan pembuatan website yang
user friendly. Untuk rancangan antar muka pada tampilan website SMP PGRI 17
terdiri dari beberapa rancangan halaman, sebagai berikut: 1. Rancangan Antar Muka Halaman Utama Login Siswa
HOME PROFIL PENDAFTARAN GALERI KONTAK
Footer Content
Link 1 Link 2
Link 3 Silakan Masuk
No NISN Tgl Lahir xxxxxxx xxxxxxx masuk BELUM MENDAFTAR DAFTAR DISINI SEKARANG
Content Header
Gambar III.2
Keterangan :
Link 1 : Untuk menampilkan halaman
Link 2 : Untuk menampilkan halaman informasi biaya
Link 3 : Untuk menampilkan halaman syarat dan ketentuan
2. Rancangan Antar Muka Halaman Daftar Siswa Baru
HOME PROFIL GALERI KONTAK SIS WA
Footer
DAFTAR CALON SISWA BARU
NO NISN XXXXXXXX TANGGAL LAHIR NAMA LENGKAP XXXXXXXX XXXXXXXX DAFTAR Header Gambar III.3
3. Rancangan Antar Muka Halaman Siswa
HOME PROFIL GALERI KONTAK SIS WA
Footer Header
Content
LENGKAPI DATA UPLOAD DOKUMEN SISWA
PEMBAYARAN KELUAR AKUN
Gambar III.4
Rancangan Antar Muka Halaman Siswa
4. Rancangan Antar Muka Halaman Lengkapi Data
HOME PROFIL GALERI KONTAK SIS WA
Footer Header
Content
LENGKAPI DATA
UPLOAD DOKUMEN SISWA
PEMBAYARAN
KELUAR AKUN
Gambar III.5
5. Rancangan Antar Muka Halaman Upload Dokumen Siswa
HOME PROFIL GALERI KONTAK SIS WA
Footer Header
LENGKAPI DATA UPLOAD DOKUMEN SISWA
PEMBAYARAN KELUAR AKUN FOTO SISWA DOKUMEN SISWA AKTE KELAHIAN KARTU KELUARGA SKKB KARTU NISN UPDATE DOKUMEN Browse... Browse... Browse... Browse... Browse... No file selected No file selected No file selected No file selected No file selected Gambar III.6
Rancangan Antar Muka Halaman Upload Dokumen Siswa
6. Rancangan Antar Muka Halaman Pembayaran
HOME PROFIL GALERI KONTAK SIS WA
Footer Header
LENGKAPI DATA UPLOAD DOKUMEN SISWA
PEMBAYARAN KELUAR AKUN Content KONFIRMASI PEMBAYARAN NAMA BANK NO REKENING PEMILIK REKENING BUKTI TRANFER KOFIRMASI xxxxxxxxxx xxxxxxxxxx xxxxxxxxxx
Browse... No file selected
Gambar III.7
7. Rancangan Antar Muka Halaman Cetak Data Diri
Gambar III.8
Rancangan Antar Muka Halaman Cetak Data Diri
8. Rancangan Antar Muka Halaman Cetak Kartu Siswa
Gambar III.9
Rancangan Antar Muka Halaman Cetak Kartu Siswa
Header Footer Content Header Footer Content
9. Rancangan Antar Muka Halaman Login Admin Footer Header LOGIN ADMINISTRATOR Username xxxxxxxxxxx Password xxxxxxxxxxx LOGIN Gambar III.10
Rancangan Antar Muka Halaman Login Admin
10. Rancangan Antar Muka Halaman Utama Admin
Jumlah siswa baru: 0
HOME
HOME SISWA BARU PEMBAYARAN MASU K KELAS GALERI ARTIKEL AKUN ADMIN KELU AR
Footer
Header
Selamat datang administrator
Pembayaran masuk: 0
Data siswa Data pembayaran
SISWA DITERIMA
Gambar III.11
11. Rancangan Antar Muka Halaman Admin Siswa Baru
Footer
Header
Tampilan SEMU A
con tent
HOME SISWA BARU SISWA DITERIMA PEMBAYARAN MASU K KELAS GALERI ARTIKEL AKUN ADMIN KELU AR
Gambar III.12
Rancangan Antar Muka Halaman Admin Siswa Baru
12. Rancangan Antar Muka Halaman Admin Siswa Diterima
Footer
Header
Tampilan SEMU A
con tent
HOME SISWA BARU SISWA DITERIMA PEMBAYARAN MASU K KELAS GALERI ARTIKEL AKUN ADMIN KELU AR
Gambar III.13
13. Rancangan Antar Muka Halaman Admin Pembayaran Masuk
Footer
Header
con tent
HOME SISWA BARU SISWA DITERIMA PEMBAYARAN MASU K KELAS GALERI ARTIKEL AKUN ADMIN KELU AR
Gambar III.14
Rancangan Antar Muka Halaman Admin Data Pembayaran Masuk
14. Rancangan Antar Muka Halaman Admin Kelas
Footer Header
content
Tambah Kelas
HOME SISWA BARU SISWA DITERIMA PEMBAYARAN MASU K KELAS GALERI ARTIKEL AKUN ADMIN KELU AR
Gambar III.15
15. Rancangan Antar Muka Halaman Admin Tambah Galeri
Footer Header
con tent
Tambah Gambar
HOME SISWA BARU SISWA DITERIMA PEMBAYARAN MASU K KELAS GALERI ARTIKEL AKUN ADMIN KELU AR
Gambar III.16
Rancangan Antar Muka Halaman Admin Tambah Galeri
16. Rancangan Antar Muka Halaman Admin Tambah Artikel
Footer
Header
con tent
Tambah Artikel
HOME SISWA BARU SISWA DITERIMA PEMBAYARAN MASU K KELAS GALERI ARTIKEL AKUN ADMIN KELU AR
Gambar III.17
17. Rancangan Antar Muka Halaman Admin Update Akun Admin
Footer Header
UPDATE AKUN ADMIN
USERNAME PASSWORD XXXXXXXXXX XXXXXXXXXX NAMA ADMIN XXXXXXXXXX UPDATE DATA
HOME SISWA BARU SISWA DITERIMA PEMBAYARAN MASU K KELAS GALERI ARTIKEL AKUN ADMIN KELU AR
Gambar III.18
Rancangan Antar Muka Halaman Admin Update Akun Admin
3.3.2 Basis Data
Dalam merancang sebuah sistem, maka seluruh data yang akan dipergunakan oleh sistem tersebut harus disimpan kedalam suatu basis data yang memiliki kelebihan data independent. Dengan menerapkan suatu basis data dalam strategi akses dalam pengembangan sistem tanpa harus mengubah program-program aplikasi yang sudah ada.
Langkah yang harus dilakukan dalam pembentukan suatu basis data yang baik sebagai berikut:
A. ERD (Entity Relationship Diagram)
siswa idsiswa idkelas nisn tgl_daftar Jenis_kelamin tempat_lahir_siswa nama_sswa nis agama status anak_ke alamat_sekolah idkelas tgl_lahir_siswa Jml_saudara penghasilan nama nama_ortu telp_ortu pekerjaan alamat_ortu tgl_lahir_ortu tempat_lahir_ortu alamat_siswa asal_sekolah mendapatkan Kelas melakukan siswa_pembayaran idsiswa_pembayaran idsiswa jml_bayar tgl_bayar bank rekening pemilik bukti status mendapatkan Siswa_dokumen idsiswa_dokumen idsiswa foto akta kk skkb nisn M 1 1 1 1 1 terisi kapasitas Gambar III.19
B. LRS (Logical Record Structured) Siswa_pembayaran idsiswa_pembayaran* Idsiswa** jml_bayar tgl_bayar bank rekening pemilik bukti status siswa idsiswa* Idkelas** nisn nis tgl_daftar nama_siswa jenis_kelamin tempat_lahir_siswa tgl_lahir_siswa agama anak_ke jml_saudara alamat_siswa asal_sekolah alamat_sekolah nama_ortu tempat_lahir_ortu tgl_lahir_ortu pekerjaan penghasilan alamat_ortu telp_ortu status Siswa_dokumen Idsiswa_dokumen* Idsiswa** Foto Akta Kk Skkb nisn kelas Idkelas* nama Kapasitas terisi Gambar III.20
C. Spesifikasi file
Menjelaskan tentang file atau tabel yang terbentuk dari ERD (dan atau
file-file penunjang untuk web). File-file ini tersimpan pada “simp” dengan
parameter-parameter sebagai berikut : 1. Spesifikasi file Admin
Nama File : Admin
Akronim : admin
Fungsi : Untuk menyimpan data akses admin Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang Record : 69 Kunci Field : idadmin
Software : Mysql
Tabel III.2 Spesifikasi File Admin
No Elemen Data Nama Field Tipe Size Ket
1 No id admin idadmin int 11 Primary Key
2 User Name username varchar 20
3 Password Pass varchar 8
2. Spesifikasi file Siswa
Nama File : Siswa
Akronim : siswa
Fungsi : Untuk menyimpan data calon siswa Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang Record : 612 Kunci Field : idsiswa
Software : Mysql
Tabel III.3 Spesifikasi File Siswa
No Elemen Data Nama Field Tipe Size Ket
1 Id Siswa idsiswa Int 10 Primary Key
2 Id kelas idkelas Int 10
3 NISN nisn Varchar 10
4 NIS Nis Varchar 10
5 Tanggal Daftar tgl_daftar Date
6 Nama Siswa nama_siswa Varchar 30
7 Jenis Kelamin jenis_kelamin Varchar 10 8 Tempat lahir tempat_lahir_siswa Varchar 20 9 Tanggal lahir tgl_lahir_siswa Date
10 Agama agama Varchar 10
11 Anak keberapa anak_ke Varchar 15
12 Jumlah saudara jml_saudara Varchar 15 13 Alamat Siswa alamat_siswa Text
14 Asal Sekolah asal_sekolah Varchar 30 15 Alamat Sekolah alamat_sekolah Text
16 Nama Ortu nama_ortu Varchar 30
17 Tempat lahir Ortu tempat_lahir_ortu Varchar 40 18 Tanggal lahir Ortu tgl_ lahir_ortu Date
19 Pekerjaan Ortu pekerjaan Varchar 30
21 Alamat Ortu alamat_ortu Text
22 Telepon Ortu telp_ortu Varchar 20
23 Status status Varchar 50
3. Spesifikasi file Galeri
Nama File : Galeri
Akronim : galeri
Fungsi : Untuk menyimpan data foto Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang Record : 56 Kunci Field : idgaleri
Software : Mysql
Tabel III.4 Spesifikasi File Galeri
4. Spesifikasi file Siswa_dokumen
Nama File : Siswa_dokumen Akronim : siswa_dokumen
Fungsi : Untuk menyimpan data akses siswa_dokumen Tipe File : File Transaksi
Organisasi File : Indexed Sequential Akses File : Random
No Elemen Data Nama Field Tipe Size Ket
1 No id galeri idgaleri Int 11 Primary Key
Media : Harddisk Panjang Record : 247
Kunci Field : idsiswa_dokumen
Software : Mysql
Tabel III.5
Spesifikasi File Siswa_dokumen
No Elemen Data Nama Field Tipe Size Ket
1 Id siswa dokumen idsiswa_dokumen Int 11 Primary Key
2 Id siswa Idsiswa Int 11
3 Foto Foto varchar 45
4 Akte Akte varchar 45
5 Kartu keluarga Kk varchar 45
6 SKKB Skkb varchar 45
7 NISN Nisn varchar 45
5. Spesifikasi file Siswa Pembayaran
Nama File : Siswa_Pembayaran Akronim : siswa_pembayaran
Fungsi :Untuk menyimpan data siswa yang telah membayar biaya pendaftaran
Tipe File : File Transaksi Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang Record : 371
Kunci Field : idsiswa_pembayaran
Tabel III.6
Spesifikasi File Siswa_Pembayaran
No Elemen Data Nama Field Tipe Size Ket
1 Id siswa pembayaran idsiswa_pembayaran Int 11 Primery Key
2 Id siswa Idsiswa Varchar 45
3 Jumlah bayar jml_bayar Varchar 45
4 Tanggal bayar tgl_bayar Varchar 45
5 Bank bank Varchar 45
6 Rekening Rekening Varchar 45
7 Pemilik Pemilik Varchar 45
8 Bukti tranfer bukti Varchar 45
9 Status status Varchar 45
6. Spesifikasi file Kelas
Nama File : Kelas
Akronim : kelas
Fungsi : Untuk menyimpan data pembagian kelas Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang Record : 78 Kunci Field : idkelas
Software : Mysql
Tabel III.7 Spesifikasi File Kelas
No Elemen Data Nama Field Tipe Size Ket
1 Id Kelas idkelas int 11 Primary Key
2 Nama Kelas nama varchar 45
3 Kapasitas kapasitas int 11
7. Spesifikasi file Artikel
Nama File : Artikel Akronim : artikel
Fungsi : Untuk menyimpan data artikel Tipe File : File Master
Organisasi File : Indexed Sequential Akses File : Random
Media : Harddisk
Panjang Record : 156 Kunci Field : idartikel
Software : Mysql
Tabel III.8 Spesifikasi File Artikel
No Elemen Data Nama Field Tipe Size Ket 1 No id artikel idartikel Int 11 Primary Key
2 Tanggal tanggal Date
3 Judul Artikel judul varchar 100
4 Isi artikel Isi Text
3.3.3 Rancangan Struktur Navigasi
Untuk membuat rancangan alur dan link-link pada halaman website, penulis terlebih dahulu membuat struktur navigasinya, karena struktur navigasi akann membantu dalam menentukan arah pergantian halaman website dari satu halaman ke halaman yang lain. Adapun struktur navigasi yang penulis gunakan untuk pembuatan website pendaftaran siswa baru adalah menggunakan struktur navigasi campuran (composite), karena penulis menilai paling sesuai dengan rancangan halaman website yang telah penulis buat. Struktur navigasinya sebagai berikut
1. Struktur Navigasi Halaman Utama Pengunjung
Pada pembuatan halaman utama website yang penulis gunakan adalah struktur navigasi campuran (composite)
v
Gambar III.21
Struktur Navigasi Halaman Utama Pengunjung Index
Daftar Siswa Baru
Informasi Biaya
Syarat & Ketentuan
Home Profil Pendaftaran Galeri Kontak
2. Struktur Navigasi Halaman Siswa
Pada pembuatan halaman siswa website yang penulis gunakan adalah struktur navigasi campuran (composite)
Gambar III.22
Struktur Navigasi Halaman Siswa
3. Struktur Navigasi Halaman Admin
Pada pembuatan halaman utama website yang penulis gunakan adalah struktur navigasi campuran (composite).
Login Index Home Siswa Baru Siswa Diterima Pembayaran
Masuk Kelas Galeri Artikel
Akun Admin Keluar Tambah Kelas Tambah Galeri Tambah Artikel Gambar III.23
Struktur Navigasi Halaman Admin
LENGKAPI DATA
UPLOAD DOKUMEN SISWA
PEMBAYARAN
KELUAR AKUN
Home Profil Galeri Kontak Siswa
Index
3.4. Implementasi Dan Pengujian Unit 3.4.1. Implementasi
A. Implementasi Rancangan Antar Muka
Implemantasi rancangan antar muka pada aplikasi web ini berdasarkan hasil rancangan antar muka.
1. Implementasi Halaman Login Siswa
Implementasi halaman utama ini merupakan sentral dari semua halaman form. Form ini berisi menu-menu utama yang dapat mengakses dan menjadi penghubung antara pengguna dengan sistem.
Gambar III.24
2. Implementasi Halaman Daftar Baru
Implementasi halaman ini calon siswa harus mendaftarkan dirinya agar dapat mengakses ke halaman utama siswa.
Gambar III.25
Implementasi Halaman Daftar Baru
3. implementasi Halaman Siswa
Pendaftar yang sudah memiliki akun untuk login, dan sudah melakukan pendaftaran akan diarahkan ke halaman ini. Dimana halaman ini calon siswa dapat melakukan proses pendaftaran selanjutnya.
Gambar III.26
Implementasi Halaman Siswa
4. implementasi Halaman Lengkapi Data
Halaman ini siswa dapat melengkapi data, dimana nisn dan nama akan muncul. nisn dan nama diambil dari data pada saat mendaftar sebelumnya. Setelah mengisi data akan dikirim dan akan tersimpan.
Gambar III.27
5. Implementasi Halaman Upload Dokumen Siswa
Pada halaman ini calon siswa atau calon orang tua siswa mengupoad dokumen siswa, seperti foto, akta, kk dan lain-lain.
Gambar III.28
Implementasi Halaman Upload Dokumen Siswa
6. Implementasi Halaman Pembayaran
Setelah calon siswa mendaftarkan diri dengan melengkapi data dan upload dokumen, siswa atau orang tua siswa di wajibkan melakukan pembayaran.
Gambar III.29
7. Implementasi Halaman Siswa Diterima
Pada halaman ini siswa mendapatkan nis dan kelas, siswa juga biasa mencetak kartu siswa dan data pribadi.
Gambar III.30
Implementasi Halaman Siswa Diterima
8. Implementasi Halaman Informasi Biaya
Pada halaman ini calon siswa atau calon orang tua siswa dapat melihat tentang informasi biaya pendaftaran.
Gambar III.31
9. Implementasi Halaman Syarat Dan Ketentuan
Pada halaman ini calon siswa atau calon orang tua siswa dapat melihat tentang syarat dan ketentuan yang berlaku.
Gambar III.32
Implementasi Halaman Syarat dan Ketentuan
10. Implementasi Halaman Cetak Data Pribadi
Pada halaman ini siswa dapat mencetak data pribadi yang telah diisi sebelumnya dan disimpan sebagai bukti telah melakukan pendaftaran.
Gambar III.33
11. Implementasi Halaman Cetak Kartu Siswa
Pada halaman ini siswa dapat mencetak kartu siswa.
Gambar III.34
Implementasi Halaman Cetak Kartu Siswa
12. Implementasi Halaman Login Admin
Administrator harus melakukan login terlebih dahulu untuk dapat menggunakan modul-modul yang tersedia. Jika login berhasil, maka menu-menu yang sesuai dengan kategori Admin tersebut akan ditampilkan
Gambar III.35
Implementasi Halaman Login Admin
13. Implementasi Halaman Utama Admin
Halaman ini adalah halaman depan dari semua halaman yang ada pada ruang admin, dan halaman ini juga dapat disebut sebagai halaman pembuka. Pada halaman ini pula admin dapat menambahkan kelas, galeri dan artikel.
Gambar III.36
14. Halaman Admin Siswa Baru
Pada halaman ini admin dapat melihat data siswa baru yang sudah mendaftar.
Gambar III.37
Implementasi Halaman Admin Siswa Baru
15. Implementasi Halaman Admin Siswa Diterima
Pada halaman ini admin dapat melihat siswa yang sudah diterima.
Gambar III.38
16. Implementasi Halaman Admin Pembayaran Masuk
Pada halaman ini admin dapat melihat bukti pembayaran siswa dan mengkonfirmasinya.
Gambar III.39
Implementasi Halaman Admin Pembayaran Masuk
17. Implementasi Halaman Admin Kelas
Pada halaman admin data kelas ini admin dapat menambahkan kelas dan menghapus kelas
.
Gambar III.40
18. Implementasi Halaman Admin Galeri
Pada halaman admin galeri ini admin dapat menambahkan gambar dan menghapus gambar yg ada.
Gambar III.41
Implementasi Halaman Admin Galeri
19. Implementasi Halaman Admin Artikel
Pada halaman admin galeri ini admin dapat menambahkan artikel dan menghapus artikel yg ada.
Gambar III.42
20. Implementasi Halaman Admin Akun Admin
Pada halaman admin dapat mengubah username dan password login admin
Gambar III.43
Implementasi Halaman Admin Akun Admin
B. Spesifikasi Sistem Komputer
Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum yang di butuhkan untuk mengimplementasikan aplikasi pendaftaran untuk SMP PGRI 17.
1. Spesifikasi Perangkat Keras
Hardware meliputi pemilihan perangkat keras yang digunakan sebagai alat
pendukung pembuatan aplikasi yaitu diantaranya:
a. Server
1) CPU
(a) Processor Intel® Celeron® CPU N2830 @ 2.16GHz @2.16GHz
(b) RAM 2 GB
2) Mouse 3) Keyboard
4) Monitor dengan resolusi layar minimum 1024 x 600 5) Koneksi internet dengn kecepatan 2 mbps
b. Client 1) CPU
(a) Processor Intel ® Atom ™ CPU N455 @1.66GHz (2
CPUs),~1.7GHz
(b) RAM 1 MB
(c) Hard Disk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024 x 600 5) Koneksi internet dengn kecepatan 56 kbps
2. Spesifikasi Perangkat Lunak a. Server
1) Sistem operasi windows 7
2) Aplikasi web server xampp v3.2.2 yang terdiri dari :
(a) Aplikasi Apache v3.2.2
(b) Aplikasi Mysql v3.2.2
3) Aplikasi web browser seperti Mozilla Firefox dan Google Chrome b. Client
1) Sistem operasi windows 7
3.4.2. Pengujian Unit
Pengujian sistem dilakukan untuk memeriksa kekompakan antar komponen sistem yang diimplementasikan. Tujuan dari pengujian sistem adalah untuk memastikan bahwa elemen-elemen atau komponen-komponen dari sistem telah berfungsi sesuai dengan yang diharapkan. Pengujian perangkat lunak ini menggunakan metode black box testing berfokus pada persyaratan atau kebutuhan fungsional perangkat lunak yang dibuat.
A. Pengujian Terhadap Form Login Admin
Tabel III.9
Hasil Pengujian Black Box Testing Halaman Login Admin
No Sekenario Pengujian
Test Case Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1 Username dan password tidak diisi kemudian klik tombol login Username: (Kosong) password: (Kosong) Sistem akan menolak akses dan menampilkan “ User name belum di isi ” pada kolom Username Sesuai Harapan Valid 2 Mengetikan Username dan password tidak diisi (kosong)\kem udian klik tombol login Username : admin password: (kosong) Sistem akan menolak akses dan menampilkan “Password belum di isi” pada kolom Password Sesuai Harapan Valid 3 Username tidak diisi (kosong) dan password diisi kemudian klik tombol login Username : (kosong) password: admin Sistem akan menolak akses dan menampilkan “ User name belum di isi ” pada kolom Username Sesuai Harapan Valid 4 Mengetikan salah satu kondisi salah Username: admin (benar) Sistem akan menolak akses Sesuai harapan Valid
pada Username atau password kemudian klik tombol login password: 123456 (salah) 5 Mengetikan Username dan password dengan data yang benar kemudian klik tombol login Username: admin (benar) password: admin (benar) Sistem akan menerima login kemudian langsung menampilkan menu utama admin Sesuai harapan Valid
B. Pengujian Terhadap Form Login Siswa
Tabel III.10
Hasil Pengujian Black Box Testing Halaman Login Siswa
No Sekenario Pengujian
Test Case Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1 No NISN dan tgl lahir tidak diisi kemudian klik tombol masuk No NISN: (Kosong) Tgl Lahir: (Kosong) Sistem akan menolak akses dan menampilkan “ NISN belum di isi ” pada kolom no NISN Sesuai Hara Pan Valid 2 Mengetikan no NISN dan tgl lahir tidak diisi (kosong)\kem udian klik tombol masuk No NISN: (123456) Tgl Lahir: (Kosong) Sistem akan menolak akses dan menampilkan “ Tanggal belum di isi ” pada kolom tgl lahir Sesuai Harapan Valid 3 No NISN tidak diisi (kosong) dan tgl lahir diisi kemudian klik tombol masuk No NISN: (Kosong) Tgl Lahir: (2005-12-15) Sistem akan menolak akses dan menampilkan “ NISN belum di isi ” pada kolom no NISN Sesuai Harapan
4 Mengetikan salah satu kondisi salah pada no NISN atau tgl lahir kemudian klik tombol masuk No NISN: 123456 (benar) Tgl lahir: 2005-01-01 (salah) Sistem akan menolak akses dan menampilkan “ Nisn dan tanggal yang dimasukan salah” Sesuai harapan Valid 5 Mengetikan no NISN dan tgl lahir dengan data yang benar kemudian klik tombol masuk No NISN: 123456 (benar) Tgl lahir: 2005-12-15 (benar) Sistem akan menerima login kemudian langsung menampilkan menu utama siswa Sesuai harapan Valid
C. Pengujian Terhadap Form Data Siswa Baru
Tabel III.11
Hasil Pengujian Black Box Testing Halaman Data Siswa Baru
No Sekenario Pengujian
Test Case Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1 Nama legkap, no NISN dan tanggal lahir tidak diisi kemudian klik tombol daftar Nama lengkap: (Kosong) No NISN: (Kosong) Tanggal Lahir: (Kosong) Sistem akan menolak akses dan menampilkan “ Nama belum di isi ” pada kolom nama lengkap Sesuai Hara Pan Valid 2 Mengetikan nama lengkap no NISN dan tanggal lahir tidak diisi (kosong)\kem udian klik tombol daftar Nama lengkap: zilda erza No NISN: (Kosong) Tangga Lahir: (Kosong) Sistem akan menolak akses dan menampilkan “ NISN belum di isi ” pada kolom no NISN Sesuai Harapan Valid 3 Mengetikan nama lengkap no dan NISN, tanggal lahir tidak diisi Nama lengkap: zilda erza No NISN: (123456) Sistem akan menolak akses dan menampilkan “ Tanggal Sesuai Harapan Valid
(kosong)\kem udian klik tombol daftar Tangga Lahir: (Kosong) belum di isi ” pada kolom tanggal lahir 4 Mengetikan nama lengkap, tanggal lahir dan no NISN yang sudah terdaftar, kemudian klik tombol daftar Nama lengkap: Arimbi erza No NISN: (123456) Tanggal Lahir: 2004-02-20 Sistem akan menolak akses dan menampilkan “NISN telah terdaftar silahkan ulangi” pada kolom tanggal lahir 5 Mengetikan nama lengkap, NISN dan tanggal lahir dengan data yang benar kemudian klik tombol daftar Nama lengkap: zilda erza No NISN: 123456 Tangga Lahir: 2004-02-20 Sistem akan menerima kemudian langsung menampilkan menu utama home siswa Sesuai Harapan Valid
D. Pengujian Terhadap Form Lengkapi Data
Tabel III.12
Hasil Pengujian Black Box Testing Halaman Lengkapi Data
No Sekenario Pengujian
Test Case Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1 Semua text field (kolom data) pada form lengkapi data diisi hanya beberapa kemudian klik tombol update data NISN: 123456 Nama siswa: zilda erza Jenis kelamin: perempuan Tempat lahir: (kosong) Tanggal lahir: (kosong) Agama: (kosong) Anak ke: (kosong) Jumlah saudara: (kosong) Alamat: (kosong) Sistem akan menolak akses dan menampilkan “ Tempat belum di isi ” pada kolom yang belum diisi Sesuai harapan Valid
Asal sekolah : (kosong) Alamat sekolah: (kosong) Nama lengkap: (kosong) Tempat lahir: (kosong) Tanggal lahir: (kosong) Pekerjaan : (kosong) Penghasilan : (kosong) alamat: (kosong) no telpon: (kosong) 2 Mengisi semua text field (kolom data) pada form lengkapi data kemudian klik tombol update data NISN: 123456 Nama siswa: zilda erza Jenis kelamin: perempuan Tempat lahir: bogor Tanggal lahir: 2005-02-20 Agama: islam Anak ke: 1 Jumlah saudara: 1 Alamat: bogor Asal sekolah : Sdn kertamaya Alamat sekolah: bogor Nama lengkap: herman Tempat lahir: bogor Tanggal lahir: 1972-09-01 Pekerjaan : karyawan Penghasilan : 5000000 Sistem akan menerima akses daftar dan tersimpan di dalam database Sesuai harapan Valid
alamat: bogor no telpon: 085717314014
E. Pengujian Terhadap Form Pembayaran
Tabel III.13
Hasil Pengujian Black Box Testing Halaman Pembayaran
No Sekenario Pengujian
Test Case Hasil Yang Diharapkan Hasil Pengujian Kesimpulan 1 Semua text field (kolom data) pada form pembayaran tidak di isi lalu klik tombol konfirmasi Nama bank : (kosong) No rekening : (kosong) Pemilk rekening : (kosong) Bukti rekening: (kosong) Sistem akan menolak akses dan menampilkan “ Nama bank belum di isi ” pada kolom nama bank Sesuai harapan Valid 2 field (kolom data) pada form pembayaran yang di isi hanya nama bank lalu klik tombol konfirmasi Nama bank : bca No rekening : (kosong) Pemilk rekening : (kosong) Bukti rekening: (kosong) Sistem akan menolak akses dan menampilkan “ No rekening belum di isi ” pada kolom no rekening Sesuai harapan Valid 3 field (kolom data) pada form pembayaran yang di isi hanya nama bank, no rekening lalu klik tombol konfirmasi Nama bank : bca No rekening : 09864456 Pemilk rekening : (kosong) Bukti rekening: (kosong) Sistem akan menolak akses dan menampilkan “Pemilik rekening belum di isi ” pada kolom pemilik rekening Sesuai harapan Valid 4 field (kolom data) pada form Nama bank : bca No rekening : Sistem akan menolak akses dan Sesuai harapan Valid
pembayaran yang di isi hanya nama bank, no rekening dan pemilik rekening lalu klik tombol konfirmasi 09864456 Pemilk rekening : herman Bukti rekening: (kosong) menampilkan “ Please select a file” pada kolom bukti rekening 5 Mengisi semua text field (kolom data) pada form pembayaran kemudian klik tombol konfirmasi Nama bank : bca No rekening : 09864456 Pemilk rekening : herman Bukti rekening: foto.jpg Sistem akan menerima akses daftar dan tersimpan di dalam database Sesuai harapan Valid