BAB IV PERANCANGAN SISTEM USULAN...ketua osis Actors Siswa Main Flow/ Basic Path Siswa dapat masuk...
Transcript of 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
Sumber: Hasil Penilitian (2020)
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
Sumber: Hasil Penilitian (2020)
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
Sumber: Hasil Penilitian (2020)
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
Sumber: Hasil Penilitian (2020)
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
Sumber: Hasil Penilitian (2020)
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
Sumber: Hasil Penilitian (2020)
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
Sumber: Hasil Penilitian (2020)
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
Sumber: Hasil Penilitian (2020)
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
Failed end Condition Bagian admin tidak dapat masuk
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
Sumber: Hasil Penilitian (2020)
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
Failed end Condition Bagian admin tidak dapat masuk
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
Sumber: Hasil Penilitian (2020)
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
Sumber: Hasil Penilitian (2020)
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
Sumber: Hasil Penilitian (2020)
4.1.3. Rancangan Diagram Aktivitas
1. Activity Diagram Bagian Admin
Sumber: Hasil Penilitian (2020)
Gambar IV.2.
Activity Diagram Halaman Admin
2. Activity Diagram Bagian Siswa
Sumber: Hasil Penilitian (2020)
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
Sumber: Hasil Penilitian (2020)
Gambar IV.4.
Halaman Utama Siswa
2. Tampilan Halaman Login Siswa
Sumber: Hasil Penilitian (2020)
Gambar IV.5.
Halaman Login Siswa
3. Tampilan Halaman Vote Siswa
Sumber: Hasil Penilitian (2020)
Gambar IV.6.
Halaman Vote Siswa
4. Tampilan Halaman Visi Dan Misi
Sumber: Hasil Penilitian (2020)
Gambar IV.7.
Halaman Visi Dan Misi
5. Tampilan Halaman Propil Sekolah
Sumber: Hasil Penilitian (2020)
Gambar IV.8.
Halaman Profil Sekolah
6. Halaman Siswa Yang Sudah Milih
Sumber: Hasil Penilitian (2020)
Gambar IV.9.
Halaman Siswa Yang Sudah Milih
7. Halaman Admin Login
Sumber: Hasil Penilitian (2020)
Gambar IV.10.
Halaman Admin Login
8. Halaman Registrasi Siswa
Sumber: Hasil Penilitian (2020)
Gambar IV.11.
Halaman Registrasi Siswa
9. Halaman Sukses Regitrasi Siswa
Sumber: Hasil Penilitian (2020)
Gambar IV.12.
Halaman Sukses Registrasi Siswa
10. Halaman Utama Admin
Sumber: Hasil Penilitian (2020)
Gambar IV.13.
Halaman Utama Admin
11. Halaman Data Vote/ Data Siswa Yang Sudah Memilih
Sumber: Hasil Penilitian (2020)
Gambar IV.14.
Halaman Data Siswa Yang Sudah Memilih
12. Halaman Admin Grafik Voting
Sumber: Hasil Penilitian (2020)
Gambar IV.15.
Halaman Admin Grafik Voting
13. Halaman Data Siswa
Sumber: Hasil Penilitian (2020)
Gambar IV.16.
Halaman Data Siswa
14. Halaman Edit Data Siswa
Sumber: Hasil Penilitian (2020)
Gambar IV.17.
Halaman Edit Data Siswa
15. Halaman Data Suara Yang Diperoleh
Sumber: Hasil Penilitian (2020)
Gambar IV.18.
Halaman Data Siswa Yang Di peroleh
16. Halaman Laporan Cetak Data Siswa
Sumber: Hasil Penilitian (2020)
Gambar IV.19.
Halaman Laporan Cetak Data Siswa
17. Halaman Laporan Cetak Data Ketua Osis
Sumber: Hasil Penilitian (2020)
Gambar IV.20.
Laporan Data Cetak Ketua Osis
18. Halaman Laporan Data Vote
Sumber: Hasil Penilitian (2020)
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)
Sumber: Hasil Penilitian (2020)
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)
Sumber: Hasil Penilitian (2020)
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
Sumber: Hasil Penilitian (2020)
2. Spesifikasi File Anggota
Nama File : Anggota
Akronim : Anggota
Fungsi : Untuk melihat data siswa/anggota
Tipe File : File Master
Organisasi File : Indexed Squential
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')
Sumber: Hasil Penilitian (2020)
3. Spesifikasi File Calon Ketua
Nama File : calon_ketua
Akronim : calon ketua
Fungsi : melihat calon ketua dan dipilih
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Hardisk
Panjang Record : 119
Kunci Field : id_calon
Software : Mysql
Tabel IV.15.
Spesifikasi File Calon Ketua
No
Elemen
Data Nama Field Tipe Size Ket
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
Sumber: Hasil Penilitian (2020)
4. Spesifikasi File Hasil Vote
Nama File : hasil_vote
Akronim : hasil vote
Fungsi : hasil vote calon ketua dipilih
Tipe File : File Master
Organisasi File : Indexed Squential
Akses File : Random
Media : Hardisk
Panjang Record : 43
Kunci Field : id_calon
Software : Mysql
Tabel IV.16.
Spesifikasi Hasil Vote
No
Elemen
Data Nama Field Tipe Size Ket
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')
Sumber: Hasil Penilitian (2020)
4.2.4. Class Model / Class Diagram
Sumber: Hasil Penilitian (2020)
Gambar IV.24.
Class Model / Class Diagram
4.2.5. Sequence Diagram
1. Admin
Sumber: Hasil Penilitian (2020)
Gambar IV.25.
Squence Diagram Admin
2. Siswa
Sumber: Hasil Penilitian (2020)
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
Sumber: Hasil Penilitian (2020)