bab iv perancangan sistem usulan...ketua osis actors siswa main flow/ basic path siswa dapat masuk...

30

BAB IV

PERANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem

4.1.1. Analis Kebutuhan

Sistem informasi e-voting berbasis website adalah sistem yang memfasilitaskan

siswa untuk memilih hak suaranya melewati website dan mudah siswa untuk memilih.

Sistem e-voting berbasis website memudahkan proses pemungutan suara.

A. Halaman Siswa

a) Siswa dapat login dihalaman login

b) Siswa dapat melihat calon ketua osis

c) Siswa dapat melihat profil sekolah

d) Siswa dapat memilih calon ketua osis

e) Siswa dapat logout keluar dari halaman voting

A1. Halaman Admin

a) Admin dapat login dihalaman login

b) Admin dapat mendaftarkan/registrasi siswa

c) Admin dapat ke halaman utama

d) Admin dapat melihat grafik voting

e) Admin dapat mengelola daftar siswa

f) Admin dapat melihat data calon

g) Admin dapat membuat laporan

h) Admin dapat keluar dari halaman admin

4.1.2. Rancangan Diagram Use Case

Diagram use case ini untuk mendeskripsikan apa yang bias pemilih dan admin

dalam website ini.

Sumber: Hasil Penilitian (2020)

Gambar IV.1.

Use Case Diagram

Tabel IV.1.

Login Admin

Use Case Name Log In

Requirements Bagian admin dapat melakukan Log In

Goal Bagian admin melihat data halaman

admin

Pre-Conditions Bagian admin telah melakukan Log In

Post-Conditions Dat Log In

Failed end Condition Bagian admin tidak dapat melakukan

Log In

Actors Admin

Main Flow/ Basic Path Admin dapat mengelola halaman admin

Alternate Flow/Invariant A Sistem akan menampilkan menu

halaman admin

Invariant B Sistem tidak menemukan halaman admin


Tabel IV.2.

Registrasi Siswa

Use Case Name Registrasi Siswa

Requirements Bagian admin dapat melakukan registrasi

siswa

Goal Bagian admin dapat melihat isi formulir

registrasi siswa

Pre-Conditions Bagian admin telah melakukan registrasi

siswa

Post-Conditions Dat Registrasi Siswa

Failed end Condition Bagian admin tidak dapat melakukan

registrasi siswa

Actors Admin

Main Flow/ Basic Path Admin dapat melakukan registrasi siswa

Alternate Flow/Invariant A

A1. Sistem akan mencari form registrasi

siswa

A2. Sistem akan menampilkan form

registrasi siswa

Invariant B Sistem tidak menemukan form registrasi

siswa


Tabel IV.3.

Log In Siswa

Use Case Name Log In

Requirements Bagian siswa dapat melakukan Log In

Goal Bagian siswa masuk kehalaman e-voting

Pre-Conditions Bagian siswa telah melakukan Log In

Post-Conditions Dat Log In

Failed end Condition Bagian siswa tidak dapat melakukan Log

In

Actors Siswa

Main Flow/ Basic Path Siswa dapat msduk kehalaman e-voting

Alternate Flow/Invariant A Sistem akan menampilkan menu

halaman e-voting

Invariant B Sistem tidak menemukan halaman e-

voting


Tabel IV.4.

Melihat Calon ketua Osis

Use Case Name Melihat Calon Ketua

Requirements Bagian siswa dapat masuk ke menu

melihat calon ketua osis

Goal Bagian siswa dapat melihat melihat

calon ketua osis

Pre-Conditions Bagian siswa telah melihat calon ketua

osis

Post-Conditions Dat Melihat Calon Ketua Osis

Failed end Condition Bagian siswa tidak dapat melihat calon

ketua osis

Actors Siswa

Main Flow/ Basic Path Siswa dapat masuk kehalaman e-voting

Alternate Flow/Invariant A Sistem akan menampilkan calon ketua

Invariant B Sistem tidak menemukan menu melihat

calon ketua osis


Tabel IV.5.

Melihat Profil Sekolah

Use Case Name Melihat profil sekolah

Requirements Bagian siswa dapat ke menu lihat profil

sekolah

Goal Bagian siswa dapat melihat profil

sekolah

Pre-Conditions Bagian siswa telah melihat profil sekolah

Post-Conditions Dat melihat profil sekolah

Failed end Condition Bagian siswa tidak dapat melihat profil

sekolah

Actors Siswa

Main Flow/ Basic Path Siswa dapat keterangan profil sekolah

Alternate Flow/Invariant A Sistem akan menampilkan kehalaman

profil sekolah

Invariant B Sistem tidak menemukan halaman profil

sekolah


Tabel IV.6.

Voting Siswa

Use Case Name Voting

Requirements Bagian siswa dapat melihat calon ketua

untuk di voting

Goal Bagian siswa telah melihat calon ketua

untuk di voting

Pre-Conditions Bagian siswa telah melakukan voting

Post-Conditions Dat voting

Failed end Condition Bagian siswa tidak dapat memilih untuk

di voting

Actors Siswa

Main Flow/ Basic Path Siswa dapat melihat data voting setelah

dipilih

Alternate Flow/Invariant A Sistem akan menampilkan data voting

Invariant B Sistem tidak menampilkan voting


Tabel IV.7.

Halaman Utama Admin

Use Case Name Halaman utama

Requirements Bagian admin dapat masuk kehalaman

utama

Goal Bagian admin telah melihat halaman

utama

Pre-Conditions Bagian admin telah melakukan ke

halaman utama

Post-Conditions Dat halaman utama

Failed end Condition Bagian afmin tidak dapat masuk

kehalaman utama

Actors Admin

Main Flow/ Basic Path Admin dapat mengelola halaman utama

Alternate Flow/Invariant A Sistem akan menampilkan menu pada

halaman utama

Invariant B Sistem tidak menampilkan menu pada

halaman utama


Tabel IV.8.

Melihat Grafik Voting

Use Case Name Melihat grafik voting

Requirements Bagian admin dapat masuk halaman

grafik voting

Goal Bagian admin telah melihat data grafik

voting

Pre-Conditions Bagian admin telah melakukan melihat

grafik voting

Post-Conditions Data melihat grafik voting

Failed end Condition Bagian admin tidak dapat masuk

kehalaman melihat grafik foting

Actors Admin

Main Flow/ Basic Path Admin dapat mengelola halaman grafik

voting

Alternate Flow/Invariant A Sistem akan menampilkan grafik voting

Invariant B Sistem tidak menampilkan grafik voting


Tabel IV.9.

Mengelola Data Siswa Terdaftar

Use Case Name Melihat data siswa

Requirements Bagian admin dapat masuk halaman data

siswa

Goal Bagian admin telah mengelola data data

siswa

Pre-Conditions Bagian admin telah melakukan

mengelola data siswa

Post-Conditions Data mengelola data siswa


kehalaman mengelola data siswa

Actors Admin

Main Flow/ Basic Path Admin dapat mengelola data calon

Alternate Flow/Invariant A Sistem akan menampilkan data siswa

Invariant B Sistem tidak menampilkan data siswa


Tabel IV.10.

Melihat Data Calon

Use Case Name Melihat data calon

Requirements Bagian admin dapat masuk halaman data

calon

Goal Bagian admin telah melihat data data

calon

Pre-Conditions Bagian admin telah melakukan melihat

data calon

Post-Conditions Data malihat data calon


kehalaman data calon

Actors Admin

Main Flow/ Basic Path Admin dapat melihat data calon

Alternate Flow/Invariant A Sistem akan menampilka data calon

Invariant B Sistem tidak menampilkan data calon


Tabel VI.11.

Membuat Laporan

Use Case Name Membuat laporan

Requirements Bagian admin dapat mencetak laporan

Goal Bagian admin dapat melihat data laporan

Pre-Conditions Bagian admin telah melakukakan cetak

laporan

Post-Conditions Data membuat laporan

Failed end Condition Bagian admin tidak dapat mencetak

laporan

Actors Admin

Main Flow/ Basic Path Admin dapat melihat data cetak laporan

Alternate Flow/Invariant A Sistem akan menampilka data cetak

laporan

Invariant B Sistem tidak mendapatkan cetak laporan


Tabel IV.12.

Logout Admin

Use Case Name Log Out

Requirements Bagian admin dapat melakukan log out

Goal Bagian admin log out

Pre-Conditions Bagian admin telah melakukakan log out

Post-Conditions Data log out

Failed end Condition Bagian admin tidak dapat melakukan log

out

Actors Admin

Main Flow/ Basic Path Admin dapat melekukan log out

Alternate Flow/Invariant A Sistem akan menampilka konfirmasi log

out

Invariant B Sistem tidak dapat log out


4.1.3. Rancangan Diagram Aktivitas

1. Activity Diagram Bagian Admin


Gambar IV.2.

Activity Diagram Halaman Admin

2. Activity Diagram Bagian Siswa


Gambar IV.3.

Activity Diagram Bagian Siswa

4.1.4. Rancangan Dokumen Sistem Usulan

A. Spesifikasi Dokumen Masukan

1. Nama Dokumen : Form Registrasi Siswa

Fungsi : Untuk melakukan pendaftaran siswa

Sumber : Pengguna

Tujuan : Admin

Media : formulir online

Jumlah : Satu lembar

Frekuensi : Setiap akan melakukan proses mau Pemilihan

Bentuk : Lihat lampiran C-1

B. Spesifikasi Dokumen Keluaran

1. Nama Dokumen : Laporan

Fungsi : Melaporkan jumlah siswa sudah terdaftar

Sumber : Admin

Tujuan : Siswa

Media : Kertas

Jumlah : Satu lembar

Frekuensi : Melaporkan yang sudah registrasi

Bentuk : Lihat lampiran D-1

4.1.5. Rancangan Prototype

1. Tampilan Halaman Utama Siswa


Gambar IV.4.

Halaman Utama Siswa

2. Tampilan Halaman Login Siswa


Gambar IV.5.

Halaman Login Siswa

3. Tampilan Halaman Vote Siswa


Gambar IV.6.

Halaman Vote Siswa

4. Tampilan Halaman Visi Dan Misi


Gambar IV.7.

Halaman Visi Dan Misi

5. Tampilan Halaman Propil Sekolah


Gambar IV.8.

Halaman Profil Sekolah

6. Halaman Siswa Yang Sudah Milih


Gambar IV.9.

Halaman Siswa Yang Sudah Milih

7. Halaman Admin Login


Gambar IV.10.

Halaman Admin Login

8. Halaman Registrasi Siswa


Gambar IV.11.

Halaman Registrasi Siswa

9. Halaman Sukses Regitrasi Siswa


Gambar IV.12.

Halaman Sukses Registrasi Siswa

10. Halaman Utama Admin


Gambar IV.13.

Halaman Utama Admin

11. Halaman Data Vote/ Data Siswa Yang Sudah Memilih


Gambar IV.14.

Halaman Data Siswa Yang Sudah Memilih

12. Halaman Admin Grafik Voting


Gambar IV.15.

Halaman Admin Grafik Voting

13. Halaman Data Siswa


Gambar IV.16.

Halaman Data Siswa

14. Halaman Edit Data Siswa


Gambar IV.17.

Halaman Edit Data Siswa

15. Halaman Data Suara Yang Diperoleh


Gambar IV.18.

Halaman Data Siswa Yang Di peroleh

16. Halaman Laporan Cetak Data Siswa


Gambar IV.19.

Halaman Laporan Cetak Data Siswa

17. Halaman Laporan Cetak Data Ketua Osis


Gambar IV.20.

Laporan Data Cetak Ketua Osis

18. Halaman Laporan Data Vote


Gambar IV.21.

Halaman Laporan Data Vote

4.2. Perancangan Perangkat Lunak

4.2.1. Entity Relationship Diagram (ERD)

Perancangan basis data menghasilkan pemetaan table-tebel yang digambarkan

Entity Relationship Digram (ERD)


Gambar IV.22.

ERD (Entity Relationship Diagram)

4.2.2. LRS (Logical Record Structure)

Perancangan basis data menghasilkan pemetaan table-tebel yang digambarkan

LRS (Logical Record Structure)


Gambar IV.23.

LRS (Logical Record Structure)

4.2.3. Spesifikasi File

Spesifikasi file yang memberikan penjelasan secara rinci tentang masing-

masing file yang di gunakan dalam sistem

1. Spesifikasi File Admin

Nama File : Admin

Akronim : Admin

Fungsi : Untuk masuk kehalaman admin

Tipe File : File Master

Organisasi File : Indexed Squential

Akses File : Random

Media : Hardisk

Panjang Record : 90

Kunci Field : id_admin

Software : Mysql

Tabel IV.13.

Spesifikasi File Admin

No Elemen Data Nama Field Tipe Size Ket

1 Id Admin id_admin int 5

Primary key

Auto

Increment

2 Nama Admin nama_admin varchar 25

3 Username Username varchar 25

4 Password Password varchaer 35


2. Spesifikasi File Anggota

Nama File : Anggota

Akronim : Anggota

Fungsi : Untuk melihat data siswa/anggota



Akses File : Random

Media : Hardisk

Panjang Record : 180

Kunci Field : id_anggota

Software : Mysql

Tabel IV.14.

Spesifikasi File Anggota

No

Elemen

Data Nama Field Tipe Size Ket

1 Id Anggota id_anggota Int 5

Primary

key,

Auto

increment

2 Username Username Varchar 25

3

Nama

Siswa nama_siswa Varchar 45

4 Gender Gender

Enum('laki-

laki','perempuan)

5

Nomor

Telpon no_telp Varchar 15

6 Alamat Alamat Varchar 50

7 Kelas Kelas Varchar 10

8 Password Password Varchar 25

9 Nis Nis Char 5

10 Status status2 Enum('belum','sudah')


3. Spesifikasi File Calon Ketua

Nama File : calon_ketua

Akronim : calon ketua

Fungsi : melihat calon ketua dan dipilih



Akses File : Random

Media : Hardisk

Panjang Record : 119

Kunci Field : id_calon

Software : Mysql

Tabel IV.15.

Spesifikasi File Calon Ketua

No

Elemen


1 Id calon id_calon Int 4

Primary key

Auto

Increment

2 Nis Nis Char 5

3

Nama

Calon nama_calon Varchar 35

4 Gender Gender

Enum('laki-

laki','perempuan)

5 Kelas Kelas Varchar 35

6 Alamat Alamat Varchar 40


4. Spesifikasi File Hasil Vote

Nama File : hasil_vote

Akronim : hasil vote

Fungsi : hasil vote calon ketua dipilih



Akses File : Random

Media : Hardisk

Panjang Record : 43

Kunci Field : id_calon

Software : Mysql

Tabel IV.16.

Spesifikasi Hasil Vote

No

Elemen


1 Id vote id_calon Int 4

Primary key

Auto

Increment

2 id anggota id_anggota Int 4

3

Nama

Calon nama_calon Varchar 35

4 Status Status Enum('sudah','belum')


4.2.4. Class Model / Class Diagram


Gambar IV.24.

Class Model / Class Diagram

4.2.5. Sequence Diagram

1. Admin


Gambar IV.25.

Squence Diagram Admin

2. Siswa


Gambar IV.26.

Squence Diagram Siswa

4.2.6. Spesifikasi Hardware dan Software

Spesifikasi hardware yang digunakan untuk melakukan perancangan dan

pembuatan sistem informasi pemilihan ketua pemuda karang taruna online ini adalah

sebagai berikut :

Tabel IV.17.

Spesifikasi Hardware dan Software

Kebutuhan keterangan

Processor Core i3

Ram 3 GB

Monitor LED 14"

Hard disk 500 GB

Kerboard 84 key

Printer L360 Sumber: Hasil Penilitian (2020)

Spesifikasi software yang digunakan untuk melakukan perancangan dan

pembuatan sistem informasi pemilihan ketua pemuda karang taruna online ini adalah

sebagai berikut:

Tabel IV.18.

Spesifikasi Hardware dan Software

Kebutuhan Keterangan

Sistem Operasi Windows 7

Software Aplikasi Sublime Text 3

Software Database Phpmyadmin

Browser Mozila Sumber: Hasil Penilitian (2020)

4.3. Jadwal Implementasi

Tabel IV.19.

Jadwal Implementasi

No. KEGIATAN

WAKTU

BULAN

1 BULAN II BULAN III

1 2 3 4 1 2 3 4 1 2 3 4

1. Persiapan Data Awal

2. Analisa

3. Desain Sistem

4. Desain Perangkat Lunak

5. Pembuatan & Tes

Program

6. Tes Sistem

7. Pelatihan

8. Pembuatan Buku

Petunjuk

9. Evaluasi & Operasional


bab iv perancangan sistem usulan...ketua osis actors siswa main flow/ basic path siswa dapat masuk...

Documents