Use Case Diagram Use case Scenario

73 6. Di dalam sistem user pada perangkatandroid dapat login dan mengentry data maintenance dan langsung menyimpannya ke dalam database. 7. Sistem dapat menyimpan data user, data unit bus, dan data historical maintenance dengan baik

4.5. Perancangan Desain

Dalam fase ini, peneliti secara aktif berinteraksi dengan pengguna merespon kebutuhan kerja yang ada dan peneliti melakukan analisis dengan merancang sistem berdasarkan respon kebutuhan pengguna, untuk mengembangkan sistem dengan Tools Unified Modelling Language yang terdiri dari beberapa tahap, antara lain:

4.5.1. Perancangan Proses

1. Use Case Diagram

Use Case mendeskripsikan interaksi antar actor didalam sistem aplikasi track record historical maintenance pada PT. Pahala Kencana 74 Gambar 4.4. Use Case Diagram Tabel 4.2. User Role No. Aktor Hak Akses 1. Administrator  Login ke Web Administrasi.  Dapat mengoperasikan seluruh fungsi pada web administrasi.  Melihat data rinci informasi bus, menambahkan data informasi bus, menghapus data bus, merubah data informasi bus.  Melihat data diri seluruh admin yang berhak mengakses web administrasi, menambah 75 admin, menghapus admin dan merubah data diri admin.  Melihat, menambah, merubah dan menghapus data operator teknik yang berhak login pada aplikasi android.  Melihat, menambah, merubah dan menghapus data Maintenance bus maintenance detail bus. 2. Operator Teknik  Mengoperasikan Aplikasi Historical Mainteanance pada perangkat android.  Dapat mengoperasikan seluruh fungsi pada aplikasi.  Dapat melakukan proses login.  Dapat memperbaharui atau mengupdate data maintenance kendaraan bus. 3. Karyawan Biasa  Mengoperasikan Aplikasi Historical Mainteanance pada perangkat android  Dapat menscan QR Code pada bus dan mendapatkan informasi rinci kendaraan bus  Tidak dapat login  Tidak dapat memperbaharui atau mengupdate data maintenance kendaraan 76 bus

2. Use case Scenario

Proses yang terjadi pada gambar 4.7 lebih lanjut dijelaskan secara rinci pada table dibawah berikut ini: Tabel 4.3. Use Case ScenarioLogin Nama Use Case : Login Actor s Administrator, Operator Teknik Deskripsi : Use caseini mendeskripsikan event dari Aktoryaitu melakukan login untuk dapat masuk ke dalam sistem.Form ini berisi username dan password. Prakondisi : Basic Flow: Kegiatan Pelaku Respons Sistem Langkah 1: Aktor login dengan menginputkan username dan password pada form login Langkah 2: Selanjutnya Aktor mengirimkan data username dan password dengan mengklik tombol [Login] Langkah 3: Sistem merespon dengan mengenkripsipassword yang telah diinputkan Langkah 4:Kemudian Sistem akan memverifikasi data username dan password yang telah 77 diinputkan Langkah 5: Sistem menampilkan pesan Selamat Datang bagi Aktor dan menampilkan halaman webdan aplikasi dalam android sesuai auntentifikasi. Bidang Alternatif : Alt-Langkah 5: Jika dalam verifikasi username dan password tidak sesuai maka sistem akan menampilkan pesan bahwa login tidak sesuai, dan harus kembali ke Langkah 1 Postkondisi : Login berhasil dan sistem menampilkan menu utama bagi aktor. Jika ingin keluar halaman webatau aplikasi android Aktor melakukan logout. Tabel 4.4. Use Case ScenarioData Admin Nama Use Case : Data Admin Actor s Administrator Deskripsi : Use caseini mendeskripsikan event dari seorang Administratoryaitu melakukan menambah, merubah, atau menghapusdata admin yang ada pada sistem. Prakondisi : Aktor login Basic Flow: Kegiatan Pelaku Respons Sistem 78 Langkah 1 : Admin memilih menu Admin Langkah 3 : Admin mengklik tombol [Tambah Admin], [Edit] dan [Hapus] untuk menambah, merubah dan menghapus Data Admin Langkah 5: Admin menginput data Adminbaru dan mengklik tombol [Simpan] Langkah 2:Sistem merespon dengan menampilkan tabel list admin Langkah 4 : Sistem merespon dengan menampilkan form Tambah Admin Langkah 6 :Sistem merespon dengan menyimpan Data Admin. Bidang Alternatif : Alt-Langkah 4a: Jika Aktor ingin merubah data admin, maka Aktor mengklik tombol [Edit] pada table list adminpada Langkah 3 Alt-Langkah 4b: Jika Aktor ingin menghapus data admin, maka Aktormengklik tombol [Hapus] pada table list adminpada Langkah 3 Alt-Langkah 6a: Jika Aktortidak jadi menambah, merubah atau menghapus admin dan mengklik tombol [batal] maka form akan kembali pada Langkah 2 Postkondisi : Data Admin telah disimpan dan telah terupdate. Jika ingin keluar halaman web Aktor melakukan logout. Tabel 4.5. Use Case ScenarioEdit Milik Sendiri Nama Use Case : Edit Milik Sendiri Actor s Administrator 79 Deskripsi : Use Case ini mendeskripsikan event dari Aktoryaitu melihat dan mengedit data milik admin itu sendiri. Prakondisi : Aktor login Basic Flow: Kegiatan Pelaku Respons Sistem Langkah 1 : Aktor memilih menu Admin Langkah 3 : Aktormengedit data milik sendiri berupa [username], [password], [telepon], [email]. Lalu mengklik tombol [Simpan]. Langkah 2: Sistem merespon dengan menampilkanformdata diriadmin Langkah 4 : Sistem merespon dengan menyimpan data admin. Bidang Alternatif : Alt-Langkah 3a: Jika Aktortidak jadi merubah Data Admin dan mengklik tombol [batal] maka form akan kembali pada Langkah 2 Postkondisi : Data Admin telah disimpan dan telah terupdate. Jika ingin keluar halaman web Aktor melakukan logout. Tabel 4.6. Use Case Scenario Data Operator Nama Use Case : Data Operator Actor s Administrator Deskripsi : Use Case ini mendeskripsikan event dari Aktor yaitu memvalidasi data operator yang akan menggunakan system pada aplikasi android, menginputkan, mengedit, atau menghapus data operator. Prakondisi : Aktor login Basic Flow: Kegiatan Pelaku Respons Sistem 80 Langkah 1 : Aktor memilih menu Operator Langkah 3 : Aktormenambah data operator atau mengklik[Edit] dan [Hapus] untuk menambah, merubah dan menghapus data operator Langkah 5: Aktormenginput data operatorbaru dan mengklik tombol [Simpan] Langkah 2:Sistem merespon dengan menampilkan form dan tabel list operator Langkah 4 : Sistem merespon dengan menampilkan form Tambah Operator Langkah 6 : Sistem akan melakukan enkripsi pada field password. Langkah 7:Sistem merespon dengan menyimpan data operator. Bidang Alternatif : Alt-Langkah 4a: Jika Aktor ingin merubah Data Operator, maka Aktor mengklik tombol [Edit] pada table list operatorpada Langkah 3 Alt-Langkah 4b: Jika Aktor ingin menghapus Data Operator, maka Aktormengklik tombol [Hapus] pada table list operatorpada Langkah 3 Alt-Langkah 7a: Jika Aktortidak jadi menambah, merubah atau menghapus operator dan mengklik tombol [batal] maka form akan kembali pada Langkah 2 Postkondisi : Data Operator telah disimpan dan telah terupdate. Jika ingin keluar halaman web Aktor melakukan logout. 81 Tabel 4.7. Use Case Scenario Data Bus Nama Use Case : Data Bus Actor s Administrator Deskripsi : Use Case ini mendeskripsikan event dari seorang Aktor yaitu melihat, menambah, merubah dan menghapusdata bus. Prakondisi : Aktor login Basic Flow: Kegiatan Pelaku Respons Sistem Langkah 1 : Aktor memilih menu Bus Langkah 3 : Aktor menambah data bus atau mengklik[Edit] dan [Hapus] untuk menambah, merubah dan menghapus data bus Langkah 5: Aktor menginput data bus baru dan mengklik tombol [Simpan] Langkah 2: Sistem merespon dengan menampilkan tabel list bus Langkah 4 : Sistem merespon dengan menampilkan informasi bus. Langkah 6 : Sistem akan melakukan enkripsi pada field password dan generate QR Code. Langkah 7:Sistem merespon dengan menyimpan data bus. Bidang Alternatif : Alt-Langkah 4a: Jika Aktor ingin merubah data bus, maka Aktor mengklik tombol [Edit] pada table list bus 82 pada Langkah 3 Alt-Langkah 4b: Jika Aktor ingin menghapus data bus, maka Admin mengklik tombol [Hapus] pada table list buspada Langkah 3 Alt-Langkah 7a: Jika Aktortidak jadi menambah, merubah atau menghapus bus dan mengklik tombol [batal] maka form akan kembali pada Langkah 2 Postkondisi : Aktor dapat melihat Data Bus. Jika ingin keluar halaman web Aktor melakukan logout. Tabel 4.8. Use Case ScenarioData Maintenance Nama Use Case : Data Maintenance Actor s Administrator Deskripsi : Use Case ini mendeskripsikan event dari Aktor yaitu mengelola rekam jejak maintenance, menginput, mengedit, atau menghapus data Maintenance. Prakondisi : Aktor login Basic Flow: Kegiatan Pelaku Respons Sistem Langkah 1 : Aktor memilih menu Maintenance Bus Langkah 3 : Aktormenambah data maintenance atau mengklik[Edit] dan [Hapus] untuk menambah, merubah dan menghapus data maintenance Langkah 2: Sistem merespon dengan menampilkan data maintenance Langkah 4 : Sistem merespon dengan menampilkan informasi maintenance. 83 Langkah 5: Aktormenginput data maintenance dan mengklik tombol [Simpan] Langkah 7 : Aktormengklik tombol [Tambah Maintenance Detail] Langkah 9: Aktormenginput data maintenance detailbaru dan mengklik tombol [Simpan] Langkah 6 : Sistem akan melakukan penyimpanan pada database dan menampilkan informasi maintenance pada table. Langkah 8:Sistem merespon dengan menampilkan halaman maintenance detail berisi list maintenance. Langkah 10 : Sistem akan melakukan penyimpanan pada database dan menampilkan informasi maintenance detail pada table. Bidang Alternatif : Alt-Langkah 4a: Jika Aktor ingin merubah data maintenance, maka Aktor mengklik tombol [Edit] pada table list maintenancepada Langkah 3 Alt-Langkah 4b: Jika Aktor ingin menghapus data maintenance, maka Aktormengklik tombol [Hapus] pada table listmaintenancepada Langkah 3 Alt-Langkah 7a: Jika Aktortidak jadi menambah, merubah atau menghapus maintenance dan mengklik tombol [batal] maka form akan kembali pada Langkah 84 2 Alt-Langkah 8a: Jika Aktor ingin merubah data maintenance detail, maka Aktor mengklik tombol [Edit] pada table list maintenance detailpada Langkah 7 Alt-Langkah 8b: Jika Aktor ingin menghapus data maintenance detail, maka Aktormengklik tombol [Hapus] pada table listmaintenancedetail pada Langkah 7 Alt-Langkah 9a: Jika Aktortidak jadi menambah, merubah atau menghapus maintenance dan mengklik tombol [batal] maka form akan kembali pada Langkah 8 Postkondisi : Data Maintenance dan Maintenance Detailtelah disimpan dan telah terupdate. Jika ingin keluar halaman web Aktor melakukan logout. Tabel 4.9. Use Case ScenarioScan QR Code Nama Use Case : Scan QR Code Actor s Operator Teknik dan Karyawan Biasa Deskripsi : Use Case ini mendeskripsikan event dari seorang Aktor yaitu menscanQR Code yang terdapat pada unit bus dan menampilkan informasi rinci bus. Prakondisi : Basic Flow: Kegiatan Pelaku Respons Sistem 85 Langkah 1 : Aktor memilih Scan QR Code Langkah 3 : Aktor mengarahkan perangkat android pada QR Code di unit bus. Langkah 5 : Aktor mengklik tombol [Lanjutkan]. Langkah 2: Sistem merespon dengan menampilkan layar untukscanning. Langkah 4 : Sistem merespon dengan menangkap gambar QR Code kemudian muncul dialog box untuk konfirmasi. Langkah 6 :Sistem merespon dengan menampilkan informasi rinci bus tersebut. Bidang Alternatif : Alt-Langkah 6a: Jika Aktorhendak menscan kembali maka klik tombol [home] maka form akan kembali pada Langkah 1 Postkondisi : Informasi rinci bus ditampilkan pada aplikasi android. Jika ingin keluar dari aplikasi pada android Aktor mengklik tombol [Quit]. Tabel 4.10. Use Case ScenarioUpdate Data Maintenance Nama Use Case : Update Data Maintenance Actor s Operator Teknik Deskripsi : Use Case ini mendeskripsikan event dari Aktor yaitu memasukan data terbaru mengenai perbaikan yang dilakukan pada setiap unit bus yang masuk ke pool 86 maintenance. Prakondisi : Aktor Melakukan Scan QR Code Basic Flow: Kegiatan Pelaku Respons Sistem Langkah 1 : Aktor mengklik tombol [Next] Langkah 3 : Aktor mengisi data-data yang diperlukan pada form maintenance lalu mengklik tombol [next]. Langkah 5 : Aktor mengisi data-data yang diperlukan pada form maintenance detail lalu mengklik tombol [save]. Langkah 2: Sistem merespon dengan menampilkan layar formuntuk mengisi data berupa [status], [kilometer], [keterangan], [tanggal masuk], [target tanggal selesai]. Langkah 4 : Sistem merespon dengan menampilkan halaman form berikutnya berupa jenis-jenis perbaikan. Langkah 6 : Sistem merespon dengan menyimpan DataMaintenance. Bidang Alternatif : Alt-Langkah 1a: Jika Aktorhendak menscan kembali maka klik tombol [back] maka halaman aplikasi akan kembali pada proses scan QR Code. Alt-Langkah 4a: Jika Aktorhendak merubah data pada formmaintenance maka Aktor klik tombol [back] maka halaman aplikasi akan kembali padaform maintenance. Postkondisi : Data Maintenance dan Maintenance Detailtelah disimpan dan telah terupdate. 87 Jika ingin keluar halaman Aplikasi Android Aktor melakukan Logoutdan Quit. Tabel 4.11. Use Case ScenarioLogout Nama Use Case : Logout Actor s Administrator dan Operator Teknik Deskripsi : Use caseini mendeskripsikan event dari Aktor yaitu melakukan Logout untuk keluar dari dalam sistem. Prakondisi : Basic Flow: Kegiatan Pelaku Respons Sistem Langkah 1: Aktor login dengan menginputkan username dan password pada form login Langkah 2: Selanjutnya Aktor mengirimkan data username dan password dengan mengklik tombol [Login] Langkah 5: Aktor mengklik tombol [Logout] Langkah 3: Sistem merespon dengan memverifikasi data username dan password yang telah diinputkan Langkah 4: Sistem menampilkan pesan Selamat Datang bagi Aktor dan menampilkan halaman webdan aplikasi android sesuai autentikasi Langkah 6: Sistem akan merespon keluar dari 88 sistem dan menampilkan pesan telah sukses logout Bidang Alternatif : Alt-Langkah 4: Jika dalam verifikasi username dan password tidak sesuai maka sistem akan menampilkan pesan bahwa login tidak sesuai, dan harus kembali ke Langkah 1 Postkondisi : Logout berhasil dan keluar dari sistem

3. Activity Diagram