51
BAB IV ANALISIS DAN PERANCANGAN SISTEM
4.1.
Analisis Sistem Yang Berjalan Analisa merupakan tahap yang sangat berpengaruh terhadap tahap
selanjutnya, yaitu perancangan, dimana tujuannya adalah untuk mendefinisikan kebutuhan yang harus dipenuhi oleh sistem serta mendefinisikan permasalahan sistem yang tidak terdeteksi pada saat perumusan masalah.
4.1.1
Analisis Prosedur yang Sedang Berjalan Analisis difokuskan pada sistem pembelajaran yang terjadi pada Delima
kuliner Surabaya (DKS). Berdasarkan metode analisis yang digunakan, maka berikut merupakan gambaran sistem yang sedang berjalan secara umum : 1. Proses pendaftaran dilakukan masih sangat manual dengan cara peserta mendatangi tempat pelatihan dan mengisi form pendaftaran, dimana kendala untuk peserta adalah waktu yang harus diluangkan untuk mendatangi DKS. 2. Dalam proses pembayaran, peserta harus menyediakan uang tunai dan sekaligus menyerahkan form pendaftaran agar langsung di buatkan admin tanda bukti pembayaran untuk peserta sebagai syarat bisa mengikuti pelatihan di DKS.
3. Untuk proses penjadwalan sendiri hanya disesuaikan dengan pengambilan paket oleh peserta, karena disamping jadwal sudah disesuaikan admin juga tidak perlu membuat jadwal baru untuk peserta yang baru masuk. 4. Pada proses pelatihan, pengajar memberikan pelatihan sesuai dengan modul yang telah disiapkan sesuai paket, setiap pertemuan peserta akan diberikan pelatihan berupa praktek secara langsung sesuai dengan silabus modul untuk dapat memperdalam pemahaman terhadap pelatihan yang dipelajari maka peserta diperbolehkan konsultasi langsung terhadap pengajar contohnya dengan diskusi. Setelah peserta mengikuti pelatihan selama semester maka akan dilakukan test akhir untuk menentukan great peserta, dan penilaian akan langsung diberikan oleh pengajar (chef) . Use Case yang sedang berjalan
pendaftaran <
>
Peserta
Penjadwal
pelatihan
Admin
Pengajar
<<extend>>
Penilaian
Gambar 4.1 Use Case Sistem yang sedang berjalan
52
Deskripsi Use Case yang sedang berjalan 1. Nama Use Case
: Proses pendaftaran
Aktor
: Sekertaris dan peserta
Deskripsi
:Meliputi proses pendaftaran dengan mengisi form dan dserahkan ke admin untuk dicatat dalam pembukuan.
2. Nama Use Case
: Penjadwalan
Aktor
: Sekertaris dan peserta
Deskripsi
: Jadawal telah diatur oleh admin sesuai dengan paket pelatihan yang diambil oleh peserta dan dilampirkan didalam modul.
3. Nama Use Case
: Pelatihan
Aktor
: Pengajar dan peserta
Deskripsi
: Peserta mengikuti pelatihan yang berkala sesuai jadwal dan akan ujian dimana pengajar akan melakukan penilaian untuk menentukan great sertifikat untuk peserta.
4. Nama Use Case
: Pembuatan laporan
Aktor
: Sekertaris
Deskripsi
: Admin membuat laporan setiap bulan untuk diberikan kepada pimpinan DKS yang meliputi laporan peserta dan laporan keuangan
53
5. Nama Use Case
: Penilaian
Aktor
: Pengajar dan peserta
Deskripsi
: Pengajar memberikan penilaian pada peserta pada saat ujian praktek terakhir, dimana penilaian tersebut meliputi tiga komponen yaitu cita rasa, tekstur makanan dan kebersihan.
4.1.1.1 Activity Diagram
pengaj ar
peserta
admin
isi form pendaftaran melakukan pembayaran
catat pendaftaran dan pembayaran
membuat bukti pembayaran
memberi pelatihan
get modul +jadwal
give modul +jadwal
proses pelatihan
penilaian
pembuatan sertifikat get sertifikat
Gambar 4.2 Activity Diagram yang sedang berjalan 54
4.1.2
Evaluasi Sistem yang sedang Berjalan Dari sistem pelatihan yang sedang berjalan Pada DKS, maka
pengembangan sistem dengan memanfaatkan teknologi informasi perlu dilakukan untuk dapat memberikan kenyamanan dan kemudahan bagi peserta agar bisa mengatasi berbagai kemungkinan masalah sebagai berikut :
Tabel 4.1 evaluasi sistem yang sedang berjalan No 1.
Permasalahan
Bagian
Pemecahan
Tidak ada media penunjang
Pengajar dan
Media komunikasi
pelatihan yang
peserta
Online yang dapat
memungkinkan pengajar
digunakan sebagai wadah
dapat komunikasi dan
interaksi antara pengajar
interaksi langsung dengan
dan murid tanpa terbatasi
peserta dimanapun dan kapan
oleh ruang dan waktu.
pun. 2.
Belum ada media penunjang
Peserta
Sistem online yang
untuk para calon peserta
memungkinkan calon
mendaftar secara online
peserta dapat mendaftar
tanpa harus mendatangi
tanpa terbatasi oleh ruang
DKS.
dan waktu.
55
3.
Belum ada media penyaluran
Admin
Sistem online yang
informasi yang efektif dari
memungkinkan
pihak Admin.
penyaluran informasi dapat berjalan secara efektif misalnya informasi event, tips dan pengumuman penting tentang pelatihan DKS.
4.
Belum ada sistem yang dapat
Admin
Sistem yang
membantu admin untuk
memungkinkan admin
mempermudah dalam
dapat mencetak laporan
pembuatan laporan, dan
peserta hingga laporan
penyimpanan database secara
keuangan serta dapat
otomatis.
mengecek data apapun ke dalam database dengan lebih cepat dan mudah.
5.
Belum adanya layanan
Publik
Dibuat aplikasi penunjang pembelajaran
terhadap publik.
berbasis web ini, sebagai bagian dari pelayanan kepada publik sehingga publik dapat melihat info
56
tentang DKS dan mencari resep makanan tanpa harus menjadi Peserta DKS. 6.
Tidak ada media penunjang
Peserta
Sistem online yang
pelatihan yang
memungkinkan peserta
memungkinkan peserta dapat
dapat mendownload
melihat jadwal dan
fitur-fitur yang ada
mendownload materi, modul,
seperti mendownload
video atau pendukung
jadwal, modul atau
pelatihan lainnya.
pendukung lainnya agar lebih efektif dan efisien.
7.
Belum ada media yang
Pengajar
Sistem online yang
membantu pengajar dalam
memungkinkan pengajar
memberikan materi atau tips-
dapat meng upload
tips yang dapat membantu
materi yang dapat
kesulitan peserta dalam
mendukung proses
melakukan pelatihan.
pelatihan peserta tanpa dibatasi ruang dan waktu.
57
4.2.
Perancangan Sistem Perancangan sistem dibuat sebagai tahapan untuk mempersiapkan proses
implementasi sistem yang diinginkan, dan untuk menggambarkan secara jelas proses-proses yang diinginkan oleh user. Sesuai dengan metode pendekatan yang digunakan dalam pendekatan object oriented, maka metode yang digunakan untuk menggambarkan seluruh proses dan objek adalah Unified Model Language. 4.2.1. Tujuan Perancangan Sistem Tujuan dari perancangan sistem adalah sebagai gambaran umum pengembangan sistem usulan yang dapat memberikan spesifikasi sistem usulan perangkat lunak kepada pengguna dengan menganalisis kelemahan-kelemahan dalam sistem yang sudah ada yang mengembangkan sistem yang telah ada demi kepuasan, kenyamanan dan kemudahan. Tujuan perancangan web pelatihan kuliner pada DKS adalah sebagai berikut: a. Memudahkan para calon peserta yang hendak mendaftar sebagai peserta pelatihan tanpa harus datang langsung ke tempat karena bisa mendaftar secara online. b. Memudahkan peserta yang ingin mencari
informasi tentang jadwal,
kegiatan dan tips-tips yang dibutuhkan sampai dengan mendapatkan modul tanpa harus datang dan bertanya kepada petugas admin karena seluruh informasi yang dibutuhkan akan ditampilkan pada website ini. c. Membuat sistem informasi berbasis web untuk memudahkan peserta mengakses informasi mengenai pelatihan DKS.
58
d. Menjadi media komunikasi online yang dapat digunakan sebagai wadah interaksi antara peserta dan pengajar. e. Mempermudah bagian
sekertaris untuk membuat laporan peserta dan
keuangan agar lebih efisein dan terkomputerisasi sehingga resiko kehilangan data dapat diminimalisir, dan pencarian data apabila dibutuhkan akan cepat terpenuhi. f. Memudahkan
admin
dalam
mencetak
sertifikat
sehingga
tidak
memerlukan tempat dan meminimalisir resiko kehilangan.
Adapun perancangan ini meliputi: 1. Perancangan Use case diagram dan skenarionya 2. Perancangan Activity diagram 3. Perancangan sequence diagram 4. Perancangan collaboration diagram 5. Perancangan component diagram 6. Perancangan deployment diagram 7. Perancangan class diagram
4.2.2
Gambaran Umum Sistem Yang diusulkan Sistem informasi pelatihan DKS berbasis online ini dapat digambarkan
sebagai bentuk sebuah fasilitas yang menyediakan informasi-informasi tentang DKS dari mulai informasi jadwal, event, forum diskkusi, profil pengajar, paket
59
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 informasiinformasi 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, 60
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 fiturfitur 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.
61
4.2.3.1 Use Case Usulan 1. Use Case Sistem informasi DKS
pendaftaran <>
Peserta
Penjadwal
Admin
<<extend>>
Penilaian
Pengajar
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
62
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
63
ADMIN
REAKSI SISTEM
1. Login kedalam sistem *username dan password 2.
Verifikasi login
3.
Login sukses, masuk kedalam menu user/admin.
4. Pilih menu konfirmasi 5. Tampil form pengelolaan data kursus 6. Memilih kegiatan yang akan
7. Jika
memilih
confirm
dilakukan (confirm, bukti transfer,
melakukan
proses
hapus) pada form Verifikasi
data pada basis
kelengkapan data
memilih bukti transfer,
sistem
penambahan
data peserta/jika sistem
akan menampilkan tanda bukti transfer yang sudah di upload oleh peserta pada saat pendaftaran/jika memilih
hapus,
sistem
melakukan penghapusan data. 8. Simpan hasil kegiatan konfirmasi (confirm, bukti
64
akan
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 user/admin. 4. Pilih menu jadwal
65
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,
13. Jadwal yang bisa dihapus hanya
pilih hapus, dan sistem akan
Jadwal yang belum dipilih oleh
melakukan penghapusan data.
Pendaftar baik yang sudah Konfirmasi, Belum Konfirmasi, ataupun Waiting List.
PESERTA
REAKSI SISTEM
1. Buka website DKS 2. Tampil website DKS
66
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 user/pengajar.
4. Pilih menu jadwal
67
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 user/peserta. 4. Pilih menu nilai 5. Tampil menu nilai 6. Tampil nilai ADMIN
REAKSI SISTEM
1. Login kedalam sistem
68
*username dan password 2. Verifikasi login 3. Login sukses, masuk kedalam menu user/admin 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.
69
1. Activity Diagram untuk proses pendaftaran A. Activity Diagram pendaftaran untuk akses Peserta
Peserta
Sistem
Membuka web DKS
Tampil web DKS
Pilih menu pendaftaran Tampil form pendaftaran user
Tentukan jadwal dan Input data pendaftaran validasi tidak lengkap
lengkap di simpan kedalam database
Get no pendaftaran
pilih menu konfirmasi Tampil form konfirmasi pembayaran Input data transaksi dan bukti pembayaran validasi tidak lengkap lengkap Simpan ke database
Gambar 4.4 Activity Diagram pendaftaran untuk akses Peserta 70
B. Activity Diagram pendaftaran untuk akses Admin
admin
sistem
pilih menu konfirmasi
Tampil menu pengelolahan data kursus
Memilih kegiatan yang akan dilakukan
confirm
confirm
cek bukti
menambah data
hapus
bukti transfer
memproses data
tampil bukti transfer
menentukan data yang akan di hapus menghapus data
memproses data
simpan ke database
Gambar 4.5 Activity Diagram pendaftaran untuk akses Admin 71
2.
Activity Diagram untuk Penjadwalan A.
Activity Diagram penjadwalan untuk akses Admin
Admin
Sistem
Tampil form jadwal aktif
Pilih menu jadwal
Pilih update gagal
update tentukan bulan input data jadwal hapus
berhasil
Memproses penambahan data
tentukan paket dan max peserta
gagal
pilih jadwal
berhasil cari data
Memproses penghapusan data
Menyimpan hasil perubahan jadwal
Gambar 4.6 Activity Diagram penjadwalan untuk akses Admin B.
Activity Diagram penjadwalan untuk akses Peserta Pese rta
Sistem
bukawebsite DKS tampil website DKS tampil jadwal
view jadwal
Gambar 4.7
Activity Diagram penjadwalan untuk akses Peserta
72
3.
Activity Diagram untuk Penilaian A. Activity Diagram penilaian untuk akses Pengajar
pengajar
sistem
pilih menu nilai
tampil menu nilai
pilih isi nilai sesuai paket tampil nilai peserta
input
gagal
menginput nilai memproses nilai
ubah
hapus
memilih data1
gagal
ubah data nilai
memproses nilai
memilih data2
gagal
hapus data nilai
berhasil
berhasil
memproses nilai
berhasil
simpan data
Gambar 4.8
Activity Diagram penilaian untuk akses Pengajar
73
B. Activity Diagram penilaian untuk akses Peserta pese rta
s iste m
pilih menu nilai
tampil menu nilai
menampilkan data nilai
Gambar 4.9 Activity Diagram penilaian untuk akses Peserta
C. Activity Diagram penilaian untuk akses Admin a dmin
s is te m
pilih menu laporan
tampil menu laporan
pilih laporan nilai tampil menu paket kursus pilih detail sesuai paket kursus tampil nilai keseluruhan ses uai paket pilih preview nilai tampil laporan nilai
gagal
pilih c etak berhasil
berhasil cetak laporan
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 message
sistem (termasuk
pengguna, display,
yang digambarkan terhadap waktu.
dan
sebagainya)
Sequence diagram terdiri atar
dimensi vertikal (waktu) dan dimensi horizontal (objek-objek yang terkait). 74
berupa
1.
Sequence Diagram pendaftaran
user/calon peserta
form
database
admin
1: buka aplikasi web DKS 2: tampil aplikasi web DKS 3: pilih menu pendaftaran 4: tampil form pendaftaran kursus 5: tentukan jadwal 6: masukkan data user 7: validasi data user 8: simpan data 9: pendaftaran berhasil 10: get no pendaftaran 11: upload bukti transfer 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
Gambar 4.11 Sequence Diagram pendaftaran 75
2. Sequence Diagram penjadwalan
admin
form
database
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 76
peserta
3. Sequence Diagram penilaian
pengajar
form
peserta
database
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 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
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 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 77
admin
4.2.3.3 Collaboration Diagram 1. Colaboration Diagram Pendaftaran 1: buka aplikasi web DKS 3: pilih menu pendafataran 5: tentukan jadwal 6: masukkan data user 11: upload bukti transfer 12: input no pendaftaran dan data konfirmasi peserta
form 2: tampil aplikasi web DKS 4: tampil form pendaftaran kursus 10: get no pendaftaran 16: tampil konfirmasi pendaftaran sukses 17: buka apllikasi 18: log in 23: pilih menu konfirmasi 3: 27: pilih confirm data
21: verifikasi log in 15: data konfirmasi berhasil disimpan 9: pendaftaran berhasil 6:
13: 5: validasi no pendaftaran dan data konfirmasi 7: validasi data user 19: cek data log in 24: tampil data pengelolaan peserta 28: validasi data konfirmasi peserta
database
22: display menu admin 4:
admin
26: tampil 7: keseluruhan data konfirmasi peserta 30: konfirmasi sukses
Gambar 4.14 Colaboration Diagram Pendaftaran 2. Colaboration Diagram Penjadwalan 1: buka aplikasi 2: log in 7: pilih menu jadwal 9: pilih update, delete jadwal
admin
form 2: display menu admin 8: tampil menu jadwal aktif
17: display 3: menu peserta 19: view jadwal kursus 22: unduh file
5: verifikasi log in admin 16: verifikasi log in peserta
12: buka aplikasi 4: 13: log in 18: pilih menu jadwal 20: download jadwal
database
3: cek data log 6: in admin 10: kirim data jadwal baru 14: cek data log in peserta 21: jalankan instruksi
peserta
Gambar 4.15 Colaboration Diagram Penjadwalan 78
3.
Colaboration Diagram Penilaian 1: buka aplikasi 2: log in 7: pilih menu nilai 9: kllik isi nilai sesuai paket 11: lakukan input, adeit, delete nilai
35: get laporan nilai 33: view data nilai 30: display menu admin 3:
pengajar
form 6:2:display menu jadwal 8: tampil menu nilai 10: tampil nilai peserta 15: view hasil data nilai
5: verifikasi log in pengajar 14: verifikasi data nilai 20: verifikasi log in peserta 8: 29: verifikasi log in admin
database
25: buka4:aplikasi 26: log in 31: pilih laporan 32: pilih nilai sesuai paket 34: cetak
5: 16: buka aplikasi 17: log in 22: pilih menu nilai
3: 7: cek data log in pengajar 12: kirim data nilai 18: cek data log in peserta 27: cek data log in admin
6: menu peserta 21: display 23: view data nilai 24: get nilai peserta
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 lainlain. Berikut adalah component diagram yang menggambarkan struktur proses yang terdapat dalam program aplikasi Sistem Informasi Berbasis Web Penunjang Pengembangan pada Delima Kuliner Surabaya (DKS).
79
home website
log in
home
profile
download materi konfir masi
intro
nilai
kursus konsul tasi
buku tamu
download materi
materi umum
hubungi kami daftar sekarang
nilai
guru materi
guru masak
konsul tasi
buku tamu rekening
jadwal
laporan
konfir masi
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: 80
Client A: Web browser
<>
Database Server: MySQL
Web Server: Apache (PHP) db_connect Client B: Web browser <>
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 (atribut/properti) suatu sistem, sekaligus
menawarkan
layanan
untuk
memanipulasi
keadaan
tersebut
(metoda/fungsi). 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 :
81
konsultasi pendafftar guru waktu pertanyaan waktu tanggapan name5 pertanyaan tanggapan id input() edit() delete()
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()
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()
komponen nilai id komponen nilai input() edit() delete()
jadwal id jadwal hari 1 sesi 1 hari 2 sesi 2 max peserta tahun bulan kursus guru input() edit() delete()
kursus id nama kursus deskripsi biaya jml pertemuan
nilai no pendaftaran id komponen nilai input() edit() delete()
Gambar 4.19 Class Diagram Sistem pelatihan kuliner
82
sesi id jam mulai jam selesai
konfirmasi id no pendaftaran tgl konfirmasi tgl pembayaran bank cabang no rekening atas nama rekening tuj no bukti attachment bukti ... input() edit() delete()
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 objekobjek 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 Ajaran/Masuk
B
: Kode Bulan 01. januari 02. Februari, dst.
C
: Kode Tanggal
D
: Nomor urut pendaftaran
83
4.2.4
Perancangan Antar Muka Perancangan antar muka merupakan penggambaran tampilan yang
digunakan secara langsung oleh pengguna, interaksi yang dapat dilakukan oleh pengguna dalam sistem. Adapun dalam antar muka ini terdapat beberapa bagian yang harus dilakukan, yaitu dari mulai menentukan struktur menu yang ada dalam program, tampilan input dan output pada setiap fungsi yang telah ditentukan, diuraikan sebagai berikut 4.2.4.1 Struktur Menu Struktur
menu
yang
terdapat
dalam
perancangan
ini
dapat
mengintegrasikan sebuah data dalam sistem dan disertai dengan intruksi yang ada pada pilihan menu. Sebenarnya struktur menu dibedakan berdasarkan hak akses yang dimiliki oleh masing - masing tipe user. 1. Struktur Menu Tampilan Website
Gambar 4.20 Struktur Menu Umum
84
3.2.4.2 Perancangan Input Perancangan input yaitu sebuah tampilan yang dirancang sebagai tempat untuk memasukan data-data yang diberikan oleh pengguna sistem (user), yang merupakan sumber untuk proses pengolahan yang akan menghasilkan sebuah informasi yang berguna bagi pengguna. Pengguna atau user dalam aplikasi dibagi ke dalam 3 tipe
yaitu pengajar, peserta dan admin. Oleh karena itu berikut
rancangan antar muka input secara umum berdasarkan tipe user. A. Halaman Login User
Login
Gambar 4.21 Desain Login User Desain halaman login user ini adalah halaman utama yang tampil ketika user membuka aplikasi pada alamat web yang ditentukan. Halaman ini meminta inputan username dan password, dilengkapi dengan tombol submit.
85
B. Halaman Input data untuk hak akses pengajar
Gambar 4.22 Desain input untuk hak akses pengajar Desain rancangan upload materi, buku, input nilai dan menu diskusi, yang dilengkapi dengan textbox dimana field dalam pengisian disesuaikan dengan rancangan database, serta dilengkapi dengan tombol simpan untuk menjalankan instruksi inputing. C. Halaman Input data untuk hak akses peserta
Gambar 4.23 Desain input untuk hak akses peserta Desain halaman untuk input data pendaftaran, konfirmasi dan input diskusi yang dapat di akses oleh tipe user murid. Dilengkapi dengan textbox yang untuk inputing sesuai dengan database yang dibuat serta tombol simpan.
86
D. Halaman Input data untuk hak akses admin
Gambar 4.24 Desain input untuk hak akses administrator Desain halaman input data materi, jadwal, konfirmasi, laporan, event serta berita dilengkapi dengan textbox inputing sesuai dengan database yang dibuat dan tombol untuk menyimpan data.
3.2.4.3 Perancangan Output Perancangan Output atau keluaran merupakan hasil dari pengolahan data yang diterima dari proses masukan data berupa informasi yang berguna bagi pengguna atau user. Adapun rancangan output dari sistem
penunjang
pengembangan ini adalah sebagai berikut : A. Rancangan jadwal untuk peserta Desain tampilan keluaran ini adalah tampilan berupa jadwal yang di akses untuk peserta dan kebutuhan informasi untuk calon peserta yang akan mendaftar. Dengan tahap membuka website DKS dan lihat halaman awal yang menampilkan jadwal pada bulan yang akan diikuti peserta. 87
Login
Gambar 4.25 Rancangan jadwal untuk peserta
B. Rancangan konfirmasi untuk hak akses admin Halaman tersebut digunakan untuk konfirmasi yang di akses admin dari pendaftaran peserta, didalamnya terdapat confirm bagi pserta yang melengkapi persyaratan pendaftaran dan hapus data peserta bagi yang tidak melakukan transaksi pembayaran. Tahap yang dilakukan adalah dengan log in terlebih dahulu dan pilih menu konfirmasi setelah itu tentukan peserta mana yang sudah melengkapi persyaratan dan akan dikonfirmasi. Dalam aplikasi sduah diberikan color berbeda agar lebih muda dalam menentukan peserta mana yang sudanh melakukan konfirmasi pembayaran dan peserta yang hanya melakukan pendaftaran tapi belum melakukan konfirmasi pembayaran.
88
Gambar 4.26 Rancangan konfirmasi untuk hak akses admin
C. Rancangan laporan nilai untuk hak akses admin Halaman tersebut digunakan untuk menampilkan laporan nilai peserta berdasarkan pilihan kategori paket yang dipilih oleh peserta. Tahap awal adalah log in. Setelah itu membuka menu laporan, dan pilih laporan nilai & absensi. Kemudian tentukan jenis paket yang akan di lihat laporan nilainya, setelah itu jika nilai sudah terpenuhi dan muncul “sertifikat” maka sertifikat dapat langsung dicetak.
89
Gambar 4.27 Rancangan laporan nilai untuk hak akses admin
Gambar 4.28 Rancangan cetak tampilan sertifikat
90
D. Rancangan laporan absensi untuk hak akses admin Halaman tersebut digunakan untuk menampilkan laporan absensi peserta berdasarkan pilihan kategori paket yang dipilih oleh peserta. Tahap awal log in. Setelah itu buka menu laporan nilai&absensi. Tentukan absensi dari paket mana yang akan di cetak laporannya.
Gambar 4.29 Rancangan laporan absensi untuk hak akses admin
E. Rancangan laporan penerimaan untuk hak akses admin Halaman tersebut digunakan untuk menampilkan laporanpenerimaan pada DKS secara per bulan. Tahap awal log in. Setelah itu buka menu laporan penerimaan,
tentukan
laporan
dibutuhkan.
91
periode
laporan
penerimaan
yang
Gambar 4.30 Rancangan laporan penerimaan untuk hak akses admin
F. Rancangan tampilan download materi untuk hak akses peserta Desain tampilan keluaran ini adalah tampilan berupa download materi yang diberikan pengajar dan dapat di download oleh peserta. Tahap awal log in. Setelah itu pilih menu download materi. Tentukan materi mana yang akan di downloan.
Gambar 4.31 Rancangan tampilan download materi untuk hak akses peserta
92
G. Rancangan tampilan nilai dan cetak sertifikat untuk hak akses peserta Desain tampilan keluaran ini adalah tampilan berupa nilai yang diberikan pengajar untuk kebutuhan informasi peserta. Tahap awal log in. Setelah itu pilih menu nilai, dan nilai peserta yang bersangkutan akan tampil.
Gambar 4.32 Rancangan tampilan nilai untuk hak akses peserta
H. Rancangan laporan peserta per periode untuk hak akses admin Halaman tersebut digunakan untuk menampilkan laporan peserta per periode pada DKS secara per bulan. Tahap awal log in, setelah itu pilih menu laporan. Pilih laporan peserta per periode, kemudian tentukan periode menurut laporan penerimaan yang akan di cetak.
93
Gambar 4.33 Rancangan tampilan laporan peserta per periode untuk hak akses peserta
94