BAB IV PERANCANGAN SISTEM

BAB IV PERANCANGAN SISTEM 4.1 Diagram Use Case dan Skenarionya 4.1.1 Use Case Usulan 4.1.2 Skenario Use Case 4.1.2.1 Skenario Login Gambar 4. 1 Use Case MT Nama Use Case Login Deskripsi Singkat Melakukan Login sebelum masuk ke sistem MT Actor HRD, Approver, Peserta Pra Kondisi Membuka sistem MT Tindakan Utama Input username dan password Tindakan Alternatif - Pasca Kondisi Muncul halaman utama sistem MT Tabel 4. 1 Skenario Use Case Login 4.1.2.2 Skenario Mengelola Data Training Nama Use Case Mengelola Data Training Deskripsi Singkat HRD membuka menu Training 25

Actor HRD Pra Kondisi Sebelum mengelola data training pada sistem, HRD akan melihat list training yang akan dilaksanakan terlebih dahulu pada Ms. Excel. Tindakan Utama HRD menginput data training pada form input training, update data training. Tindakan Alternatif - Pasca Kondisi Data training tersimpan pada database dan akan muncul pada halaman registrasi training. Tabel 4. 2 Skenario Use Case Mengelola Data Training 4.1.2.3 Skenario Mengelola Data Master Nama Use Case Mengelola Data Master Deskripsi Singkat HRD membuka menu Master Actor HRD Pra Kondisi Pilih menu Master Tindakan Utama HRD melakukan input, update, dan delete. Tindakan Alternatif - Pasca Kondisi Data master tersimpan dan terupdate pada database Tabel 4. 3 Skenario Use Case Mengelola Data Master 4.1.2.4 Skenario Approve Training Nama Use Case Deskripsi Singkat Actor Pra Kondisi Tindakan Utama Tindakan Alternatif - Pasca Kondisi Approve Training Melakukan Approve terhadap training Approver Membuka link Review Training yang ada pada email notifikasi Klik tombol Approve pada halaman Review Training. Data tersimpan pada database. Tabel 4. 4 Skenario Use Case Approve Training 4.1.2.5 Skenario Reject Training Nama Use Case Deskripsi Singkat Actor Reject Training Melakukan Reject terhadap training Approver 26

Pra Kondisi Membuka link Review Training yang ada pada email notifikasi Tindakan Utama Klik tombol Reject pada halaman Review Training. Tindakan Alternatif - Pasca Kondisi Data tersimpan pada database. Tabel 4. 5 Skenario Use Case Reject Training 4.1.2.6 Skenario Registrasi Training Nama Use Case Registrasi Training DeskripsiSingkat Peserta melakukan registrasi training Actor Peserta PraKondisi Membuka menu registrasi training pada sistem TindakanUtama Klik tombol Registrasi pada system TindakanAlternatif - PascaKondisi Data Terupdate pada Database Tabel 4. 6 Skenario Use Case Registrasi Training 4.2 Perancangan Database Untuk memenuhi kebutuhan dalam pengolahan data, maka diperlukan media yang dapat menyimpan data data aplikasi sehingga memudahkan aplikasi dalam melakukan proses penyimpanan, perubahan dan penghapusan terhadap data data tersebut. Perancangan basis data pada sub bab ini mendeskripsikan mengenai tabel yang ada pada database dan hubungan antar table tersebut. 27

dm Data Model - MySQL Tables::t_role Tables::t_lev el Tables::t_kategori Tables::t_status «column» *PK id_role: INT role: VARCHAR(20) «column» *PK id_level: INT level: VARCHAR(20) «column» *PK id_kategori: INT kategori: VARCHAR(150) «column» *PK id_status: INT status: VARCHAR(20) «PK» + PK_t_role(INT) «PK» + PK_t_level(INT) «PK» + PK_t_kategori(INT) «PK» + PK_t_status(INT) Tables::t_user «column» *PK id_user: INT nik: VARCHAR(20) nama: VARCHAR(200) alamat: TEXT jabatan: VARCHAR(50) telp: INT email: VARCHAR(100) username: VARCHAR(20) password: VARCHAR(20) id_role: INT «PK» + PK_t_daftar(INT) Tables::t_daftar «column» *PK id_daftar: INT id_tr: INT kategori: VARCHAR(300) judul: TEXT level: VARCHAR(20) nik_peserta: VARCHAR(50) nama_peserta: VARCHAR(100) jabatan: VARCHAR(50) nik_approver: VARCHAR(50) tgl_approve: DATETIME tgl_selesai: DATETIME id_status: VARCHAR(20) keterangan: TEXT «PK» + PK_t_user(INT) Tables::t_training «column» *PK id_tr: INT tr_id: VARCHAR(50) kategori: INT level: VARCHAR(50) judul: TEXT tgl_mulai: VARCHAR(50) tgl_selesai: VARCHAR(50) alamat: TEXT harga: INT vendor: VARCHAR(50) kapasitas: INT status: INT «PK» + PK_t_training(INT) Gambar 4. 2 Database Sistem Manjemen Training 4.2.1 Tabel Daftar Nama Tabel : t_daftar Keterangan : Tabel yang digunakan untuk menyimpan data registrasi training Nama Tipe data Keterangan id_daftar int Berisi nomor registrasi (primary key) id_tr int Berisi nomor id training kategori varchar(300) Berisi kategori training judul text Berisi judul training level datetime Berisi level training nik_peserta text Berisi nik peserta nama_peserta varchar(100) Berisi nama peserta jabatan varchar(50) Berisi jabatan peserta nik_approver varchar(50) Berisi nik approver tgl_approve datetime Berisi tanggal approve tgl_reject datetime Berisi tanggal reject 28

id_status varchar(20) Berisi status keterangan text Berisi keterangan Tabel 4. 7 Tabel Registrasi Training 4.2.2 Tabel Kategori Nama Tabel : t_kategori Keterangan : Tabel yang digunakan untuk menyimpan data kategori training Nama Tipe data Keterangan id_kategori int Berisi id kategori training (primary key) Kategori varchar(20) Berisi nama kategori training Tabel 4. 8 Tabel Kategori 4.2.3 Tabel Level Nama Tabel : t_level Keterangan : Tabel yang digunakan untuk menyimpan data level training Nama Tipe data Keterangan Id_level Int Berisi id level training (primary key) Level Varchar(10) Berisi nama level training Tabel 4. 9 Tabel Level 4.2.4 Tabel Role Nama Tabel : t_level Keterangan : Tabel yang digunakan untuk menyimpan data level training Nama Tipe data Keterangan Id_role Int Berisi id role (primary key) role Varchar(20) Berisi nama role Tabel 4. 10 Tabel Role 29

4.2.5 Tabel Status Nama Tabel : t_status Keterangan : Tabel yang digunakan untuk menyimpan data status training Nama Tipe data Keterangan id_status int Berisi id status training (primary key) status varchar(30) Berisi status training Tabel 4. 11 Tabel Status 4.2.6 Tabel Training Nama Tabel : t_training Keterangan : Tabel yang digunakan untuk menyimpan data training. Nama Tipe data Keterangan id_tr int Berisi id training (primary key) tr_id varchar(50) Berisi jenis training (foreign key) kategori int Berisi kategori training (foreign key) level varchar(50) Berisi level training (foreign key) judul text Berisi judul training tgl_mulai varchar(50) Berisi tanggal pelaksanaan training tgl_selesai varchar(50) Berisi tanggal selesai training alamat text Berisi alamat training harga int Berisi harga training vendor varchar(50) Berisi nama vendor kapasitas int Berisi jumlah kapasitas status int Berisi status training Tabel 4. 12 Tabel Training 4.2.7 Tabel User Nama Tabel : user Keterangan : Tabel yang digunakan untuk menyimpan data user Nama Tipe data Keterangan id_user int Berisi id user (primary key) nik varchar(20) Berisi nik user nama varchar(200) Berisi nama user alamat text Berisi alamat user jabatan varchar(50) Berisi jabatan telp int Berisi no telepon user email varchar(100) Berisi alamat email user 30

username varchar(20) Berisi username password varchar(20) Berisi password id_role int Berisi id role user (foreign key) Tabel 4. 13 Tabel User 4.3 Activity Diagram 4.3.1 Activity Diagram Login Gambar 4.3 Activity Diagram Login Adapun penjabaran activity diagram login sebagai berikut : 1. Pengguna melakukan inpur username dan password 2. System akan melakukan cek apabila ada mandatory field yang belum terisi 3. Database akan melakukan pengecekkan username dan password yang diinput apakah ada atau tidak. 4. Jika username dan password ada, maka session login user dimulai dan login berhasil 5. Jika username dan password tidak ada, maka session login gagal dan muncul pesan bahwa username atau password tidak valid. 31

4.3.2 Activity Diagram Mengelola Data Master Gambar 4.4 Activity Diagram Mengelola Data Master Adapun penjabaran activity diagram mengelola data master sebagai berikut : 1. HRD memilih menu master 2. Sistem menampilkan halaman data master 3. HRD melakukan penambahan data master dengan menginput form tambah data master pada halaman master 4. Database melakukan penambahan data pada table data master 5. Sistem menampilkan status berhasil. 6. Data tampil pada daftar data master. 7. Kemudian HRD dapat melakukan perubahan atau penghapusan data master. 8. a. Untuk proses ubah data, HRD akan melakukan perubahan data pada form 32

ubah data master yang muncul pada halaman master. b. Database melakukan perubahan data pada table data master c. Sistem akan menampilkan status berhasil d. Daftar data master akan terupdate pada halaman master dan selesai. 9. a. Untuk proses hapus data, HRD melakukan penghapusan data pada daftar data master. b. Sistem akan menampilkan pesan konfirmasi hapus data. c. Jika Ya, maka database melakukan penghapusan data pada table data master, kemudian daftar data master akan terupdate dan selesai. d. Jika Tidak, maka selesai. 33

4.3.3 Activity Diagram Mengelola Master Training Gambar 4.5 Activity Diagram Mengelola Master Training Adapun penjabaran activity diagram mengelola data training sebagai berikut : 1. HRD memilih menu Training dan system akan menampilkan halaman Data Training. 2. HRD melakukan penambahan data training pada halaman data training, kemudian database melakukan penambahan data pada table training. 3. Lalu system akan menampilkan pesan berhasil menyimpan data. 4. Setelah itu data akan tampil pada daftar training. 5. Kemudian HRD dapat melakukan perubahan data atau melihat informasi 34

terkini maupun grafik dari training. 6. a. Untuk proses ubah data, HRD melakukan perubahan status training. b. kemudian database melakukan perubahan status training pada table training. c. Sistem menampilkan status berhasil mengubah data. d. Data training terupdate dan selesai. 7. Kemudian HRD dapat melakukan penghapusan data training. 8. a. untuk proses penghapusan data training, HRD melakukan penghapusan pada training tertentu. b. Sistem akan menampilkan konfirmasi untuk menghapus data training. c. Kemudian database melakukan penghapusan training pada table training. d. Sistem menampilkan status berhasil menghapus data. e. Data training terupdate dan selesai. 9. a. untuk proses monitoring grafik, HRD melakukan monitoring terhadap informasi training maupun grafik dari training tertentu. b. Sistem akan menampilkan informasi maupun grafik training dan selesai. 35

4.3.4 Activity Diagram Registrasi Training Gambar 4.6 Activity Diagram Registrasi Training Adapun penjabaran activity diagram registrasi training sebagai berikut : 1. Peserta memilih menu Registrasi Training. 2. Sistem menampilkan halaman registrasi training 3. Peserta melakukan registrasi terhadap training 4. Sistem menampilkan pesan status registrasi berhasil dan mengirimkan email notifikasi ke Approver. 5. Setelah itu data akan tampil pada list training 6. Peserta dapat melakukan tracking terhadap training yang diikuti. 7. Peserta dapat melakukan cancel terhadap training yang diikuti. 8. Jika training di cancel, maka database akan mengupdate data registrasi training. 36

9. Sistem akan menampilkan pesan status training cancel dan mengirimkan email notifikasi approver. 10. Data training update akan ditampilkan pada halaman training. 4.3.5 Activity Diagram Approve Training 4.3.6 Activity Diagram Approve Training Gambar 4.7 Activity Diagram Approve Training Adapun penjabaran activity diagram approve training sebagai berikut : 1. Approver memilih menu Training. 2. Sistem menampilkan halaman review traininig 3. Approver melakukan review terhadap data training 4. Sistem menampilkan detail training 5. Approver melakukan approve terhadap training 6. Database merubah jumlah kapasitas training 7. Database merubah status training pada table training 37

8. Sistem menampilkan kembali detail training 9. Sistem mengirimkan email notifikasi approve pada peserta training. 4.3.7 Activity Diagram Reject Training Gambar 4.8 Activity Diagram Reject Training Adapun penjabaran activity diagram reject training sebagai berikut : 1. Approver memilih menu Training. 2. Sistem menampilkan halaman review training 3. Approver melakukan review terhadap data training 4. Sistem menampilkan detail training 5. Approver melakukan reject terhadap training 6. Database merubah status training pada table training. 7. Sistem mengirimkan email notifikasi reject pada peserta. 38

4.4 Class Diagram Gambar 4.9 Class Diagram Manajemen Training 39

4.5 Sequence Diagram 4.5.1 Sequence Diagram Login Gambar 4.10 Sequence Diagram Login Alur berjalannya proses login dapat dijelaskan sebagai berikut: 1. Pengguna masuk ke sistem. 2. Sistem akan menampilkan form login 3. Pengguna harus memasukkan username dan password pada form login agar dapat menggunakan sistem 4. Kemudian system akan melakukan validasi dengan mencocokkan username dan password tersebut dengan data yang ada pada tabel user dalam database 5. Selanjutnya akan tampil status login. 6. Jika login berhasil dilakukan, maka pengguna akan dihadapkan pada halaman utama. 7. Jika login gagal, maka akan muncul alert. 40

4.5.2 Sequence Diagram Master Kategori Gambar 4.11 Sequence Diagram Mengelola Master Kategori Alur berjalannya proses kelola master Kategori dapat dijelaskan sebagai berikut: 1. Pengguna masuk ke halaman utama admin. 2. Pengguna memilih menu Master Kategori, lalu akan tampil list data Kategori. 3. Pengguna melakukan penambahan data Kategori, kemudian sistem akan melakukan penambahan data pada table Kategori dan menampilkan status berhasil. 4. Pengguna melakukan perubahan data Kategori, kemudian sistem akan melakukan perubahan data pada table Kategori dan menampilkan status berhasil. 5. Pengguna melakukan penghapusan data Kategori, kemudian sistem akan menghapus data dari table Kategori. 41

4.5.3 Sequence Diagram Mengelola Master User Gambar 4.12 Sequence Diagram Mengelola Master User Alur berjalannya proses kelola master User dapat dijelaskan sebagai berikut: 1. Pengguna masuk ke halaman utama admin. 2. Pengguna memilih menu Master User, lalu akan tampil list data User. 3. Pengguna melakukan penambahan data User, kemudian sistem akan melakukan penambahan data pada table user dan menampilkan status berhasil. 4. Pengguna melakukan perubahan data User, kemudian sistem akan melakukan perubahan data pada table user dan menampilkan status berhasil. 5. Pengguna melakukan penghapusan data User, kemudian sistem akan menghapus data dari table user. 42

4.5.4 Sequence Diagram Master Training Gambar 4.13 Sequence Diagram Mengelola Master Taining Alur berjalannya proses kelola Master Training dapat dijelaskan sebagai berikut: 1. Pengguna masuk ke halaman utama admin 2. Pengguna memilih menu Training, kemudian sistem akan menampilkan list data training. 3. Pengguna melakukan penambahan data Training, kemudian sistem akan melakukan penambahan data pada table training dan menampilkan status berhasil. 4. Pengguna melakukan perubahan data Training, kemudian sistem akan melakukan perubahan data pada table training dan menampilkan status berhasil. 43

4.5.5 Sequence Diagram Review Training Gambar 4.14 Sequence Diagram Review Training Alur berjalannya proses Review Training dapat dijelaskan sebagai berikut: 1. Pengguna masuk ke halaman utama approver. 2. Pengguna memilih menu Review Training dan sistem akan menampilkan list data training yang akan di review. 3. Jika Pengguna menyetujui isi training, maka Pengguna mengklik tombol Approve dan sistem akan melakukan update terhadap status training menjadi Approve. 4. Jika Pengguna tidak menyetujui isi training, maka Pengguna mengklik tombol Reject dan sistem akan melakukan update terhadap status training menjadi Reject 44

4.5.6 Sequence Diagram Registrasi Training Gambar 4.15 Sequence Diagram Registrasi Training Alur berjalannya proses Registrasi Training dapat dijelaskan sebagai berikut: 1. Peserta masuk ke halaman utama peserta. 2. Peserta memilih menu Registrasi Training dan sistem akan menampilkan halaman registrasi. 3. Peserta melakukan registrasi Training, kemudian sistem akan melakukan penambahan data pada table daftar training dan menampilkan status berhasil. 45

4.6 Perancangan Algoritma Algoritma adalah suatu cara yang digunakan untuk memperoleh/ menerangkan suatu keadaan tertentu sehingga bisa lebih dimengerti atau menunjukkan langkah-langkah penyelesaian suatu masalah. Pada umumnya algoritma kurang lebih sama dengan prosedur yang sering dilakukan. Algoritma memegang peranan penting dalam bidang pemrograman, karena pentingnya suatu algoritma, sehingga perlu dipahami konsep dasar algoritma. Algoritma banyak membantu dalam memahami konsep logika pemrograman.apabila untuk seseorang programmer, tentu dilakukan suatu algoritm asehingga dapat membuat algoritma agar bagaimana sistem yang dibangun dapat berjalan dengan baik. 4.6.1 Algoritma Login Input Output Proses : Username and Password : Menu Utama : Login If (Username = Username and Password = Password) Then Tampilkan menu utama Else Periksa Username and Password End if 4.6.2 Algoritma Mengelola Data Training Input Output Proses : data training : list data training : a=submit; b=reset; c=ubah; d=hapus If (klik tombol Tambah) Then {tampilkan form input data training} If (a=true) Then {Data ditambahkan pada database} Else {Hapus data isian pada form} End If Else if (klik icon Ubah) Then {tampilkan form ubah data training} 46

If (a=true) Then {Data diupdate pada database} Else {Hapus data isian pada form} End If End If 4.6.3 Algoritma Mengelola Data Master Input Output Proses : data master : daftar data master : a=submit; b=reset If (klik tombol Tambah) Then {tampilkan form input data master} If (a=true) Then {Data ditambahkan pada database} Else {Hapus data isian pada form} End If Else if (klik icon Ubah) Then {tampilkan form ubah data master} If (a=true) Then {Data diupdate pada database} Else {Hapus data isian pada form} End If Else if (klik tombol Hapus ) Then { Tampilkan Pesan Konfirmasi Hapus Data} End If If (Konfirmasi=Oke){Data Dihapus pada database} Else {Data Batal Dihapus} End If 4.6.4 Algoritma Mengelola Approve Training Input Output Proses : data review training : list data review training : a=approve; b=reject; If (klik tombol Review) Then { Tampilkan Halaman Review Training} If (a= True) Then {status training=approve} Else {status dokumen=reject} 47

End If End If 4.6.5 Algoritma Menerima Registrasi Training Input : data registrasi training Output : list data registrasi training Proses : a=submit; b=reset; If (klik tombol Tambah) Then {Tampilkan Pesan Berhasil and status training=pending Approval} End If 48