BAB III PEMBAHASAN - repository.bsi.ac.id · Bertugas menyusun struktur organisasi sekolah ... Menyediakan tampilan bagi user yang akan melihat informasi tentang sekolah. b. Menyediakan

28

BAB III

PEMBAHASAN

3.1. Tinjauan Kasus

3.1.1. Sejarah Sekolah

SMK ISLAM PERTI adalah salah satu sekolah Islam yang berada di

naunggan Perkumpulan partai Islam.

Beralamat Jl. Tawakal Raya N0. 99,RT.8/RW.16, Tomang, Grogol Petamburan

sekolah ini dapat di akses secara mudah dengan angkutan kota B01 jurusan Muara

Angke – Grogol. Selain akses jalan yang mudah, area parkir yang luas juga

memudahkan orang tua murid untuk memakirkan speda motornya.

Berdiri sejak tahun 1958, tepatnya pada tanggal 10 Oktober 1958, sekolah

ini tetap eksis hingga kini dengan tetap berpegang teguh pada ciri khas Islam

berdasarkan pancasilan dan UUD 1945. Dengan berlindug kepada Allah swt.

Sekolah sekolah islam tanpa kecuali SMK Islam Perti selalu berusaha untuk

mencapai tujuan yaitu membentuk pribadi yang cerdas dan berkarakter, peduli

terhadap sesama, menghargai keberagaman, dan berjuang demi terpeliharanya

lingkungan hidup. Untuk mewujudkan tujuan itu, SMK Islam Perti memiliki

bebarapa fasilitas penunjang yang lengkap serta program program kegiatan yang

dilaksanakan dari hari senin dan sabtu. Fasilitas tersebut diantaranya adalah

gedung sekolah dengan 2 lantai, lapangan olahraga 1 lapangan Futsal, campur

dengan basket dan voli, Lab Komputer dan Ruang UKS, serta kantin dengan

suasana hijau.

29

Dengan faslitas yang tersedia, SMK Islam Perti menjalankan program

unggulan seperti: kegiatan ekstrakurikuler Bola Basket, Bola Voli, Futsal,

Badminton, Tae Kilat, Silat dan Teater. Selain itu juga ada kegiatan Sholat duha

setiap jumat pagi dan kerja bakti lingkungan sekolah dan olahraga senam juga

diharapkan mampu menciptakan jasmani yang bersih dan sehat.

Dengana kegiatan di atas, SMK Islam Perti telah mampu menunjukan

prestasi dalam berbagai macam perlombaan dari tingkat kecamatan hingga ke

tingkat Propinsi.

Seiring Perkemhangan jaman informasi saat ini berkembang begitu pesat

hal ini juga dilakukan pada SMK Islam Perti Grogol dengan memanfaatkan

internet sebagai sarana informasi yang akurat. Informasi yang meliputi berita

sekolah, agenda di jadikan sebagai informasi yang paling utama

Pendaftaran siswa baru saat ini masih dilakukan secara manual dan

sistem pembayaran dilakukan dengan tunai, sehingga banyak calon siswa yang

harus antri berjam-jam hanya untuk antri registrasi pendaftaran seperti di sekolah-

sekolah umum lainnya.

Dengan semakin pesatnya persaingan di bidang pendidikan, maka

pemanfaatan teknologi informasi dirasa perlu untuk memperluas informasi

pendidikan secara global seperti bentuk persaingan menghadapi sekolah-sekolah

maju yang lainnya.

Dalam bidang ini, pemanfaatan website merupakan solusi terbaik untuk

memecahkan permasalahan-permasalahn yang ada pada sekolah ini. Dengan

pemanfaatan website diharapkan citra sekolah akan naik atau dengan kata lain

kepercayaan orang tua siswa terhadap sekolah ini tidak diragukan lagi. Oleh

30

karena itu untuk meningkatkan pendidikan dari pendaftaran siswa baru maka

perlu dibuatnya sistem informasi berbasis web dengan tujuan sebagai media

promosi dan juga mempermudah para siswa untuk mendaftarkan diri disekolah

favorit masing-masing.

3.1.2. Visi dan Misi

1. Visi

Terwujudnya pendidikan yang bermutu tinggi, dengan dilandasi iman dan

taqwa, serta kecakapan hidup (life skill).

2. Misi

1, Melaksanakan kegiatan keagamaan secara rutin dan tratur

2, Melaksanakan pembelajaran yang produktif, aktif, inovatif, kratif, edukatif

dan menyenangkan (PAIKEM)

3, Meningkatkan profesionalisme guru

4, Menjadikan siswa memiliki etos kerja yang tinggi dan semangat

untuk bekal kecakapan hidup

5, Meningkatkan kedisplinan dan budi pekerti luhur

6, Mempersiapkan dan menghasilkan Sumber Daya Manusia (SDM)

yang dapat menjadi faktor unggulan dalam sektor pembangunan

31

3.1.3. Struktur Organisasi dan Fungsi

3.1.3.1 Struktur Organisasi

Gambar.III.1

Struktur organisasi

32

3.1.3.2. Fungsi Struktur Organisasi

1. Kepala Sekolah dan Wakil Kepala Sekolah

Bertugas menyusun struktur organisasi sekolah

Organisasi memainkan peranan penting dalam fungsi adminitrasi karena

merupakan tempat pelaksanaan semua kegiatan administrasi. Selain itu dilihat dari

fungsinya organisasi juga menetapkan dan menyusun hubungan kerja seluruh

anggota organisasi agar tidak terjadi tumpang tindih dalam melakukan tugasnya

masing-masing

2. Komite Sekolah

Menciptakan suasana dan kondisi transparan, akuntabel, dan demontrasi dalam

penyelanggaraan dan pelayanan pendidikan yang bermutu di satuan

pendidikan

3. Tata Usaha

1. Perencanaan administrasi program dan anggaran

2. Kordinator administrasi ketatausahaan

3. Pengelola administrasi program

4. Penyusun laporan perogram dan anggaran

5. Pembina staf

4. Wakil Kelas

1. Mewakili orang tua/wali siswa dalam lingkungan sekolah

2. Membantu pengembangan potensi siswa

3. Membantu menyelesaikan masalah-masalah siswa

4. Membina suasana kekeluargaan di kelas

5. Membuat peta kelas (kondisi dan latar blakang siswa

33

6. Merekap jurnal kelas dan daftar hadir siswa

3.2. Analisa Kebutuhan

Proses analisa kebutuhan rancangan website yang penulis buat pada

dasarnya adalah suatu bentuk upaya dan harapan kepada pengunjung website agar

mengenal dan mengetahui tentang penerimaan siswa baru. Sistem penerimaan

siswa baru pada website ini adalah calon siswa tidak harus bertatap muka secara

langsung dengan pihak sekolah untuk melakukan pendaftaran. Proses ini kurang

efektif karena banyak membuang waktu bagi calon siswa.

Hal pertama yang perlu dilakukan dalam analisa kebutuhan adalah

mengidentifikasi kebutuhan yang diperoleh berdasarkan kebutuhan pengguna dan

kebutuhan sistem.

3.2.1. Analisa Kebutuhan Pengguna

1. Administrator

a. Admin dapat menambah, mengubah dan menghapus admin web.

b. Admin dapat melihat data pendaftar.

c. Admin dapat mengubah data formulir.

d. Admin dapat menambah, mengubah dan menghapus berita sekolah

e. Admin dapat menambah, mengubah dan mengapus agenda sekolah

g. Admin dapat menambah, mengubah dan mengapus data guru,data

karyawan

dan data karyawan

h. Admin dapat mengubah visi misi sekolah.

34

i. Admin dapat mengubah profil sekolah.

j. Admin dapat mengubah sambutan kepala sekolah .

k. Admin dapat menambah,mengubah dan mengapus galeri foto.

2. User

a. User dapat meliat informasi terbaru dari sekolah tanpa harus login.

b. User dapat melihat profil dan harus login terlebih dahulu untuk menjadi

pendaftar.

c. User harus login terlebih dahulu jika ingin mendaftar sebagai calon siswa .

d. User harus login terlebih dahulu jika ingin mengisi form konfirmasi

pembayaran.

e. User harus login terlebih dahulu untuk melihat peringkat seleksi

3. Kebutuhan Sistem Untuk Pendaftar

a. Menyediakan tampilan bagi user yang akan melihat informasi tentang sekolah.

b. Menyediakan form pendaftaran untuk calon siswa agar dapat melakukan

pendaftaran siswa baru.

c. Memberi informasi tentang cara pembayaran dan cara pendaftaran sekolah

d. Setelah melakukan konfirmasi pembayaran fomulir siswa baru bisa mengisi

form pendaftar

35

3.3. Perancangan Perangkat Lunak

3.3.1. Rancangan Antar Muka

1. Rancangan Antar Muka Halaman Index (Beranda)

Index adalah halamam depan dari semua halaman yang ada pada tampilan

website. Halaman ini Juga dapat disebut sebagai halaman pembuka karena pada

saat website dibuka maka tampilan inilah yang akan muncul terlebih dahulu.

Rancangan halaman Index (beranda) adalah sebagai berikut :

Gambar III.1

Rancangan Antar Muka Halaman Index

36

2. Rancangan Antar Muka Halaman Cara Pendaftaran

Halaman cara pendaftaran dirancang untuk menampilkan dari

Cara pendaftaran siswa baru. Rancangan halaman adalah sebagai berikut :

Gambar III.2

Rancangan Antar Muka Halaman Cara pendaftaran

37

3. Rancangan Antar Muka Halaman Visi Misi Sekolah

Halaman Visi Misi dirancang untuk menampilkan Visi Misi sekolah untuk

lebihmemotivasi pendaftar terhadap sekolah ini. Halaman visi misi adalah sebagai

berikut:

Gambar III.3

Rancangan Antar Muka Visi Misi

4. Rancangan Antar Muka Cara Daftar

38

Halaman cara daftar ini dirancang untuk memudahkan pendaftar

mengetahui langkah apa saja yang harus dilakukan untuk pendaftaran disekolah

ini. Halaman cara daftar adalah sebagai berikut :

Gambar III.4

Rancangan Antar Muka Cara Daftar

6. Rancangan Antar Muka Halaman Login Pendaftar

39

Halaman Login pendaftar dirancang untuk pengguna masuk kedalam

ruangan pendaftar baru, sehingga pengguna dapat melakukan transaksi pembelian.

Rancangan halaman Login pendaftar adalah sebagai berikut :

Gambar III.5

Rancangan Antar Muka Halaman Pendaftar Baru

6. Rancangan Antar Muka Halaman Data Seleksi

40

Halaman Data Seleksi dirancang untuk menyeleksi pendaftaran siswa

baru adalah sebagai berikut :

Gambar III.6

Rancangan Antar Muka Halaman Data Seleksi

7. Rancangan Antar Muka Halaman Pendaftaran

41

Halaman Data Pembayaran Pendaftar adalah halaman awal yang terdapat

pada ruang Pendaftar setelah calon siswa berhasil login pada halaman login

pendaftar. . Rancangan halaman Home Pendaftar sebagai berikut :

Gambar III.7

Rancangan Antar Muka Halaman Pendaftaran Beranda

42

8. Rancangan Antar Muka Halaman Home Cara Pendaftaran

Halaman Home Cara Pembayaran adalah halaman awal yang terdapat pada

ruang Pendaftar setelah calon siswa berhasil login pada halaman login pendaftar.

Rancangan halaman Home Pendaftar sebagai berikut

Gambar III.8

Rancangan Antar Muka Cara Pembayaran

43

9. Rancangan Antar Muka Halaman Data Pembayaran

Halaman Home Data Pembayaran adalah halaman awal yang terdapat

pada ruang Pendaftar setelah calon siswa berhasil login pada halaman login

pendaftar. . Rancangan halaman Home Data Pembayaran sebagai berikut:

Gambar III.9

Rancangan Antar Muka Data Pembayaran

44

10. Rancangan Antar Muka Halaman Home Data Pribadi

Halaman Home Data Pribadi adalah halaman awal yang terdapat pada

ruang Pendaftar setelah calon siswa berhasil login pada halaman login pendaftar

Rancangan halaman Home Data Pribadi sebagai berikut:

Gambar III.10

Rancangan Antar Muka Home Data Pribadi

45

11. Rancangan Antar Muka Halaman Data Nilai

Halaman Home Pendaftar adalah halaman awal yang terdapat pada ruang

Pendaftar setelah calon siswa berhasil login pada halaman login pendaftar.

Rancangan halaman Home Data Nilai sebagai berikut:

Gambar III.11

Rancangan Antar Muka Data Nilai

46

12. Rancangan Antar Muka Halaman Data Foto

Halaman Home Data Foto adalah halaman awal yang terdapat pada ruang

Pendaftar setelah calon siswa berhasil login pada halaman login pendaftar.

Rancangan halaman home Data Foto sebagai berikut:

Gambar III.12

Rancangan Antar Muka Home Pendaftan

47

13. Rancangan Antar Muka Formulir Pendaftaran

Halaman rancangan antar muka formulir pendaftaran adalah sebagai

berikut :

Gambar III.13

Rancangan Antar Muka Formulir Pendaftaran

48

14. Rancangan Antar Muka Halaman Hasil Pendaftaran

Halaman rancangan antar muka hasil pendaftaran adalah sebagai berikut :

Gambar III.14

Rancangan Antar Muka Halaman Hasil Pendaftaran

49

15. Rancangan Antar Muka Halaman Hasil Pendaftaran Selesai

Halaman rancangan antar muka hasil pendaftaran adalah sebagai berikut :

:

Gambar III.15

Rancangan Antar Muka Pendaftaran Selesai

50

16. Rancangan Antar Muka Halaman Cetak Kts

Halaman Cetak Kts adalah halaman untuk mencetak kartu tanda siswa

sebagai bukti pendaftaran siswa baru. Rancangan halaman cetak kts adalah

sebagai berikut :

Gambar III.16

Rancangan Antar Muka Halaman Cetak Kts

51

17. Rancangan Antar Muka Login Admin

Halaman Login Admin dirancang untuk masuk kedalam ruang admin,

sekaligus memproteksi halaman admin dari para penguna yang tidak berhak

mengakses halaman admin. Rancangan halaman Login Admin adalah sebagai

berikut:

Gambar III.17

Rancangan Antar Muka Halaman Login Admin

52

18. Rancangan Antar Muka Halaman Beranda Admin

Rancangan antar muka Halama Beranda Admin adalah sebagai berikut :

Gambar III.18

Rancangan Antar Muka Halaman Beranda Admin

53

19. Rancangan Antar Muka Halaman Form Jurusan

Rancangan Antar Muka Halaman form jurusan adalah sebagai berikut :

Gambar III.19

Rancangan Antar Muka Form Jurusan

54

20. Rancangan Antar Muka Halaman Data Pendaftar

Halaman Tambah Admin adalah halaman untuk menambah data admin

baru. Rancangan Halaman Tambah Admin adalah sebagai baerikut :

Gambar III.20

Rancangan Antar Muka Halaman Data Pendaftar

Search

ch

Nohp Password Aksi

55

21. Rancangan Antar Muka Halaman Data Pembayaran

Rancangan antar muka Pembayaran adalah sebagai berikut :

Gambar III.21

Rancangan Antar Muka Halaman Data Pembayaran

56

22. Rancangan Antar Muka Halaman Data Data Pendaftar

Rancangan antar muka halaman Data pendaftar adalah sebagai berikut :

Gambar III.22

Rancangan Antar Muka Halaman Data Data Pendaftar

57

23. Rancangan Antar Muka Halaman Data Informasi Pendaftar

Rancangan antar muka halaman Data Informasi Pendaftar adalah sebagai berikut :

Gambar III.23

Rancangan Antar Muka Halaman Data Informasi Pendaftar

58

24. Rancangan Antar Muka Halaman Data Seleksi

Rancangan antar muka halaman Data Seleksi didalamnya ada pilihan jurusan

adalah sebagai berikut :

Gambar III.24

Rancangan Antar Muka Halaman Data Seleksi

59

3.3.2. Rancangan Basis Data

Perancangan basis data menghasilkan pemetaaan label–label yang

digambarkan dengan Entity Relatonship Diagram(ERD).

A. Entity Relationship Diagram (ERD)

Gambar III.25

Entitiy Relationship Diagram (ERD)

60

B. Logical Record Structure (LRS)

Gambar III.26

Logical Record Structure (LRS)

61

C. Spesifikasi File

Menjelaskan tentang file atau tabel-tabel yang terbentuk dari transformasi

ERD (dan atau file-file penunjang website). File-file ini tersimpan pada nama

database dengan parameter-parameter tersebut :

1. Spesifikasi file admin

Nama Database : Smk Islam Perti.sql

Nama File : File admin

Akronim : user. MYD

Fungsi : untuk menampilkan data admin

Tipe File : File Master

Media : Hard Disk

Panjang record :84 karakter

Kunci field : id_admin

Software :MySQL

Tabel III.1

Spesifikasi File Admin

No. Elemen Data Nama Field Tipe Size Keterangan

1. Id Admin id_admin Varchar 11 Primary Key

2. Nama Lengkap nama_admin Varchar 35

3. Password pswd_admin Varchar 30

4. Email email_admin Varchar 8

62

2. Spesifikasi file pendaftar


Nama File : File Pendaftar

Akronim :user. MYD

Fungsi : untuk menampilkan data pendaftar


Media : Hard Disk


Kunci field : id_pendaftar

Software :MySQL

Tabel III.2

Spesifikasi File Pendaftar


1. Id_ pendaftar id_pendaftar Int 11 Primary Key

2. Nisn Nisn Int 11

3. Nama Nama Varchar 50

4. No_hp Nohp Varchar 12

5. Password Password Int 8

63

3. Spesifikasi file Info


Nama File : File Info

Akronim :user. MYD

Fungsi : untuk menampilkan data Info


Media : Hard Disk


Kunci field : id_info

Software :MySQL

Tabel III.3

Spesifikasi File Info


1. id_ info id_ info Int 11 Primary Key

2. konfirmasi konfirmasi Int 11

3. tgldaftar tgldaftar date 50

4. tglselesai tglselesai date 12

5 wawancara wawancara

6 admin admin Int 8

64

4. Spesifikasi file data nilai


Nama File : File data_nilai

Akronim : data_nilai. MYD

Fungsi : untuk menampilkan data Nilai

Tipe File : File Transaksi

Media : Hard Disk


Kunci field : idnilai

Software :MySQL

Tabel III.4

Spesifikasi File Data Nilai


1. idnilai Idnilai int 11 Primary Key

2. Id_pendaftar Id_pendaftar int 11

3. no_pendaftarn no_pendaftaran varchar 15

4. mat Mat int 11

5. ipa Ipa int 11

6. ips Ips int 11

7. bi Bi int 11

8. rata_rata rata_rata double

9. status Status varchar 20

10. statuscek Statuscek varchar 10

11. id_admin id_admin varchar 5

65

5. Spesifikasi file Data Pribadi


Nama File : File Data Pribadi

Akronim : data_pribadi. MYD

Fungsi :untuk menampilkan Data Pribadi Siswa

Baru


Media : Hard Disk


Kunci field : no_pendaftaran

Software :MySQL

Tabel III.5

Spesifikasi File Data Pribadi


1. no_pendaftaran no_pendaftaran int 11 Primary Key

2. Id_pendaftar Id_pendaftar int 11

3. Id_jurusan Id_jurusan int 11

4. jeniskelamin Jeniskelamin varchar 1

5. tgllahir Tgllahir date

6. alamat Alamat text

7. nohpcalon Nohpcalon varchar 12

8. asalsekolah Asalsekolah varchar 20

9. namasekolah Namasekolah varchar 30

10. namaayah Namaayah varchar 50

66

11. pekejaanayah Pekejaanayah varchar 15

12 ibu Ibu varchar 50

13 pekerjaanibu Pekerjaanibu varchar 15

14 alamatortu Alamatortu text

15 nohportu Nohportu varchar 12

16 tgldaftar Tgldaftar date

17 id_admin id_admin varchar 5

6. Spesifikasi file Jurusan


Nama File : File Jurusan

Akronim : user. MYD

Fungsi : untuk menampilkan data admin

Tipe File : File Jurusan

Media : Hard Disk


Kunci field : Jurusan

Software :MySQL

Tabel III.6

Spesifikasi File Jurusan


1 id_jurusan id_jurusan int 11

2 jurusan Jurusan varchar 12

67

7. Spesifikasi file Data Scan


Nama File : File Data Scan

Akronim : data_scan. MYD

Fungsi : untuk menampilkan Data Pribadi Siswa

Baru


Media : Hard Disk


Kunci field : idscan

Software :MySQL

Tabel III.7

Spesifikasi File Data Scan

Elemen Data Nama Field Tipe Size Keterangan

1. idscan idscan int 11 Primary Key

2. id_pendaftar id_pendaftar int 11

3. no_pendaftaran no_pendaftaran varchar 12

4. namafile namafile varchar 50

5. foto foto varchar 100

68

8. Spesifikasi file Konfirmasi


Nama File : File Konfirmasi

Akronim : data_scan. MYD

Fungsi : untuk menampilkan Konfirmasi


Media : Hard Disk


Kunci field : id_konfirmasi

Software :MySQL

Tabel III.8

Spesifikasi File Konfirmasi

Elemen Data Nama Field Tipe Size Keterangan

1. id_konfirmasi id_konfirmasi Int 11 Primary Key

2. id_pendaftar id_pendaftar Int 11

3. pmlkbank pmlkbank Varchar 30

4. namabank namabank Varchar 10

5. tgltransfer tgltransfer Date

6 nominal nominal Int 11

7 foto foto Varchar 50

8 status status Varchar 30

9 id_admin id_admin Varchar 12

69

3.3.3. Rancangan Struktur Navigasi

Struktur navigasi website ini merupakan unsur penting dalam banyak

halaman web. Tujuannya supaya pengunjung merasa mudah mengemudikan suatu

halaman web. Biasanya komponen navigasi tersebut berupa fasilitas untuk

berpindah kehalaman web lainnya, yang diwujudkan dalam berbagai macam cara.

Adapun penulis mengunakan bentuk dari peta Navigasi Linear dan untuk Admin

Navigasi Non- Linear di gambarkan sebagai berikut:

index

Cara DaftarBeranda Visi Misi Profil sekolah Login

Gambar III.27

Struktur Navigasi Halaman Web Pengunjung

70

Halaman Pendaftar

Cara DaftarBeranda Visi Misi Profil

sekolah Edit Profile

Hasil Pendaftaran

Keluar

Login pendaftar

Form formulir Cetak KTS

Gambar III.28

Struktur Navigasi Halaman Pendaftar

Login admin Halaman admin

Beranda

Data User

Data Kelas

Pendaftar Formulir

BaruFormulir Di

Terima

Formulir tidak

diterima

Konfirmasi Pembayaran

Hapus

Siswa Lunas

Pembayaran

Tambah

Hapus

Hapus Hapus Update Kelas Edit

Edit Edit Hapus Edit

Hapus Edit Hapus

Hapus Hapus

Edit

Keluar

Siswa dan Kelas

Laporan

Edit

Siswa Kelas

Gambar III.29

Struktur Navigasi Halaman Admin

71

3.4. Implementasi dan Pengujian Unit

3.4.1. Implementasi Rancangan Antar Muka

Berikut adalah implementasi rancangan antar muka pada penerimaan

siswa baru berbasis online berdasarkan hasil rancangan antar muka.

1. Tampilan Halaman Index pengunjung

Gambar.30

Halaman Index Pengunjung

72

2. Tampilan Halaman Cara Daftar

Gambar III.31

Tampilan Halaman Cara Daftar

73

3. Tampilan Halaman Visi Misi

Gambar III.32

Tampilah Halaman Visi &Misi

74

4. Tampilan Halaman Pendaftar Baru

Gambar III.33

Tampilan Halaman Pendaftar Baru

75

5. Tampilan Halaman Beranda Login

Gambar III.34

Tamplilan Halaman Beranda Login

76

6. Tampilan Halaman Beranda dalamnya ada Konfirmasi Pembayaran

Gambar III. 35

Tampilan Halaman Konfirmasi Pembayaran

77

7. Tampilan Halaman Data Siswa didalamnya untuk melakukan Cara

pembayaran

Gambar III. 36

Tampilan Halaman Cara Pembayaran

78

8. Tampilan Halaman Setelah Konfirmasi Pembayaran

Gambar III. 37

Tampilan Halaman Setelah Konfirmasi Pembayaran

79

9. Tampilan Halaman Hasil Pendaftaran

Gambar III.38

Tampilan Halaman Hasil Pendaftaran

80

10. Tampilan Halaman Data Pembayaran

Gambar III. 39

Tampilan Halaman Data pembayaran

81

11. Tampilan Halaman Data Pribadi

Gambar III.40

Tampilan Halaman Data pribadi

82

12. Tampilan Halaman Data Nilai

Gambar III.41

Tampilan Halaman Data nilai

83

13. Halaman Data Foto

Gambar III.42

Hamalan Tampilan Data foto

84

14. Halaman Tampilan Pendaftar Selesai

Gambar III.43

Tampilan Halaman Pendaftar Slesai

85

15. Tampilan Halaman Print Hasil Pendaftar

Gambar III.44

Tampilan Halaman Print Hasil Pendaftar

86

16. Tampilan Halaman Data Hasil Seleksi

Gambar III.45

Tampilan Halaman Data Hasil Seleksi

87

17.Tampilan Halaman Home Admin

Gambar III.46

Tampilan Halaman Home Admin

88

17. Tampilan Halaman Admin Jurusan

Gambar III.47

Tampilan Halaman Admin Jurusan

89

18. Tampilan Halaman Admin Data Pendaftaran

Gambar III.48

Tampilan Halaman Admin Data Pendaftaran

90

19. Tampilan Halaman Edit Pendaftaran

Gambar III.49

Tampilan Halaman Edit Pendaftaran

91

21.Tampilan Halaman Konfirmasi Pembayaran

Gambar III.50

Tampian Halaman Konfirmasi Pembayaran

92

20. Tampilan Halaman Proses Diterima Konfirmasi Pembayaran

Gambar III.51

Tampilan Halaman Proses Diterima Konfirmasi Pembayaran

93

21. Tampilan Halaman Data Pendaftar

Gambar III.52

Tampian Halaman Data Data Pendaftar

94

22. Tampilan Halaman Informasi Pendaftaran

Gambar III.53

Tampilan Halaman Informasi Pendaftaran

95

23. Tampilan Halaman Data Seleksi

Gambar III.54

Tampilan Halaman Data Seleksi

96

24. Tampilan Halaman Data Print Seleksi

Gambar III.55

Tampilan Halaman Data Print Seleksi

97

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi sistem perangkat keras dan perangkat lunak

minimum yang dibutuhkan untuk mengimplementasikan aplikasi website untuk

penerimaan siswa baru berbasis online.

1. Spesifikasi Perangkat Keras

Perangkat keras (hardware) adalah suatu bagian terpenting yang akan

digunakan dalam menjalankan software dan pemilihan perangkat keras

(hardware) apa saja yang dibutuhkan untuk menjalankan aplikasi tersebut,

sehingga program yang telah di hasilkan dapt berjalan dngan baik.

Dalam hal ini perangkat keras yang digunakan penulisan adalah sebagai

berikut:

1. Processor : Inter Core i5-4210U (1.7-2.7GHz, 3MB Smart Cache)

2. Memory : 4 GB, DDR3

3. Harddisk : HDD 500GB

4. Monitor : 14” Inch

5. Keyboard : Standard (84 keys)

6. Mouse : Standard Mouse

2. Perangkat Lunak (Software)

Bagian terpenting yang lain yang mendukung program adalah perangkat

lunak (software) yang digunakan dengan menjalankan web serta sistem operasi

yang digunakan untuk menjalankan program tersebut.

Adapun perangkat lunak yang digunakan penulis dalam pembuatan

program Tugas Akhir ini adalah :

98

1. Sistem operasi Microsoft Windows 7 Ultimate

Sistem operasi windows telah banyak digunakan oleh para pengguna komputer

dalam membantu penggunaannya. Sistem operasi windows merupakan sistem

operasi yang sangat mudah digunakan.

2. Paket Program XAMPP

Paket program ini berisi:

a. Xampp web server yang berfungsi untuk menerima dan mengolah

permintaan browser web.

b. PHP editor yang berfungsi untuk mengolah dan menterjemahkan kode-kode

HTML.

c. MySQL yang berfungsi sebagai database untuk menyimpan dan mengolah

data yang dinamis dari sebuah aplikasi web.

3. Adobe Photoshop CS3

Program ini digunakan sebagai tempat untuk mempercantik tampilan web .

4. Mozila Firefox

Web browser ini digunakan sebagai wadah untuk melihat hasil dari website

yang telah selesai dibuat.

3.4.2. Pengujian Unit

Pengujian terhadap program yang dibuat oleh penuis menggunakan

blackbox testing yang fokus terhadap proses masukan dan keluaran program.

1. Pengujian Terhadap From Siswa Baru

99

Tabel III.7

Form Login Siswa Baru

No Skenario

Pengujian

Test Case Hasil yang

diharapkan

Hasil

penguji

an

Kesimpulan

1 Nisn, Nama

Lengkap, No

Hp dan

Password

tidak diisi

kemudian

klik daftar

Nisn :

Kosong

Nama Lengkap

Kosong

No HP : Kosong

Password :

Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

Harapan

Valid

2 Nisn diisi

dan Nama

Lengkap, No

HP dan

Password

tidak diisi

kemudian

klik daftar

Nisn :

261767581994

Nama Lengkap :

Kosong

No HP : Kosong

Password :

Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

Harapan

Valid

3 Nisn, Nama

Lengkap,

HP diisi dan

Password

tidak diisi

kemudian

klik daftar

Nisn :

261767581994

Nama Lengkap :

Ananta Agustian

No HP : Kosong

Password :

Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

Harapan

Valid

4 Nisn, dan

Nama

Lengkap, No

HP,dan

Password

Diisi

kemudian

klik daftar

username : 261767581994 Nama Lengkap : Ananta Agustian No HP : 087880677654 Password : 1234

Sistem akan

memproses

dan

menampilkan

pesan “ DATA

BERHASIL

DISIMPAN”

Sesuai

Harapan

Valid

100

2. Pengujian Terhadap From Pendaftar

Tabel III.8

From Login Pendaftar

No

Skenario

pengujian

Test Case

Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1

No Hp dan

Password

Tidak diisi

kemudian

klil login

No Hp :

Kosong

Password :

Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

harapan

Valid

2 No Hp diisi

dan

Password

Tidak diisi

kemudian

klil login

No Hp :

08788067654

Password :

Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

harapan

Valid

3. No Hp dan

Password

diisi

kemudian

klil login

No Hp :

08788067654

Password :

1234

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

harapan

Valid

4. Memasukan

Salah satu

kondisi salah

Pada No hp

Atau

Password

Kemudian

klik login

No Hp :

08788067654

Password :

1234x

Sistem akan

menolak akes

dan

menampilkan

“LOGIN

ANDA

SALAH”

Harapan

101

3. Pengujian Terhadap Form Konfirmasi

Tabel III.9

From Konfirmasi

NO Skenario

pengujian

Test Case Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1. Pemilik

Bank, Nama

Bank,

Tanggal

Nominal dan

Upload Foto

Tidak diisi

Kemudian klik

simpan

Pemilik Bank :

Kosong Nama Bank : Kosong Tanggal : Kosong Nominal : Kosong Upload Foto : Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG INI”

Sesuai

harapan

Valid

2 Pemilik

Bank, Nama

Bank,

Tanggal

Nominal dan

Upload Foto

Tidak diisi

Kemudian klik

simpan

Pemilik Bank :

Ananta Agustian Nama Bank : Kosong Tanggal : Kosong Nominal : Kosong Upload Foto : Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG INI”

Sesuai

harapan

Valid

3 Pemilik

Bank, Nama

Bank,

Tanggal

Nominal dan

Upload Foto

Tidak diisi

Kemudian klik

simpan

Pemilik Bank :

Ananta Agustian Nama Bank : Mandiri Tanggal : Kosong Nominal : Kosong Upload Foto : Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG INI”

Sesuai

harapan

Valid

102

4 Pemilik

Bank, Nama

Bank,

Tanggal

Nominal dan

Upload Foto

Tidak diisi

Kemudian klik

simpan

Pemilik Bank :

Ananta Agustian Nama Bank : Mandiri Tanggal : 23/12/2017 Nominal : Kosong Upload Foto : Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

harapan

Valid

5 Pemilik

Bank, Nama

Bank,

Tanggal

Nominal dan

Upload Foto

Tidak diisi

Kemudian klik

simpan

Pemilik Bank :

Ananta Agustian Nama Bank : Mandiri Tanggal : 23/12/2017 Nominal : 300000 Upload Foto : Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG INI”

Sesuai

harapan

Valid

6 Pemilik

Bank, Nama

Bank,

Tanggal

Nominal dan

Upload Foto

Isi

Kemudian klik

simpan

Pemilik Bank :

Ananta Agustian Nama Bank : Mandiri Tanggal : 23/12/2017 Nominal : 300000 Upload Foto : berhasil

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG INI”

Sesuai

harapan

Valid

103

4. Pengujian Terhadap Form Pendaftaran

Tabel III.10

From Pendaftaran

No Skenario

pengujian

Test Case

Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Jenis

Kelamin,

Tanggal

Lahir,

Alamat,

No. Hp, Asal

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Matematika,

IPA,IPS

Dan

B.indonesia

Kosong

Kemudian

klik simpan

Jenis Kelamin :

Kosong

Tanggal Lahir :

Kosong

Alamat :

Kosong

No. Hp :

Kosong

Asal Sekolah :

Kosong

Nama Ayah :

Kosong

Perkerjaan Ayah :

Kosong

Nama Ibu :

Kosong

Perkerjaan Ibu:

Kosong

Alamat Ortu :

Kosong

No. Hp:

Kosong

Ayah/Ibu:

Kosong

Matematika :

Kosong

IPA :

Kosong

IPS :

Kosong

B.indonesia :

Kosong

Sistem akan

menolak

akes dan

menampilka

n pesan pada

kolom yang

kosong

“HARAP

ISI

BIDANG

INI”

Sesuai

harapan

Valid

2 Jenis

Kelamin,

Tanggal

Lahir,

Alamat,

No. Hp, Asal

Jenis Kelamin :

Laki-Laki

Tanggal Lahir :

Kosong

Alamat :

Kosong

Sistem akan

menolak

akes dan

menampilka

n pesan pada

kolom yang

Sesuai

harapan

Valid

104

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Matematika,

IPA,IPS

Dan

B.indonesia

Kosong

Kemudian

klik simpan

No. Hp :

Kosong

Asal Sekolah :

Kosong

Nama Ayah :

Kosong

Perkerjaan Ayah :

Kosong

Nama Ibu :

Kosong

Perkerjaan Ibu:

Kosong

Alamat Ortu :

Kosong

No. Hp:

Kosong

Ayah/Ibu:

Kosong

Matematika :

Kosong

IPA :

Kosong

IPS :

Kosong

B.indonesia :

Kosong

kosong

“HARAP

ISI

BIDANG

INI”

3 Jenis

Kelamin,

Tanggal

Lahir,

Alamat,

No. Hp, Asal

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Matematika,

IPA,IPS

Dan

B.indonesia

Kosong

Kemudian

Jenis Kelamin :

Laki-Laki

Tanggal Lahir :

15/08/1994

Alamat :

Kosong

No. Hp :

Kosong

Asal Sekolah :

Kosong

Nama Ayah :

Kosong

Perkerjaan Ayah :

Kosong

Nama Ibu :

Kosong

Perkerjaan Ibu:

Kosong

Alamat Ortu :

Kosong

No. Hp:

Kosong

Sistem akan

menolak

akes dan

menampilka

n pesan pada

kolom yang

kosong

“HARAP

ISI

BIDANG

INI”

Sesuai

harapan

Valid

105

klik simpan

Ayah/Ibu:

Kosong

Matematika :

Kosong

IPA :

Kosong

IPS :

Kosong

B.indonesia :

Kosong

4 Jenis

Kelamin,

Tanggal

Lahir,

Alamat,

No. Hp, Asal

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Matematika,

IPA,IPS

Dan

B.indonesia

Kosong

Kemudian

klik simpan

Jenis Kelamin :

Laki-Laki

Tanggal Lahir :

15/08/1994

Alamat :

Jl. Muara Angke

No. Hp :

Kosong

Asal Sekolah :

Kosong

Nama Ayah :

Kosong

Perkerjaan Ayah :

Kosong

Nama Ibu :

Kosong

Perkerjaan Ibu:

Kosong

Alamat Ortu :

Kosong

No. Hp:

Kosong

Ayah/Ibu:

Kosong

Matematika :

Kosong

IPA :

Kosong

IPS :

Kosong

B.indonesia :

Kosong

Sistem akan

menolak

akes dan

menampilka

n pesan pada

kolom yang

kosong

“HARAP

ISI

BIDANG

INI”

Sesuai

harapan

Valid

106

5

Jenis

Kelamin,

Tanggal

Lahir,

Alamat,

No. Hp, Asal

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Matematika,

IPA,IPS

Dan

B.indonesia

Kosong

Kemudian klik

simpan

Jenis Kelamin :

Laki-Laki

Tanggal Lahir :

15/08/1994

Alamat :

Jl. Muara Angke

No. Hp :

087880677654

Asal Sekolah :

Kosong

Nama Ayah :

Kosong

Perkerjaan Ayah :

Kosong

Nama Ibu :

Kosong

Perkerjaan Ibu:

Kosong

Alamat Ortu :

Kosong

No. Hp:

Kosong

Ayah/Ibu:

Kosong

Matematika :

Kosong

IPA :

Kosong

IPS :

Kosong

B.indonesia :

Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

harapan

Valid

6 Jenis

Kelamin,

Tanggal

Lahir,

Alamat,

No. Hp, Asal

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Jenis Kelamin :

Laki-Laki

Tanggal Lahir :

15/08/1994

Alamat :

Jl. Muara Angke

No. Hp :

087880677654

Asal Sekolah :

SMK ISLAM PERTI

Nama Ayah :

Kosong

Perkerjaan Ayah :

Kosong

Nama Ibu :

Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

harapan

Valid

107

Matematika,

IPA,IPS

Dan

B.indonesia

Kosong

Kemudian klik

simpan

Perkerjaan Ibu:

Kosong

Alamat Ortu :

Kosong

No. Hp:

Kosong

Ayah/Ibu:

Kosong

Matematika :

Kosong

IPA :

Kosong

IPS :

Kosong

B.indonesia :

Kosong

7 Jenis

Kelamin,

Tanggal

Lahir,

Alamat,

No. Hp, Asal

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Matematika,

IPA,IPS

Dan

B.indonesia

Kosong

Kemudian klik

simpan

Jenis Kelamin :

Laki-Laki

Tanggal Lahir :

15/08/1994

Alamat :

Jl. Muara Angke

No. Hp :

087880677654

Asal Sekolah :

SMK ISLAM PERTI

Nama Ayah :

Sumara

Perkerjaan Ayah :

Kosong

Nama Ibu :

Kosong

Perkerjaan Ibu:

Kosong

Alamat Ortu :

Kosong

No. Hp:

Kosong

Ayah/Ibu:

Kosong

Matematika :

Kosong

IPA :

Kosong

IPS :

Kosong

B.indonesia :

Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI

Sesuai

harapan

Valid

108

8 Jenis

Kelamin,

Tanggal

Lahir,

Alamat,

No. Hp, Asal

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Matematika,

IPA,IPS

Dan

B.indonesia

Kosong

Kemudian klik

simpan

Jenis Kelamin :

Laki-Laki

Tanggal Lahir :

15/08/1994

Alamat :

Jl. Muara Angke

No. Hp :

087880677654

Asal Sekolah :

SMK ISLAM PERTI

Nama Ayah :

Sumara

Perkerjaan Ayah :

Nelayan

Nama Ibu :

Kosong

Perkerjaan Ibu:

Kosong

Alamat Ortu :

Kosong

No. Hp:

Kosong

Ayah/Ibu:

Kosong

Matematika :

Kosong

IPA :

Kosong

IPS :

Kosong

B.indonesia :

Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI

Sesuai

harapan

Valid

9 Jenis

Kelamin,

Tanggal

Lahir,

Alamat,

No. Hp, Asal

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Jenis Kelamin :

Laki-Laki

Tanggal Lahir :

15/08/1994

Alamat :

Jl. Muara Angke

No. Hp :

087880677654

Asal Sekolah :

SMK ISLAM PERTI

Nama Ayah :

Sumara

Perkerjaan Ayah :

Nelayan

Nama Ibu :

Suryani

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI

Sesuai

harapan

Valid

109

Matematika,

IPA,IPS

Dan

B.indonesia

Kosong

Kemudian klik

Simpan

Perkerjaan Ibu:

Kosong

Alamat Ortu :

Kosong

No. Hp:

Kosong

Ayah/Ibu:

Kosong

Matematika :

Kosong

IPA :

Kosong

IPS :

Kosong

B.indonesia :

Kosong

10 Jenis

Kelamin,

Tanggal

Lahir,

Alamat,

No. Hp, Asal

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Matematika,

IPA,IPS

Dan

B.indonesia

Kosong

Kemudian klik

simpan

Jenis Kelamin :

Laki-Laki

Tanggal Lahir :

15/08/1994

Alamat :

Jl. Muara Angke

No. Hp :

087880677654

Asal Sekolah :

SMK ISLAM PERTI

Nama Ayah :

Sumara

Perkerjaan Ayah :

Nelayan

Nama Ibu :

Suryani

Perkerjaan Ibu:

Rumah tangga

Alamat Ortu :

Kosong

No. Hp:

Kosong

Ayah/Ibu:

Kosong

Matematika :

Kosong

IPA :

Kosong

IPS :

Kosong

B.indonesia :

Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI

Sesuai

harapan

Valid

110

11 Jenis

Kelamin,

Tanggal

Lahir,

Alamat,

No. Hp, Asal

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Matematika,

IPA,IPS

Dan

B.indonesia

Kosong

Kemudian klik

Simpan

Jenis Kelamin :

Laki-Laki

Tanggal Lahir :

15/08/1994

Alamat :

Jl. Muara Angke

No. Hp :

087880677654

Asal Sekolah :

SMK ISLAM PERTI

Nama Ayah :

Sumara

Perkerjaan Ayah :

Nelayan

Nama Ibu :

Suryani

Perkerjaan Ibu:

Rumah tangga

Alamat Ortu :

Jl. Muara Angke

No. Hp:

Kosong

Ayah/Ibu:

Kosong

Matematika :

Kosong

IPA :

Kosong

IPS :

Kosong

B.indonesia :

Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

harapan

Valid

111

12 Jenis

Kelamin,

Tanggal

Lahir,

Alamat,

No. Hp, Asal

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Matematika,

IPA,IPS

Dan

B.indonesia

Kosong

Kemudian klik

simpan

Jenis Kelamin :

Laki-Laki

Tanggal Lahir :

15/08/1994

Alamat :

Jl. Muara Angke

No. Hp :

087880677654

Asal Sekolah :

SMK ISLAM PERTI

Nama Ayah :

Sumara

Perkerjaan Ayah :

Nelayan

Nama Ibu :

Suryani

Perkerjaan Ibu:

Rumah tangga

Alamat Ortu :

Jl. Muara Angke

No. Hp Ayah/Ibu:

088888888888

Matematika :

Kosong

IPA :

Kosong

IPS :

Kosong

B.indonesia :

Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

harapan

Valid

13 Jenis

Kelamin,

Tanggal

Lahir,

Alamat,

No. Hp, Asal

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Matematika,

IPA,IPS

Jenis Kelamin :

Laki-Laki

Tanggal Lahir :

15/08/1994

Alamat :

Jl. Muara Angke

No. Hp :

087880677654

Asal Sekolah :

SMK ISLAM PERTI

Nama Ayah :

Sumara

Perkerjaan Ayah :

Nelayan

Nama Ibu :

Suryani

Perkerjaan Ibu:

Rumah tangga

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

harapan

Valid

112

Dan

B.indonesia

Kosong

Kemudian klik

simpan

Alamat Ortu :

Jl. Muara Angke

No. Hp Ayah/Ibu:

088888888888

Matematika :

80

IPA :

Kosong

IPS :

Kosong

B.indonesia :

Kosong

14 Jenis

Kelamin,

Tanggal

Lahir,

Alamat,

No. Hp, Asal

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Matematika,

IPA,IPS

Dan

B.indonesia

Kosong

Kemudian klik

simpan

Jenis Kelamin :

Laki-Laki

Tanggal Lahir :

15/08/1994

Alamat :

Jl. Muara Angke

No. Hp :

087880677654

Asal Sekolah :

SMK ISLAM PERTI

Nama Ayah :

Sumara

Perkerjaan Ayah :

Nelayan

Nama Ibu :

Suryani

Perkerjaan Ibu:

Rumah tangga

Alamat Ortu :

Jl. Muara Angke

No. Hp Ayah/Ibu:

088888888888

Matematika :

80

IPA :

90

IPS :

Kosong

B.indonesia :

Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

harapan

Valid

15 Jenis

Kelamin,

Tanggal

Lahir,

Jenis Kelamin :

Laki-Laki

Tanggal Lahir :

15/08/1994

Sistem akan

menolak akes

dan

menampilkan

Sesuai

harapan

Valid

113

Alamat,

No. Hp, Asal

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Matematika,

IPA,IPS

Dan

B.indonesia

Kosong

Kemudian klik

simpan

Alamat :

Jl. Muara Angke

No. Hp :

087880677654

Asal Sekolah :

SMK ISLAM PERTI

Nama Ayah :

Sumara

Perkerjaan Ayah :

Nelayan

Nama Ibu :

Suryani

Perkerjaan Ibu:

Rumah tangga

Alamat Ortu :

Jl. Muara Angke

No. Hp Ayah/Ibu:

088888888888

Matematika :

80

IPA :

90

IPS :

90

B.indonesia :

Kosong

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

16 Jenis

Kelamin,

Tanggal

Lahir,

Alamat,

No. Hp, Asal

Sekolah,

Nama Ayah ,

Perkerjaan

Ayah, Nama

Ibu,

Perkerjaan

Ibu, Alamat

Orang Tua

No. Hp

Ayah/Ibu,

Matematika,

IPA,IPS

Dan

B.indonesia

Kosong

Kemudian klik

Jenis Kelamin :

Laki-Laki

Tanggal Lahir :

15/08/1994

Alamat :

Jl. Muara Angke

No. Hp :

087880677654

Asal Sekolah :

SMK ISLAM PERTI

Nama Ayah :

Sumara

Perkerjaan Ayah :

Nelayan

Nama Ibu :

Suryani

Perkerjaan Ibu:

Rumah tangga

Alamat Ortu :

Jl. Muara Angke

No. Hp Ayah/Ibu:

088888888888

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

harapan

Valid

114

simpan Matematika :

80

IPA :

90

IPS :

90

B.indonesia :

90

5. Pengujian Terhadap Form Gambar

Tabel III.11

Form Upload Gambar

No Skenario

pengujian

Test Case

Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Foto, Ijasah

dan Akte

Kelahiran

tidak diisi

kemudian

klik simpan

Foto :

Kosong

Ijasah :

Kosong

Akte Kelahiran :

Kosong

Sistem akan

Menolak akses

Dan

Menampilkan

pesan pada

kolom tidak

diisi “PILIH

FILE”

sesuai

harapan

Valid

2 Foto, Ijasah

dan Akte

Kelahiran

tidak diisi

kemudian

klik simpan

Foto :

Diisi.jpg

Ijasah :

Kosong

Akte Kelahiran :

Kosong

Sistem akan

Menolak akses

Dan

Menampilkan

pesan pada

kolom tidak

diisi “PILIH

FILE”

sesuai

harapan

valid

3 Foto, Ijasah

dan Akte

Kelahiran

tidak diisi

kemudian

klik simpan

Foto :

Diisi.jpg

Ijasah :

Diisi.jpg

Akte Kelahiran :

Kosong

Sistem akan

Menolak akses

Dan

Menampilkan

pesan pada

kolom tidak

diisi “PILIH

FILE”

sesuai

harapan

valid

4 Foto, Ijasah

dan Akte

Kelahiran

Foto :

Diisi.jpg

Ijasah :

Sistem akan

Menolak akses

Dan

sesuai

harapan

valid

115

tidak diisi

kemudian

klik simpan

Diisi.jpg

Akte Kelahiran :

Diisi.jpg

Menampilkan

pesan pada

kolom tidak

diisi “PILIH

FILE”

6. Pengujian Terhadap Form Login Admin

Tabel III.12

Form Login Admin

No

Skenario

pengujian

Test Case

Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1

Email dan

Password

tidak diisi

kemudian klik Login

Email :

Kosong

Password :

Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

harapan

Valid

2 Email diisi

dan

Password

tidak diisi

kemudian

klik Login

Email :

Ananta@gmail

.com

Password : Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

Sesuai

harapan

Valid

3. Memasukan

Salah satu

Kondisi salah

Pada Email

Atau

Password

Kemudian

Klik login

Email :

Ananta@gmal.

com

Password :

1234x

Sistem akan

menolak akes

dan

menampilkan

“Email dan

Password Salah”

Sesuai

harapan

Valid

116

4. Memasukan

Email dan

Password

Benar

Kemudian

Login

Email :

Ananta@gmail

.com

Password :

1234

Sistem masuk

Ke admin

menampilkan

“Email dan

Password benar”

Sesuai

Harapan

Valid

7. Pengujian Terhadap From Edit Visi Dan Misi

Tabel III.13

Form Edit Visi Dan Misi

No Skenario

pengujian

Test Case

Hasil yang

diharapkan

Hasil

pengujian

Kesimpulan

1 Judul dan

Visi Misi

tidak diisi

kemudian

klik login

Judul :

Kosong

Visi dan Misi :

kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

sesuai

harapan

Valid

2 Judul dan

Visi Misi

tidak diisi

kemudian

klik login

Judul :

Visi dan Misi

Visi dan Misi :

Kosong

Sistem akan

menolak akes

dan

menampilkan

pesan pada

kolom yang

kosong

“HARAP ISI

BIDANG

INI”

sesuai

harapan

valid

3 Judul dan

Visi Misi

tidak diisi

kemudian

klik login

Judul :

Visi dan Misi

Visi dan Misi :

Visi….

Misi….

Sistem akan

memproses dan

menampilkan

pesan “DATA

BERHASIL”

sesuai

harapan

valid

117

Documents

BAB III PEMBAHASAN - repository.bsi.ac.id · Bertugas menyusun struktur organisasi sekolah ... Menyediakan tampilan bagi user yang akan melihat informasi tentang sekolah. b. Menyediakan