BAB IV ANALISIS DAN PERANCANGAN SISTEM. Analisa merupakan tahap yang sangat berpengaruh terhadap tahap

Teks penuh

(1)

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

(2)

52

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 Penjadwal Admin Penilaian <<include>> Pengajar Peserta pelatihan <<extend>>

(3)

53

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

(4)

54

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 memberi pelatihan penilaian isi form pendaftaran melakukan pembayaran get modul +jadwal get sertifikat proses pelatihan

catat pendaftaran dan pembayaran membuat bukti pembayaran give modul +jadwal pembuatan sertifikat admin peserta pengaj ar

(5)

55 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 Permasalahan Bagian Pemecahan

1. Tidak ada media penunjang

pelatihan yang

memungkinkan pengajar

dapat komunikasi dan

interaksi langsung dengan

peserta dimanapun dan kapan

pun.

Pengajar dan

peserta

Media komunikasi

Online yang dapat

digunakan sebagai wadah

interaksi antara pengajar

dan murid tanpa terbatasi

oleh ruang dan waktu.

2. Belum ada media penunjang

untuk para calon peserta

mendaftar secara online

tanpa harus mendatangi

DKS.

Peserta Sistem online yang

memungkinkan calon

peserta dapat mendaftar

tanpa terbatasi oleh ruang

(6)

56

3. Belum ada media penyaluran

informasi yang efektif dari

pihak Admin.

Admin Sistem online yang

memungkinkan

penyaluran informasi

dapat berjalan secara

efektif misalnya

informasi event, tips dan

pengumuman penting

tentang pelatihan DKS.

4. Belum ada sistem yang dapat

membantu admin untuk

mempermudah dalam

pembuatan laporan, dan

penyimpanan database secara

otomatis.

Admin Sistem yang

memungkinkan admin

dapat mencetak laporan

peserta hingga laporan

keuangan serta dapat

mengecek data apapun ke

dalam database dengan

lebih cepat dan mudah.

5. Belum adanya layanan

terhadap publik.

Publik Dibuat aplikasi

penunjang pembelajaran

berbasis web ini, sebagai

bagian dari pelayanan

kepada publik sehingga

(7)

57

tentang DKS dan

mencari resep makanan

tanpa harus menjadi

Peserta DKS.

6. Tidak ada media penunjang

pelatihan yang

memungkinkan peserta dapat

melihat jadwal dan

mendownload materi, modul,

video atau pendukung

pelatihan lainnya.

Peserta Sistem online yang

memungkinkan peserta

dapat mendownload

fitur-fitur yang ada

seperti mendownload

jadwal, modul atau

pendukung lainnya agar

lebih efektif dan efisien.

7. Belum ada media yang

membantu pengajar dalam

memberikan materi atau

tips-tips yang dapat membantu

kesulitan peserta dalam

melakukan pelatihan.

Pengajar Sistem online yang

memungkinkan pengajar

dapat meng upload

materi yang dapat

mendukung proses

pelatihan peserta tanpa

(8)

58 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

(9)

59

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

(10)

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-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

(11)

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

(12)

62 4.2.3.1Use 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

(13)

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

(14)

64

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 dilakukan (confirm, bukti transfer,

hapus) pada form Verifikasi kelengkapan data

7. Jika memilih confirm sistem

melakukan proses penambahan

data pada basis data peserta/jika

memilih bukti transfer, sistem

akan menampilkan tanda bukti

transfer yang sudah di upload oleh

peserta pada saat pendaftaran/jika

memilih hapus, sistem akan

melakukan penghapusan data.

8. Simpan hasil kegiatan

(15)

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 user/admin.

(16)

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

(17)

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 user/pengajar.

(18)

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 user/peserta.

4. Pilih menu nilai

5. Tampil menu nilai

6. Tampil nilai

ADMIN REAKSI SISTEM

(19)

69

*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

(20)

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

(21)

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

(22)

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

(23)

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

(24)

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 det ail sesuai paket kursus pilih preview nilai pilih c et ak t ampil menu laporan t ampil menu paket kursus

t ampil nilai keseluruhan ses uai paket

t ampil

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).

(25)

75 1. Sequence Diagram pendaftaran

user/calon peserta user/calon

peserta

form

form databasedatabase adminadmin

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

(26)

76 2. Sequence Diagram penjadwalan

admin

admin formform databasedatabase pesertapeserta

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

(27)

77 3. Sequence Diagram penilaian

pengajar

pengajar formform databasedatabase pesertapeserta adminadmin

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

(28)

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:

(29)

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 admin 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

(30)

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

(31)

81 Client A: Web browser Client B: Web browser Web Server: Apache (PHP) Database Server: MySQL <<TCP/IP>> <<TCP/IP>> 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 (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

(32)

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 bukti... 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()

(33)

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 Ajaran/Masuk B : Kode Bulan 01. januari 02. Februari, dst. C : Kode Tanggal

(34)

84 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

(35)

85 3.2.4.2Perancangan 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

(36)

86

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

(37)

87

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.3Perancangan 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

(38)

88

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

(39)

89

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”

(40)

90

Gambar 4.27 Rancangan laporan nilai untuk hak akses admin

(41)

91

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 periode laporan penerimaan yang

(42)

92

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.

(43)

93

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

(44)

94

Gambar 4.33 Rancangan tampilan laporan peserta per periode untuk hak akses peserta

Figur

Gambar 4.3 use case sistem usulan

Gambar 4.3

use case sistem usulan p.12
Tabel 4.3 Skenario Use Case penjadwalan

Tabel 4.3

Skenario Use Case penjadwalan p.15
Diagram  aktifitas  (Activity  diagram)  memodelkan  aliran  kerja  atau  workflow sebuah proses bisnis dan urutan aktifitas dalm suatu proses

Diagram aktifitas

(Activity diagram) memodelkan aliran kerja atau workflow sebuah proses bisnis dan urutan aktifitas dalm suatu proses p.19
Gambar 4.4  Activity Diagram pendaftaran untuk akses Peserta

Gambar 4.4

Activity Diagram pendaftaran untuk akses Peserta p.20
Gambar 4.5  Activity Diagram pendaftaran untuk akses Admin

Gambar 4.5

Activity Diagram pendaftaran untuk akses Admin p.21
Gambar 4.7    Activity Diagram penjadwalan untuk akses Peserta

Gambar 4.7

Activity Diagram penjadwalan untuk akses Peserta p.22
Gambar 4.6  Activity Diagram penjadwalan untuk akses Admin

Gambar 4.6

Activity Diagram penjadwalan untuk akses Admin p.22
Gambar 4.8    Activity Diagram penilaian untuk akses Pengajar

Gambar 4.8

Activity Diagram penilaian untuk akses Pengajar p.23
Gambar 4.10   Activity Diagram penilaian untuk akses Admin

Gambar 4.10

Activity Diagram penilaian untuk akses Admin p.24
Gambar 4.11  Sequence Diagram  pendaftaran

Gambar 4.11

Sequence Diagram pendaftaran p.25
Gambar 4.12  Sequence Diagram  penjadwalan

Gambar 4.12

Sequence Diagram penjadwalan p.26
Gambar 4.13  Sequence Diagram  penilaian

Gambar 4.13

Sequence Diagram penilaian p.27
Gambar 4.14 Colaboration Diagram Pendaftaran

Gambar 4.14

Colaboration Diagram Pendaftaran p.28
Gambar 4.15 Colaboration Diagram Penjadwalan

Gambar 4.15

Colaboration Diagram Penjadwalan p.28
Gambar 4.16 Colaboration Diagram Penilaian

Gambar 4.16

Colaboration Diagram Penilaian p.29
Gambar 4.17 Component Diagram Sistem Penunjang Pengembangan

Gambar 4.17

Component Diagram Sistem Penunjang Pengembangan p.30
Gambar 4.18 Deployment Diagram Sistem Penunjang Pengembangan

Gambar 4.18

Deployment Diagram Sistem Penunjang Pengembangan p.31
Gambar 4.19 Class Diagram Sistem pelatihan kuliner

Gambar 4.19

Class Diagram Sistem pelatihan kuliner p.32
Gambar 4.20 Struktur Menu Umum

Gambar 4.20

Struktur Menu Umum p.34
Gambar 4.21 Desain Login User

Gambar 4.21

Desain Login User p.35
Gambar 4.23 Desain input untuk hak akses peserta

Gambar 4.23

Desain input untuk hak akses peserta p.36
Gambar 4.22 Desain input untuk hak akses pengajar

Gambar 4.22

Desain input untuk hak akses pengajar p.36
Gambar 4.24 Desain input untuk hak akses administrator

Gambar 4.24

Desain input untuk hak akses administrator p.37
Gambar 4.25 Rancangan jadwal untuk peserta

Gambar 4.25

Rancangan jadwal untuk peserta p.38
Gambar 4.28 Rancangan cetak tampilan sertifikat

Gambar 4.28

Rancangan cetak tampilan sertifikat p.40
Gambar 4.27 Rancangan laporan nilai untuk hak akses admin

Gambar 4.27

Rancangan laporan nilai untuk hak akses admin p.40
Gambar 4.29 Rancangan laporan absensi untuk hak akses admin

Gambar 4.29

Rancangan laporan absensi untuk hak akses admin p.41
Gambar 4.30 Rancangan laporan penerimaan untuk hak akses admin

Gambar 4.30

Rancangan laporan penerimaan untuk hak akses admin p.42
Gambar 4.31 Rancangan tampilan download materi untuk hak akses peserta

Gambar 4.31

Rancangan tampilan download materi untuk hak akses peserta p.42
Gambar 4.32 Rancangan tampilan nilai untuk hak akses peserta

Gambar 4.32

Rancangan tampilan nilai untuk hak akses peserta p.43

Referensi

Memperbarui...

Related subjects :