22
BAB III
PEMBAHASAN
3.1. Tinjauan Perusahaan
Pada tinjauan sekolah ini, penulis akan membahas mengenai sejarah berdirinya
sekolah, struktur organisasi sekolah SMA Negeri 1 Margasari dan fungsi dari
masing-masing jabatan
3.1.1. Sejarah Institusi/Perusahaan
SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan
antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal 31
Maret 2004 di Desa Kesambi-Prupuk Selatan, Kec.Margasari, Kab.Tegal Jawa
Tengah.
Pada tahun 2003 sekolah ini belum resmi didirikan, sehingga siswa-siswi SMA
Negeri 1 Margasari disementarakan bernaung belajar selama satu semester (6 Bulan)
di SMP Negeri 3 Margasari.
Setelah diresmikan pada tanggal 31 Maret 2004, sekolah ini dipercayakan
pengelohanya kepada Bapak Drs. Akhmad Anwar S.pd sebagai Kepala Sekolah.
Bapak Drs. Akhmad Anwar S.Pd menjabat sebagai kepala sekolah di SMA Negeri 1
Margasari sejak tahun 2004-2012, kemudian digantikan oleh Bapak Drs. Agus
Suyitno sejak tahun 2012-2014, hingga sekarang digantikan oleh Bapak Drs.
Sunarna, M.M dari tahun 2014 sampai dengan sekarang.
3.1.2. Struktur Organisasi dan Fungsi
Adanya tugas pokok dan fungsi ini untuk memudahkan tugasnya masing-masing
sesuai dengan tangung jawabnya sehingga tidak terjadi overtaking, atas bidang
23
pekerjaan yang bukan wilayah pekerjaanya. Dengan cara demikian akan lebih mudah
karena menjadikan tugas pokok dan fungsi sebagai barometer penilaian kerja yang
bersangkutan. Berikut adalah struktur organisasi SMA Negeri 1 Margasari :
Gambar III.1.
Struktur Organisasi SMA Negeri 1 Margasari
24
Ada beberapa fungsi atau tugas struktur organisasi yaitu sebagai berikut :
1. Kepala Sekolah
a. Penyusunan program kerja sekolah.
b. Mengkordinasi semua kegiatan yang ada di sekolah.
c. Pelaksanaan hubungan sekolah dengan lingkungan dan masyarakat.
d. Mendistribusikan tugas kepada bawahan sesuai porsi masing-masing
2. Tim pengembang kurikulum
a. Memberi masukan dan data yang dibutuhkan dalam penyusunan
pengembangan Kurikulum Sekolah
b. Membantu koordinator bilamana diperlukan demi kelancaran proses
penyusunan pengembangan Kurikulum sekolah
3. Koordinator Tata Usaha
a. Mengkoordinasi tugas-tugas yang diberikan oleh pimpinan.
b. Memonitor pekerjaan staf administrasi dan tenaga harian.
c. Mengelola dan mempertanggung jawabkan pengeluaran rumah tangga
d. Membuat konsep surat dinas dan/atau mengetik konsep surat pimpinan.
e. Mengelola surat-surat yang masuk dan keluar.
4. Bendahara BOS
a. Input data dan pelaporan belanja sekolah setiap bulannya
b. Memegang fungsi dan tanggungjawab sebagai operator dapodik sekolah.
5. Staf Tata Usaha
a. Penyusunan program kerja tata usaha sekolah
b. Mengelola Administrasi Sekolah
6. Pengurusan dan pelaksanaan administrasi / sarana prasarana sekolah Penyusunan
Administrasi Kesiswaan, kurikulum, kepegawaian dan humas Waka Kurikulum
25
a. Penetapkan kebijakan mutu dalam standar SKL isi, proses, dan penilaian.
b. menyusun program, mengatur pelaksanaan, dan evaluasi pembelajaran.
c. menyusun pembagian tugas guru dan jadwal pelajaran;
d. Mengelola informasi dan web bidang peningkatan mutu pembelajaran.
7. Waka Kesiswaan
a. Menyusun program pembinaan kesiswaa/OSIS.
b. Melaksanakan bimbingan, pengarahan, pengendalian kegiatan siswa/OSIS
dalam rangka menegakkan disiplin dan tata tertib sekolah serta pemilihan
pengurus.
c. Membina pengurus OSIS dalam berorganisasi.
d. Menyusun program dan jadwal pembinaan siswa secara berkala dan
insindental.
8. Waka Sarpras
a. Membuat dan menyusun program kerja tahunan kegiatan sekolah di bidang
sarana dan prasarana dan mengkoordinir serta mengawasi pelaksanaannya.
b. Melakukan inventarisasi dan menganalisis kebutuhan sarana dan prasarana
baik yang berhubungan langsung dengan kelancaran KBM atau yang bersifat
mendukung KBM.
c. Melakukan inventarisasi terhadap keberadaan sarana dan prasarana secara
berkala untuk kemudian dilakukan pemilahan apakah barang itu layak pakai,
habis pakai, dan lainnya.
d. Melakukan pengendalian BOP dalam bidang sarana dan prasarana.
9. Waka Humas
a. Merencanakan program kerja
b. Mengadakan kerjasama dengan komite sekolah atau orang tua/wali siswa
26
c. Membantu wilayah lingkungan sekolah dalam kegiatan social dan kegiatan-
kegiatan lainya
d. Menjalin kerjasama dengan instansi terkait dalam rangka pelaksanaan
kegiatan intra dan ekstra kurikuler
e. Menginformasikan prestasi yang diraih keluarga besar sekolah melalui
media masa
10. Kepala Perpustakaan
a. Membuat perencanaan pembinaan dan pengembangan perpustakaan pada
awal tahun ajaran.
b. Mendayagunakan semua sumber yang ada .
c. Mengadakan koordinasi dan pengawasan terhadap semua kegiatan
perpustakaan.
d. Mengadakan pembinaan terhadap anggota pustaka.
11. Kepala Laboratorium
a. Memimpin dan mengkoordinasikan seluruh kegiatan laboratorium.
b. Melakukan perencanaan dan pengembangan laboratorium.
c. Mengelola tenaga laboratorium.
d. Memantau pemanfaatan sarana dan prasarana yang ada di laboratorium.
12. Koordinator BK/BP
a. Memberikan layanan konseling kepada siswa baik secara individu maupun
kelompok
b. Membantu mengembangkan potensi siswa sesuai dengan minat dan bakat
siswa
c. Memberikan informasi dan wawasan tentang karier kejuruan kepada siswa
27
d. Menyusun program kerja bimbingan dan penyuluhan serta bimbingan
kejuruan
13. Wali Kelas
a. Pengelola kelas.
b. Mengenal dan memahami situasi kelasnya.
c. Menyelenggarakan Administrasikan kelas
d. Memberikan motivasi kepada siswa agar belajar sungguh-sungguh baik di
sekolah maupun di luar sekolah.
14. Dewan Guru
a. Melaksanakan kegiatan belajar mengajar di kelas.
b. Menyusun alat penilaian dan melaksanakan penilaian hasil belajar.
c. Membuat dan mengisi daftar nilai siswa.
d. Melaksanakan Analisis Hasil Belajar.
e. Menyusun dan melaksanakan program perbaikan dan pengayaan
3.2. Analisa Kebutuhan
Dalam pembuatan website e-voting penulis menganalisa ada dua kebutuhan
sistem yaitu kebutuhan fungsional dan kebutuhan nonfungsional antara lain:
3.2.1. Analisa Kebutuhan Fungsional
Dalam analisa kebutuhan fungsional aplikasi e-voting terdapat dua kebutuhan yaitu
1. Kebutuhan Hak Akses
Dalam web sistem program E-voting ini penulis menganalisa ada dua hak akses
yaitu Admin dan User antara lain:
28
a. Admin
Sebagai pengelola sistem, yang berhak untuk menambahkan data admin,
menambahkan data kandidat, menambahkan data siswa, melihat data
siswa, melihat data kandidat, melihat data siswa yang belum memilih
(voting) dan siswa yang sudah memilih, mengedit atau menghapus data
calon kandidat, melihat kritik dan saran, dan admin tidak dibatasi hak
aksesnya.
b. Siswa/User
Sedangkan user hanya bisa login untuk melakukan voting ketua osis,
melihat detail calon ketua osis, melihat profil sekolah, memberi kritik dan
saran, serta user dibatasi hak aksenya atau tidak bisa mengedit/menambah
data.
2. Kebutuhan Sistem
Dalam web sistem program E-voting ini penulis menganalisa ada dua kebutuhan
sistem yaitu Admin dan User, antara lain:
a. Admin
Kebutuhan sistem admin membutuhkan beberapa form antara lain: form
menu log-in, form home/beranda admin, form profil admin, form halaman
input admin, form halaman input calon kandidat, form halaman Input
siswa, form grafik perolehan voting, form data sudah memilih, form data
belum memilih, form kritik dan saran, form laporan dan form log-out.
b. Siswa/User
Siswa/User hanya memiliki beberapa kebutuhan sistem antara lain: Form
beranda, form profil siswa, form profil sekolah, form menu voting, dan
form Log-out.
29
3.2.2. Analisa Kebutuhan Nonfungsional
Analisa kebutuhan aplikasi e-voting ini dibagi menjadi dua yaitu sistem
komputer yang berupa perangkat keras maupun perangkat lunak seperti berikut:
1. Kebutuhan Perangkat Keras (Hadware)
Dalam pembuatan web ini memerlukan beberapa perangkat keras/hardware
antara lain:
a. CPU
b. Mouse : Standar Mouse
c. Keyboard : Standar (84 Key)
d. Monitor : 14" WXGA LED
e. Koneksi : Data Network WLAN 802.11 b/g/n
2. Kebutuhan Perangkat Lunak (Software)
Dalam pembuatan web ini memerlukan beberapa perangkat lunak/Software
antara lain:
a. Database = phpMyadmin
b. Aplikasi web XAMPP
c. Web Browser Mozila Firefox
d. Sistem operasi windows 10 pro 64-bit
e. Editor web = Dreamweaver CC 2015, Atom
f. Balsamiq Mockup User Interface
3.3. Rancangan Antarmuka
Rancangan antar muka adalah segala sesuatu yang berhubungan mengenai
desain tampilan yang akan digunakan dalam sebuah pembuatan website tugas akhir
ini.
30
3.3.1. Rancangan Antar Muka Halaman Admin
Yang terdiri dari beberapa halaman, yaitu Rancangan antar muka halaman login,
halaman beranda, halaman master data admin, halaman data kandidat, halaman
seluruh siswa, halaman siswa perkelas, halaman siswa belum meilih, halaman siswa
sudah memilih, halaman hasil voting, halaman laporan. Berikut adalah tampilan
rancangan antar muka dari halaman admin :
1. Rancangan Antar Muka Halaman Login Admin.
Halaman login admin dirancang untuk masuk kedalam ruang admin, dan sebagai
proteksi halaman admin dari para pengguna yang tidak bertanggung jawab.
Rancangan antar muka halaman admin adalah sebagai berikut:
Gambar III.2.
Rancangan Antar Muka Halaman Login Admin
2. Rancangan Antar Muka Halaman Beranda Admin.
Halaman beranda admin adalah halaman awal yang terdapat pada ruang admin
setelah berhasil login, berisi tentang perhitungan suara sementara, jumlah siswa,
data siswa sudah memilih dan belum memilih. Rancangan antar muka halaman
beranda admin adalah sebagai berikut :
31
Gambar III.3.
Rancangan Antar Muka Halaman Beranda Admin
3. Rancangan Antar Muka Halaman Master Admin.
Halaman data admin adalah halaman yang berfungsi untuk menampilkan data
admin. Halaman ini terdapat pada ruang admin setelah berhasil login,
Rancangan antar muka halaman data admin adalah sebagai berikut:
Gambar III.4.
Rancangan Antar Muka Halaman Master Admin
32
4. Rancangan Antar Muka Halaman Tambah Admin
Merupakan halaman Tambah Data Admin yang akan digunakan untuk
menambah data admin dimana terdiri dari username, nama, password, no hp dan
foto, seperti berikut:
Gambar III.5.
Rancangan Antar Muka Halaman Tambah Admin
5. Rancangan Antar Muka Halaman Edit Admin
Merupakan halaman Ubah Data Admin yang digunakan untuk merubah data
admin yang terdiri dari nama, username, password, no hp, dan foto. Berikut
adalah tampilan rancangan antar muka halaman Edit Admin :
33
Gambar III.6.
Rancangan Antar Muka Halaman Edit Admin
6. Rancangan Antar Muka Halaman Detail Admin
Merupakan bagian detail lengkap data admin, berisikan Id admin, nama lengkap,
username, password, telefon, adalah sebagai berikut:
Gambar III.7.
Rancangan Antar Muka Halaman Detail Admin
34
7. Rancangan Antar Muka Halaman Master Kandidat
Halaman data kandidat adalah halaman yang berfungsi untuk menampilkan data
kandidat. Rancangan antar muka halaman data kandidat adalah sebagai berikut :
Gambar III.8.
Rancangan Antar Muka Halaman Master Kandidat
8. Rancangan Antar Muka Halaman Tambah Kandidat
Merupakan halaman Tambah Data kandidat yang akan digunakan untuk
menambah data kandidat dimana terdiri dari nama kandidat, nis, kelas, proram
kerja, visi, misi, dan tambah foto. Rancangan antar muka halaman Tambah
Kandidat adalah sebagai berikut :
35
Gambar III.9.
Rancangan Antar Muka Halaman Tambah Kandidat
9. Rancangan Antar Muka Halaman Edit Kandidat
Merupakan halaman Ubah Data Kandidat yang digunakan untuk merubah data
kandidat yang terdiri dari nama kandidat, nis, kelas, proram kerja, visi, misi, dan
ubah foto. Rancangan antar muka halaman edit kandidat adalah sebagai berikut :
36
Gambar III.10.
Rancangan Antar Muka Halaman Edit Kandidat
10. Rancangan Antar Muka Halaman Master Siswa
Halaman data seluruh siswa adalah halaman yang berfungsi untuk menampilkan
data seluruh siswa. Rancangan antar muka halaman data seluruh siswa adalah
sebagai berikut:
Gambar III.11.
Rancangan Antar Muka Halaman Master Siswa
37
11. Rancangan Antar Muka Halaman Siswa Kelas 10
Halaman data seluruh siswa adalah halaman yang berfungsi untuk menampilkan
data seluruh siswa. Yang terdiri dari NIS, Nama, Kelas, Jurusan, Tanggal Lahir,
Status, Aksi. Rancangan antar muka halaman siswa kelas 10 adalah sebagai
berikut:
Gambar III.12.
Rancangan Antar Muka Halaman Siswa Kelas 10
12. Rancangan Antar Muka Halaman Siswa Kelas 11
Halaman data seluruh siswa adalah halaman yang berfungsi untuk menampilkan
data seluruh siswa. Rancangan antar muka halaman siswa kelas 11 adalah
sebagai berikut:
38
Gambar III.13.
Rancangan Antar Muka Halaman Siswa Kelas 11
13. Rancangan Antar Muka Halaman Siswa Kelas 12
Halaman data seluruh siswa adalah halaman yang berfungsi untuk menampilkan
data seluruh siswa. Rancangan antar muka halaman siswa kelas 12 adalah
sebagai berikut:
Gambar III.14.
Rancangan Antar Muka Halaman Siswa Kelas 12
39
14. Rancangan Antar Muka Halaman Tambah Seluruh Siswa
Merupakan halaman Tambah Data Seluruh siswa yang akan digunakan untuk
menambah data seluruh siswa dimana terdiri dari nis, nama, jurusan, tanggal
lahir, status, adalah sebagai berikut:
Gambar III.15.
Rancangan Antar Muka Halaman Tambah Seluruh Siswa
15. Rancangan Antar Muka Halaman Edit Seluruh Siswa
Merupakan halaman Ubah Data Seluruh siswa yang digunakan untuk merubah
data seluruh siswa yang terdiri dari nis, nama, jurusan, tanggal lahir, status,
adalah sebagai berikut:
40
Gambar III.16.
Rancangan Antar Muka Halaman Edit Seluruh Siswa
16. Rancangan Antar Muka Halaman Siswa Sudah Memilih
Merupakan halaman Siswa Belum Memilih yang terdiri dari nama, nis, kelas,
jurusan, tanggal lahir dan status. Yang berfungsi untuk mengetahui siswa yang
sudah memilih. Berikut rancangan antar muka halaman siswa sudah memilih :
Gambar III.17.
Rancangan Antar Muka Halaman Sudah Memilih
41
17. Rancangan Antar Muka Halaman Siswa Belum Memilih
Merupakan halaman Siswa Belum Memilih yang terdiri dari nama, nis, kelas,
jurusan, tanggal lahir dan status. Yang berfungsi untuk mengetahui siswa yang
belum memilih. Berikut rancangan antar muka halaman siswa belum memilih :
Gambar III.18.
Rancangan Antar Muka Halaman Belum Memilih
18. Rancangan Antar Muka Halaman Hasil Voting
Pada halaman hasil voting terdapat pie diagram yang berfungsi untuk
mengetahui prosentase jumlah pemilih, dan terdapat juga jumlah siswa yang
sudah memilih. Berikut rancangan antar muka halaman Hasil voting :
42
Gambar III.19.
Rancangan Antar Muka Halaman Hasil Voting
19. Rancangan Antar Muka Halaman Laporan
Gambar III.20.
Rancangan Antar Muka Halaman Laporan
43
20. Rancangan Antar Muka Halaman Kritik dan Saran
Pada halaman kritik dan saran yang berfungsi untuk memberikan komentar
terhadap web atau OSIS SMA Negeri 1 Margasari. Berikut rancangan antar
muka halaman kritik dan saran :
Gambar III.21.
Rancangan Antar Muka Kritik dan Saran
3.3.2. Rancangan Antar Muka Halaman Siswa/User
Yang terdiri dari Rancangan Antar Muka halaman login, halaman beranda,
halaman profil sekolah, halaman kitik dan saran, halaman menu voting. Berikut
adalah rancangan antar muka halaman siswa :
1. Rancangan Antar Muka halaman login Siswa
Halaman login user atau siswa ini berfungsi sebagai akses untuk siswa, agar bias
masuk ke halaman berikutnya dan melakukan pemilihan suara. Berikut
rancangan antar muka halaman login siswa :
44
Gambar III.22.
Rancangan Antar Muka Login Siswa
2. Rancangan Antar Muka Halaman Beranda Siswa
Halaman beranda Siswa adalah halaman awal pada saat setelah login. Rancangan
halaman antar muka beranda siswa adalah sebagai berikut :
Gambar III.23.
Rancangan Antar Muka Halaman Beranda Siswa
45
3. Rancangan Antar Muka Halaman Profil Sekolah
Halaman profil sekolah adalah halaman yang berisi tentang sejarah
SMA Negeri 1 Margasari dan struktur organisasi kepengurusan OSIS. Berikut
adalah Rancangan Antar Muka halaman Profil Sekolah :
Gambar III.24.
Rancangan Antar Muka Halaman Profil Sekolah
4. Rancangaan Antar Muka Halaman Menu Voting
Halaman mulai voting adalah halaman yang berfungsi untuk melakukan memilih
salah satu calon ketua OSIS SMA N1 MARGASARI. Rancangan antar muka
halaman mulai voting adalah sebagai berikut :
46
Gambar III.25.
Rancangan Antar Muka Halaman Menu Voting
5. Rancangan Antar Muka Halaman Kritik dan Saran
Pada halaman ini siswa bisa memberikan kritik dan sarannya terhadap web
ataupun pengurus OSIS SMA Negeri 1 Margasari. Berikut rancangan antar
muka halaman kritk dan saran :
Gambar III.26.
Rancangan Antar Muka Halaman Kritik dan Saran
47
3.4. Entity Relationship Diagram (ERD)
Dalam perancangan basis data ini, menghasilkan tabel-tabel yang kemudian di
gambarkan dalam Entity Relationship Diagram (ERD). Berikut ini adalah E-R
Diagram untuk database website evoting OSIS SMA Negeri 1 Margasari.
Gambar III.27.
Rancangan Entity Relationship Diagram (ERD)
48
3.5. Logical Record Structure (LRS)
E-R Diagram yang sebelumnya telah dibuat, diubah atau dikonversikan menjadi
Logical Record Structure (LRS) untuk memudahkan dalam mendefinisikan
spesifikasi file. Adapun Logical Record Structure untuk basis data web evoting
sebagai berikut:
Gambar III.28.
Rancangan Logical Record Structure (LRS)
49
3.6. Usecase Diagram
Berikut ini adalah tampilan usecase diagram untuk aplikasi evoting OSIS
pada SMA Negeri 1 Margasari :
Gambar III.29.
Rancangan Usecase Diagram
uc UseCaseEv oting
Melakukan Login
Admin
Mengelola Data
Master Admin
Mengelola Data
Master Siswa
Mengelola Hasil
Voting
Cetak Laporan
Hasil Voting
Siswa
Melakukan Voting
Mengelola Kritik
dan Saran
Memasukan Kritik
dan Saran
Melakukan Logout
Mengelola Laporan
Data master
Cetak Laporan
Data Admin
Cetak Laporan
Data Siswa
«extend»
«extend»
«extend»
50
3.7. Activity Diagram
Berikut ini adalah tampilan Activity diagram untuk aplikasi evoting OSIS pada
SMA Negeri 1 Margasari :
1. Activity Login Admin
Gambar III.30.
Rancangan Activity Login Admin
act act Login Admin
SistemAdmin
Mulai
Memasukan Username dan
PasswordValidasi Username dan
Pasword
Menampilkan Menu
Utama Admin
Validasi?
Selesai
Ya
Tidak
51
2. Activity Admin mengelola Master Admin
Gambar III.31.
Rancangan Activity Admin mengelola Master Admin
act act Admin Mengelola Data Master Admin
SistemAdmin
Mulai
Memilih Menu Data
Master Admin
Menampilkan Data
Master Admin
Melakukan Pengolahan
Data Master Admin
Tambah Data
Master Admin
Ubah Data
Master Admin
Hapus Data
Master Admin
Memproses Data
Master Admin
Menampilkan Data
Master Admin
Selesai
pilih aksi?
52
3. Activity Admin Mengelola Master Siswa
Gambar III.32.
Rancangan Activity Admin Mengelola Master Siswa
act act Admin Mengelola Data Master Siswa
SistemAdmin
Mulai
Memilih Menu Data
Master Siswa
Menampilkan Data
Master Siswa
Melakukan Pengolahan
Data Master Siswa
Tambah Data
Master Siswa
Ubah Data
Master Siswa
Hapus Data
Master Siswa
Memproses Data
Master Siswa
Menampilkan Data
Master Siswa
Selesai
pilih aksi?
53
4. Activity admin Mengelola Hasil Voting
Gambar III.33.
Rancangan Activity admin Mengelola Hasil Voting
act act Admin Mengelola Hasil Voting
SistemAdmin
Mulai
Memilih Menu Hasil
Voting
Menampilkan Data Hasil
Voting
Mencetak Laporan
Hasil Voting
Memproses Laporan
Hasil Voting
Menampilkan Laporan
Hasil Voting
Selesai
54
5. Activity Admin Mengelola Laporan
Gambar III.34.
Rancangan Activity Admin Mengelola Laporan
act act Admin Mengelola Laporan Data Master
SistemAdmin
Mulai
Memilih Menu Laporan
Data Master
Cetak Laporan
Data Admin
Memproses Laporan
Data Master
Pilih aksi?
Selesai
Cetak Laporan
Data Siswa
Menampilkan Laporan
Data Master
55
6. Activity Admin Mengelola Kritik dan saran
Gambar III.35.
Rancangan Activity Admin Mengelola Kritik dan saran
act act Admin Mengelola Kritik dan Saran
SistemAdmin
Mulai
Memilih Menu Kritik dan
Saran
Ubah Kritik dan
Saran
Memproses Kritik dan
Saran
Pilih aksi?
Selesai
Hapus Kritik dan
Saran
Menampilkan Kritik dan
Saran
56
7. Activity Login Siswa
Gambar III.36.
Rancangan Activity Login Siswa
act act Login Siswa
SistemSiswa
Mulai
Memasukan NIS dan Tanggal
LahirValidasi NIM dan Tanggal
Lahir
Menampilkan Menu
Utama Siswa
Validasi?
Selesai
Tidak
Ya
57
8. Activity Siswa Melakukan Voting
Gambar III.37.
Rancangan Activity Siswa Melakukan Voting
act act Siswa Melakukan Voting
SistemSiswa
Mulai
Memilih Menu Voting Menampilkan Menu
Voting
Melakukan Voting
Memproses Hasil
Voting
Menampilkan Grafik
Hasil Voting
Selesai
Pilih Kandidat Detail Kandidat
58
9. Activity Siswa Memasukan Kritik dan Saran
Gambar III.38.
Rancangan Activity Siswa Memasukan Kritik dan Saran
3.8. Spesifikasi File
Spesifikasi file menjelaskan pemabahasan tentang file-file atau tabel-tabel yang
terbentuk dari ERD. File-file ini tersimpan pada database dengan nama evoting.sql.
Berikut adalah spesifikasi file yang terdapat pada website evoting :
1. Spesifikasi File Siswa
Nama File : Siswa
Akronim : siswa
Fungsi : Menyimpan data siswa
Tipe File : File Master
act act Siswa Memasukan Kritik dan Saran
SistemSiswa
Mulai
Memilih Menu Kritik dan
Saran
Memasukan Kritik dan
Saran
Memproses Kritik dan
Saran
Selesai
59
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 86 karakter
Kunci Field : nis
Software : MYSQL
Tabel III.1.
Spesifikasi File Siswa
No Elemen Data Akronim Tipe Panjang Keterangan
1. Nama nama_siswa Varchar 50
2. Nis nis Char 8 Primary Key
3. Kelas kelas Varchar 8
4. Jurusan jurusan Varchar 10
5. Tanggal Lahir tgl_lahir Date
6. Status status Varchar 10
2. Spesifikasi File Admin
Nama File : Admin
Akronim : admin
Fungsi : menyimpan data admin
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 201 karakter
60
Kunci Field : id_admin
Software : MYSQL
Tabel III.2.
Spesifikasi File Admin
No Elemen Data Akronim Tipe Panjang Keterangan
1. Id Admin id_admin Int 8 Primary Key
2. Username username Varchar 10
3. Password password Varchar 100
4. Nama nama Varchar 50
5. No Hp hp Varchar 13
6. Foto foto Varchar 20
3. Spesifikasi File Kandidat
Nama File : Kandidat
Akronim : kandidat
Fungsi : menyimpan data kandidat
Tipe File : File Master
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 94 karakter
Kunci Field : id_kandidat
Software : MYSQ
61
Tabel III.3.
Spesifikasi File Kandidat
No Elemen Data Akronim Tipe Panjang Keterangan
1. No Kandidat no_kandidat Int 1 Primary Key
2. Nama nama_kandidat varchar 50
3. Nis nis_kandidat Char 8
4. Kelas kelas varchar 15
5. Prokja prokja Text
6. Visi visi Text
7. Misi misi Text
8. Foto foto varchar 20
4. Spesifikasi File Voting
Nama File : Hasil Voting
Akronim : voting
Fungsi : Melihat hasil voting.
Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 62 karakter
Kunci Field : id_voting
Software : MYSQL
62
Tabel III.4.
Spesifikasi File Voting
No Elemen Data Akronim Tipe Panjang Keterangan
1. ID id_voting Int 3 Primary Key
2. Nis nis Char 8
3. Nama Siswa nama_siswa varchar 30
4. Kelas kelas varchar 20
5. Kandidat Yang di
Pilih
no_kandidat varchar 1
5. Spesifikasi File Kritik & Saran
Nama File : Kritik dan Saran
Akronim : kritik-saran
Fungsi : Memberi Keritik dan Saran.
Tipe File : File Transaksi
Organisasi File : Index Sequential
Akses File : Random
Media : Hard Disk
Panjang Record : 11 karakter
Kunci Field : id
Software : MYSQL
63
Tabel III.5.
Spesifikasi File Kritik dan Saran
No Elemen Data Akronim Tipe Panjang Keterangan
1. ID id Int 3 Primary Key
2. Nis nis Char 8
3. Kritik kritik Text 0
4. Saran saran Text 0
3.9. Pengkodean
Kode yang digunakan pada perancangan program e-voting ini berfungsi untuk
memudahkan proses penginputan data ke dalam aplikasi. Ada beberapa elemen data
yang dikodekan diantaranya sebagai berikut :
1. Nis siswa
9 9 9 9 9 9 9 9
Tahun ajaran No.Urut
1 8 1 9 1 0 0 1
Tahun ajaran No.Urut
Keterangan :
1819 = Tahun Ajaran
1001 = No.Urut
64
2. Kode admin
X X X
Identitas Jabatan
A D M
Identitas Jabatan
Keterangan :
ADM = Identitas untuk admin
3.10. Spesifikasi Sistem Komputer
Dalam pembuatan web E-voting ini perancang membutuhkan spesifikasi
komputer yang telah diusulkan, agar sistem E-voting berjalaan dengan semestinya.
A. Perangkat Keras (hardware)
Spesifikasi sistem komputer perangkat keras (hardware) yang diusulkan pada
aplikasi ini adalah sebagai berikut:
1. Server
a. Monitor : 14" WXGA LED
b. Prosesor : AMD E1-1200
c. Harddisk : 500 GB
d. Keyboard : Standar (84 keys)
e. Mouse : Standar Mouse
2. Client
a. Monitor : 14" Inch LED Slim Glosy HD
b. Harddisk : 500 GB
65
c. Keyboard : Standar (84 keys)
d. Mouse : Standar Mouse
B. Perangkat Lunak (Software)
Spesifikasi sistem komputer perangkat lunak (software) yang diusulkan pada
aplikasi ini adalah sebagai berikut:
1. Server
a. Sistem operasi yang umum digunakan seperti: Microsoft windows
b. Bahasa pemrograman seperti: Dreamweaver CC 2015, XAMPP, Atom,
phpMyAdmin.
c. Aplikasi Web Browser seperti Mozilla Firefox, Google Chrome.
2. Client
a. Sistem operasi yang umum digunakan seperti: Microsoft Windows
b. Aplikasi web browser seperti Mozilla Firefox, Internet Explorer, Google
Chrome.
3.11. Spesifikasi Program
Pada aplikasi evoting ini terdapat dua struktur navigasi, yaitu struktur
navigasi admin dan struktur navigasi siswa.
A. Struktur Navigasi Admin
Pada struktur navigasi admin, menggunakan struktur navigasi campuran
karena pada rangkaian beranda, master admin, master kandidat, jumlah seluruh
siswa, jumlah siswa perkelas, data pemilih, hasil voting, dan laporan mampu
memberikan keterkaitan informasinya lebih baik.
66
Berikut adalah struktur navigasi admin :
Gambar III.39.
Struktur Navigasi Admin
B. Struktur Navigasi Siswa
Pada struktur navigasi Siswa, menggunakan struktur navigasi campuran
karena pada rangkaian beranda, profil dan menu voting mampu memberikan
keterkaitan informasinya lebih baik.
67
Berikut adalah struktur navigasi siswa :
Gambar III.40.
Struktur Navigasi Siswa
68
3.12. Implementasi
A. Implementasi Halaman Admin
Yang terdiri dari Tampilan halaman login, halaman beranda, halaman master
data admin, halaman data kandidat, halaman seluruh siswa, halaman siswa perkelas,
halaman siswa belum meilih, halaman siswa sudah memilih, halaman krititk dan
saran, halaman hasil voting, halaman laporan. Berikut adalah tampilan halaman
admin :
1. Tampilan Halaman Login Admin
Merupakan halaman login admin, setelah admin berhasil login admin akan
langsung masuk ke menu utama. Berikut adalah implementasi halaman
Login admin:
Gambar III.41.
Tampilan Halaman Login Admin
2. Tampilan Halaman Beranda
Merupakan halaman pertama yang tampil setelah admin melakukan login ke
sistem., admin masuk maka akan ditampilkan pesan selamat datang, jumlah
admin, jumlah siswa, siswa sudah memilih, dan siswa belum memilih.
69
Gambar III.42.
Tampilan Halaman Beranda
3. Tampilan Halaman Lihat Admin
Implementasi halaman Data Admin yang berfungsi untuk menampilkan data
admin yang aktif . Berikut adalah implementasi halaman lihat admin:
Gambar III.43.
Tampilan Halaman Lihat Admin
4. Tampilan Halaman Tambah Admin
Implementasi halaman Tambah Admin yang berfungsi untuk menambahkan
admin baru.
70
Gambar III.44.
Tampilan Halaman Tambah Admin
5. Tampilan Halaman Edit Admin
Implementasi halaman Edit Admin yang berfungsi untuk merubah data
admin, namun tidak semua data admin bisa di ubah.
Gambar III.45.
Tampilan Halaman Edit Admin
6. Tampilan Halaman Detail Admin
Implementasi halaman Detail Admin untuk melihat detail admin, yang berisi
id admin, nama panang, username, password, dan nomor hp.
71
Gambar III.46.
Tampilan Halaman Detail Admin
7. Tampilan Halaman Lihat Kandidat
Implementasi halaman Data kandidat menampilkan data kandidat yang telah
mencalonkan diri menjadi calon kandidat.
Gambar III.47.
Tampilan Halaman Lihat Kandidat
8. Tampilan Halaman Tambah Kandidat
Merupakan halaman Tambah Kandidat yang berfungsi untuk menambahkan
calon kandidat ketua osis.
72
Gambar III.48.
Tampilan Halaman Tambah Kandidat
9. Tampilan Halaman Edit Kandidat
Merupakan halaman Edit Kandidat yang berfungsi untuk merubah data
Kandidat.
Gambar III.49.
Tampilan Halaman Edit Kandidat
10. Tampilan Halaman Lihat Seluruh Siswa
Implementasi halaman Data Seluruh Siswa menampilkan data seluruh siswa
dari kelas 10 hingga kelas 12.
73
Gambar III.50.
Tampilan Halaman Lihat Siswa
11. Tampilah Halaman Lihat Siswa Kelas X
Implementasi halaman Data Siswa Kelas 10, hanya menampilkan data siswa
kelas 10.
Gambar III.51.
Tampilan Halaman Lihat Siswa Kelas 10
12. Tampilan Halaman Lihat Siswa Kelas XI
Implementasi halaman Data Siswa Kelas 11, hanya menampilkan data siswa
kelas 11.
74
Gambar III.52.
Tampilan Halaman Lihat Siswa Kelas 11
13. Tampilan Halaman Siswa Lihat Siswa Kelas XII
Implementasi halaman Data Siswa Kelas 12, hanya menampilkan data siswa
kelas 12.
Gambar III.53.
Tampilan Halaman Lihat Kelas 12
14. Tampilan Halaman Tambah Siswa
Merupakan halaman Tambah Siswa yang berfungsi untuk menambahkan
siswa yang masih aktif.
75
Gambar III.54.
Tampilan Halaman Tambah Siswa
15. Tampilan Halaman Edit Siswa
Merupakan halaman Edit Siswa yang berfungsi untuk merubah data Siswa
yang masih aktif.
Gambar III.55.
Tampilan Halaman Edit Siswa
16. Tampilan Halaman Siswa Sudah Memilih
Merupakan halaman Siswa Sudah Memilih, yang berisi tentang daftar siswa
yang sudah memilih, dihalaman ini admin hanya bisa melihat dan data tidak
dapat diubah.
76
Gambar III.56.
Tampilan Halaman Siswa Sudah Memilih
17. Tampilan Halaman Siswa Belum Memilih
Merupakan halaman Siswa Belum Memilih yang berisi tentang daftar siswa
yang Belum Memilih, dihalaman ini admin hanya bias melihat dan
data tidak dapat diubah. Berikut implementasi data siswa belum memilih:
Gambar III.57.
Tampilan Halaman Belum Memilih
18. Tampilan Halaman Hasil Voting
Implementasi halaman Hasil Voting yang berisi tentang perolehan hasil suara
dari masing-masing kandidat.
77
Gambar III.58.
Tampilan Halaman Hasil Voting
19. Tampilan Halaman Laporan
Merupakan implementasi dari halaman Laporan yang berisi dari laporan
admin dalam bentuk tabel yang bisa diunduh.
Gambar III.59.
Tampilan Halaman Laporan
78
20. Tampilan Halaman Kritik dan Saran
Gambar III.60.
Tampilan Halaman Kritik dan Saran
b. Implementasi Halaman Siswa
1. Tampilan Halaman Login Siswa
Implementasi halaman Login Siswa yang berfungsi untuk Login Siswa untuk
memasuki halaman meu voting.
Gambar III.61.
Tampilan Halaman Login Siswa
79
2. Tampilan Halaman Beranda Siswa
Implementasi halaman Beranda Siswa, halaman yang bisa diakses setelah
siswa melakukan Login.
Gambar III.62.
Tampilan Halaman Beranda Siswa
3. Tampilan Halaman Profil Sekolah
Implementasi halaman Profil, berisi tentang profil dari sekolah yang terdiri
dari sejarah, visi, misi, dan motto.
Gambar III.63.
Tampilan Halaman Profil Sekolah
80
4. Tampilan Halaman Profil Siswa
Implementasi halaman Profil Siswa yang berfungsi untuk melihat tentang
profil secara detail.
Gambar III.64.
Tampilan Halaman Profil Siswa
5. Tampilan Halaman Menu Voting
Implementasi halaman Menu Voting, yang berisi tombol pilih dan detail.
Tombol Pilih berfungsi untu memilih calon kandidat, dan detail untuk melihat
detail kandidat.
Gambar III.65.
Tampilan Halaman Menu Voting
81
6. Tampilan Halaman Detail Kandidat
Merupakan implementasi dari halaman Detail Kandidat yang berisi Nama,
kelas, Program Kerja, Visi dan Misi.
Gambar III.66.
Tampilan Halaman Detail Kandidat
7. Tampilan Halaman Kritik dan Saran
Implementasi halaman kritik dan saran yang berfungsi untuk memberikan
komentar terhadap website maupun pengurus OSIS.
Gambar III.67.
Tampilan Halaman Kritik dan Saran
82
3.13. Pengujian Unit
Pengujian terhadap program yang disusun oleh penulis menggunakan
blackbox testing yang bertujuan untuk mengetahui kondisi Error yang berada pada
program yang telah dibuat. Berikut adalah hasil pengujian dari aplikasi evoting :
1. Pengujian Terhadap Form Login admin
Tabel III.6.
Pengujian Terhadap Form Login admin
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
Pengujian
Kesimpulan
1. Username dan
Password
tidak diisi
kemudian klik
tombol Masuk.
Username
:
Kosong
Password
:
Kosong
Sistem akan
menolak
akses dan
akan muncul
tulisan
“LOGIN
GAGAL!
Username
atau
password
Anda Salah.
Atau account
Anda sedang
diblokir.
ULANGI
LAGI”
Sesuai
harapan
valid
2. Username dan
Password diisi
dengan format
penulisan yang
salah.
Username
:
Di isi
(salah)
Password
:
Di isi
(salah)
Sistem akan
menolak
akses dan
menampilkan
“LOGIN
GAGAL!
Username
atau
password
Anda Salah.
Atau account
Anda sedang
diblokir.
ULANGI
LAGI”
Sesuai
harapan
valid
3. Username
tidak di isi dan
Username
:
Sistem akan
menolak
Sesuai
harapan
valid
83
Password di isi
kemudian klik
tombol Masuk
kosong
Password
:
Di isi
(benar)
akses dan
menampilkan
“LOGIN
GAGAL!
Username
atau
password
Anda Salah.
Atau account
Anda sedang
diblokir.
ULANGI
LAGI”
4. Username di
isi dan
Password
tidak di isi
kemudian klik
tombol Masuk
Username
:
Di isi
(benar)
Password :
kosong
Sistem akan
menolak
akses dan
menampilkan
“LOGIN
GAGAL!
Username
atau
password
Anda Salah.
Atau account
Anda sedang
diblokir.
ULANGI
LAGI”
Sesuai
hrapan
valid
5. Username dan
Password diisi
kemudian klik
tombol Masuk
Usename :
Di isi
(benar)
Password
:
Di isi
(benar)
Sistem
menerima
akses login
dan masuk
kehalaman
menu admin.
Sesuai
harapan
valid
2. Pengujian Terhadap Form Login Siswa
Tabel III.7.
Pengujian Terhadap Form Login Siswa
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pngujian
kesimpulan
1. Nis dan
Tanggal
Lahir tidak
diisi
kemudian
Nis :
Kosong
Tanggal
Lahir :
Kosong
Sistem akan
menolak akses
dan akan
muncul tulisan
“LOGIN
Sesuai
harapan
valid
84
klik tombol
login
GAGAL!
Username atau
password Anda
Salah.
Atau account
Anda sedang
diblokir.
ULANGI
LAGI”
2. Nis dan
Tanggal
Lahir diisi
salah
kemudian
klik tombol
login
Nis :
Di isi
(salah)
Tanggal
Lahir :
Di isi
(salah)
Sistem akan
menolak akses
dan akan
muncul tulisan
“LOGIN
GAGAL!
Username atau
password Anda
Salah.
Atau account
Anda sedang
diblokir.
ULANGI
LAGI”
Sesuai
harapan
Valid
3. Nis diisi
benar dan
Tanggal
Lahir tidak
diisi
kemudian
klik tombol
login
Nis :
Di isi
(benar)
Tanggal
Lahir :
Kosong
Sistem akan
menolak akses
dan akan
muncul tulisan
“LOGIN
GAGAL!
Username atau
password Anda
Salah.
Atau account
Anda sedang
diblokir.
ULANGI
LAGI”
Sesuai
harapan
Valid
4. Nis tidak
diisi dan
Tanggal
Lahir diisi
benar
kemudian
klik tombol
login
Nis :
Kosong
Tanggal
Lahir :
Di isi
(benar)
Sistem akan
menolak akses
dan akan
muncul tulisan
“LOGIN
GAGAL!
Username atau
password Anda
Salah.
Atau account
Anda sedang
diblokir.
Sesuai
harapan
Valid
85
ULANGI
LAGI”
5. Nis dan
Tanggal
Lahir diisi
benar
kemudian
klik tombol
login
Nis :
Di isi
(benar)
Tanggal
Lahir :
Di isi
(benar)
Sistem
menerima akses
login dan masuk
kehalaman
menu siswa.
Sesuai
harapan
Valid
3. Pengujian Terhadap Form Tambah Admin
Tabel III.8.
Pengujian Terhadap Form Tambah admin
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pngujian
kesimpulan
1. Username,
Nama,
Password,
No Hp, dan
Foto tidak
diisi
kemudian
klik tombol
simpan
Username:
Kosong
Nama :
Kosong
Password :
Kosong
No Hp :
Kosong
Foto :
Kosong
Sistem akan
menolak akses
dan akan
muncul tulisan
“Username
Tidak Boleh
Kosong”
Sesuai
harapan
valid
2. Username,
Password,
No Hp, Foto
di isi dan
Nama tidak
diisi,
kemudian
klik tombol
simpan
Username:
Di isi
Nama :
Kosong
Password :
Di isi
No Hp :
Di isi
Foto :
Di isi
Sistem akan
menolak akses
dan akan
muncul tulisan
“Nama Tidak
Boleh Kosong”
Sesuai
harapan
Valid
3. Username,
nama,
Password,
dan No Hp di
isi dan Foto
tidak diisi
kemudian
klik tombol
simpan
Username:
Di isi
Nama :
Di isi
Password :
Di isi
No Hp :
Di isi
Foto :
Kosong
Sistem akan
menolak akses
dan akan
muncul tulisan
“Foto Tidak
Boleh kosong”
Sesuai
harapan
Valid
4. Username, Username: Sistem Sesuai Valid
86
nama,
Password,
No Hp dan
Foto diisi
kemudian
klik tombol
simpan
Di isi
Nama :
Di isi
Password :
Di isi
No Hp :
Di isi
Foto :
Di isi
menerima akses
dan akan
menyimpan data
admin yang
telah di tambah
Harapan
4. Pengujian Terhadap Form Edit Admin
Tabel III.9.
Pengujian Terhadap Form Edit Admin
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pngujian
kesimpulan
1. Username,
Nama, No
Hp, Foto diisi
dan
Password
tidak diisi
kemudian
klik tombol
perbaharui
Username:
Di isi
Nama :
Di isi
Password :
Kosong
No Hp :
Di isi
Foto :
Di isi
Sistem akan
menolak akses
dan akan
muncul tulisan
“Masukan
Password Baru”
Sesuai
harapan
Valid
2. Username,
Nama,
Password,
No Hp diisi
dan Foto
tidak diisi
kemudian
klik tombol
perbaharui
Username:
Di isi
Nama :
Di isi
Password :
Di isi
No Hp :
Di isi
Foto :
kosong
Sistem akan
menolak akses
dan akan
muncul tulisan
“Masukan Foto
Baru”
Sesuai
harapan
Valid
3. Username,
Nama,
Password,
No Hp dan
Foto diisi
kemudian
klik tombol
perbaharui
Username:
Di isi
Nama :
Di isi
Password :
Di isi
No Hp :
Di isi
Foto :
Di isi
Sistem
menerima akses
dan akan
memperbaharui
data admin yang
telah di edit
Sesuai
Harapan
Valid
87
5. Pengujian Terhadap Form Tambah Kandidat
Tabel III.10.
Pengujian Terhadap Form Tambah Kandidat
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pngujian
kesimpulan
1. Nis, Nama
Kandidat,
Kelas,
Program
Kerja, Visi,
Misi, Foto
tidak diisi
kemudian
klik tombol
simpan
Nis :
-Kosong
Nama
Kandidat :
-Kosong
Kelas :
-Kosong
Program
Kerja :
-Kosong
Visi :
-Kosong
Misi :
-Kosong
Foto :
-Kosong
Sistem akan
menolak akses
dan akan
muncul tulisan
“Nis Tidak
Boleh kosong”
Sesuai
harapan
valid
2. Nis, Kelas,
Program
Kerja, Visi,
Misi, Foto
diisi dan
Nama
Kandidat
tidak diisi
kemudian
klik tombol
simpan
Nis :
-Di isi
Nama
Kandidat :
-Kosong
Kelas :
-Di isi
Program
Kerja :
-Di isi
Visi :
-Di isi
Misi :
-Di isi
Foto :
-Di isi
Sistem akan
menolak akses
dan akan
muncul tulisan
“Nama Kandidat
Tidak Boleh
Kosong”
Sesuai
harapan
Valid
3. Nis, Nama
Kandidat,
Kelas,
Program
Kerja, Visi,
Misi diisi dan
Foto tidak
diisi
kemudian
Nis :
-Di isi
Nama
Kandidat :
-Di isi
Kelas :
-Di isi
Program
Kerja :
Sistem akan
menolak akses
dan akan
muncul tulisan
“Foto Tidak
Boleh Kosong”
Sesuai
harapan
Valid
88
klik tombol
simpan
-Di isi
Visi :
-Di isi
Misi :
-Di isi
Foto :
-Kosong
4. Nis, Nama
Kandidat,
Kelas,
Program
Kerja, Visi,
Misi dan
Foto diisi
kemudian
klik tombol
simpan
Nis :
-Di isi
Nama
Kandidat :
-Di isi
Kelas :
-Di isi
Program
Kerja :
-Di isi
Visi :
-Di isi
Misi :
-Di isi
Foto :
-Di isi
Sistem
menerima akses
dan akan
menyimpan data
kandidat yang
telah di tambah
Sesuai
Harapan
Valid
6. Pengujian Terhadap Form Edit Kandidat
Tabel III.11.
Pengujian Terhadap Form Edit Kandidat
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pngujian
kesimpulan
1. Nis, Nama
Kandidat,
Kelas,
Program
Kerja, Visi,
Misi, Foto
tidak diisi
kemudian
klik tombol
perbaharui
Nis :
-Kosong
Nama
Kandidat :
-Kosong
Kelas :
-Kosong
Program
Kerja :
-Kosong
Visi :
-Kosong
Misi :
-Kosong
Foto :
-Kosong
Sistem akan
menolak akses
dan akan
muncul tulisan
“Nis Tidak
Boleh kosong”
Sesuai
harapan
valid
89
2. Nis, Kelas,
Program
Kerja, Visi,
Misi, Foto
diisi dan
Nama
Kandidat
tidak diisi
kemudian
klik tombol
perbaharui
Nis :
-Di isi
Nama
Kandidat :
-Kosong
Kelas :
-Di isi
Program
Kerja :
-Di isi
Visi :
-Di isi
Misi :
-Di isi
Foto :
-Di isi
Sistem akan
menolak akses
dan akan
muncul tulisan
“Nama Kandidat
Tidak Boleh
Kosong”
Sesuai
harapan
Valid
3. Nis, Nama
Kandidat,
Kelas,
Program
Kerja, Visi,
Misi diisi dan
Foto tidak
diisi
kemudian
klik tombol
perbaharui
Nis :
-Di isi
Nama
Kandidat :
-Di isi
Kelas :
-Di isi
Program
Kerja :
-Di isi
Visi :
-Di isi
Misi :
-Di isi
Foto :
-Kosong
Sistem akan
menolak akses
dan akan
muncul tulisan
“Foto Tidak
Boleh Kosong”
Sesuai
harapan
Valid
4. Nis, Nama
Kandidat,
Kelas,
Program
Kerja, Visi,
Misi dan
Foto diisi
kemudian
klik tombol
perbaharui
Nis :
-Di isi
Nama
Kandidat :
-Di isi
Kelas :
-Di isi
Program
Kerja :
-Di isi
Visi :
-Di isi
Misi :
-Di isi
Foto :
-Disi
Sistem
menerima akses
dan akan
memperbaharui
data kandidat
yang telah di
edit
Sesuai
harapan
Valid
90
7. Pengujian Terhadap Form Tambah Siswa
Tabel III.12.
Pengujian Terhadap Form Tambah Siswa
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pngujian
kesimpulan
1. Nis, Nama
Siswa, Kelas,
Jurusan,
Tanggal
Lahir tidak
diisi
kemudian
klik simpan
Nis :
-Kosong
Nama
Siswa :
-Kosong
Kelas :
-Kosong
Jurusan :
-Kosong
Tanggal
Lahir :
-Kosong
Sistem akan
menolak akses
dan akan
muncul tulisan
“Nis Tidak
Boleh kosong”
Sesuai
harapan
valid
2. Nis, Nama
Siswa, Kelas,
Tanggal
Lahir, dan
jurusan diisi
kemudian
klik simpan
Nis :
-Di isi
Nama
Siswa :
-Di isi
Kelas :
-Di isi
Jurusan :
-Di isi
Tanggal
Lahir :
-Di isi
Sistem akan
menerima akses
dan akan
menyimpan data
siswa yang telah
ditambah
Sesuai
Harapan
Valid
8. Pengujian Terhadap Form Edit Siswa
Tabel III.13.
Pengujian Terhadap Form Edit Siswa
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pngujian
kesimpulan
1. Nis, Nama
Siswa,
Jurusan,
Kelas,
Tanggal
Lahir, dan
Status diisi
Nis :
-Di isi
Nama
Siswa :
-Di isi
Kelas :
-Di isi
Sistem akan
menerima akses
dan akan
memperbaharui
data yang di
edit.
Sesuai
Harapan
Valid
91
kemudian
klik
perbaharui
Jurusan :
-Di isi
Tanggal
Lahir :
-Di isi
Status :
-Di isi
9. Pengujian Terhadap Form Laporan Hasil Voting
Tabel III.14.
Pengujian Terhadap Form Laporan Hasil Voting
No Skenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pngujian
kesimpulan
1. Nis, Nama
Siswa
Nis :
-Diisi
Nama
Siswa :
-Diisi
Sistem akan
memasukan data
jika siswa
melakukan
pemilihan, maka
akan merubah
status “belum
memilih” menjadi “sudah
memilih”
Sesuai
harapan
valid
2. Nis, Nama
Siswa
Nis :
-Diisi
Nama
Siswa :
-Diisi
Jika Siswa
Sudah Memilih
maka pie
diagram secara
otomatis akan
menambah
jumlah pemilih.
Sesuai
harapan
valid