BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan,...

70
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

Transcript of BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan,...

Page 1: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 2: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 3: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 4: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 5: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 6: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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:

Page 7: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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.

Page 8: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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.

Page 9: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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 :

Page 10: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 11: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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 :

Page 12: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 13: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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 :

Page 14: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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 :

Page 15: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 16: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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:

Page 17: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 18: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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:

Page 19: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 20: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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 :

Page 21: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

42

Gambar III.19.

Rancangan Antar Muka Halaman Hasil Voting

19. Rancangan Antar Muka Halaman Laporan

Gambar III.20.

Rancangan Antar Muka Halaman Laporan

Page 22: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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 :

Page 23: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 24: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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 :

Page 25: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 26: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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)

Page 27: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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)

Page 28: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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»

Page 29: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 30: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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?

Page 31: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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?

Page 32: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 33: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 34: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 35: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 36: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 37: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 38: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 39: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 40: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 41: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 42: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 43: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 44: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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.

Page 45: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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.

Page 46: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

67

Berikut adalah struktur navigasi siswa :

Gambar III.40.

Struktur Navigasi Siswa

Page 47: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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.

Page 48: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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.

Page 49: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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.

Page 50: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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.

Page 51: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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.

Page 52: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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.

Page 53: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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.

Page 54: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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.

Page 55: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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.

Page 56: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 57: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 58: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 59: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 60: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 61: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 62: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 63: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 64: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 65: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 66: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 67: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 68: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 69: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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

Page 70: BAB III PEMBAHASAN … · SMA Negeri 1 Margasari berada disudut paling ujung bagian selatan, perbatasan antara Kabupaten Tegal dan Kabupaten Brebes. Berdiri pada hari Rabu, tanggal

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