• Tidak ada hasil yang ditemukan

BAB III PEMBAHASAN. proses bisnis berdasarkan sejarah perusahaan, struktur organisasi dan fungsi yang

N/A
N/A
Protected

Academic year: 2021

Membagikan "BAB III PEMBAHASAN. proses bisnis berdasarkan sejarah perusahaan, struktur organisasi dan fungsi yang"

Copied!
47
0
0

Teks penuh

(1)

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

(2)

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)

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.

(4)

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

(5)

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.

(6)

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

(7)

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

(8)

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

(9)

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

(10)

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

(11)

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

(12)

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

(13)

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

(14)

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

(15)

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

(16)

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)

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.

(18)

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

(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

(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

(21)

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

(22)

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

(23)

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

(24)

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

(25)

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

(26)

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

(27)

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

(28)

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

(29)

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.

(30)

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

(31)

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

(32)

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

(33)

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

(34)

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

(35)

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

(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

(37)

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

(38)

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

(39)

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

(40)

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

(41)

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

(42)

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

(43)

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

(44)

(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

(45)

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

(46)

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

(47)

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

Gambar

Gambar III.1  Struktur Organisasi
Gambar III.2
Gambar III.4
Gambar III.7
+7

Referensi

Dokumen terkait

g) sampel pertinggal bahan awal dan produk jadi disimpan dalam jumlah yang g) sampel pertinggal bahan awal dan produk jadi disimpan dalam jumlah yang cukup untuk dilakukan

Serat nano yang dibuat menggunakan proses electrospinning telah berhasil dilakukan. Berdasarkan gambar 1.a-c hasil pengujian morfologi menggunakan SEM dapat dilihat bahwa

Aspek penggunaan konjungsi atau sekuen diperoleh nilai rata- rata 39,2 dengan nilai tertinggi 100 dan nilai terendah 33,3.Nilai tersebut termasuk kategori kurang

d‘ Mencakup ekosistem dan keanekaragaman hayatinya dengan produktivitas yang tinggi yang memberikan tempat hidup penting buat beberapa jenis biota laut d‘ Ciri-ciri khusus

notatum IPBCC 07.555 menunjukkan produksi AIA, pertumbuhan, dan toleran terhadap kondisi asam yang lebih baik dibandingkan dengan kapang terpilih lainnya.. Imaningsih (2010)

Merencanakan Tebal Perkerasan Lentur dengan metode Bina Marga 1987 dan Perkerasan Kaku dengan metode Bina Marga 2013 pada ruas Jalan Alun-Alun Rambipuji, Kabupaten

Berbeda dengan penelitian-penelitian sebelumnya, pada penelitian ini dirancang prototype alat untuk sistem pendeteksi kebocoran gas LPG menggunakan Wireless

Perkembangan motorik halus anak taman kanak-kanak ditekankan pada koordinasi gerakan motorik halus dalam hal ini berkaitan dengan kegiatan meletakkan atau memegang suatu objek