60
pelatihan yang semuanya bisa diakses oleh publik pada umumnya dan oleh calon peserta dan peserta DKS.
Selain itu sistem informasi ini juga mendukung pendaftran secara online dimana calon peserta yang hendak mendaftar bisa mendaftar secara online agar
bisa menjadi peserta dan mennggunakan fitur-fitur yang ada dalam website DKS asal memenuhi beberapa syarat dan ketentuan yang berlaku dari pihak DKS.
Sehingga peserta tidak perlu datang lagi ke tempat untuk sekedar menanyakan informasi mengenai DKS ataupun untuk menjadi anggota DKS.
Dengan adanya perancangan informasi pelatihan DKS berbasis online ini diharapkan akan memudahkan para peserta yang ingin mencari informasi dan
peserta yang ingin menggunakan fitur-fitur dalam website untuk kepentingan pelatihan, serta memudahkan dari pihak DKS untuk memberikan informasi-
informasi yang berkaitan dengan pelatihan DKS. Pada intinya sistem informasi berbasis web ini akan lebih memperkenalkan DKS ke masyarakat luas.
4.2.3 Perancangan Prosedur Yang Diusulkan
Setelah melihat sistem yang sedang berjalan dan telah mengevaluasi sistem, maka prosedur sistem yang diusulkan adalah:
1. Sekertaris memasukan informasi-informasi yang berkaitan dengan DKS
untuk dapat diakses oleh masyarakat yang ingin mengenal dan mengetahui
tentang DKS.
2. Publik yang berkunjung ke web DKS dan tidak mendaftar sebagai peserta maka hanya dapat mengakses informasi biasa seperti profil, alamat hotel,
61
paket pelatihan, download video dan foto kegiatan pelatihan, profil pengajar, buku tamu dll.
3. Calon peserta yang sudah mendaftar maka akan mendapatkan user name dan password yang dikonfirmasi admin melalui email yang dicantumkan
calon peserta pada form pendaftaran. 4. Peserta dapat menggunakan fitur-fitur yang ada di dalam website tersebut
denga cara log in terlebih dahulu dengan user name dan password yang sudah dikonfirmasi oleh admin, jika peserta ingin mengubah password
maka harus mengikuti prosedur yang sudah di berikan di website tersebut. 5. Dengan membuka website DKS maka peserta dapat menggunakan fitur-
fitur diantaranya download resep, menggunakan forum diskusi langsung dengan pengajar, mendownload modul, jadwal, hingga mengupload
flv,doc,jpg. 6. Dengan website ini juga pengajar dapat sharing masalah kuliner, tips
sampai dengan materi modul dan informasi kegiatan. 7. Untuk admin juga dapat mennggunakan website ini untuk mengecek data
peserta dan keuangan kapan pun diperlukan, dan admin juga dapat memeberikan informasi apapun tentang DKS baik kepada masyarakat
aupun peserta.
62
4.2.3.1 Use Case Usulan
1. Use Case Sistem informasi DKS
Peserta pendaftaran
Penjadwal include
Admin
Pengajar Penilaian
extend
Gambar 4.3 use case sistem usulan
1. Skenario Use Case Pendaftaran
Interaksi antara aktor pengguna, yaitu peserta dan admin dengan use case
Pendaftaran dijelaskan dalam use case skenario sebagai berikut :
Aktor : Peserta dan Admin
Skenario : Pendaftaran
63
Tabel 4.2 Skenario Use Case Pendaftaran PESERTA
REAKSI SISTEM
1. Pilih menu pendaftaran 2. Tampil form pendaftaran user
3. Tentukan jadwal 4. Input data pendaftaran
5. Verifikasi kelengkapan data 6. Simpan data
7. Pilih menu konfirmasi 8. Tampil form konfirmasi
pembayaran 9. Input data transaksi dan bukti
pembayaran 10. Verifikasi kelengkapan data
11. Simpan data
64
ADMIN REAKSI SISTEM
1. Login kedalam sistem
username dan password 2.
Verifikasi login
3. Login sukses, masuk kedalam menu useradmin.
4. Pilih menu konfirmasi
5. Tampil form pengelolaan data
kursus 6.
Memilih kegiatan yang akan dilakukan confirm, bukti transfer,
hapus pada form Verifikasi
kelengkapan data 7.
Jika memilih
confirm sistem
melakukan proses
penambahan data pada basis data pesertajika
memilih bukti transfer, sistem akan menampilkan tanda bukti
transfer yang sudah di upload oleh peserta pada saat pendaftaranjika
memilih hapus,
sistem akan
melakukan penghapusan data.
8. Simpan hasil kegiatan konfirmasi confirm, bukti
65
transfer, hapus 9. Sistem akan menghapus secara
otomatis pada saat 3 x 24 jam tidak ada konfirmasi dari peserta.
2. Skenario Use Case Penjadwalan
Interaksi antara aktor pengguna, yaitu peserta dan admin dengan use case
Penjadwalan dijelaskan dalam use case skenario sebagai berikut :
Aktor : Peserta dan admin
Skenario : Penjadwalan
Tabel 4.3 Skenario Use Case penjadwalan ADMIN
REAKSI SISTEM
1. Login kedalam sistem username dan password
2. Verifikasi login 3. Login sukses, masuk kedalam
menu useradmin. 4. Pilih menu jadwal
66
5. Tampil menu pembuatan jadwal 6. Pilih Update
7. Isi data jadwal dengan lengkap dan benar
8. Verifikasi kelengakapn data jadwal
9. Simpan data jadwal 10. Pilih jadwal
11. Tampil menu Detail jadwal
perbulan 12. Jika ingin menghapus jadwal,
pilih hapus, dan sistem akan melakukan penghapusan data.
13. Jadwal yang bisa dihapus hanya Jadwal yang belum dipilih oleh
Pendaftar baik yang sudah Konfirmasi, Belum Konfirmasi,
ataupun Waiting List.
PESERTA REAKSI SISTEM
1. Buka website DKS
2. Tampil website DKS
67
3. Tampil jadwal
4. View jadwal
5. Skenario Use Case penilaian
Interaksi antara aktor pengguna, yaitu Pengajar dan peserta dengan use penilaian dijelaskan dalam use case skenario sebagai berikut :
Aktor : Pengajar, admin dan peserta
Skenario : Penilaian
Table 4.4 Skenario Use Case Penilaian PENGAJAR
REAKSI SISTEM
1. Login kedalam sistem username dan password
2. Verifikasi login 3. Login sukses, masuk kedalam
menu userpengajar.
4. Pilih menu jadwal
68
5. Tampil menu jadwal mengajar 6. Pilih isi nilai
pilih type paket 7. Inputkan nilai
8. Verifikasi kelengkapan data 9. Simpan
PESERTA REAKSI SISTEM
1. Login kedalam sistem username dan password
2. Verifikasi login 3. Login sukses, masuk kedalam
menu userpeserta. 4. Pilih menu nilai
5. Tampil menu nilai 6. Tampil nilai
ADMIN REAKSI SISTEM
1. Login kedalam sistem
69
username dan password 2. Verifikasi login
3. Login sukses, masuk kedalam menu useradmin
4. Pilih menu laporan 5. Tampil menu laporan
6. Pilih laporan nilai 7. Tampil seluruh data paket dan
jadwal peserta. pilih sesuai paket dan
jadwal 8. Tampil nilai
4.2.3.2 Activity Diagram
Diagram aktifitas Activity diagram memodelkan aliran kerja atau workflow sebuah proses bisnis dan urutan aktifitas dalm suatu proses.
70
1. Activity Diagram untuk proses pendaftaran
A. Activity Diagram pendaftaran untuk akses Peserta
Membuka web DKS
Pilih menu pendaftaran
Get no pendaftaran Tentukan jadwal dan
Input data pendaftaran
pilih menu konfirmasi
Input data transaksi dan bukti pembayaran
Tampil web DKS
Tampil form pendaftaran user
validasi tidak lengkap
di simpan kedalam database
lengkap
validasi
Simpan ke database
lengkap Tampil form konfirmasi
pembayaran
tidak lengkap
Sistem Peserta
Gambar 4.4 Activity Diagram pendaftaran untuk akses Peserta
71
B. Activity Diagram pendaftaran untuk akses Admin
pilih menu konfirmasi
Memilih kegiatan yang akan dilakukan
confirm
bukti transfer
menentukan data yang akan di hapus
menambah data
menghapus data
Tampil menu pengelolahan data kursus
simpan ke database
memproses data
tampil bukti transfer
memproses data
confirm cek bukti
hapus
sistem admin
Gambar 4.5 Activity Diagram pendaftaran untuk akses Admin
72
2. Activity Diagram untuk Penjadwalan
A.
Activity Diagram penjadwalan untuk akses Admin
Tampil form jadwal aktif
Pilih update update
tentukan bulan
input data jadwal
pilih jadwal hapus
cari data tentukan paket
dan max peserta Pilih menu jadwal
Memproses penambahan data
gagal
Memproses penghapusan data
Menyimpan hasil perubahan jadwal
berhasil
gagal berhasil
Sistem Admin
Gambar 4.6 Activity Diagram penjadwalan untuk akses Admin
B.
Activity Diagram penjadwalan untuk akses Peserta
bukawebsite DKS
view jadwal tampil website
DKS tampil jadwal
Sistem Pese rta
Gambar 4.7 Activity Diagram penjadwalan untuk akses Peserta
73
3. Activity Diagram untuk Penilaian
A. Activity Diagram penilaian untuk akses Pengajar
pilih menu nilai
menginput nilai
input
memilih data1
ubah
memilih data2
hapus
hapus data nilai
ubah data nilai
pilih isi nilai sesuai paket
tampil menu nilai
memproses nilai
gagal
memproses nilai
gagal
simpan data
berhasil berhasil
memproses nilai
gagal
berhasil tampil nilai
peserta
sistem pengajar
Gambar 4.8 Activity Diagram penilaian untuk akses Pengajar
74
B. Activity Diagram penilaian untuk akses Peserta
pilih menu nilai
tampil menu nilai
menampilkan data nilai
s is te m pe se rta
Gambar 4.9 Activity Diagram penilaian untuk akses Peserta
C. Activity Diagram penilaian untuk akses Admin
pilih menu laporan
pilih laporan nilai
pilih detail sesuai paket kursus
pilih preview nilai
pilih c etak tampil menu
laporan tampil menu
paket kursus tampil nilai keseluruhan
ses uai paket tampil
laporan nilai gagal
berhasil berhasil cetak
laporan
s is te m a dmin
Gambar 4.10 Activity Diagram penilaian untuk akses Admin
4.2.3.3 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 vertikal waktu dan dimensi horizontal objek-objek yang terkait.
75
1. Sequence Diagram pendaftaran
usercalon peserta
usercalon peserta
form form
database database
admin admin
1: buka aplikasi web DKS 2: tampil aplikasi web DKS
3: pilih menu pendaftaran 4: tampil form pendaftaran kursus
6: masukkan data user 7: validasi data user
8: simpan data 9: pendaftaran berhasil
10: get no pendaftaran 12: input no pendaftaran dan data konfirmasi
13: validasi no pendaftaran dan data konfirmasi 14: simpan data
15: data behasil disimpan 16: tampil konfirmasi pendaftaran sukses
17: buka aplikasi 18: log in
19: cek data log in 20: valid
21: verifikasi log in 22: display menu admin
23: pilih menu konfirmasi 24: tampil data pengelolahan peserta
25: cek data 26: tampil keseluruhan data konfirmasi peserta
27: pilih confirm data 28: validasi data
29: simpan data 30: konfirmasi sukses
5: tentukan jadwal
11: upload bukti transfer
Gambar 4.11 Sequence Diagram pendaftaran
76
2. Sequence Diagram
penjadwalan
admin admin
form form
database database
peserta peserta
1: buka aplikasi 2: log in
3: cek data log in 4: valid
5: verifikasi log in 6: display menu admin
7: pilih menu jadwal 8: tampil menu jadwal aktif
9: pilih update,delete jadwal 10: kirim data jadwal
11: simpan data 12: buka aplikasi
13: log in 14: cek data log in
15: valid 16: verifikasi log in
17: display menu peserta 18: pilih menu jadwal
19: view jadwal kursus 20: download jadwal
21: jalankan instruksi 22: unduh file
Gambar 4.12 Sequence Diagram penjadwalan
77
3. Sequence Diagram
penilaian
pengajar pengajar
form form
database database
peserta peserta
admin admin
1: buka aplikasi 2: log in
3: cek data log in 4: valid
5: verifikasi log in 6: display menu pengajar
7: pilih menu nilai 8: tampil menu nilai
16: buka aplilkasi 17: log in
18: cek data log in 19: valid
20: verifikasi log in 21: display menu peserta
22: pilih menu nilai 23: view data nilai
9: klik isi nilai sesuai paket 10: tampil nilai peserta
11: lakukan input, edit dan delete nilai 12: kirim data
13: simpan data 14: verifikasi data
15: view hasil data nilai
24: get nilai 25: buka aplikasi
26: log in 27: cek data log in
28: valid 29: verifikasi log in
30: display menu admin 31: pilih laporan
32: pilih nilai sesuai paket 33: view data nilai
34: cetak 35: get laporan nilai
Gambar 4.13 Sequence Diagram penilaian
78
4.2.3.3 Collaboration Diagram
1. Colaboration Diagram Pendaftaran
peserta form
3: pilih menu pendafataran 5: tentukan jadwal
6: masukkan data user 11: upload bukti transfer
12: input no pendaftaran dan data konfirmasi 4: tampil form pendaftaran kursus
10: get no pendaftaran 16: tampil konfirmasi pendaftaran sukses
admin 17: buka apllikasi
18: log in 23: pilih menu konfirmasi
27: pilih confirm data 22: display menu admin
database 9: pendaftaran berhasil
15: data konfirmasi berhasil disimpan 7: validasi data user
13: validasi no pendaftaran dan data konfirmasi 19: cek data log in
24: tampil data pengelolaan peserta 26: tampil keseluruhan data konfirmasi peserta
30: konfirmasi sukses 28: validasi data konfirmasi peserta
21: verifikasi log in 1: buka aplikasi web DKS
2: tampil aplikasi web DKS
3: 4:
5: 6:
7:
Gambar 4.14 Colaboration Diagram Pendaftaran 2.
Colaboration Diagram Penjadwalan
admin form
peserta database
2: log in 7: pilih menu jadwal
9: pilih update, delete jadwal
8: tampil menu jadwal aktif
12: buka aplikasi 13: log in
18: pilih menu jadwal 20: download jadwal
17: display menu peserta 19: view jadwal kursus
22: unduh file
3: cek data log in admin 10: kirim data jadwal baru
14: cek data log in peserta 21: jalankan instruksi
16: verifikasi log in peserta 1: buka aplikasi
2: display menu admin 3:
4: 5: verifikasi log in admin
6:
Gambar 4.15 Colaboration Diagram Penjadwalan
79
3. Colaboration Diagram Penilaian
pengajar form
peserta database
2: log in 7: pilih menu nilai
9: kllik isi nilai sesuai paket 11: lakukan input, adeit, delete nilai
6: display menu jadwal 8: tampil menu nilai
10: tampil nilai peserta 15: view hasil data nilai
16: buka aplikasi 17: log in
22: pilih menu nilai 21: display menu peserta
23: view data nilai 24: get nilai
25: buka aplikasi 26: log in
31: pilih laporan 32: pilih nilai sesuai paket
34: cetak 30: display menu adm
33: view data nilai 35: get laporan nilai
3: cek data log in pengajar 12: kirim data nilai
18: cek data log in peserta 27: cek data log in admin
5: verifikasi log in pengajar 14: verifikasi data nilai
20: verifikasi log in peserta 29: verifikasi log in admin
1: buka aplikasi
2: 3:
4:
7: 8:
5: 6:
Gambar 4.16 Colaboration Diagram Penilaian 4.2.3.5 Component Diagram
Komponen perangkat lunak adalah bagian fisik dari sebuah sistem yang menetap di komputer. komponen merupakan implementasi software dari sebuah
class.Komponen bisa berupa tabel, file data, file exe, file DLL, dokumen dan lain- lain.
Berikut adalah component diagram yang menggambarkan struktur proses yang terdapat dalam program aplikasi Sistem Informasi Berbasis Web Penunjang
Pengembangan pada Delima Kuliner Surabaya DKS.
80
home website
home profile
download materi
konfir masi
guru masak
hubungi kami
daftar sekarang
buku tamu
intro kursus
guru log in
materi umum
buku tamu
rekening jadwal
laporan konfir
masi nilai
konsul tasi
materi konsul
tasi nilai
download materi
Gambar 4.17 Component Diagram Sistem Penunjang Pengembangan 4.2.3.6.1
Deployment Diagram
Deployment diagram menunjukkan tata letak sebuah sistem secara fisik, menampakkan bagian-bagian software yang berjalan pada bagian-bagian
hardware yang digunakan untuk mengimplementasikan sebuah sistem dan keterhubungan antara komponen-komponen hardware tersebut. Deployment
diagram dapat digunakan pada bagian-bagian awal proses perancangan sistem untuk mendokumentasikan arsitektur fisik sebuah sistem. Berikut Deployment
diagram yang menggambarkan susunan fisik dan perangkat lunak dalam sistem:
81
Client A: Web browser
Client B: Web browser
Web Server: Apache PHP
Database Server: MySQL
TCPIP
TCPIP
db_connect
Gambar 4.18 Deployment Diagram Sistem Penunjang Pengembangan
4.2.3.6.2 Class Diagram
Class Diagram adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah obyek dan merupakan inti dari pengembangan dan desain
berorientasi obyek. Class menggambarkan keadaan atributproperti suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut
metodafungsi. Class diagram menggambarkan struktur dan deskripsi class, package dan object beserta hubungan satu sama lain seperti containment,
pewarisan, asosiasi, dan lainlain. Berikut adalah Class Diagram yang menggambarkan skema yang terdapat
dalam database :
82
materi guru id
judul penulis
tgl terbit attachment
deskripsi tag
guru
input edit
delete guru
id nip
nama lengkap alamat
foto deskripsi
jenis kelamin tempat lahir
tanggal lahir pendidikan terakhir
password
delete input
edit log in
komponen nilai id
komponen nilai input
edit delete
nilai no pendaftaran
id komponen nilai
input edit
delete kursus
id nama kursus
deskripsi biaya
jml pertemuan konfirmasi
id no pendaftaran
tgl konfirmasi tgl pembayaran
bank cabang
no rekening atas nama
rekening tuj no bukti
attachment buk...
input edit
delete sesi
id jam mulai
jam selesai jadwal
id jadwal hari 1
sesi 1 hari 2
sesi 2 max peserta
tahun bulan
kursus guru
input edit
delete konsultasi
pendafftar guru
waktu pertanyaan waktu tanggapan
name5 pertanyaan
tanggapan id
input edit
delete pendaftar
no pendaftaran tgl pendaftaran
nama lengkap tempat lahir
tgl lahir jenis kelamin
alamat email
password aktif
biaya kursus paket
jml pertemuan id jadwal
status jadwal
input edit
delete log in
Gambar 4.19 Class Diagram Sistem pelatihan kuliner
83
Kodifikasi
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 Nomor Pokok Murid NPM
Kode NPM terdiri dari 10 digit, lebih jelasnya adalah sebagai berikut :
xx-xx. xx . xxx Contoh : 11.01.31.001 A B C D
Keterangan :
A : Tahun AjaranMasuk
B : Kode Bulan
01. januari 02. Februari, dst.
C : Kode Tanggal
D : Nomor urut pendaftaran
84
4.2.4 Perancangan Antar Muka