BAB IV. ANALISIS DAN PERANCANGAN SISTEM
4.2 Perancangan Sistem
4.2.3 Perancangan Prosedur Yang Diusulkan
Dalam perancangan prosedur yang diusulkan mencakup gambaran umum
sistem informasi aplikasi try out yang diusulkan penulis dimulai dari diagram
konteks sistem, diagram arus data, kamus data, perancangan basis data, relasi tabel, sampai dengan relasi antar entitas.
4.2.3.1Use case
Dibawah ini adalah model Use Case diagram sistem informasi aplikasi try
Admin
data soal try out 1 dan 2
data Kunci jawaban try out 1 dan 2
data siswa-siswi
data guru pengajar
data admin guru pengajar
laporan nilai try out 1 dan 2 siswa-siswi
siswa-siswi info data soal try out
info nilai try out data login
info login
Sistem aplikasi Try out
info login
Daftar siswa-siswi login guru pengajar
soal try out 1 dan 2
login admin
daftar kelas
Daftar guru pengajar
login siswa-siswi Daftar kelas
Gambar 4.7 Use Case yang diusulkan pada SMPN 2 Majalengka 4.2.3.2Skenario Use case
1. Skenario Use Case Login
Nama Use Case: Login
Aktor : User (Guru Pengajar, Murid dan Admin)
Skenario : Login
Tujuan : Untuk melakukan proses login
Tabel 4.2 Skenario Use Case Login
1. Mengisi form login
*masukan username dan password
2. Lalu sistem mengecek apakah user
name dan password sama dengan salah
satu data yang ada di database 3. Bila cocok sistem menampilkan
halaman menu utama untuk user
yang bersangkutan
2. Skenario Use Case Pilih Soal Try out
Nama Use Case: Pilih Soal Try out
Aktor : Siswa – Siswi
Tujuan : Untuk Pilih Soal Try out
Tabel 4.3 Skenario Use Case Pilih Soal Try out
Aktor Sistem
1. Siswa - Siswi masuk ke halaman
home untuk milih soal try out
2. Sistem akan melakukan operasi
yang telah di pilih Siswa - Siswi
yaitu menampilkan soal try out
nilai pada halaman.
3. Skenario Use Case Mengerjakan Soal try out
Nama Use Case : Mengerjakan soal try out
Aktor : Siswa - Siswi
Tujuan : Untuk Mengerjakan soal try out
Tabel 4.4 Skenario Use Case Mengerjakan Soal try out
1. Siswa - Siswi masuk ke halaman
home untuk memilih paket soal
try out yang sudah disediakan.
2. Sistem akan menampilkan form
paket soal try out
3. Siswa – Siswi menjawab soal try
out
4. Sistem melakukan seleksi jawaban
dari siswa - siswi
4. Skenario Use Case Cetak Laporan Nilai try out
Nama Use Case: Cetak laporan nilai try out
Aktor : Guru pengajar
Tujuan : Menjelaskan proses cetak laporan nilai try out
Tabel 4.5 Skenario Use Case cetak laporan nilai try out
Aktor Sistem
1. Guru pengajar masuk kehalaman
history nilai
2. Sisetem akan melakukan operasi
yang telah dipilih oleh guru pengajar, kemudian menampilkan
data history nilai try out yang
sudah tersimpan oleh database.
3. Guru pengajar memilih data
history nilai try out untuk
melakukan cetak nilai try out.
4. Tampilkan data history nilai try
out untuk dicetak
5. Skenario Use Case Upload Data Soal try out dan Data Kunci Jawaban
Aktor : Admin
Tujuan :Untuk memanipulasi soal try out dan data kunci
jawaban
Tabel 4.6 Skenario Use Case soal try out dan data kunci jawaban
Aktor Sistem
1. admin masuk ke halaman upload
soal try out dan data kunci
jawaban melakukan proses
pengolahan data soal try out dan
data kunci jawaban, insert,
update, delate.
2. Sistem akan menampilkan hasil
dari pengolahan data soal try out
dan data kunci jawaban.
3. Admin melakukan hapus data
soal try out dan data kunci
jawaban
4. Sistem akan memproses hasil dari
hapus data soal try out dan data
kunci jawaban
4.2.4.3 Activity Diagram
Diagram aktifitas Activity diagram memodelkan aliran kerja atau
workflow sebuah proses bisnis dan urutan aktifitas dalm suatu proses.
mem eriksa field yang kosong mengisi form login menampilkan form login mem eriksa mem eriksa status login data ogin benar
Login Sukses menampilkan
data login salah
data login salah Sudah
Terisi
Sis te m Admin/Guru Pengaj ar/Sisw a_ sisw i
Gambar 4.8 Proses Login
mengisi form login
menampilkan form login
mem eriksa field yang kosong
mem eriksa
mem eriksa status login data ogin benar
Login Sukses menampilkan
data login salah
data login salah Sudah
Terisi
menampilkan Tampilan Soal Tryout Guru pengajar menampilkan Pilih Soal
Tryout siswa_siswi
Sis te m Guru Pengaj ar/Sisw a_s is wi
Gambar 4.9 Proses Pilih Soal Try Out
m em ilih paket s oal
m engisi jawaban
m enam pilkan form latihan s oal try out
m enam pilkan s oal berdas arkan paket s oal try out yang diplih
mem proses seleks i jawaban
menam pilkan his tory jawaban dan nilai
Sistem sisw a-sisw i
Gambar 4.10 Proses Mengerjakan Soal Try Out
memilih form form nilai siswa siswi cetak nilai cek nilai menentukan kegiatan yang dilakukan pilih menampilkan form home hasil kegiatan yang dilakukan memproses form cetak
nilai siswa siswi gagal
berhasil
sistem Guru pengaj ar
Gambar 4.11 Proses Cetak Laporan Nilai try out
menentukan kegiatan yang akan dilakukan
pilih soal try out dan kunci jawaban yang akan diupload
upload file upload soal
menentukan soal dan kunci jawaban yang akan dihapus
mem ilih data
menghapus data
menampilkan form upload soal try out dan kunci jawaban
memproses upload data gagal mem proses hapus data gagal
m enyimpan hasil yang sudah dilakukan berhasil berhas il proses Sistem Admin
Gambar 4.12 Proses Upload Data Soal Try Out dan Data Kunci Jawaban 4.2.4.4 Sequence Diagram
Sequence diagram menggambarkan interaksi antar objek di dalam dan di
sekitar sistem (termasuk pengguna, display, dan sebagainya) berupa message yang
digambarkan terhadap waktu. Sequence diagram terdiri atar dimensi vertical
(waktu) dan dimensi horizontal (objek-objek yang terkait). Sequence diagram bisa
digunakan untuk menggambarkan skenario atau rangkaian langkah-langkahyang
dilakukan sebagai respons dari sebuah event untuk menghasilkan output tertentu.
Adapun sequence diagram pada sistem informasi aplikasi try out di SMPN
2 Majalengka adalah sebagai berikut:
admin form login database
buka aplikasi
input userid dan pass
cek data login
verifikasi login validasi
display hak ases admin
Gambar 4.13 Sequence Diagram Login Admin 2. Sequence Data Login Siswa-Siswi
siswa-siswi form database
buka aplikasi
input user id dan pass
cek data login
verifikasi login
validasi
display hak akses siswa-siswi
3. Sequence Pengolahan Aplikasi Try Out
guru pengajar form database s iswa s is wi
buka aplikasi
login
cek data login
verifikas i login validas i dis play m enu guru pengajar
pilih m enu latihan s oal try out pilih kategori s oal try out
kirim data
sim pan buka aplikasi
login cek data login
verifikas i login
dis play m enu sis wa-sis wi validas i
pilih kategori soal try out
view s oal try out input jawaban
cek jawaban
s tatistik jawaban
view skor jawaban dan nilai Daftar s is wa
Nilai s iswa
daftar guru daftar kelas
4. Sequence Pengolahan Login Guru Pengajar
guru pengajar form database
buka aplikas i
input user id dan pass
cek data login
verifikasi login
validasi
display hak akses guru pengajar
Gambar 4.16 Sequence Pengolahan Login Guru Pengajar 5. Sequence PengolahanData Soal
admin form data base
buka aplikasi
view menu mata pelajaran
pilih upload mata pelajaran
kirim data
simpan
berhasil disimpan
tidak berhas il disimpan
6. Sequence Pengolahan Jawaban
admin form data base
buka aplikasi
view menu data jawaban
pilih upload data jawaban
kirim data
sim pan
berhasil disimpan
tidak berhasil disimpan
7. Sequence Diagram Latihan Soal Try out
guru pengajar form databas e s iswa sis wi
buka aplikas i
login
cek data login
verifikasi login validas i display menu guru pengajar
pilih menu latihan soal try out pilih kategori soal try out
kirim data
simpan buka aplikasi
login cek data login
verifikasi login
display menu siswa-s iswi validas i
pilih kategori soal try out
view soal try out input jawaban
cek jawaban
s tatistik jawaban
view s kor jawaban dan nilai Daftar siswa
Nilai s iswa
daftar guru daftar kelas
4.2.4.5Collaboration Diagram
Collaboration diagram melihat pada interaksi dan hubungan antar objek. Tipe diagram ini menekankan pada hubungan antar objek dan digunakan sebagai alat untuk menggambarkan interaksi yang mengungkapkan keputusan mengenai perilaku suatu sistem.
Collaboration diagram dalam sistem informasi aplikasi try out di SMPN 2 Majalengka akan dikembangkan adalah sebagai berikut :
1. Collaboration Diagram Login Admin
admin form_login
1: buka aplikas i 2: input userid dan pas s
database
3: verifikasi login 4: display hak as es
5: cek data login 6: validasi
2. Collaboration Data Login Siswa-Siswi
siswa-siswi form_login
1: buka aplikasi 2: input userid dan pass
database
3: verifikasi login 4: display hak ases
5: cek data login 6: validasi
Gambar 4.21 Collaboration Data Login Siswa-Siswi 3. Collaboration Aplikasi Try Out
guru pengajar validasi siswa-siswi form 2: login
7: pilih menu latihan soal try out 8: pilih kategori soal try out
6: display menu pengajar
10: kirim data 14: cek data login 22: cek jawaban 4: validasi 11: simpan 15: validasi 16: verifikasi login 23: history jawaban
24: view skor jawaban dan nilai
17: display menu murid 20: view soal try out
12: buka aplikasi 13: login
18: pilih menu latihan soal try out 19: pilih kategori soal try out
21: input jawaban 1: bukas aplikasi
3: cek data login 5: verifikasi login
4. CollaborationLogin Guru Pengajar
guru pengajar
form_login 1: buka aplikasi
2: input userid dan pass
database
3: verifikasi login 4: display hak ases
5: cek data login 6: validasi
Gambar 4.23 CollaborationLogin Guru Pengajar 4.2.4.6 Class Diagram
Kelas (class) adalah definisi umum untuk himpunan objek sejenis. Kelas
menetapkan spesifikasi perilaku dan atribut objek-objek tersebut. Objek adalah
contoh dari sebuah kelas. Class diagram menggambarkan struktur statis class
mata_pelajaran Id_mata_pelajaran mata_pelajaran id_admin edit() input() delete() upload() mengajar id_mengajar id_mata_pelajaran kelas nip id_admin input() edit() upload() delete() kelas kelas id_admin edit)() input() delete() guru nip password nama_guru jenis_kelamin alamat_guru no_telp_guru siswa nis password nama jenis_kelamin no_telp kelas admin id_admin username password load() input() upload() delete() soal_tryout id_soal paket_soal no_soal soal-tryout option_a option_b option_c option_d kunci-jawaban input() edit() upload() delete() search() paket_soal id_paket _soal id_mata_pelajaran nip nama_paket _soal waktu_pengerjaan status edit() delete() input() jawaban_siswa id_jawaban id_paket_soal id_soal no_soal nis jawaban edit() input() delete() nilai_tryout id_nilai nis id_paket_soal nilai cetak()
Gambar 4.24 Class Diagram Aplikasi Try Out 4.2.4.7Component Diagram
Component diagram merepresentasikan dunia riil item yaitu component software. Component bisa diakses melalui interface-nya yaitu koleksi
operasi-operasi. Hal penting dari component adalah component mewakili
potongan-potonganyang independen yang bisa dipesan dan diperbaharui sewaktu-waktu.
Berikut adalah gambar component diagram sistem informasi aplikasi try
out di SMPN 2 Majalengka: Home.ph p Admin_Lo gin Ubah_Data_ &_pas sword Soal_tryo ut.php Data_siswa _s iswi.php Data_guru _Pengajar Data_Ad min Manipulas i_Dat a_s oal_tryout Manipulasi_Da ta_Jawaban Manipulas i_Dat a_sis wa_sis wi Manipulas i_Data _Guru_Pengajar Manipulas i_ Data_Admin Hasil_Nilai _tryout.php Login_guru _pengajar Lihat_data_nil ai_tryout.php Login_sis wa_s iswi Latiahan_t ryout.php lihat_nilai_ tryout.php
4.2.4.8Deployment Diagram
Client Browser
Database Browser Web Browser
Perintah Koneksi Database Perintah Halaman
Gambar 4.26 Deployment Diagram 4.2.4.9Kodifikasi
Pengkodean merupakan proses untuk memudahkan dalam
mengelompokkan data dan pemrosesannya. Selain itu pengkodean juga dapat membantu sistem informasi dalam mengidentifikasikan suatu objek, sehingga kesalahan-kesalahan yang mungkin terjadi dalam mengidentifikasikan objek-objek tersebut dapat dihindarkan.
Pengkodean Try Out
Kode Latihan terdiri dari 7 digit, lebih jelasnya adalah sebagai berikut : xx.x.x.x.xx Contoh : Lt.1.1.1.01
Keterangan : Lt : Latihan
1 : Guru Pengajar 1 : Mata Pelajaran 1 : Kode Paket 01 : Urutan try out