Pengembangan Aplikasi Onboarding Karyawan Di CV Garuda Infinity Kreasindo

PENGEMBANGAN APLIKASI ONBOARDING KARYAWAN
DI CV GARUDA INFINITY KREASINDO
Development of Employee Onboarding Applications

at CV Garuda Infinity Kreasindo
LAPORAN TUGAS AKHIR

Laporan ini disusun untuk memenuhi salah satu syarat menyelesaikan pendidikan
Diploma Tiga Program Studi Teknik Informatika di
Jurusan Teknik Komputer dan Informatika
Oleh :
KoTA 209
DAFI MAJID FADHLIH NIM: 191511039

FIRSTDEYAN SEPTIANA PUTRA NIM: 191511044
KYNARA RISSALATI ARSY NIM: 191511050
POLITEKNIK NEGERI BANDUNG

2022
i
ii
PERNYATAAN PENULIS
Dengan ini menyatakan bahwa Tugas Akhir dengan judul Pengembangan

Aplikasi Onboarding Karyawan di CV Garuda Infinity Kreasindo ini sepenuhnya
karya ilmiah asli, tidak ada bagian didalamnya yang merupakan unsur tindakan
plagiarisme, dan sudah sesuai dengan ketentuan tata tulis yang berlaku.
Apabila kemudian ditemukan adanya pelanggaran terhadap plagiarisme dalam

karya ilmiah ini, maka penilain terkait Tugas Akhir akan dicabut dan bersedia
menerima sanksi sesuai hukum yang berlaku.
Demikian pernyataan ini dibuat sebagai pertanggungjawaban tanpa ada paksaan

atau tekanan dari pihak manapun juga.
Bandung, 11 Juli 2022

Ketua Kelompok Tugas Akhir 209
Firstdeyan Septiana Putra

NIM. 191511044
iii
Nama : Firstdeyan Septiana Putra
NIM : 191511044
Tempat, Tanggal Lahir : Bandung, 20 September 2000

SD Lulus Tahun : 2013 dari SD Negeri Cibeureum 11 Bandung
SMP Lulus Tahun : 2016 dari SMP Negeri 7 Cimahi
SMA Lulus Tahun : 2019 dari SMAN 6 Cimahi
Nama : Dafi Majid Fadhlih
NIM : 191511039
Tempat, Tanggal Lahir : Cianjur, 19 Mei 2001

SD Lulus Tahun : 2013 dari SD Negeri 1 Cianjur
SMP Lulus Tahun : 2016 dari SMP Negeri 1 Cianjur
SMA Lulus Tahun : 2019 dari SMA Negeri 1 Cianjur
iv
Nama : Kynara Rissalati Arsy
NIM : 191511050
Tempat, Tanggal Lahir : Bandung, 19 Juli 2001

SD Lulus Tahun : 2013 dari SD Negeri Cipayung 01
SMP Lulus Tahun : 2016 dari SMP Negeri 1 Samarinda
SMA Lulus Tahun : 2019 SMA Negeri 2 Bandung
v
ABSTRAK
Pengembangan aplikasi onboarding karyawan di CV Garuda Infinity Kreasindo

merupakan aplikasi mobile yang dibuat untuk digitalisasi kegiatan onboarding
seperti pemberian materi, pengaksesan materi, pengawasan progres, dan
pencatatan progres pada CV Garuda Infinity Kreasindo.
Onboarding merupakan proses yang memungkinkan seorang karyawan
menyesuaikan diri dengan perusahaan. Saat ini, pemberian materi pada
onboarding dilakukan dengan dua cara, yaitu dipresentasikan langsung oleh
mentor, atau diberikan bahan bacaan melalui social media. Pada pelaksanaannya
mentor tidak selalu bersedia untuk memenuhi kebutuhan peserta onboarding
setiap saat karena keterbatasan waktu dan tempat. Kemudian untuk pengawasan
dan pencatatan terdapat Spreadsheet yang digunakan untuk menuliskan dan
mengawasi progres onboarding setiap karyawan yang dilakukan secara terus
menerus. Hal tersebut kurang efisien karena jumlah mentor lebih sedikit daripada
jumlah peserta onboarding. Oleh karena itu, diperlukan sebuah aplikasi yang
dapat mendigitalisasi kegiatan onboarding seperti pemberian materi, pengaksesan
materi, pengawasan, dan pencatatan. Aplikasi ini ditopang oleh sebuah web admin
untuk mengatur pengguna dan materi onboarding pada aplikasi mobile.
Pengembangan aplikasi ini terdiri dari beberapa tahap, mulai dari pendefinisian
masalah, studi literatur, wawancara stakeholder, pengumpulan data, penguasaan
teknologi, pengembangan aplikasi, dan pembuatan laporan. Model metodologi
yang digunakan dalam pengembangan aplikasi ini adalah SDLC Incremental.
Teknologi yang digunakan dalam pembuatan aplikasi adalah Flutter sebagai
framework pembangun aplikasi mobile dan front-end dari web admin,
kemudian .NET digunakan sebagai back-end aplikasi.
Terdapat tiga produk akhir yang dihasilkan, pertama aplikasi web yang dapat
mengatur pengguna dan activity onboarding pada aplikasi, kedua aplikasi mobile
untuk mengerjakan activity, ketiga aplikasi mobile untuk mengawasi
perkembangan pengerjaan activity setiap peserta onboarding.
Untuk memastikan kebenaran aplikasi, pengujian perangkat lunak menggunakan
pendekatan black box testing telah dilaksanakan. Terdapat dua tahap pengujian
yang dilakukan. Pertama, unit testing yang pelaksanaanya mengacu pada alur
proses yang telah dirancang. Kedua, integration testing untuk memastikan
keterhubungan modul-modul yang ada berjalan sesuai alur proses yang telah
dirancang. Ketiga, user acceptance test untuk mengetahui apakah produk yang
dihasilkan sesuai dengan keinginan user. Hasil unit dan integration testing
menunjukkan bahwa aplikasi yang dibuat telah memenuhi 88,8% requirement
yang ditetapkan, sedangkan hasil user acceptance test menunjukkan bahwa
aplikasi yang dibuat telah memenuhi 68% requirement yang ditetapkan.
Kata Kunci : Onboarding karyawan, CV Garuda Infinity Kreasindo, framework,

mobile, SDLC, incremental, .NET, Flutter.
vi
ABSTRACT
Pengembangan aplikasi onboarding karyawan di CV Garuda Infinity Kreasindo

is a mobile application developed for digitizing onboarding activities such as
providing materials, accessing materials, monitoring, and logging on CV Garuda
Infinity Kreasindo.
Onboarding is a process that allows an employee to adapt to the company.
Currently, the provision of material on onboarding is carried out in two ways,
first is by presenting it directly by a mentor, second is giving reading material
through social media. In practice mentors do not always provide to always meet
the needs of onboarding participants due to time and space limitations. Then for
supervision and recording there is a Spreadsheet which is used to record and
supervise the progress of onboarding of each employee which is carried out
continuously. Those methods are not so efficient, because the number of mentors
is less than the number of onboarding participants. Based on what has been
described previously, an application is needed to digitized onboarding activities
such as providing materials, accessing materials, monitoring, and recording. This
application is supported by a web application used by the admin to manage the
content of the application.
Development of this application consists of several stages, starting from problem
definition, literature study, stakeholder interview, data collection, technology
mastery, application development, and documentation. The methodology model
used in the development of this application is SDLC Incremental. There are
several technologies which is used in developing this application, as for the
mobile and front-end web application Flutter is used, and for the back-end of the
application .NET is used.
There are three final products produced, first a web application which can
manage users and onboarding activities in the application, second a mobile
application to do the onboarding activities, third a mobile application to monitor
the progress of each onboarding participant's activity.
To ensure the correctness of the application, software testing using a black box
testing approach has been carried out. There are two stages of testing carried
out. First, unit testing whose implementation refers to the designed process flow.
Second, integration testing to ensure that the existing modules are connected
according to the designed process flow. Third, user acceptance test to determine
wheter applications made can fulfill the user needs. The results of unit and
integration testing indicate that the application made has met the specified 88,8%
requirements, while the results of unit and integration testing indicate that the
application made has met the specified 68% requirements.
Keywords : Onboarding karyawan, CV Garuda Infinity Kreasindo, framework,
mobile, SDLC, incremental, .NET, Flutter.
vii
viii
KATA PENGANTAR
Puji syukur penulis panjatkan kepada Allah SWT, karena berkat rahmat, ridho,
karunia, dan ilmu-Nya penulis dapat menyelesaikan laporan tugas akhir dengan
judul “Pengembangan Aplikasi Onboarding Karyawan Di CV Garuda Infinity
Kreasindo”.
Selain sebagai syarat untuk lulus dari program studi D3-Teknik Informatika
Jurusan Teknik Komputer dan Informatika Politeknik Negeri Bandung, tugas
akhir ini juga bertujuan untuk membantu CV Garuda Infinity Kreasindo dalam
melaksanakan program onboarding yang selalu dilaksanakan Ketika mendapat
pegawai baru.
Tugas akhir ini tidak akan bisa selesai tanpa bantuan berupa arahan, bimbingan,
serta dukungan berupa materil maupun moril dari berbagai pihak. Oleh karena itu,
terimakasih yang sebesar-besarnya penulis ucapkan kepada:
1. Bapak Bambang Wisnuadhi, S.Si., M.T. selaku Ketua Jurusan Teknik

Komputer dan Informatika Politeknik Negeri Bandung.
2. Bapak Ghifari Munawar, S.Kom., M.T. selaku Ketua Program Studi D-III
Teknik Informatika Politeknik Negeri Bandung.
3. Ibu Santi Sundari, S.Si., M.T. selaku dosen pembimbing I yang telah
banyak memberikan ilmu, bimbingan, dan saran dalam pengerjaan tugas
akhir.
4. Bapak Yadhi Aditya P., S.T., M.Kom. selaku dosen pembimbing II yang
telah banyak memberikan ilmu, bimbingan, dan saran dalam pengerjaan
tugas akhir.
5. Ibu Ani Rahmani, S.Si., M.T., Bapak Akhmad Bakhrun, S.Kom, M.T., dan
Ibu Asri Maspupah, S.S.T., M.T., selaku dosen penguji tugas akhir.
6. Seluruh dosen Jurusan Teknik Komputer dan Informatika Politeknik Negeri
Bandung.
7. Pihak CV Garuda Infinity Kreasindo, selaku mitra dalam tugas akhir.
ix
8. Orang tua penulis yang telah memberikan dukungan dan do’a.
9. Alumni Jurusan Teknik Komputer dan Informatika Politeknik Negeri
Bandung.
10. Rekan-rekan Jurusan Teknik Komputer dan Informatika Politeknik Negeri
Bandung.
11. Semua pihak yang terlibat dalam pelaksanaan tugas akhir ini yang tidak
bisa penulis sebukat satu-satu.
Penulis menyadari masih banyak kekurangan pada laporan tugas akhir ini, oleh
karenanya kritik dan saran sangat kami harapkan upaya memperbaiki dan
meningkatkan kualitas laporan ini. Semoga laporan tugas akhir ini dapat
bermanfaat bagi penulis dan bagi setiap pihak yang membaca laporan.
Bandung, 11 Juli 2022

Ketua Kelompok Tugas Akhir 209
Firstdeyan Septiana Putra

NIM. 191511044
12.
x
DAFTAR ISI
PERNYATAAN PENULIS....................................................................................iii
ABSTRAK..............................................................................................................vi
ABSTRACT...........................................................................................................vii
KATA PENGANTAR..........................................................................................viii
DAFTAR ISI............................................................................................................x
DAFTAR GAMBAR............................................................................................xvi
DAFTAR TABEL..................................................................................................xx
DAFTAR SINGKATAN....................................................................................xxvi
DAFTAR SIMBOL...........................................................................................xxvii
BAB I PENDAHULUAN........................................................................................1
I.1 Latar Belakang...........................................................................................1
I.2 Rumusan Masalah......................................................................................2
I.3 Tujuan........................................................................................................3
I.4 Ruang Lingkup...........................................................................................3
I.5 Batasan Aplikasi........................................................................................4
BAB II TINJAUAN PUSTAKA..............................................................................6
II.1 Dasar Teori.................................................................................................6
II.1.1 Onboarding.......................................................................................6
II.1.2 Sistem Informasi...............................................................................7
II.1.3 Aplikasi Mobile................................................................................7
II.1.4 SDLC Incremental............................................................................8
II.2 Teknologi Yang Digunakan.......................................................................9
II.2.1 Flutter...............................................................................................9
II.2.2 .Net Framework..............................................................................10
II.2.3 Web API.........................................................................................10
II.2.4 PostgreSQL.....................................................................................11
BAB III METODOLOGI PELAKSANAAN.......................................................12
III.1 Alur Pelaksanaan.....................................................................................12
III.1.1 Pendefinisian Masalah....................................................................13
xi
III.1.2 Studi Literatur.................................................................................13
III.1.3 Pengumpulan Data..........................................................................13
III.1.4 Penguasaan Teknologi....................................................................14
III.1.5 Pengembangan Aplikasi.................................................................14
III.1.6 Penyelesaian Laporan TA...............................................................14
III.2 Pengembangan Aplikasi...........................................................................14
BAB IV ANALISIS..............................................................................................19
IV.1 Analisis Sistem Saat ini...........................................................................19
IV.1.1 Analisis Stakeholder.......................................................................19
IV.1.2 Pelaksanaan Onboarding................................................................19
IV.1.2.1 Pengenalan Perusahaan................................................................20
IV.1.2.2 Visi Misi.......................................................................................20
IV.1.2.3 Anggota Tim................................................................................20
IV.1.2.4 Budaya Kerja................................................................................20
IV.1.3 Pemberian Materi...........................................................................21
IV.1.4 Pencatatan dan Pengawasan Peserta...............................................21
IV.1.5 Analisis Aturan Bisnis....................................................................22
IV.2 Analisis Kebutuhan Pihak CV Garuda....................................................22
IV.3 Analisis Aplikasi Sejenis.........................................................................23
IV.4 Evaluasi dan Usulan Solusi......................................................................26
IV.4.1 Evaluasi Masalah pada Stakeholder...............................................26
IV.4.2 Solusi Pelaksanaan Onboarding.....................................................27
IV.4.3 Solusi Pemberian Materi................................................................28
IV.4.4 Solusi Pencatatan dan Pengawasan................................................28
IV.4.5 Evaluasi Masalah pada Aturan Bisnis............................................29
IV.4.6 Prosedur Aplikasi...........................................................................30
IV.5 Analisis Aplikasi Yang Akan Dibangun..................................................34
IV.5.1 Analisis Stakeholder.......................................................................34
IV.5.2 Analisis Pembagian Kerja Client Dan Server................................34
IV.5.3 Increment 1.....................................................................................35
IV.5.3.1 Analisis Fitur Yang Dikembangkan.............................................35
xii
IV.5.3.1.1 Fitur Web Admin..................................................................35
IV.5.3.1.2 Fitur Aplikasi Mobile (peserta Onboarding).........................36
IV.5.3.1.3 Fitur Aplikasi Mobile (mentor).............................................36
IV.5.4 Increment 2.....................................................................................36
IV.5.5 Increment 3.....................................................................................38
IV.5.6 Analisis Aturan Bisnis....................................................................41
IV.5.7 Analisis Data Yang Dibutuhkan.....................................................42
IV.5.7.1 Data Role......................................................................................42
IV.5.7.2 Data Job Title...............................................................................42
IV.5.7.3 Data Admin..................................................................................43
IV.5.7.4 Data User......................................................................................44
IV.5.7.5 Data Activity Category................................................................45
IV.5.7.6 Data Activity................................................................................46
IV.5.7.7 Data Activity Owned...................................................................46
IV.5.7.8 Data Activity Detail.....................................................................47
IV.5.8 Analisis Penggunaan Teknologi Pengembangan Aplikasi.............48
IV.5.9 Domain Model................................................................................50
IV.6 Kesimpulan Analisis................................................................................51
BAB V PERANCANGAN...................................................................................52
V.1 Perancangan Model Statis........................................................................52
V.1.1 Perancangan Arsitektur Aplikasi....................................................52
V.1.1.1 Deskripsi Layer Back-End Aplikasi.............................................57
V.1.1.2 Deskripsi Layer Aplikasi Web.....................................................58
xiii
V.1.1.3 Deskripsi Layer Aplikasi Mobile.................................................60
V.1.1.4 Deskripsi Layer Aplikasi Mobile Mentor....................................61
V.1.2 Perancangan Kelas..........................................................................63
V.1.3 Perancangan Data Model................................................................78
V.1.3.1 Perancangan Logical Data Model................................................79
V.2.3.1 Perancangan Physical Data Model...............................................80
V.2 Perancangan Model Dinamis...................................................................80
V.2.1 Perancangan Interaksi Antar Objek................................................80
V.2.1.1 Increment 1..................................................................................81
V.2.1.1.1 Proses Pada Aplikasi Web....................................................81
V.2.1.1.2 Proses Pada Aplikasi Mobile Peserta Onboarding................93
V.2.1.1.3 Proses Pada Aplikasi Mobile Mentor....................................96
V.2.1.2 Increment 2..................................................................................96
V.2.1.2.1 Proses Pada Aplikasi Web....................................................96
V.2.1.2.2 Proses Pada Aplikasi Mobile Peserta Onboarding..............108
V.2.1.2.3 Proses Pada Aplikasi Mobile Mentor..................................113
V.2.1.3 Increment 3................................................................................117
V.2.1.3.1 Proses Pada Aplikasi Web..................................................117
V.2.1.3.2 Proses Pada Aplikasi Mobile Peserta Onboarding..............124
V.2.1.3.3 Proses Pada Aplikasi Mobile Mentor..................................127
V.2.2 Perancangan UI Aplikasi..............................................................136
V.2.2.1 Increment 1................................................................................136
V.2.2.1.1 Perancangan UI Aplikasi Web............................................136
V.2.2.1.2 Perancangan UI Aplikasi Mobile Peserta Onboarding.......143
V.2.2.1.3 Perancangan UI Aplikasi Mobile Mentor...........................147
V.2.2.2 Increment 2................................................................................147
V.2.2.3 Increment 3................................................................................160
xiv
V.2.3 Perancangan Alur Kegiatan Actor terhadap Sistem.....................171
V.2.3.1 Increment 1................................................................................171
V.2.3.1.1 Activity Diagram Aplikasi Web.........................................171
V.2.3.1.2 Activity Diagram Aplikasi Mobile Peserta Onboarding.....175
V.2.3.1.3 Activity Diagram Aplikasi Mobile Mentor.........................177
V.2.3.2 Increment 2................................................................................177
V.2.3.3 Increment 3................................................................................185
V.3 Matriks Keterhubungan Perancangan dengan Requirement..................194
BAB VI IMPLEMENTASI................................................................................200
VI.1 Hasil Implementasi Increment 1............................................................200
VI.1.1 Implementasi Aplikasi Web.........................................................200
VI.1.2 Implementasi Aplikasi Mobile.....................................................206
VI.1.3 Implementasi Aplikasi Mobile Mentor........................................210
VI.4 Perbedaan Hak Akses............................................................................231
VI.5 Matriks Keterhubungan Implementasi...................................................233
xv
BAB VII PENGUJIAN.......................................................................................237
VII.1 Lingkup Pengujian.................................................................................237
VII.1.1 Unit Test.......................................................................................237
VII.1.1.1 Aplikasi Web...........................................................................237
VII.1.1.2 Aplikasi Mobile Peserta Onboarding......................................237
VII.1.1.3 Aplikasi Mobile Mentor..........................................................238
VII.1.2 Integration Test.............................................................................238
VII.2 Rencana Pengujian.................................................................................238
VII.2.1 Tahapan Pengujian.......................................................................238
VII.2.2 Jenis Pengujian.............................................................................239
VII.3 Kesimpulan Hasil Pengujian..................................................................239
VII.3.1 Unit Test.......................................................................................239
VII.3.1.1 Aplikasi Web...........................................................................239
VII.3.1.2 Aplikasi Mobile Peserta Onboarding.......................................240
VII.3.1.3 Aplikasi Mobile Mentor..........................................................241
VII.3.2 Integration Test.............................................................................241
VII.3.3 UAT..............................................................................................242
VII.3.3.1 UAT Aplikasi Web..................................................................242
VII.3.3.2 UAT Aplikasi Mobile Peserta Onboarding.............................243
VII.3.3.3 UAT Aplikasi Mobile Mentor.................................................244
BAB VIII PENUTUP...........................................................................................245
VIII.1Kesimpulan............................................................................................245
VIII.2Saran......................................................................................................246
DAFTAR PUSTAKA..........................................................................................247
xvi
DAFTAR GAMBAR
Gambar II.1 SLDC - Incremental............................................................................8

Gambar III.1 Alur Pelaksanaan..............................................................................12
Gambar IV.1 Ruang Kerja-Dashboard...................................................................24
Gambar IV.2 Ruang Kerja-Leaderboard................................................................25
Gambar IV.3 Ruang Kerja-Progress Bar...............................................................25
Gambar IV.4 Ruang Kerja-Role Base Control......................................................25
Gambar IV.5 Ruang Kerja-Content Management.................................................26
Gambar IV.6 BPMN Autentikasi dan Pengelolaan Pengguna...............................31
Gambar IV.7 BPMN Pengelolaan dan Pemberian Materi.....................................33
Gambar IV.8 Domain Model................................................................................51
Gambar V.1 Package Diagram...............................................................................53
Gambar V.2 Package Diagram Aplikasi Web........................................................54
Gambar V.3 Package Diagram Aplikasi Mobile....................................................55
Gambar V.4 Package Diagram Aplikasi Mobile Mentor.......................................56
Gambar V.5 Penjelasan UI Pada Flutter................................................................59
Gambar V.6 Deployment Diagram........................................................................63
Gambar V.7 Class Diagram...................................................................................64
Gambar V.8 Logical Data Model...........................................................................79
Gambar V.9 Physical Data Model.........................................................................80
Gambar V.10 SD Login Superadmin dan Admin..................................................81
Gambar V.11 SD Menampilkan Daftar Admin.....................................................83
Gambar V.12 SD Menambah Data Admin............................................................83
Gambar V.13 SD Menghapus Admin....................................................................84
Gambar V.14 SD Menampilkan Daftar User.........................................................85
Gambar V.15 SD Menambah Data User................................................................86
Gambar V.16 SD Menghapus Data User...............................................................87
Gambar V.17 SD Menampilkan Daftar Role.........................................................88
Gambar V.18 SD Menampilkan Daftar Jobtitle....................................................89
Gambar V.19 SD Menambah Data Jobtitle...........................................................90
xvii
Gambar V.20 SD Mengubah Data Jobtitle............................................................91
Gambar V.21 SD Menghapus Data Jobtitle...........................................................92
Gambar V.22 SD Login Peserta Onboarding.........................................................93
Gambar V.23 SD Menampilkan Profile Peserta Onboarding................................94
Gambar V.24 SD Mengubah Profile Peserta Onboarding.....................................95
Gambar V.25 SD Menampilkan Daftar Activity...................................................97
Gambar V.26 SD Menambah Data Activity..........................................................98
Gambar V.27 SD Mengubah Data Activity...........................................................99
Gambar V.28 SD Menghapus Data Activity........................................................100
Gambar V.29 SD Menampilkan Data Activity Owned.......................................102
Gambar V.30 SD Assign Activity.........................................................................103
Gambar V.31 SD Menampilkan Daftar Kategori Activity...................................104
Gambar V.32 SD Menambah Data Kategori Activity..........................................105
Gambar V.33 SD Mengubah Data Kategori Activity...........................................106
Gambar V.34 SD Menghapus Data Kategori Activity.........................................107
Gambar V.35 SD Mengubah Password Peserta Onboarding..............................108
Gambar V.36 SD Menampilkan Activity Berdasarkan Kategori.........................109
Gambar V.37 SD Menampilkan Detail Activity..................................................110
Gambar V.38 SD Submit Activity........................................................................111
Gambar V.39 SD Menampilkan Progress Bar....................................................112
Gambar V.40 SD Login Mentor..........................................................................113
Gambar V.41 SD Menampilkan Profile Mentor..................................................114
Gambar V.42 SD Mengubah Profile Mentor.......................................................115
Gambar V.43 SD Mengubah Password Mentor...................................................116
Gambar V.44 SD Menampilkan Daftar Home Activity........................................117
Gambar V.45 SD Menambah Data Home Activity...............................................118
Gambar V.46 SD Mengubah Data Home Activity...............................................120
Gambar V.47 SD Menghapus Data Home Activity..............................................121
Gambar V.48 SD Mengubah Password Admin...................................................122
Gambar V.49 SD Mengubah Password Peserta Onboarding dan Mentor...........123
Gambar V.50 SD Menampilkan LeaderBoard....................................................125
xviii
Gambar V.51 SD Menampilkan Home Activity...................................................126
Gambar V.52 SD Menampilkan Detail Home Activity........................................127
Gambar V.53 SD Menampilkan Daftar Peserta...................................................128
Gambar V.54 SD Menampilkan Progress Bar....................................................129
Gambar V.55 SD Menampilkan Daftar Activity Owned Berdasarkan Peserta....130
Gambar V.56 SD Menampilkan Daftar Activity Owned Yang Perlu Validasi....131
Gambar V.57 SD Menampilkan Daftar Activity Owned Berdasarkan Status......132
Gambar V.58 SD Menampilkan Detail Activity Owned......................................133
Gambar V.59 SD Validasi Activity......................................................................134
Gambar V.60 SD Menampilkan Leaderboard.....................................................135
Gambar V.61 Activity Diagram Authentication Admin......................................172
Gambar V.62 Activity Diagram Pengelolaan Admin..........................................173
Gambar V.63 Activity Diagram Pengelolaan User..............................................174
Gambar V.64 Activity Diagram Pengelolaan Admin..........................................175
Gambar V.65 Activity Diagram Authentication Peserta......................................176
Gambar V.66 Activity Diagram View dan Edit Profile.......................................176
Gambar V.67 Activity Diagram Pengelolaan Activity.........................................178
Gambar V.68 Activity Diagram Assign Activity Kepada Peserta Onboarding...178
Gambar V.69 Activity Diagram Pengelolaan Kategori Activity.........................179
Gambar V.70 Activity Diagram Daftar Activity Owned.....................................179
Gambar V.71 Activity Diagram Lihat Activity...................................................181
Gambar V.72 Activity Diagram Change Password.............................................182
Gambar V.73 Activity Diagram Lihat Detail Activity.........................................183
Gambar V.75 Activity Diagram Authentication Mentor.....................................184
Gambar V.76 Activity Diagram view dan edit profile........................................185
Gambar V.77 Activity Diagram Change Password.............................................185
Gambar V.78 Activity Diagram Pengelolaan Home Activity...............................186
Gambar V.79 Activity Diagram Change Password Admin.................................187
Gambar V.80 Activity Diagram Change Password Oleh Admin........................187
Gambar V.81 Activity Diagram Notifikasi..........................................................188
xix
Gambar V.83 Activity Diagram Progress Bar.....................................................189
Gambar V.84 Activity Diagram Leaderboard......................................................189
Gambar V.85 Activity Diagram Lihat Home Activity.........................................190
Gambar V.86 Activity Diagram Lihat Activity Berdasarkan Peserta..................192
Gambar V.87 Activity Diagram Validasi Penyelesaian Activity.........................192
Gambar V.89 Activity Diagram Progress Bar.....................................................193
Gambar V.90 Activity Diagram Leaderboard......................................................194
xx
DAFTAR TABEL
Tabel III.1 Pengembangan Aplikasi Increment 1..................................................14

Tabel IV.1 Stakeholder Saat Ini.............................................................................19
Tabel IV.2 Aturan Bisnis Saat Ini..........................................................................22
Tabel IV.3 Evaluasi Stakeholder...........................................................................27
Tabel IV.4 Evaluasi Aturan Bisnis.........................................................................29
Tabel IV.5 Stakeholder Sistem Yang Akan Dibangun..........................................34
Tabel IV.6 Aturan Bisnis Sistem Yang Dibangun.................................................41
Tabel V.1 Deskripsi Layer Back-End Aplikasi......................................................57
Tabel V.2 Deskripsi Layer Aplikasi Web..............................................................59
Tabel V.3 Deskripsi Layer Aplikasi Mobile..........................................................60
Tabel V.4 Deskripsi Layer Aplikasi Mobile Mentor.............................................61
Tabel V.5 Deskripsi Class Role.............................................................................65
Tabel V.6 Deskripsi Class Jobtitle.........................................................................66
Tabel V.7 Deskripsi Class Admin..........................................................................67
Tabel V.8 Deskripsi Class User.............................................................................69
Tabel V.9 Deskripsi Class Category......................................................................71
Tabel V.10 Deskripsi Class Activity......................................................................73
Tabel V.11 Deskripsi Class Activity Detail...........................................................74
Tabel V.12 Deskripsi Class Activity Owned.........................................................76
Tabel V.13 SD Login Superadmin dan Admin......................................................81
Tabel V.14 SD Menampilkan Daftar Admin.........................................................83
Tabel V.15 SD Menambah Data Admin................................................................84
Tabel V.16 SD Menghapus Admin........................................................................84
Tabel V.17 SD Menampilkan Daftar User.............................................................85
Tabel V.18 SD Menambah Data User...................................................................86
Tabel V 19 SD Menghapus Data User...................................................................87
Tabel V.20 SD Menampilkan Daftar Role.............................................................88
Tabel V.21 SD Menampilkan Daftar Jobtitle........................................................89
Tabel V.22 SD Menambah Data Jobtitle...............................................................90
xxi
Tabel V.23 SD Mengubah Data Jobtitle................................................................91
Tabel V.24 SD Menghapus Data Jobtitle...............................................................92
Tabel V.25 SD Login Peserta Onboarding............................................................93
Tabel V.26 SD Menampilkan Profile Peserta Onboarding....................................94
Tabel V.27 SD Mengubah Profile Peserta Onboarding.........................................95
Tabel V.28 SD Menampilkan Daftar Activity.......................................................97
Tabel V.29 SD Menambah Data Activity..............................................................98
Tabel V.30 SD Mengubah Data Activity...............................................................99
Tabel V.31 SD Menghapus Data Activity...........................................................100
Tabel V.32 SD Menampilkan Data Activity Owned...........................................102
Tabel V.33 SD Assign Activity.............................................................................103
Tabel V.34 SD Menampilkan Daftar Kategori Activity.......................................104
Tabel V.35 SD Menambah Data Kategori Activity..............................................105
Tabel V.36 SD Mengubah Data Kategori Activity...............................................106
Tabel V.37 SD Menghapus Data Kategori Activity.............................................107
Tabel V.38 SD Mengubah Password Peserta Onboarding.................................108
Tabel V.39 SD Menampilkan Activity Berdasarkan Kategori............................109
Tabel V.40 SD Menampilkan Detail Activity......................................................110
Tabel V.41 SD Submit Activity............................................................................111
Tabel V.42 SD Menampilkan Progress................................................................112
Tabel V.43 SD Login Mentor..............................................................................113
Tabel V.44 SD Menampilkan Profile Mentor.....................................................114
Tabel V.45 SD Mengubah Profile Mentor...........................................................115
Tabel V.46 SD Mengubah Password Mentor.....................................................116
Tabel V.47 SD Menampilkan Daftar Home Activity...........................................118
Tabel V.48 SD Menambah Data Home Activity..................................................119
Tabel V.49 SD Mengubah Data Home Activity...................................................120
Tabel V.50 SD Menghapus Data Home Activity..................................................121
Tabel V.51 SD Mengubah Password Admin.......................................................123
Tabel V.52 SD Mengubah Password Peserta Onboarding dan Mentor...............124
Tabel V.53 SD Menampilkan LeaderBoard........................................................125
xxii
Tabel V.54 SD Menampilkan Home Activity.......................................................126
Tabel V.55 SD Menampilkan Detail Home Activity............................................127
Tabel V.56 SD Menampilkan Daftar Peserta.......................................................128
Tabel V.57 SD Menampilkan Progress Bar........................................................129
Tabel V.58 SD Menampilkan Daftar Activity Owned Berdasarkan Peserta........130
Tabel V.59 SD Menampilkan Daftar Activity Owned Yang Perlu Validasi.......131
Tabel V.60 SD Menampilkan Daftar Activity Owned Berdasarkan Status.........132
Tabel V.61 SD Menampilkan Detail Activity Owned..........................................133
Tabel V.62 SD Validasi Activity.........................................................................134
Tabel V.63 SD Menampilkan Leaderboard........................................................135
Tabel V.64 Deskripsi GUI-01-Website...............................................................136
Tabel V.73 Deskripsi GUI-01-Mobile.................................................................143
xxiii
Tabel V.87 Deskripsi GUI-01-Mobile_Mentor...................................................156
Tabel V.100 Deskripsi GUI-05-Mobile_Mentor.................................................168
Tabel V.103 Keterhubungan Design Item dengan Requirement..........................194
Tabel VI.1 Deskripsi IM-01-Website..................................................................200
Tabel VI.10 Deskripsi IM-01-Mobile..................................................................206
xxiv
Tabel VI.14 Deskripsi IM-10-Website................................................................211
Tabel VI. 16 Deskripsi IM-12-Website...............................................................212
Tabel VI. 21 Deskripsi IM-03-Mobile.................................................................215
Tabel VI.24 Deskripsi IM-01-Mobile_Mentor....................................................218
Tabel VI.38 Perbedaan Hak Akses......................................................................231
Tabel VI.39 Matriks Keterhubungan Implementasi.............................................233
Tabel VII.1 Resume Testing Aplikasi Web.........................................................239
Tabel VII.2 Resume Testing Aplikasi Mobile Peserta........................................241
Tabel VII.3 Resume Testing Aplikasi Mobile Mentor........................................241
Tabel VII.4 Resume Integration Test...................................................................241
xxv
Tabel VII.5 Resume UAT Aplikasi Web.............................................................242
Tabel VII.6 Resume UAT Aplikasi Mobile Peserta............................................243
Tabel VII.7 Resume UAT Aplikasi Mobile Mentor............................................244
xxvi
DAFTAR SINGKATAN
Singkatan Nama Pemakaian pertama kali pada

halaman
API Application Programming 9

Interface
CRUD Create Read Update Delete 32
REST Representational State 26

Transfer
SD Sequence Diagram 89
SDK Software Development Kit 25
SDLC Software Development Life 23

Cycle
SQL Structured Query Language 20
UML Unified Modelling Language 24
URL Uniform Resource Locators 53
WSDL Web Services Description 26

Language
xxvii
DAFTAR SIMBOL
No Simbol Dipakai Di Keterangan
1. Activity Diagram, BPMN, Awal dimulainya suatu proses

Gambar Alur Pelaksanaan atau aktivitas
2. Flowchart, Activity Menunjukan proses yang

Diagram, BPMN, Gambar dilakukan
Alur Pelaksanaan
3. Activity Diagram Menunjukan selesainya suatu

proses atau aktivitas
4. BPMN Titik percabangan jalur

alternatif tanpa ada syarat
apapun
5. BMPN Titik percabangan jalur yang

didasarkan pada proses yang
terjadi sebelumnya
6. BPMN Data input
7. BPMN Data output
8. BPMN Menggambarkan isi pesan dari

komunikasi antara dua
proses/peran/actor
9. BPMN Menandakan pesan dari suatu

proses telah diterima
10. BPMN, Activity Diagram, Menunjukkan urutan kegiatan

Gambar Alur Pelaksanaan yang akan dilakukan dalam
proses
11. BPMN Menunjukan aliran Pesan antara

dua proses/actor yang telah
dipersiapkan untuk mengirim
dan menerima mereka.
xxviii
BAB I
PENDAHULUAN
I.1 Latar Belakang
Sumber Daya Manusia atau SDM merupakan salah satu pilar penting dalam
berdirinya suatu bisnis atau perusahaan. Karyawan tentu saja merupakan sumber
daya manusia yang dimiliki oleh suatu perusahaan yang merupakan salah satu
aspek penentu keberhasilan sebuah perusahaan. Oleh karena itu, pengelolaan
karyawan di perusahaan juga harus menjadi hal penting yang harus diperhatikan.
Dimulai dari pencarian talent terbaik dari kandidat yang ada untuk kemudian
ditempatkan pada posisi yang dibutuhkan, proses onboarding, hingga proses
pengembangan karyawan menjadi SDM yang berkualitas dalam artian dapat
memberikan feedback yang diharapkan oleh perusahaan.
Salah satu contoh perusahaan yaitu CV Garuda Infinity Kreasindo, yang

selanjutnya disebut CV Garuda. CV Garuda adalah perusahaan yang bergerak
dibidang jasa pembuatan software mulai dari aplikasi berbasis mobile Android,
iOS, hingga berbasis Web. CV Garuda merupakan perusahaan yang menerapkan
proses onboarding setelah melakukan proses rekrutmen. Onboarding merupakan
proses yang memungkinkan seorang karyawan menyesuaikan diri dengan
perusahaan. Proses tersebut meliputi pengenalan perusahaan, visi misi, anggota
tim, dan budaya kerja.
Karyawan baru sebagai peserta onboarding akan diberikan materi mengenai

pengenalan perusahaan, visi misi, dan anggota tim melalui dokumen bacaan
maupun dipresentasikan oleh mentor. Selain itu juga akan diberikan tugas-tugas
supaya karyawan baru mengenali budaya kerja yang ada di perusahaan. Setelah
onboarding selesai dilaksanakan, karyawan kerap kali menanyakan kembali
mengenai materi yang telah disampaikan sebelumnya, hal tersebut bisa diatasi
dengan menerapkan sistem self-service pada pelaksanaan onboarding.
1
2
Kemudian untuk mencatat dan memonitor apa saja yang sudah atau sedang
dikerjakan oleh peserta onboarding, mentor harus mengisi Spreadsheet yang
disediakan oleh CV Garuda supaya progres dari setiap karyawan dapat diketahui.
Hal tersebut dianggap kurang efisien, oleh karena itu CV Garuda menginginkan
proses tersebut didigitalisasi sehingga mempermudah pekerjaan mentor.
Maka dari itu dengan mengoptimalkan teknologi dibuat aplikasi sebagai sarana
digitalisasi untuk menerapkan cara yang lebih efisien dalam pengolahan data
materi dan progres onboarding agar lebih mudah diproduksi, disimpan, dikelola,
dan didistribusikan. Pengoptimalisasian teknologi tersebut diwujudkan dalam
sebuah aplikasi yang mampu mendigitalisasi proses pemberian materi,
pengaksesan materi, pengawasan, dan pencatatan pada onboarding di CV Garuda
secara terpusat.
Aplikasi ini memudahkan peserta onboarding dalam proses pembelajaran dan

pencatatan mengenai apa saja yang sedang dikerjakan maupun yang sudah selesai
dikerjakan, mentor juga dipermudah dalam pengawasan, dan pemeriksaan kinerja
peserta onboarding. Kemudian pada sistem ini juga terdapat admin yang bertugas
untuk mengatur pengguna dan materi onboarding pada aplikasi.
Aplikasi dibuat berbasis android menggunakan framework Flutter yang dapat

digunakan oleh karyawan baru dalam proses onboarding, dan mentor dalam
pengawasan peserta onboarding. Aplikasi ini juga diintegrasikan dengan sistem
berbasis web yang digunakan oleh admin untuk mengatur mengatur pengguna dan
materi onboarding pada aplikasi. Harapannya dengan dibuat aplikasi ini bisa
memberikan dampak positif pada CV Garuda dengan sistem pemberian materi,
pengaksesan materi, pengawasan, dan pencatatan yang disediakan.
I.2 Rumusan Masalah
Berdasarkan latar belakang yang sudah dipaparkan, permasalahan yang muncul

adalah sebagai berikut.
3
1. Proses pemberian materi dilakukan dengan beberapa cara. Terkadang

mentor mempresentasikan materinya kepada peserta ataupun hanya
memberikan bahan ajarnya kepada peserta. Hal tersebut dinilai kurang
efisien karena memerlukan waktu luang dari mentor dan peserta di sela-
sela pekerjaan. Oleh sebab itu, perlu adanya digitalisasi proses pemberian
materi onboarding untuk mengefisiensikan hal tersebut.
2. Media yang digunakan untuk mencatat progres dan memonitor peserta
onboarding adalah Spreadsheet terpisah dan dalam pengisiannya
dilakukan oleh mentor, hal tersebut kurang efisien karena jumlah mentor
lebih sedikit daripada jumlah peserta onboarding. Oleh karena itu,
diperlukan sistem yang dapat mencatat progres setiap peserta onboarding
secara mandiri.
3. Pencatatan progres peserta onboarding masih terpisah, sehingga mentor
harus melakukan pengecekan Spreadsheet monitoring secara berkala.
Sehingga dibutuhkan sistem yang dapat memberi follow up berupa
notifikasi sebagai pengingat kepada peserta dan mentor apabila terdapat
materi baru dan progres baru dari peserta.
I.3 Tujuan
Berikut adalah tujuan dari aplikasi yang dibangun.

1. Membuat proses pengaksesan materi onboarding dilakukan secara
mandiri.
2. Membuat proses pencatatan progres onboarding setiap peserta dilakukan
secara mandiri.
3. Memberikan follow up berupa notifikasi apabila ada activity baru guna
memberikan pengingat pada peserta begitu pula apabila ada activity yang
sudah diselesaikan.
I.4 Ruang Lingkup
Ruang lingkup pengembangan aplikasi adalah sebagai berikut.

4
1. Aplikasi mobile digunakan oleh peserta onboarding, dan mentor yang

mengawasinya.
2. Web admin digunakan oleh admin yang mengatur mengatur pengguna dan
materi onboarding pada aplikasi.
3. Secara garis besar pembuatan aplikasi ini hanya mencakup modul
pemberian materi, pengaksesan materi, pengawasan, dan pencatatan.
Keputusan terkait jabatan pekerjaan setelah onboarding tidak termasuk di
dalam aplikasi.
4. Modul yang dibuat dapat membantu proses pemberian materi ataupun
tugas mengenai pengenalan perusahan, visi & misi, anggota tim, dan
budaya kerja perusahaan pada onboarding.
5. Aplikasi menyediakan activity yang di dalamnya terdapat materi atau tugas
yang harus dilakukan oleh peserta onboarding.
6. Materi atau tugas yang ada pada activity bisa berupa teks, dokumen,
gambar, video, atau to do list.
7. Aplikasi dapat mencatat penyelesaian activity yang telah dilakukan oleh
peserta onboarding.
8. Aplikasi dapat mencatat hasil validasi mentor terhadap sebuah activity
yang telah diselesaikan oleh peserta onboarding.
9. Progress yang dicatat untuk ditampilkan pada aplikasi yaitu berdasarkan
persentase jumlah activity yang telah diselesaikan per jumlah activity yang
telah di-assign kepada peserta onboarding.
I.5 Batasan Aplikasi
Batasan dari aplikasi yang dibangun adalah sebagai berikut:

1. Aplikasi tidak sepenuhnya mendigitalisasi kegiatan onboarding, kegiatan
yang mengharuskan peserta onboarding untuk berinteraksi dengan
karyawan lain atau mempelajari suatu teknologi yang digunakan oleh
perusahaan tetap dilakukan di luar aplikasi.
2. Aplikasi yang dibuat hanya untuk internal perusahaan CV Garuda.
3. Aplikasi harus terhubung dengan koneksi internet.
5
4. Aplikasi hanya bisa digunakan oleh pengguna yang telah terdaftar.

5. Format dokumen yang dapat diterima oleh aplikasi yaitu pdf.
6. Format foto yang dapat diterima oleh aplikasi yaitu jpg, jpeg, atau png.
7. Format video yang dapat diterima oleh aplikasi yaitu mp4.
8. Batasan ukuran dokumen dan foto yang dapat diterima oleh aplikasi
adalah 5 mb.
9. Batasan ukuran video yang dapat diterima oleh aplikasi adalah 20 mb.
10. Proses validasi mentor terhadap sebuah activity yang telah diselesaikan
oleh peserta onboarding dilakukan diluar aplikasi.
BAB II
TINJAUAN PUSTAKA
Pada bab ini, dicantumkan dasar teori, dan teknologi yang dipakai untuk
mendukung pelaksanaan tugas akhir serta pengembangan aplikasi.
II.1 Dasar Teori
Dibutuhkan beberapa pemahaman dasar teori dalam pelaksanaan tugas akhir.

Berikut adalah beberapa dasar teori yang digunakan.
II.1.1 Onboarding
Pengertian dari onboarding yang dilakukan oleh CV Garuda merupakan proses

yang memungkinkan seorang karyawan menyesuaikan diri dengan perusahaan.
Proses tersebut meliputi pengenalan perusahaan, visi misi, anggota tim, budaya
kerja (Kurnia, 2022).
Berikut rincian mengenai proses yang ada pada onboarding di CV Garuda.
1. Pengenalan Perusahaan, terdiri dari :
a. Sejarah perusahaan
b. Peraturan perusahaan
c. Struktur organisasi
d. Alur birokrasi
e. Jenjang Karir
2. Visi Misi
3. Anggota Tim dan Cara Kerja Tim
4. Budaya Kerja, terdiri dari :
a. Daily Check-in
b. Sharetech
c. Energizing (bonding karyawan)
d. Fortnight Meeting (meeting 2 minggu sekali)
Dalam pelaksanaannya, peserta onboarding akan diberikan materi dan tugas
seputar perusahaan dengan cara dipresentasikan langsung oleh mentor atau
6
7
diberikan dokumen bacaan. Untuk mencatat progres pelaksanaan onboarding

setiap peserta, CV Garuda menyediakan Spreadsheet yang harus diisi oleh mentor.
Penjelasan mengenai proses onboarding dijelaskan lebih mendalam pada subbab
IV.1.
II.1.2 Sistem Informasi
Sistem informasi (SI) secara umum adalah suatu sistem yang mengkombinasikan
antara aktivitas manusia dan penggunaan teknologi untuk mendukung manajemen
dan kegiatan operasional. Dimana, hal tersebut merujuk pada sebuah hubungan
yang tercipta berdasarkan interaksi manusia, data, informasi, teknologi, dan
algoritma. Tujuan dari pengembangan sistem informasi adalah untuk
menghasilkan sebuah produk yang berisi kumpulan informasi. Sebuah sistem
tentunya melibatkan berbagai jenis dan tipe data yang mampu diolah agar dapat
ditampilkan dengan mudah kepada pengguna (user) (Adani, 2021).
Aplikasi ini menjadi salah satu sistem informasi yang ada di CV Garuda.
diharapkan dengan adanya sistem informasi khususnya pada kegiatan onboarding
dapat meningkatkan kualitas sumber daya manusia yang akan menjadi karyawan
di perusahaan dengan aksesibilitas data yang baik sehingga data dan informasi
yang didapatkan oleh perusahaan maupun karyawan lebih cepat dan akurat.
II.1.3 Aplikasi Mobile
Aplikasi mobile atau sering juga disebut dengan istilah Mobile Apps adalah
aplikasi dari sebuah perangkat lunak yang dalam pengoperasiannya dapat berjalan
di perangkat mobile (Smartphone, Tablet, iPod, dll), dan memiliki sistem operasi
yang mendukung perangkat lunak secara standalone. Platform pendistribusian
aplikasi mobile yang tersedia, biasanya dikelola oleh owner dari mobile operating
system, seperti store (Apple App), store (Google Play), Store (Windows Phone)
dan world (BlackBerry App) (Putra, 2022).
Aplikasi ini dibangun berbasis mobile, tentunya dengan aplikasi mobile, user
interface dan user experience lebih mudah dimengerti. selain itu aplikasi mobile
8
dapat diakses dimanapun dan kapanpun. Sehingga dapat memudahkan proses

onboarding karyawan baru dalam setiap pelaksanaannya.
II.1.4 SDLC Incremental
Pendekatan incremental merupakan salah satu metode pengembangan perangkat

lunak yang mampu meminimalisir ketidaksesuaian dalam proses pengembangan
perangkat lunak. Pada metode incremental, pengembangan aplikasi dipecah
menjadi proses-proses kecil, sehingga pengembangannya dilakukan secara
bertahap. Setiap tahapan yang ada dalam metodologi terdapat masukan (input)
dan keluaran (output). Gambar II.1 memperlihatkan tahapan metode incremental
(Pressman, 2010).
Gambar II.1 SLDC - Incremental

1. Analysis
Tujuan dari tahap ini adalah untuk menyusun requirement dan sistematika
perancangan aplikasi yang dapat diselesaikan selama satu increment,
sistematika yang dimaksud adalah pembagian tugas pada kelompok dan
perincian timeline increment. Hasil dari tahap analisis dituangkan ke bab
IV dan dokumen SRS (Software Requirement Specification).
2. Design
9
Pada tahap ini melakukan analisis desain, mulai dari desain arsitektur
sistem, desain database, desain proses bisnis, desain UML, dan desain
user interface sekaligus memperkirakan alur dari sistem yang dibangun.
3. Code
Pada tahap ini dilakukan implementasi dari hasil perancangan yang sudah
dilakukan untuk satu increment. Implementasi dilakukan dengan
menggunakan framework Flutter dan .NET.
4. Test
Pada tahap ini merupakan tahap untuk proses pengujian terhadap hasil
perancangan dan hasil implementasi. Luaran dari tahap ini adalah
dokumen UAT (User Acceptance Test).
II.2 Teknologi Yang Digunakan
Terdapat beberapa teknologi pendukung yang digunakan guna mendukung

pengembangan aplikasi. Berikut adalah teknologi yang digunakan.
II.2.1 Flutter
Flutter merupakan SDK untuk mengembangkan aplikasi yang dirilis oleh Google.
Tidak hanya untuk mobile seperti React Native yang dirilis oleh Facebook, Flutter
dapat digunakan untuk mengembangkan aplikasi mobile, web dan desktop. Untuk
pengembangan aplikasi mobile, Flutter dapat digunakan untuk membuat aplikasi
Android dan iOS menggunakan bahasa Dart. Dart merupakan bahasa
pemrograman berbasis class dan berorientasi objek dengan menggunakan sintaks
bahasa pemrograman C yang dirilis secara open source oleh Google. Selain untuk
membuat aplikasi mobile, Dart dapat digunakan untuk mengembangkan platform
web, server dan perangkat IoT (Internet of Things) (Firmansyah, 2019).
Pada pembuatan aplikasi berbasis mobile digunakan Flutter sebagai Framework.
Hal tersebut dikarenakan Flutter memiliki beberapa kelebihan diantaranya dalam
satu kode dapat digunakan dalam dua platform seperti android dan IOS. Saat ini
aplikasi hanya dibuat untuk android sehingga apabila aplikasi akan dikembangkan
ke platform IOS akan lebih cepat dan efisien.
10
II.2.2 .Net Framework
.NET Framework adalah inti dari .NET Initiative milik Microsoft yang
diluncurkan pada tahun 2000. Initiative adalah sebuah visi untuk menyediakan
platform teknologi yang memungkinkan pengembangan aplikasi, yaitu bahasa
pemrograman, perangkat keras, dan perangkat lunak yang independen. Dengan
menggunakan .NET Framework, sebuah aplikasi dapat dibangun dalam bahasa
pemrograman apapun dan dapat dijalankan pada sistem operasi dan platform
perangkat keras yang ada. .NET Framework memiliki 2 komponen utama, yaitu
CLR dan .Net Framework Class Library. Program - program yang ditulis
untuk .NET Framework dijalankan pada suatu lingkungan software yang
mengatur persyaratan-persyaratan runtime program. Runtime environment ini,
yang juga merupakan suatu bagian dari .NET Framework, dikenal sebagai
Common Language Runtime (CLR) (Pramana, 2018).
Pengembangan aplikasi ini juga menggunakan salah satu teknologi dari .NET
Framework. Teknologi tersebut, yaitu Asp.Net, pemilihan Asp.Net Dikarenakan
dalam internal perusahaan CV Garuda sendiri sudah terbiasa menggunakan
teknologi ini. Selain itu .NET Framework cukup mudah untuk dipelajari karena
dalam penggunaannya sangat cepat, simple dan efisien.
II.2.3 Web API
Web API adalah sebuah software yang menyediakan layanan (fungsi-fungsi)

spesifik yang dapat dipanggil melalui web oleh berbagai jenis software lain. Web
service adalah salah satu bentuk dari tradisional Web API, umumnya terdapat
kontrak berupa sebuah dokumen Web Service Definition Language (WSDL) yang
berisi fungsi-fungsi apa saja yang dapat dipanggil dan dieksekusi oleh Web
service tersebut. Keberadaan web API sebagai perantara mempunyai beberapa
manfaat untuk dapat lebih mengamankan data pada database server, hal ini
dikarena database tidak langsung diakses oleh aplikasi. Selain itu dengan adanya
web API, kebuthan aplikasi bukan hanya dapat diakses oleh aplikasi mobile, tapi
juga dapat diakses oleh aplikasi jenis lain seperti aplikasi web atau aplikasi
11
desktop. Selain itu layanan berbasis web ini akan dapat diakses dan dimanfaatkan
pada berbagai platform atau 1-3 teknologi, artinya layanan ini bisa diakses oleh
aplikasi yang dibangun dengan .NET, Java, PHP, Python, Ruby, Javascript dan
lain-lain (Faisal, 2014).
Web API digunakan sebagai media komunikasi antara aplikasi web dan aplikasi
mobile. konfigurasi menggunakan Web API memiliki keunggulan dibanding
konfigurasi data secara manual, dengan Web API proses pengambilan dan
pengiriman data ke database akan dilakukan secara otomatis, selain itu integrasi
data ke platform apapun dapat digunakan dengan mudah. Karena dalam topik ini
sistem yang terintegrasi dibuat dalam web admin, mobile apps. maka Web API
dapat membantu proses integrasi data.
II.2.4 PostgreSQL
PostgreSQL adalah sistem manajemen database yang mendukung empat bahasa

prosedural standar dan nonstandar. Bahasa prosedural standar di PostgreSQL
yakni: PL Perl, PL pgSQL, PL/Python, dan PL Tcl; sedangkan bahasa non-
standarnya mencakup Ruby, PL V8, PL/PHP, PL/Java, dan lainnya. Semua
bahasa ini memungkinkan user menulis rangkaian kode sendiri ke dalam sistem
(APPKEY, 2020).
Pada aplikasi ini RDBMS yang digunakan adalah PostgreSQL. Pemilihan

PostgreSQL dikarenakan dalam internal perusahaan CV Garuda sendiri sudah
terbiasa menggunakan teknologi ini. Sehingga dapat memudahkan CV Garuda
apabila aplikasi ini akan dikembangkan kembali terutama dalam pengelolaan
database. Selain itu PostgreSQL memiliki keamanan yang terjamin dan jaringan
yang lancar dan pastinya juga dapat digunakan secara gratis.
BAB III
METODOLOGI PELAKSANAAN
Pada bab ini, alur pelaksanaan dari pengembangan aplikasi akan dijelaskan secara
rinci.
III.1 Alur Pelaksanaan
Tahapan proses yang dilakukan dalam pengembangan aplikasi ini digambarkan

pada gambar III.1.
Gambar III.1 Alur Pelaksanaan

Tahapan pertama yang dilakukan adalah pendefinisian masalah untuk selanjutnya
dijadikan topik. Setelah itu tahap studi literatur dilakukan, dalam tahap ini ada
beberapa kegiatan mulai dari mencari dan menemukan kasus yang serupa hingga
12
13
dasar teori maupun teknologi yang digunakan. Tahap pengumpulan data menjadi
tahap yang selanjutnya dilakukan, pada tahap ini semua data dapat dikumpulkan
melalui hasil wawancara, maupun analisa keseluruhan sistem, yang selanjutkan
diimplementasikan pada tahap pengembangan dengan menggunakan SDLC
incremental.
III.1.1 Pendefinisian Masalah
Tahap awal yang dilakukan adalah mengidentifikasi masalah yang ada di sekitar.
Setelah mengumpulkan masalah yang ada, terdapat beberapa masalah yang
dijadikan topik tugas akhir. Kemudian dilakukan diskusi dengan dosen
pembimbing, untuk menentukan topik mana yang lebih realistis untuk dilakukan,
dan terpilih satu topik.
Setelah pada tahap sebelumnya menghasilkan satu topik yang akhirnya

dikembangkan, pada tahap ini mulai diskusi untuk memahami lebih dalam
mengenai topik tersebut agar tujuan yang dicapai, solusi, dan realisasi dapat
terlaksana.
III.1.2 Studi Literatur
Tahap selanjutnya adalah melakukan studi literatur untuk menyelesaikan

persoalan dengan menelusuri sumber-sumber karya ilmiah yang memiliki masalah
serupa. Selain itu, pada tahap ini juga dilakukan studi literatur untuk eksplorasi
teknologi yang digunakan.
III.1.3 Pengumpulan Data
Pengumpulan data dilakukan dengan wawancara stakeholder dan mengumpulkan

dokumen onboarding saat ini, proses wawancara dilakukan terhadap pihak CV
Garuda. Data yang didapatkan berupa fitur-fitur yang diinginkan oleh CV Garuda
yang akan dituliskan pada sub bab III.2 dan tabel yang berisi onboarding checklist
pada CV Garuda.
14
III.1.4 Penguasaan Teknologi
Penyelesaian laporan tugas akhir ini merupakan tahap terakhir dari pengerjaan
Tugas Akhir. Penyusunan laporan ini dilakukan di setiap tahap pada increment,
sehingga ketika tahap pengembangan sudah selesai dilakukan, dilakukan finalisasi
laporan serta perbaikan laporan yang telah dibuat sebelumnya.
III.1.5 Pengembangan Aplikasi
Pengembangan aplikasi dilakukan berdasarkan metode pengembangan perangkat

lunak atau Software Development Life Cycle (SDLC) metode incremental. Tahap
ini akan dijelaskan lebih detail pada sub bab III.3.
III.1.6 Penyelesaian Laporan TA
Penyelesaian laporan tugas akhir ini merupakan tahap terakhir dari pengerjaan
Tugas Akhir. Penyusunan laporan ini dilakukan di setiap tahap pada increment,
sehingga ketika tahap pengembangan sudah selesai dilakukan, dilakukan finalisasi
laporan serta perbaikan laporan yang telah dibuat sebelumnya.
III.2 Pengembangan Aplikasi
Pengembangan aplikasi dilakukan berdasarkan metode pengembangan perangkat

lunak atau Software Development Life Cycle (SDLC) metode incremental, oleh
karena itu terdapat empat tahapan yang dilakukan yaitu analysis, design, code,
dan test sebagaimana yang sudah dijelaskan pada subbab II.1.4. Telah dirancang
sebanyak tiga increment untuk menyelesaikan aplikasi ini yang digambarkan pada
tabel III.1.
Tabel III.1 Pengembangan Aplikasi Increment 1
No Increment Nama Kegiatan Artifak

Tahapan
1 Increment Analysis ● Melakukan analisis fitur yang Subab IV.5.3

1 dibangun pada increment 1 pada
subbab IV.5.3.
Design ● Membuat rancangan model statis ● Subbab V.1

15

Tahapan
yang berisi arsitektur aplikasi, kelas, ● Dokumen

dana data model pada subbab V.1. SRS subbab
Pembuatannya didasarkan pada III.2.1 s.d.
domain model pada subbab IV.5.9, III.2.5
product perspective pada dokumen ● Subbab
SRS subbab II.1, dan logical V.2.1.1
database requirements pada dokumen ● Subbab
SRS subbab III.4. V.2.2.1
● Membuat Use Case Scenario, Use ● Subbab
Case Diagram, dan System Sequence V.2.3.1
Diagram pada dokumen SRS subbab
III.2.1 s.d. III.2.5 berdasarkan
functional requirements pada
dokumen SRS subbab II.2 dan
analisis fitur yang dibangun pada
increment 1 pada subbab IV.5.3.
● Membuat rancangan interaksi antar
objek berdasarkan model perilaku
proses yang dijelaskan pada dokumen
SRS bab III.2.1.
Rancangan rancangan interaksi antar
objek pada increment 1 digambarkan
pada subbab V.2.1.1.
● Membuat rancangan UI sesuai
analisis fitur yang dikembangkan
pada subbab IV.5.3.
Rancangan UI pada increment 1
digambarkan pada subbab V.2.2.1.
● Membuat rancangan alur kegiatan
actor terhadap sistem yang mengacu
pada user characteristics yang
terdapat pada dokumen SRS subbab
II.3.
Rancangan alur kegiatan actor
terhadap sistem pada increment 1
Code ● Implementasi fitur pada increment 1 ● Product

berdasarkan rancangan interaksi antar increment 1
objek pada subbab V.2.1.1, rancangan ● Subbab VI.1
UI pada subbab V.2.2.1, rancangan
alur kegiatan actor terhadap sistem
pada subbab V.2.3.1, dan Use Case
Scenario pada dokumen SRS subbab
III.2.2 s.d. III.2.4.
Hasil implementasi increment 1
dituliskan pada subbab VI.1.
Test ● Merancang unit test increment 1 pada ● Test Plan

dokumen Test Plan subbab 5.1.1, Test subbab 5.1.1
Design subbab 2.1.1, Test Case ● Test Design
16

Tahapan
subbab 3.1.1, Test Procedure subbab subbab 2.1.1

4.1.1. ● Test Case
● Pengujian hasil implementasi subbab 3.1.1
increment 1 yang hasilnya dituliskan ● Test
pada dokumen Test Log subbab 3.1.1. Procedure
subbab 4.1.1
● Test Log
subbab 3.1.1

2 dibangun pada increment 2. Pada
subbab IV.5.4.
Design ● Membuat Use Case Scenario, Use ● Dokumen

Case Diagram, dan System Sequence SRS subbab
Diagram pada dokumen SRS subbab III.2.1 s.d.
III.2.1 s.d. III.2.5 berdasarkan III.2.5
functional requirements pada ● Subbab
dokumen SRS subbab II.2 dan V.2.1.2
analisis fitur yang dibangun pada ● Subbab
increment 2 pada subbab IV.5.4. V.2.2.2
● Membuat rancangan interaksi antar ● Subbab
objek berdasarkan model perilaku V.2.3.2
SRS bab III.2.1.
pada subbab IV.5.3.
II.3.

III.2.2 s.d. III.2.4.
17

Tahapan

Design subbab 2.1.2, Test Case ● Test Design
subbab 3.1.2, Test Procedure subbab subbab 2.1.2
4.1.2. ● Test Case
● Pengujian hasil implementasi subbab 3.1.2
increment 2 yang hasilnya dituliskan ● Test
pada dokumen Test Log subbab 3.1.2. Procedure
subbab 4.1.2
● Test Log
subbab 3.1.2

3 dibangun pada increment 3. Pada
subbab IV.5.5.
Design ● Membuat Use Case Scenario, Use ● Dokumen

Case Diagram, dan System Sequence SRS subbab
Diagram pada dokumen SRS subbab III.2.1 s.d.
III.2.1 s.d. III.2.5 berdasarkan III.2.5
functional requirements pada ● Subbab
dokumen SRS subbab II.2 dan V.2.1.3
analisis fitur yang dibangun pada ● Subbab
increment 3 pada subbab IV.5.5. V.2.2.3
● Membuat rancangan interaksi antar ● Subbab
objek berdasarkan model perilaku V.2.3.3
SRS bab III.2.1.
pada subbab IV.5.3.
II.3.

18

Tahapan

III.2.2 s.d. III.2.4.

Design subbab 2.1.3, Test Case dan 5.2
subbab 3.1.3, Test Procedure subbab ● Test Design
2.1.3. subbab 2.1.3
● Pengujian hasil implementasi dan 2.2
increment 3 yang hasilnya dituliskan ● Test Case
pada dokumen Test Log subbab 3.1.3. subbab 3.1.3
● Merancang integration test pada dan 3.2
dokumen Test Plan subbab 5.2, Test ● Test
Design subbab 2.2, Test Case subbab Procedure
3.2, Test Procedure subbab 4.2. subbab 4.1.3
● Pengujian keterhubungan setiap dan 4.2
modul yang telah diselesaikan pada ● Test Log
increment 1 sampai 3, kemudian subbab 3.1.3
dituliskan pada dokumen Test Log dan 3.2
subbab 3.2.
BAB IV
ANALISIS
Bab ini menjelaskan analisis yang dilakukan terhadap aplikasi yang

dikembangkan.
IV.1 Analisis Sistem Saat ini
CV Garuda belum menggunakan aplikasi untuk melaksanakan onboarding

karyawan, proses tersebut masih dijalankan secara manual oleh stakeholder yang
terlibat yaitu mentor, peserta onboarding. Pada bagian ini akan dijelaskan analisis
mengenai permasalahan yang terjadi pada pelaksanaan onboarding di CV Garuda
saat ini.
IV.1.1 Analisis Stakeholder
Pada sub-bab ini menjelaskan peran dari pihak-pihak atau aktor yang terlibat
dalam pelaksanaan onboarding saat ini. Analisis yang telah dilakukan dipaparkan
melalui tabel IV.1.
Tabel IV.1 Stakeholder Saat Ini
No Stakeholder Peran
1 Mentor Karyawan CV Garuda yang ditunjuk menjadi mentor akan

memberi materi, mengawasi, dan mencatat progres dari peserta
onboarding.
2 Peserta Onboarding Peserta onboarding merupakan karyawan baru di CV Garuda

yang diberikan pembekalan setelah menjadi karyawan di CV
Garuda berupa pengenalan perusahaan, visi misi, anggota tim,
dan budaya kerja.
IV.1.2 Pelaksanaan Onboarding
Berdasarkan wawancara dengan pihak CV Garuda, pengertian dari onboarding

yang dilakukan oleh CV Garuda merupakan proses yang memungkinkan seorang
karyawan baru menyesuaikan diri dengan perusahaan. Proses tersebut meliputi
pengenalan perusahaan, visi misi, anggota tim, dan budaya kerja. Pada
19
20
pelaksanaannya, setiap proses tersebut akan dilakukan peserta onboarding dalam

setiap activity yang telah disiapkan oleh mentor, meliputi pelatihan yang
memungkinkan peserta untuk terbiasa dengan budaya pada perusahaan, pemberian
materi dari mentor, dan penilaian peserta selama onboarding. Activity yang ada
terbagi kedalam empat kategori berdasarkan waktu, yaitu selama satu minggu,
satu bulan, dua bulan, dan tiga bulan.
IV.1.2.1 Pengenalan Perusahaan
Pada pengenalan perusahaan peserta onboarding akan diberi pengetahuan

mengenai sejarah perusahaan, peraturan perusahaan, dan cara kerja di perusahaan.
Peraturan perusahaan merupakan peraturan yang berlaku di lingkup CV Garuda,
sebagai contoh terdapat hak dan kewajiban karyawan di perusahaan.
IV.1.2.2 Visi Misi
Peserta onboarding akan diberi materi yang berisi visi misi perusahaan. Materi
tersebut harus dipahami oleh setiap peserta onboarding agar dapat bekerja di CV
Garuda dengan mencapai tujuan bersama sesuai visi misi yang ditetapkan.
IV.1.2.3 Anggota Tim
Peserta onboarding akan diberi pengetahuan mengenai struktur organisasi, alur

birokrasi, dan jenjang karir. Sebagai contoh, alur birokrasi yang dimaksud adalah
bagaimana cara karyawan mengajukan cuti.
IV.1.2.4 Budaya Kerja
Peserta onboarding akan dikenalkan terhadap budaya kerja yang ada pada CV
Garuda, meliputi:
1. Daily Check-in
Karyawan akan melaporkan pekerjaannya selama 24 jam kebelakang,
pekerjaan yang akan dilakukan selama 24 jam kedepan, dan kendala
yang dialami saat melakukan pekerjaan.
21
2. Sharetech
Sharetech merupakan sebuah kegiatan untuk berbagi ilmu pengetahuan
mengenai teknologi. Setiap karyawan akan mendapatkan giliran untuk
menjadi pembicara di Sharetech.
3. Energizing (bonding karyawan)
Energizing merupakan kegiatan yang bertujuan untuk membentuk
ikatan dari setiap karyawan lewat permainan. Setiap minggunya akan
dipilih salah satu karyawan untuk menjadi pemandu berjalannya
permainan.
4. Fortnight Meeting (meeting 2 minggu sekali)
Fortnight Meeting merupakan meeting dimana setiap project manager
dari tim proyek akan menyampaikan progres proyeknya masing-masing
dan kendala yang dialami.
IV.1.3 Pemberian Materi
Materi yang diberikan berupa bahan bacaan yang harus dipahami dijadikan
panduan selama menjadi karyawan di CV Garuda. Proses pemberian materi pada
kegiatan onboarding dilakukan dengan cara disampaikan langsung secara lisan
atau dipresentasikan oleh mentor kepada peserta onboarding. Artinya mentor
harus selalu melayani setiap kebutuhan peserta onboarding agar pemberian materi
dapat tersampaikan. Namun pada pelaksanaannya mentor tidak selalu bersedia
untuk memenuhi kebutuhan peserta onboarding setiap saat karena keterbatasan
waktu dan tempat. Sehingga peserta onboarding juga tidak bisa mendapatkan
materi yang diberikan kapanpun dan dimanapun. Selain itu, ada beberapa materi
onboarding yang akan diberikan lewat sosial media oleh mentor kepada peserta
onboarding. Hal tersebut memicu kemungkinan peserta onboarding sulit untuk
mencari materi yang telah diberikan karena materi tercecer, dan membuat peserta
onboarding baru kerap kali bertanya kembali mengenai materi yang telah
diberikan sebelumnya kepada mentornya.
22
IV.1.4 Pencatatan dan Pengawasan Peserta
Setiap mentor harus mengawasi proses onboarding dan kemudian mengisi

Spreadsheet yang disediakan oleh CV Garuda apabila ada peserta yang sudah
menyelesaikan suatu activity agar dapat menilai kinerja peserta onboarding pada
proses onboarding. Mentor harus melakukan pengecekan Spreadsheet monitoring
secara berkala dan mengisi check list untuk peserta pada Spreadsheet monitoring.
Hal tersebut kurang efisien karena jumlah mentor lebih sedikit daripada jumlah
peserta onboarding, sehingga diperlukannya aplikasi yang dapat mengakomodasi
peserta onboarding untuk mencatat penyelesaian suatu activity secara mandiri,
dengan itu mentor hanya perlu mengawasi penyelesaian suatu activity dari peserta
onboarding.
IV.1.5 Analisis Aturan Bisnis
Business rules atau aturan bisnis menjelaskan mengenai aturan atau kebijakan
bisnis dalam mengatur jalannya suatu sistem (Larman, 2004). Aturan bisnis yang
berlaku pada CV Garuda dijelaskan pada Tabel IV.2.
Tabel IV.2 Aturan Bisnis Saat Ini
No Aturan Bisnis
1 Mentor bertugas untuk memberi materi, mengawasi, dan mencatat progres dari
peserta onboarding.
2 Peserta onboarding merupakan karyawan baru di CV Garuda yang diberikan

pembekalan setelah menjadi karyawan di CV Garuda.
3 Apabila peserta onboarding telat mengerjakan activity, maka mentor akan

mengingatkan peserta onboarding.
IV.2 Analisis Kebutuhan Pihak CV Garuda
Analisis kebutuhan Pihak CV Garuda menjelaskan tentang kebutuhan apa saja

yang perlu diselesaikan oleh aplikasi. Berdasarkan wawancara dengan pihak CV
Garuda kebutuhannya adalah sebagai berikut.
1. Menerapkan sistem self-service pada pengaksesan materi dan pencatatan
progres onboarding.
23
2. Activity bisa terdiri dari rangkaian teks, dokumen, foto, dan video.
3. Progress dari setiap peserta dapat dimonitor.
4. Adanya report atau laporan berupa progress bar dari setiap peserta dan
leaderboard dari seluruh peserta.
IV.3 Analisis Aplikasi Sejenis
Aplikasi ruang kerja adalah aplikasi berbasis mobile yang mendukung proses
onboarding karyawan baru. Aplikasi ini dikembangkan oleh PT. Ruang Raya
Indonesia. Aplikasi ruang kerja memiliki beberapa fitur diantaranya terdapat
learning journey, forum diskusi, leaderboard, notifikasi, dan lain-lain. Fitur pada
aplikasi ini yang berkaitan dengan tugas akhir adalah fitur progress bar,
leaderboard, dan notifikasi untuk aplikasi Mobile, dan juga role-base control dan
content management untuk Web Admin.
Fitur progress bar pada aplikasi ruang kerja mengakomodasi user untuk dapat
melihat progress learning journey yang telah dikerjakan. Data ini disajikan dalam
bentuk bar.
Fitur leaderboard pada gambar IV.2 berisi peringkat peserta berdasarkan nilai
ujian. User dapat melihat daftar peringkat hasil ujian yang diurutkan dari nilai
tertinggi.
Fitur notifikasi pada gambar IV.3 akan mengirim secara otomatis melalui email
ataupun push notification apabila ada informasi penugasan pelatihan maupun
pengingat penyelesaian kelas.
Fitur role-base control pada gambar IV.4 mengakomodasi user untuk dapat
mengatur hak akses administrator dengan peran/tugas yang berbeda-beda.
Fitur content management pada gambar IV.5 mengakomodasi user untuk dapat
mengelola konten dari materi pada aplikasi LMS ruang kerja.
Didalam aplikasi ini juga terdapat halaman home pada gambar IV.1 yang berisi
progress bar dan kelas yang sedang dikerjakan oleh peserta.
24
Gambar IV.1 Ruang Kerja-Home

25
Gambar IV.2 Ruang Kerja-Leaderboard
Gambar IV.3 Ruang Kerja-Notifikasi
Gambar IV.4 Ruang Kerja-Role Base Control

26
Gambar IV.5 Ruang Kerja-Content Management
IV.4 Evaluasi dan Usulan Solusi
Bagian ini menjelaskan mengenai evaluasi dari masalah yang ada, dan pengusulan
solusi untuk memecahkan masalah yang ada.
IV.4.1 Evaluasi Masalah pada Stakeholder
Berdasarkan analisis yang tercantum pada sub-bab IV.1.1. terdapat masalah pada
stakeholder yang telah dievaluasi dengan tujuan untuk memecahkan permasalahan
tersebut. Masalah yang teridentifikasi yaitu:
1. CV Garuda menginginkan pengaksesan dan pencatatan progres
onboarding bagi peserta menjadi self-service. Maka peran mentor yang
menyampaikan materi kepada peserta dan mengisi check list untuk peserta
akan berkurang dan peran peserta akan bertambah yaitu dapat mengisi
checklist dan pencatatan activity notes secara mandiri, dan dapat
melakukan submit bahwa activity telah dilakukan.
27
2. CV Garuda memerlukan penambahan stakeholder yaitu superadmin dan

admin untuk mengatur pengguna dan materi onboarding pada aplikasi.
Dari permasalahan yang disebutkan, diperlukan perubahan pada nama stakeholder
dan peran dari stakeholder itu sendiri. Perubahan dari stakeholder dijelaskan pada
Tabel IV.3.
Tabel IV.3 Evaluasi Stakeholder
1 Mentor Peran mentor berkurang dalam hal pencatatan

mengenai checklist bahwa peserta telah selesai
melakukan suatu activity.
2 Peserta Onboarding Peran peserta ditambahkan dengan dapat melakukan

checklist pencatatan secara mandiri mengenai activity
notes dari activity yang telah dilakukan.
3 Super Admin Terdapat penambahan stakeholder baru yang yang

akan menggunakan aplikasi web. Super admin dapat
mengelola user dengan role admin, mentor, dan
peserta. Selain itu, super admin juga ditujukan untuk
mengelola isi konten dari activity yang akan
ditampilkan di aplikasi mobile.
3 Super Admin Super Admin merupakan stakeholder yang

menggunakan aplikasi web yang berperan dalam
pengelolaan user (pengguna aplikasi mobile),
pengelolaan admin (pengguna aplikasi web), dan
pengelolaan activity.
4 Admin Terdapat penambahan stakeholder baru yang yang

akan menggunakan aplikasi web. Admin dapat
mengelola user dengan role mentor, dan peserta.
Selain itu, admin juga ditujukan untuk mengelola isi
konten dari activity yang akan ditampilkan di aplikasi
mobile.
IV.4.2 Solusi Pelaksanaan Onboarding
CV Garuda ingin mengoptimalkan teknologi sebagai sarana pendukung untuk

menerapkan cara yang lebih efisien dalam pelaksanaan onboarding di CV Garuda
sehingga pengolahan data agar lebih mudah diproduksi, disimpan, dikelola, dan
didistribusikan. Pengoptimalisasian teknologi tersebut diwujudkan dalam sebuah
aplikasi yang mampu membantu pelaksanaan onboarding mulai dari proses
28
pemberian materi, pengaksesan materi, pengawasan, dan pencatatan pada

onboarding di CV Garuda secara terpusat.
IV.4.3 Solusi Pemberian Materi
Solusi untuk pemberian materi, sebelumnya dalam pemberian materi kepada

peserta onboarding terdapat masalah. Dalam proses pemberian materi, mentor
harus mengirimkan materi melalui sosial media setiap peserta onboarding,
sehingga hal tersebut memicu kemungkinan peserta onboarding sulit untuk
mencari materi yang telah diberikan karena materi tercecer, dan membuat peserta
onboarding baru kerap kali bertanya untuk mengkonfirmasi mengenai materi yang
telah diberikan sebelumnya kepada mentor. Selain diberikan melalui dokumen,
ada juga beberapa materi yang harus disampaikan langsung secara lisan atau
dipresentasikan oleh mentor kepada peserta onboarding. Hal tersebut dinilai
kurang efisien karena keterbatasan waktu, tempat, dan tenaga. Mentor dan peserta
harus mencari waktu luang bersama di sela-sela pekerjaan. Solusinya yaitu dengan
membuat activity pada aplikasi. Materi akan disediakan di dalam activity,
sehingga peserta onboarding dapat dengan mudah mengakses materi dengan cara
melihat activity yang harus dilakukan berdasarkan activity category yang ada.
IV.4.4 Solusi Pencatatan dan Pengawasan
Berdasarkan analisis yang tercantum pada sub-bab IV.1.5, masalah yang terjadi
adalah mentor harus melakukan pengecekan Spreadsheet monitoring secara
berkala dan harus mengisi check list untuk peserta pada Spreadsheet monitoring.
Solusi yang akan diterapkan untuk mengatasi permasalahan yaitu dengan
menggunakan fitur leaderboard dan progress bar. Selain itu, untuk mengatasi
permasalahan mentor yang harus mengisi check list pada spreadsheet monitoring
untuk masing-masing peserta onboarding, dan juga mempertimbangkan keinginan
dari mitra agar pengaksesan materi dan pencatatan progress onboarding ini dapat
dilakukan secara self-service, maka pada activity peserta onboarding akan
melakukan check list secara mandiri pada setiap activitynya.
29
IV.4.5 Evaluasi Masalah pada Aturan Bisnis
Berdasarkan analisis yang tercantum pada sub-bab IV.1 dan IV.2 terdapat
beberapa aturan bisnis yang perlu dimodifikasi dan ditambahkan, penjelasan
mengenai evaluasi aturan bisnis dapat dilihat pada tabel IV.4.
Tabel IV.4 Evaluasi Aturan Bisnis
No Perubahan Aturan Bisnis
1 Modifikasi Mentor bertugas untuk memberi materi, mengawasi, dan mencatat

progres dari peserta onboarding.
2 Tidak Berubah Peserta onboarding merupakan karyawan baru di CV Garuda yang

diberikan pembekalan setelah menjadi karyawan di CV Garuda.
3 Tidak Berubah Apabila peserta onboarding telat mengerjakan activity, maka mentor
akan mengingatkan peserta onboarding.
4 Ditambahkan Super admin bertugas mengelola user untuk menambah dan

menghapus user untuk semua role.
5 Ditambahkan Hak akses user atas aplikasi sesuai dengan role yang didaftarkan oleh
super admin.
6 Ditambahkan Password user untuk masuk ke aplikasi mobile akan diberikan oleh
super admin setelah dilakukan penambahan user.
7 Ditambahkan Super admin bertugas mengelola activity untuk menambah, mengedit

dan menghapus.
8 Ditambahkan Apabila activity telah di assign oleh admin kepada peserta

onboarding, namun activity tersebut belum pernah dibuka oleh
peserta onboarding, maka status activity adalah assigned.
9 Ditambahkan Apabila activity sudah dibuka dan belum di submit oleh peserta
onboarding, maka status activity adalah on progress.
10 Ditambahkan Apabila activity telah di submit oleh peserta onboarding, maka status
activity adalah submitted.
11 Ditambahkan Apabila peserta onboarding telat menyelesaikan activity dan telah

melebihi batas waktu, maka status activity adalah late.
12 Ditambahkan Apabila validasi activity diterima oleh mentor, maka status activity
adalah completed.
13 Ditambahkan Apabila validasi activity ditolak oleh mentor, maka status activity
adalah rejected.
14 Ditambahkan Apabila data peserta onboarding dihapus dari database, maka data
activity yang pernah dikerjakan tidak akan bisa diakses.
30
No Perubahan Aturan Bisnis
15 Ditambahkan Apabila data activity dihapus dari database, maka data activity detail
(konten dari activity) juga akan terhapus.
16 Ditambahkan Data jobtitle tidak bisa dihapus apabila terdapat data user.
17 Ditambahkan Data kategori activity tidak bisa dihapus apabila terdapat data
activity.
18 Ditambahkan Password minimal 8 karakter yang terdiri dari karakter kapital,

karakter non kapital, dan angka.
IV.4.6 Prosedur Aplikasi
Subbab ini utamanya akan menjelaskan mengenai bagaimana aplikasi akan

mengatasi kompleksitas data yang ada dalam menjawab kebutuhan pihak mitra
dan juga mengilustrasikan evaluasi yang telah dipaparkan sebelumnya.
Penanganan kompleksitas data akan tergambar melalui diagram pada gambar IV.6
dan IV.7 yang dibungkus dengan prosedur berjalannya aplikasi.
1. Autentikasi dan Pengelolaan Pengguna
Terdapat dua role pengguna yang bisa mengakses aplikasi web, berikut
penggambaran aplikasi dalam memproses hal tersebut hingga pengelolaan
pengguna lainnya pada aplikasi.
31
Gambar IV.6 BPMN Autentikasi dan Pengelolaan Pengguna

32
2. Pengelolaan dan Pemberian Materi

Seperti yang telah disampaikan pada bagian analisis kebutuhan pihak CV
Garuda activity (materi) bisa terdiri dari rangkaian teks, foto, dokumen,
maupun video. Berikut penggambaran bagaimana aplikasi menangani
keberagaman data yang dapat berada pada activity hingga pemberiannya
terhadap peserta onboarding.
33
Gambar IV.7 BPMN Pengelolaan dan Pemberian Materi

34
IV.5 Analisis Aplikasi Yang Akan Dibangun
Bagian ini menjelaskan mengenai hasil dari analisis menghasilkan requirement

sistem yang akan dibangun. Analisis sistem yang akan dibangun meliputi analisis
stakeholder, bisnis proses, aturan bisnis, data yang diperlukan, dan domain model.
IV.5.1 Analisis Stakeholder
Stakeholder yang terlibat yaitu Super Admin, Admin, Mentor, dan Peserta
Onboarding. Tiap stakeholder pada sistem memiliki peran dan batasannya Peran
dan batasan tersebut tercantum pada tabel IV.5.
Tabel IV.5 Stakeholder Sistem Yang Akan Dibangun
1 Mentor Mentor merupakan stakeholder yang menggunakan

aplikasi mobile. Peran mentor dalam aplikasi adalah untuk
memonitoring progress peserta onboarding dan melakukan
validasi terhadap hasil penyelesaian activity peserta.
2 Peserta Onboarding Peserta onboarding merupakan stakeholder yang

menggunakan aplikasi mobile untuk mengakses activity
apa saja yang harus dilakukan, dan mencatat progres setiap
activity.
3 Super Admin Super Admin merupakan stakeholder yang menggunakan

aplikasi web yang berperan dalam pengelolaan user
(pengguna aplikasi mobile), pengelolaan admin (pengguna
aplikasi web), dan pengelolaan activity.
4 Admin Admin merupakan stakeholder yang menggunakan aplikasi

web yang berperan dalam pengelolaan user (pengguna
aplikasi mobile), dan pengelolaan activity.
IV.5.2 Analisis Pembagian Kerja Client Dan Server
Pada dasarnya client hanya bekerja untuk menampilkan data dan menerima input
data dari user, namun ada beberapa proses yang juga ditangani oleh client setelah
mendapatkan data dari server, sebagai berikut.
1. Proses sorting data peserta onboarding berdasarkan progres untuk
menampilkan leaderboard.
35
2. Proses menampilkan data activity yang dimiliki oleh setiap peserta

onboarding.
IV.5.3 Increment 1
Sub-bab ini menjelaskan fitur yang akan dikembangkan pada aplikasi. Aplikasi
terbagi menjadi aplikasi web admin dan aplikasi mobile. Berikut akan dijelaskan
fitur yang menjadi target increment 1.
IV.5.3.1 Analisis Fitur Yang Dikembangkan
IV.5.3.1.1 Fitur Web Admin
Berikut merupakan fitur web admin yang akan dikembangkan pada increment 1.
1. Authentication
Pada fitur ini dilakukan proses validasi email dan password user terhadap
admin yang ingin mengakses aplikasi web untuk admin.
2. Pengelolaan Admin
Aplikasi ini hanya akan digunakan oleh internal CV Garuda, sehingga
penambahan dan penghapusan admin yaitu pengguna dari aplikasi web akan
dilakukan oleh super admin. Fitur ini memungkinkan super admin untuk
menambah admin dengan role terdaftar yaitu super admin dan admin yang
membutuhkan untuk mengakses aplikasi web.
3. Pengelolaan User Mobile
Aplikasi ini hanya akan digunakan oleh internal CV Garuda, sehingga
penambahan dan penghapusan pengguna (user) dari aplikasi mobile akan
dilakukan oleh super admin dan admin. Fitur ini memungkinkan super
admin dan admin untuk menambah user dengan role terdaftar yaitu mentor
dan peserta onboarding yang membutuhkan untuk mengakses aplikasi
mobile.
4. Pengelolaan Jobtitle
Fitur ini memungkinkan super admin dan admin untuk mengelola data
jobtitle, mulai dari menambah, mengubah, menghapus data jobtitle pada
36
aplikasi. Jobtitle juga menjadi salah satu data identitas yang dimiliki setiap
akun yang terdaftar pada aplikasi.
5. Melihat Role
Fitur ini memungkinkan super admin dan admin untuk melihat data role
yang ada pada aplikasi web maupun mobile. Berbeda dengan fitur
sebelumnya, data role pada aplikasi hanya bisa dilihat saja tidak bisa diubah
ataupun dihapus, karena untuk saat ini data role akan digunakan untuk
pengaturan hak akses aplikasi web maupun mobile dan dibuat statis.
IV.5.3.1.2 Fitur Aplikasi Mobile (peserta Onboarding)
Berikut merupakan fitur aplikasi mobile untuk peserta yang akan dikembangkan
pada increment 1.
1. Authentication
peserta yang ingin mengakses aplikasi mobile onboarding karyawan.
2. View dan Edit Profile
Pada fitur ini aplikasi akan menampilkan halaman profile yang berisi data
user dan memungkinkan peserta untuk dapat mengubah data pribadinya
pada halaman profile.
IV.5.3.1.3 Fitur Aplikasi Mobile (mentor)
Tidak ada fitur aplikasi mobile untuk mentor yang akan dikembangkan pada
increment 1.
IV.5.4 Increment 2
37
1. Pengelolaan Activity
Fitur ini digunakan untuk menambah, melihat, mengubah, dan mengedit
activity yang nantinya akan diberikan pada peserta lewat aplikasi mobile.
Activity merupakan kegiatan yang harus dilakukan oleh peserta onboarding.
Activity terdiri dari serangkaian activity detail. Activity detail dapat berupa
teks, gambar, dokumen, video, maupun to do list.
2. Assign Activity Kepada Peserta Onboarding
Fitur ini digunakan untuk mengirimkan activity baru kepada peserta
onboarding. Data yang akan dikirimkan yaitu activity yang sudah dibuat
sebelumnya. Selain itu juga akan dikirim data tanggal dan waktu mulai,
tanggal dan waktu berakhir, beserta status dengan nilai awal assigned.
3. Pengelolaan Kategori Activity
Fitur ini digunakan untuk menggolongkan activity kedalam kategori-
kategori yang diinginkan oleh pihak CV Garuda. Kategori yang sudah ada
yaitu 1 Week Activity, 1 Months Activity, 2 Months Activity, dan 3
Months Activity, namun kategori tersebut bisa diubah nama dan juga
durasinya.
4. Melihat Activity Owned
Fitur ini digunakan untuk melihat daftar peserta onboarding beserta activity
yang dimiliki atau sudah diberikan oleh admin. Activity owned akan terdiri
dari waktu dimulai dan berakhir, juga status yang terdiri dari assigned, on
progress, submitted, late, rejected dan completed.
pada increment 2.
1. Lihat Activity
38
Fitur ini merupakan fitur dimana peserta dapat mengakses materi pada
activity yang tersedia. Peserta harus memilih kategori activity untuk dapat
melihat semua daftar activity yang ada. Kemudian, peserta dapat memilih
salah satu activity untuk melihat detail lengkapnya.
2. Submit Activity
Fitur ini digunakan apabila peserta telah selesai mengerjakan suatu
activity, yang kemudian tinggal menunggu validasi dari mentor.
3. Change Password
Fitur ini dapat diakses di halaman profile apabila peserta ingin mengubah
passwordnya, dikarenakan password awal akan ditentukan oleh admin.
Berikut merupakan fitur aplikasi mobile untuk mentor yang akan dikembangkan
pada increment 2.
1. Authentication
mentor yang ingin mengakses aplikasi mobile onboarding karyawan.
Pada fitur ini aplikasi akan menampilkan halaman profile yang berisi data
user. Kemudian mentor dapat mengubah data pribadinya pada halaman
profile jika terdapat kesalahan.
3. Change Password
Fitur ini dapat diakses di halaman profile apabila mentor ingin mengubah
passwordnya, dikarenakan password awal akan ditentukan oleh admin.
IV.5.5 Increment 3
39
1. Pengelolaan Home Activity.
Home Activity pada dasarnya hampir sama dengan activity hanya saja,
home activity akan ditampilkan di halaman home aplikasi mobile peserta
onboarding, dan tidak memiliki tenggat waktu maupun status.
2. Change Password
Fitur digunakan apabila superadmin/admin ingin mengubah passwordnya,
dikarenakan password awal akan ditentukan oleh superadmin/admin yang
membuat akun tersebut.
3. Change Password pengguna aplikasi lain oleh admin
Superadmin dan admin bisa mengubah password pengguna lainnya. Fitur
ini digunakan apabila pengguna lain baik aplikasi web maupun mobile
lupa dengan password yang dimiliki.
pada increment 3.
1. Notifikasi, jika activity telah divalidasi oleh mentor
Fitur ini digunakan untuk memberi follow up kepada peserta bahwa activity
sudah divalidasi oleh mentor.
2. Progress Bar
Fitur ini digunakan untuk melihat progres onboarding yang telah dilakukan
oleh peserta onboarding. Perhitungan yang dilakukan adalah jumlah
activity yang sudah diselesaikan dibagi jumlah activity keseluruhan yang
kemudian ditampilkan persentasenya.
3. Leaderboard
Fitur ini mengakomodasi peserta untuk dapat melihat peringkat peserta
berdasarkan activity yang telah diselesaikan. Leaderboard ini ditampilkan
40
dalam bentuk list untuk memudahkan mentor memantau kinerja peserta

onboarding.
4. Lihat Home Activity
Fitur ini merupakan fitur dimana peserta dapat mengakses materi pada
activity yang tersedia dengan tipe home.
Berikut merupakan fitur aplikasi mobile untuk mentor yang akan dikembangkan
pada increment 3.
1. Lihat daftar activity berdasarkan peserta
Fitur ini digunakan untuk melihat daftar activity yang dimiliki oleh setiap
peserta beserta status dari activity tersebut. Status dari activity terdiri dari
assigned, on progress, dan completed. Mentor bisa memilih salah satu dari
peserta yang ada untuk ditampilkan activity yang dimiliki olehnya.
2. Validasi penyelesaian activity
Fitur ini mengakomodasi user (mentor) untuk melakukan validasi terhadap
activity yang telah diselesaikan oleh peserta onboarding. Mentor dapat
melakukan validasi apakah activity yang telah dikerjakan itu benar ataupun
tidak. Apabila validasi ditolak maka status activity user belum completed.
3. Notifikasi, jika ada peserta yang baru submit activity
Fitur ini digunakan untuk memberi follow up kepada mentor. Follow up
yang diberikan adalah berupa notifikasi apabila ada peserta yang sudah
menyelesaikan suatu activity.
4. Progress Bar
Fitur ini digunakan mentor untuk mengawasi perkembangan setiap peserta.
Perhitungan yang dilakukan adalah jumlah activity yang sudah diselesaikan
dibagi jumlah activity keseluruhan yang kemudian ditampilkan
persentasenya.
5. Leaderboard
Fitur ini mengakomodasi mentor untuk dapat melihat peringkat peserta
berdasarkan activity yang telah diselesaikan. Leaderboard ini ditampilkan
41
dalam bentuk list untuk memudahkan mentor memantau kinerja peserta

onboarding.
IV.5.6 Analisis Aturan Bisnis
Analisis ini dibuat berdasarkan evaluasi masalah pada aturan bisnis yang telah
dipaparkan sebelumnya pada subbab IV.4.5 dan bertujuan untuk mengetahui
analisis aturan bisnis pada sistem yang dibangun. Analisis aturan bisnis pada
sistem yang dibangun dapat dilihat pada tabel IV.6.
Tabel IV.6 Aturan Bisnis Sistem Yang Dibangun
No Aturan Bisnis
1 Mentor bertugas untuk mengawasi dan memvalidasi penyelesaian dari peserta onboarding.
2 Peserta onboarding merupakan karyawan baru di CV Garuda yang diberikan pembekalan

setelah menjadi karyawan di CV Garuda.
3. Apabila peserta onboarding telat mengerjakan activity, maka mentor akan mengingatkan
peserta onboarding.
4. Super admin bertugas mengelola user untuk menambah dan menghapus user untuk semua
role.
5. Hak akses user atas aplikasi sesuai dengan role yang didaftarkan oleh super admin.
6. Password user untuk masuk ke aplikasi mobile akan diberikan oleh super admin setelah
dilakukan penambahan user.
7. Super admin bertugas mengelola activity untuk menambah, mengedit dan menghapus.
8. Apabila activity telah di assign oleh admin kepada peserta onboarding, namun activity
tersebut belum pernah dibuka oleh peserta onboarding, maka status activity adalah
assigned.
9. Apabila activity sudah dibuka dan belum di submit oleh peserta onboarding, maka status
activity adalah on progress.
10. Apabila activity telah di submit oleh peserta onboarding, maka status activity adalah
submitted.
11. Apabila peserta onboarding telat menyelesaikan activity dan telah melebihi batas waktu,
maka status activity adalah late.
12. Apabila validasi activity diterima oleh mentor, maka status activity adalah completed.
13. Apabila validasi activity ditolak oleh mentor, maka status activity adalah rejected.
14. Apabila data peserta onboarding dihapus dari database, maka data activity yang pernah
42
No Aturan Bisnis
dikerjakan tidak akan bisa diakses.
15. Apabila data activity dihapus dari database, maka data activity detail (konten dari activity)
juga akan terhapus.
16. Data jobtitle tidak bisa dihapus apabila terdapat data user.
17. Data kategori activity tidak bisa dihapus apabila terdapat data activity.
18. Password minimal 8 karakter yang terdiri dari karakter kapital, karakter non kapital, dan
angka.
IV.5.7 Analisis Data Yang Dibutuhkan
Pada bagian ini akan dijelaskan mengenai analisis data yang akan diperlukan, data
yang akan diproses, dan data yang dihasilkan oleh sistem. Agar sistem dapat
berjalan sebagaimana mestinya.
IV.5.7.1 Data Role
Data Role merupakan data seluruh role pengguna yang ada dalam sistem. Data ini
digunakan untuk menentukan hak akses dari setiap pengguna. Selain itu data ini
akan berelasi dengan data user dan data admin. Data Role dihasilkan dari analisis
yang dilakukan pada increment 1. Data ini berupa tabel yang didalamnya terdapat
beberapa kolom yang berisi data berikut :
1. id, digunakan untuk membedakan setiap role pada sistem. Contoh : “1”.
2. role_name, digunakan untuk mengetahui nama dari role yang ada pada
sistem. Contoh : “admin”.
3. role_description, digunakan untuk menjelaskan hak akses apa saja yang
dimiliki oleh role tersebut. Contoh : “Dapat mengelola seluruh user dan
mengelola konten activity”.
4. role_platform, digunakan untuk mengetahui platform yang digunakan role
tersebut antara platform mobile atau website. Contoh : “Mobile”.
43
IV.5.7.2 Data Job Title
Data Job Title merupakan data seluruh pekerjaan atau jabatan dalam perusahaan
yang terdapat dalam sistem. Data ini hanya akan menjadi pelengkap dari data
setiap user, namun kedepannya bisa dikembangkang supaya data ini bisa
digunakan untuk menentukan activity yang dapat diakses peserta onboarding
sesuai dengan job title, pekerjaan, atau jabatan dalam perusahaan. Selain itu data
ini akan berelasi dengan data user. Data Job Title dihasilkan dari analisis yang
dilakukan pada increment 1. Data ini berupa tabel yang didalamnya terdapat
1. id, digunakan untuk membedakan setiap job title pada sistem. Contoh :
“1”.
2. jobtitle_name, digunakan untuk mengetahui nama job title, pekerjaan atau
jabatan yang ada pada sistem. Contoh : “Mobile Developer”.
3. jobtitle_description, digunakan untuk menjelaskan apa yang dilakukan
oleh job title, pekerjaan atau jabatan tersebut pada kenyataannya. Contoh :
“Membangun aplikasi berbasis mobile”.
IV.5.7.3 Data Admin
Data Admin merupakan data seluruh pengguna dengan role superadmin dan
admin pada sistem. Data ini digunakan untuk mengetahui pengguna dengan role
superadmin dan admin agar dapat menggunakan aplikasi sesuai dengan hak
aksesnya. Selain itu data ini akan berelasi dengan data role. Data Admin
dihasilkan dari analisis yang dilakukan pada increment 1. Data ini berupa tabel
yang didalamnya terdapat beberapa kolom yang berisi data berikut.
1. email, digunakan untuk membedakan setiap akun pengguna dengan role
superadmin atau admin pada sistem. Contoh : “admin@example.com”.
2. password, digunakan untuk memverifikasi akun pengguna yang terdapat
dalam sistem. Contoh : “12345/*****”.
3. admin_name, digunakan untuk mengetahui nama pemilik akun pengguna
dengan role superadmin atau admin tersebut. Contoh : “Dean”.
44
4. role_id, digunakan untuk membedakan role yang dimiliki oleh akun

pengguna sebagai superadmin atau admin. Data ini berelasi dengan data
role. Contoh : “1”.
5. jobtitle_id, digunakan untuk membedakan jobtitle yang dimiliki oleh akun
tersebut. Contoh : “1”.
6. gender, digunakan untuk mengetahui gender dari pemilik akun yang ada
pada sistem. Contoh “Perempuan”.
7. birth_date, digunakan untuk mengetahui tanggal lahir dari pemilik akun
yang ada pada sistem. Contoh “2000-02-20”.
8. phone_number, digunakan untuk mengetahui nomor telepon dari pemilik
akun yang ada pada sistem. Contoh “08123456789”.
9. active, digunakan untuk mengetahui akun tersebut aktif atau tidak. Jika
dalam keadaan aktif, maka akun tersebut dapat melakukan login pada
aplikasi. sebaliknya, jika kondisi tidak aktif maka akun tersebut tidak
dapat melakukan login pada aplikasi. Contoh : “True”.
IV.5.7.4 Data User
Data User merupakan data seluruh pengguna aplikasi mobile yaitu mentor dan
peserta onboarding, perbedaannya terdapat pada role yang dimiliki. Apabila
sebuah user terdaftar sebagai peserta onboarding, maka dia hanya bisa mengakses
aplikasi mobile khusus peserta onboarding. Apabila sebuah user terdaftar sebagai
mentor, maka dia hanya bisa mengakses aplikasi mobile khusus mentor. Data ini
digunakan untuk mengetahui pengguna dengan role mentor dan peserta agar dapat
menggunakan aplikasi sesuai dengan hak aksesnya. Selain itu data ini akan
berelasi dengan data role, data job title. Data User dihasilkan dari analisis yang
dilakukan pada increment 1. Data ini berupa tabel yang didalamnya terdapat
1. email, digunakan untuk membedakan setiap akun pengguna dengan role
mentor atau peserta pada sistem. Contoh : “peserta@example.com”.
2. password, digunakan untuk memverifikasi akun pengguna yang terdapat
dalam sistem. Contoh : “12345/*****”.
45
3. name, digunakan untuk mengetahui nama pemilik akun pengguna dengan

role mentor atau peserta tersebut. Contoh : “Dean”.
4. role_id, digunakan untuk membedakan role yang dimiliki oleh akun
pengguna sebagai mentor atau peserta. Data ini berelasi dengan data role.
Contoh : “1”.
5. jobtitle, digunakan untuk membedakan job title, pekerjaan atau jabatan
yang dimiliki oleh akun pengguna tersebut. Data ini berelasi dengan data
job title. Contoh : “1”.
6. gender, digunakan untuk mengetahui gender dari pemilik akun pengguna
yang ada pada sistem. Contoh “Perempuan”.
7. birth_date, digunakan untuk mengetahui tanggal lahir dari pemilik akun
pengguna yang ada pada sistem. Contoh “2000-02-20”.
8. phone_number, digunakan untuk mengetahui nomor telepon dari pemilik
akun pengguna yang ada pada sistem. Contoh “08123456789”.
9. progress, digunakan untuk mengetahui berapa banyak activity yang telah
diselesaikan oleh peserta. Contoh “0,5” .
10. finishedActivities, digunakan untuk mengetahui jumlah activity yang telah
diselesaikan oleh peserta onboarding. Contoh : “5”.
11. assignedActivtiies, digunakan untuk mengetahui jumlah activity yang
telah di-assign kepada peserta onboarding. Contoh : “10”.
12. pendidikan_terakhir, digunakan untuk mengetahui tingkat pendidikan
terakhit yang dimiliki oleh peserta onboarding. Contoh : “SMA”.
13. ijazah_link, digunakan untuk menampilkan ijazah yang dimiliki peserta
onboarding¸ Contoh : “api/ShowPdf/ijazah.pdf”.
14. active, digunakan untuk mengetahui akun tersebut aktif atau tidak. Jika
dalam keadaan aktif, maka akun tersebut dapat melakukan login pada
aplikasi. sebaliknya, jika kondisi tidak aktif maka akun tersebut tidak
dapat melakukan login pada aplikasi. Contoh : “True”.
46
IV.5.7.5 Data Activity Category
Data Activity Category merupakan data seluruh category yang dimiliki oleh setiap
activity ada dalam sistem. Data ini digunakan untuk mengelompokan setiap
activity sesuai dengan category yang dimilikinya. Selain itu data ini akan berelasi
dengan data actvities dan data activities_owned. Data Activity Category
dihasilkan dari analisis yang dilakukan pada increment 2. Data ini berupa tabel
yang didalamnya terdapat beberapa kolom yang berisi data berikut :
1. id, digunakan untuk membedakan setiap category pada sistem. Contoh :
“1”
2. category_name, digunakan untuk mengetahui nama dari category yang ada
pada sistem. Contoh : “1 week”.
3. category_description, digunakan untuk mendeskripsikan arti atau maksud
dari category tersebut. Contoh : “Activity yang harus dikerjakan dalam
waktu satu minggu”.
IV.5.7.6 Data Activity
Data Activity merupakan data seluruh activity yang harus dilakukan oleh peserta
onboarding. Data ini digunakan untuk mengetahui activity apa saja yang ada pada
pelaksanaan onboarding . Selain itu data ini akan berelasi dengan data activity
category, activity detail, data activities owned. Data Activity dihasilkan dari
analisis yang dilakukan pada increment 2. Data ini berupa tabel yang didalamnya
terdapat beberapa kolom yang berisi data berikut :
1. id, digunakan untuk membedakan setiap activity pada sistem. Contoh :
“1”.
2. activity_name, digunakan untuk mengetahui nama activity yang ada pada
sistem. Contoh : “Sharetech”.
3. activity_description, digunakan untuk menjelaskan apa yang dilakukan
pada activity tersebut. Contoh : “Kegiatan untuk berbagi ilmu pengetahuan
mengenai teknologi”.
47
4. category_id, digunakan untuk mengetahui activity tersebut termasuk ke

dalam category yang mana. Contoh : “1”.
5. type, digunakan untuk mengetahui type activity tersebut termasuk ke
dalam type yang mana. ada dua type yaitu activity dan home. activity
bertype home hanya akan di tampilkan di halaman home peserta
onboarding. Contoh : “home”, “activity”.
IV.5.7.7 Data Activity Owned
Data Activity Owned merupakan data seluruh activity yang dimiliki oleh peserta
onboarding. Data ini digunakan untuk mengetahui activity apa saja yang telah
diberikan atau dimiliki oleh peserta onboarding. Selain itu data ini akan berelasi
dengan data activity category, activity, dan user. Data Activity Owned dihasilkan
dari analisis yang dilakukan pada increment 2. Data ini berupa tabel yang
didalamnya terdapat beberapa kolom yang berisi data berikut :
1. user_email, digunakan untuk mengetahui email peserta onboarding atau
akun peserta onboarding mana yang memiliki activity owned tersebut.
Contoh : “peserta@example.com”.
2. activity_id, digunakan untuk mengetahui activity owned tersebut termasuk
ke dalam activity yang mana. Contoh : ”1”.
3. start_date, digunakan untuk mengetahui tanggal dimulainya activity
owned yang diberikan kepada peserta onboarding. Contoh ; “2022-05-22”.
4. end_date, digunakan untuk mengetahui tanggal berakhirnya activity
owned yang diberikan kepada peserta onboarding. Contoh ; “2022-05-29”.
5. status, digunakan untuk mengetahui status activity owned yang berikan
kepada peserta onboarding. Contoh : “1”.
6. mentor_email, digunakan untuk mengetahui email mentor mana yang
memiliki activity owned tersebut. Contoh : “mentor@example.com” .
7. activity_note, digunakan untuk memberikan catatan yang dapat disertakan
pada activity owned yang diberikan kepada peserta onboarding. Contoh :
“Pahami peraturan perusahaan yang ada pada dokumen”.
48
IV.5.7.8 Data Activity Detail
Data Activity Detail merupakan data seluruh activity detail yang dimiliki oleh
activity. Data ini digunakan untuk mengetahui konten apa saja yang terdapat di
dalam activity. Selain itu data ini akan berelasi dengan data activity. Data Activity
Detail dihasilkan dari analisis yang dilakukan pada increment 2. Data ini berupa
tabel yang didalamnya terdapat beberapa kolom yang berisi data berikut :
1. id, digunakan untuk membedakan setiap activity detail pada sistem.
Contoh : “1”.
2. activity_id, digunakan untuk mengetahui activity detail tersebut termasuk
ke dalam activity yang mana. Contoh : ”1”.
3. detail_name, digunakan untuk mengetahui nama activity detail yang ada
pada sistem. Contoh : “Video Sharetech”.
4. detail_description, digunakan untuk menjelaskan apa yang terdapat pada
activity detail tersebut. Contoh : “Video kegiatan sharetech selama 10
menit”.
5. detail_link, digunakan untuk memperoleh url yang akan menampilkan
konten yang dapat berupa gambar, video, atau pdf pada activity detail
tersebut. Contoh : “api/ShowVideo/sharetech.mp4”.
6. detail_type, digunakan untuk mengetahui type activity detail tersebut
termasuk ke dalam type yang mana. Contoh : “video””.
7. detail_urutan, digunakan untuk menentukan urutan tampilan dari activity
detail. Contoh : “1”.
IV.5.8 Analisis Penggunaan Teknologi Pengembangan Aplikasi
1. Teknologi Front-End dan Aplikasi Mobile

Teknologi yang digunakan dalam pengembangan aplikasi di bagian front-
end dan aplikasi mobile adalah Flutter. Teknologi ini digunakan sebagai
client dari aplikasi yang berhubungan langsung dengan pengguna. Dalam
implementasinya, terdapat beberapa library open-source yang digunakan
dalam pengembangan, sebagai berikut.
49
a. Provider
Library Provider digunakan sebagai state management tool dalam
mengembangkan aplikasi. Penjelasan mengenai provider dan state
management terdapat pada bab V.1.1.2 Deskripsi Layer Aplikasi
Web.
b. HTTP
Library HTTP digunakan untuk berhubungan dengan back-end
dari aplikasi menggunakan API.
c. File Picker
Berdasarkan kebutuhan pihak mitra, activity bisa terdiri dari
rangkaian teks, dokumen, foto, dan video. Karena itu aplikasi
memerlukan sebuah library untuk memilih file yang ada pada
device pengguna, yaitu library File Picker.
d. Chewie
Berdasarkan kebutuhan pihak mitra, activity bisa terdiri dari
rangkaian teks, dokumen, foto, dan video. Karena itu aplikasi
memerlukan sebuah pemutar video, maka digunakanlah library
Chewie sebagai pemutar video.
e. Flutter Downloader
Apabila terdapat sebuah dokumen pdf pada activity aplikasi tidak
akan menampilkan konten dokumen tersebut, melainkan akan
menyediakan fitur untuk mengunduh dokumen tersebut. Maka dari
itu library Flutter Downloader digunakan.
2. Teknologi Back-End
Teknologi yang digunakan dalam pengembangan aplikasi di bagian back-
end adalah asp.net dari .NET Framework. Teknologi ini digunakan dalam
pembuatan fungsi dan logika bisnis dari aplikasi, membuat API. hingga
pengelolaan database. Dalam implementasinya, metode atau pattern yang
diterapkan untuk memisahkan fungsi dari setiap logika bisnis adalah
dengan membuat beberapa hal berikut.
50
a. Model yaitu data yang sesuai dengan entitas class setiap objek yang
sesuai dengan kebutuhan database
b. Form yaitu model yang digunakan untuk mengelola data sesuai
dengan client request untuk diterima oleh controller lalu di
generate sehingga sesuai dengan model yang sesuai dengan data
dalam database
c. Controller yaitu fungsi yang berisi method untuk mengolah data
sehingga menghasilkan API yang nantinya dapat digunakan oleh
bagian front-End.
Selain metode dan pattern yang digunakan dalam implementasi
pengelolaan data dan pembuatan API, pada teknologi asp.net ini juga
menggunakan package atau library untuk memenuhi kebutuhan aplikasi,
diantaranya sebagai berikut.
a. Entity Framework Core digunakan agar aplikasi dapat bekerja
dengan database dengan object framework ini juga dapat
mengurangi kode program untuk mengakses database, karena
digantikan oleh class dan method yang telah disediakan oleh
framework ini.
b. AspNetCore.Authorization digunakan untuk memverifikasi
pengguna apakah diizinkan menggunakan aplikasi atau tidak.
c. AspNetCore.Cors digunakan untuk memverifikasi aplikasi
digunakan sesuai dengan role pengguna.
3. Teknologi RDBMS
Teknologi yang digunakan sebagai RDBMS pada aplikasi yang
dikembangkan adalah PostgreSQL. Di dalam database ini data disimpan
dalam tabel database. Namun setiap tabel database dibuat otomatis hasil
dari generate program di back-end sehingga PostgreSQL ini hanya
digunakan sebagai media penyimpanan semua data pada aplikasi kecuali
data file yang disimpan di server.
51
IV.5.9 Domain Model
Pada bagian ini dijelaskan terkait domain model yang diusulkan berdasarkan hasil
analisis yang telah dipaparkan sebelumnya yang digambarkan pada gambar IV.8.
Gambar IV.8 Domain Model
IV.6 Kesimpulan Analisis
Berdasarkan analisis-analisis yang telah diuraikan diatas, berikut beberapa

kesimpulan yang dapat diambil dan digunakan dalam pengembangan aplikasi
onboarding karyawan.
1. Terdapat perubahan stakeholder serta perannya dari pelaksanaan
onboarding sebelumnya, yaitu penambahan super admin dan admin untuk
mengatur pengguna dan materi onboarding pada aplikasi. Peserta
onboarding memiliki peran tambahan pada pelaksanaan onboarding dalam
aplikasi, dan perang mentor dalam pelaksanaan onboarding berkurang.
2. Dengan adanya aplikasi, mentor tidak perlu lagi memberikan materi
ataupun tugas kepada peserta, hal tersebut akan dilakukan oleh super
admin atau admin.
52
3. Dengan adanya aplikasi, pencatatan progres setiap peserta onboarding

akan dilakukan secara mandiri sehingga mentor tidak perlu lagi mengisi
Spreadsheet monitoring.
4. Dengan adanya leaderboard dan progress bar pada aplikasi, mentor bisa
memonitor setiap progres dari peserta onboarding.
BAB V
PERANCANGAN
Pada bab ini, dijelaskan perancangan dari aplikasi yang akan dikembangkan.
Perancangan dibuat dengan memperhatikan analisis dijelaskan pada BAB IV.
BAB perancangan ini terbagi menjadi dua jenis yaitu perancangan model statis
yang berisi penjelasan tentang perancangan arsitektur aplikasi, perancangan kelas,
perancangan database, dan perancangan data model. Sementara perancangan
dinamis terdiri dari perancangan interaksi antar objek, perancangan tampilan
aplikasi dan perancangan alur kegiatan actor terhadap sistem. Lalu terdapat juga
matriks untuk menjelaskan keterkaitan perancangan dengan requirement.
V.1 Perancangan Model Statis
Pada sub bab ini, dijelaskan mengenai perancangan model statis yang terdiri dari
perancangan arsitektur aplikasi beserta deskripsi setiap layernya, perancangan
kelas yang digambarkan dengan class diagram, perancangan database yang
digambar dengan skema database, dan perancangan data model yang terbagi
menjadi perancangan logical data model dan perancangan physical data model.
V.1.1 Perancangan Arsitektur Aplikasi
Pada sub bab ini dijelaskan mengenai perancangan arsitektur aplikasi yang dapat
dilihat pada gambar V.1 s.d. V.4. Perancangan arsitektur aplikasi dijelaskan
menggunakan packages diagram. Pembuatan packages diagram ini akan mengacu
pada sub bab IV.4.8 mengenai analisis penggunaan teknologi pada aplikasi. Selain
itu packages diagram ini juga menggambar secara detail mengenai apa saja isi
dari package yang berkaitan dengan setiap komponen pada aplikasi ini, seperti
yang telah digambarkan pada SRS bab II.1.
54
Gambar V.1 Package Diagram

55
Gambar V.2 Package Diagram Aplikasi Web

56
Gambar V.3 Package Diagram Aplikasi Mobile

57
Gambar V.4 Package Diagram Aplikasi Mobile Mentor

58
Keterangan mengenai isi dari package diagram tersebut akan dijelaskan pada
tabel V.1 s.d. V.4 yang dibagi menjadi tiga yaitu, deskripsi layer Back-End
Aplikasi Onboarding, layer Aplikasi Web, layer Aplikasi Mobile, dan layer
Aplikasi Mobile Mentor.
V.1.1.1 Deskripsi Layer Back-End Aplikasi
Tabel V.1 Deskripsi Layer Back-End Aplikasi
No. Nama Package Deskripsi
1. Back-End Aplikasi Onboarding Berisi aplikasi default framework asp.net
2. Controller Berisi fitur dari aplikasi onboarding
3. Model Berisi class untuk memetakan tabel data yang ada pada
database
4. Form Berisi class yang berfungsi menerima input data dari

aplikasi
5. API - Controller Berisi fungsi untuk menggunakan API dari fitur aplikasi
sesuai dengan yang diinginkan package Front-End
Aplikasi Onboarding
6. User - Model Berisi class yang berhubungan dengan tabel user di

database
7. Admin - Model Berisi class yang berhubungan dengan tabel admin di

database
8. Roles - Model Berisi class yang berhubungan dengan tabel roles di

database
9. Jobtitle - Model Berisi class yang berhubungan dengan tabel jobtitle di

database
10. ActivityCategory - Model Berisi class yang berhubungan dengan tabel activity
category di database
11. Activity - Model Berisi class yang berhubungan dengan tabel activity di
database
12. ActivityDetail - Model Berisi class yang berhubungan dengan tabel activity
detail di database
13. ActivityOwned - Model Berisi class yang berhubungan dengan tabel activity
owned di database
14. login - Form Berisi class yang berfungsi untuk menerima data dari
form login pada aplikasi
59
15. registerUser - Form Berisi class untuk menerima input data dari form register
user pada aplikasi
16. registerAdmin - Form Berisi class untuk menerima input data dari form register
admin pada aplikasi
17. editUser - Form Berisi class untuk menerima input data dari form edit
user pada aplikasi
18. editAdmin - Form Berisi class untuk menerima input data dari form edit
admin pada aplikasi
19. editPassword - Form Berisi class untuk menerima input data dari form edit
password pada aplikasi
20. addActivityOwned - Form Berisi class untuk menerima input data dari form add
activity owned pada aplikasi
21. editActivityOwned - Form Berisi class untuk menerima input data dari form edit
activity owned pada aplikasi
22. addCategory - Form Berisi class untuk menerima input data dari form add
activity category pada aplikasi
23. editCategory - Form Berisi class untuk menerima input data dari form edit
24. addActivity - Form Berisi class untuk menerima input data dari form add
activity pada aplikasi
25. editActivity - Form Berisi class untuk menerima input data dari form edit
26. addActivityDetail - Form Berisi class untuk menerima input data dari form add
activity detail pada aplikasi
27. editActivityDetail - Form Berisi class untuk menerima input data dari form edit
activity detail pada aplikasi
28. Database Server Berisi tempat sekumpulan data aplikasi yang tersimpan
29. PostgreSQL - Database Server RDBMS yang digunakan untuk meyimpan data
V.1.1.2 Deskripsi Layer Aplikasi Web
Flutter, yaitu framework yang digunakan dalam pengembangan aplikasi web dan
juga mobile bersifat deklaratif, artinya UI yang dibangun akan didasarkan pada
state(status/keadaan aplikasi) yang sedang berlaku sebagaimana digambarkan
60
pada gambar V.5. Ketika state dari aplikasi berubah maka flutter akan
menggambar ulang UInya.
Gambar V.5 Penjelasan UI Pada Flutter

Pada flutter terdapat beberapa state management untuk mengatur penggambaran
ulang ketika state dari aplikasi berubah, seperti provider, bloc, Rx, dll. State
management yang digunakan dalam pengembangan aplikasi web dan mobile
adalah provider.
Provider adalah salah satu state management pada flutter yang memungkinkan
aplikasi untuk tidak menggambar ulang seluruh komponen pada UI sehingga
aplikasi bisa berjalan lebih cepat. Selain itu juga provider akan digunakan sebagai
media komunikasi dengan API yang sudah disediakan oleh back-end aplikasi.
Penjelasan ini juga berlaku untuk subbab V.1.1.3 dan V.1.1.4.

Tabel V.2 Deskripsi Layer Aplikasi Web
1. Aplikasi Web Berisi aplikasi flutter dengan state management provider
2. View Berisi class UI yang akan ditampilkan kepada pengguna
3. LoginPage - View Halaman untuk melakukan autentikasi
4. MainPage - View Halaman utama yang berisi komponen lain pada layer
Dashboard
5. DashboardPage - View Berisi fungsi untuk menampilkan data sesuai menu yang
dipilih
6. Table - View Berisi fungsi untuk menampilkan data dalam bentuk

tabel
7. Provider Berisi class yang akan mengatur state yang ada pada UI,
dan berkomunikasi dengan server melalui API
61
8. AuthProvider - Provider Berisi fungsi untuk mengatur state LoginPage dan

memanggil API untuk login.
9. DataProvider - Provider Berisi fungsi untuk memanggil API.
10. MenuProvider - Provider Berisi fungsi untuk mengatur state MainPage
11. FormProvider - Provider Berisi fungsi mengatur state layer Form
12. Model Berisi class untuk memetakan data yang didapat dari
pemanggilan API
13. User - Model Berisi fungsi untuk menampung data user
14. Roles - Model Berisi fungsi untuk menampung data role
15. ActivityDetail - Model Berisi fungsi untuk menampung data activity detail
16. Jobtitle - Model Berisi fungsi untuk menampung data jobtitle
17. ActivityCategory - Model Berisi fungsi untuk menampung data activity category
18. Admin - Model Berisi fungsi untuk menampung data admin
19. Activity - Model Berisi fungsi untuk menampung data activity
20. ActivityOwned - Model Berisi fungsi untuk menampung data activity owned
V.1.1.3 Deskripsi Layer Aplikasi Mobile
Tabel V.3 Deskripsi Layer Aplikasi Mobile
1. Aplikasi Mobile Berisi aplikasi flutter dengan state management provider
4. DashboardPage - View Halaman utama yang berisi komponen lain pada layer
View
5. LeaderboardPage - View Berisi fungsi untuk menampilkan leaderboard
6. HomePage - Home Halaman pertama yang ditampilkan setelah pengguna

melakukan autentikasi
7. ActivityPage - Activity Berisi fungsi untuk menampilkan progress bar, daftar

activity category, dan daftar activity yang sedang
dikerjakan
62
8. ProfilePage - Profile Berisi fungsi untuk menampilkan data diri pengguna
11. DashboardProvider - Provider Berisi fungsi untuk mengatur state DashboardPage dan
memanggil API
12. LeaderboardProvider - Provider Berisi fungsi untuk mengatur state LeaderboardPage dan
memanggil API
13. HomeProvider - Home Berisi fungsi untuk mengatur state HomePage dan
memanggil API
14. ProfileProvider - Provider Berisi fungsi untuk mengatur state ProfilePage dan
memanggil API
15. ActivityProvider - Activity Berisi fungsi untuk mengatur state ActivityPage dan
memanggil API
pemanggilan API
19. ActivityDetail - Model Berisi fungsi untuk menampung data activity detail
V.1.1.4 Deskripsi Layer Aplikasi Mobile Mentor
Tabel V.4 Deskripsi Layer Aplikasi Mobile Mentor
1. Aplikasi Mobile Mentor Berisi aplikasi flutter dengan state management provider

63
4. DashboardPage - View Halaman utama yang berisi komponen lain pada layer
View
5. LeaderboardPage - View Berisi fungsi untuk menampilkan leaderboard
6. HomePage - View Halaman pertama yang ditampilkan setelah pengguna

7. ActivityPage - View Berisi fungsi untuk menampilkan daftar peserta

onboarding beserta progress bar
8. ProfilePage - View Berisi fungsi untuk menampilkan data diri pengguna
11. DashboardProvider - Provider Berisi fungsi untuk mengatur state DashboardPage dan
memanggil API
12. LeaderboardProvider - Provider Berisi fungsi untuk mengatur state LeaderboardPage dan
memanggil API
13. HomeProvider - Home Berisi fungsi untuk mengatur state HomePage dan
memanggil API
14. ProfileProvider - Provider Berisi fungsi untuk mengatur state ProfilePage dan
memanggil API
15. ActivityProvider - Activity Berisi fungsi untuk mengatur state ActivityPage dan
memanggil API
pemanggilan API
Selain dijelaskan melalui packages diagram, arsitektur aplikasi akan dijelaskan

juga melalui deployment diagram. Deployment diagram digunakan untuk
64
menggambarkan detail bagaimana komponen disusun di infrastruktur sistem.

Perancangan arsitektur dengan deployment diagram akan dijelaskan pada Gambar
V.6.
Gambar V.6 Deployment Diagram

Pada gambar V.6 diatas memperlihatkan pemetaan dari tiap software dan
hardware pada aplikasi onboarding yang akan dikembangkan. Mulai dari aplikasi
client yang berjalan di perangkat mobile (Android), dan aplikasi web admin yang
berjalan di browser. Aplikasi tersebut kemudian mengirimkan http request yang
akan dikirim ke aplikasi server lalu diproses menggunakan API yang sudah
terhubung dengan database (PostgreSQL).
V.1.2 Perancangan Kelas
Pada subbab ini akan dijelaskan mengenai perancangan kelas yang akan
digambarkan dengan sebuah class diagram. Pada pembuatannya, class diagram
akan mengacu pada domain model yang sudah dibuat pada sub bab IV.4.9, di
mana class diagram akan dikembangkan dari domain model tersebut. Selain itu
class diagram juga menggambarkan setiap method yang ada untuk memenuhi
functional requirement pada SRS bab II.2. Rancangan class diagram dapat dilihat
pada gambar V.7 beserta deskripsi dari setiap kelas pada tabel V.5 s.d. V.12.
65
Gambar V.7 Class Diagram

66
Tabel V.5 Deskripsi Class Role
Nama Class Role
Deskripsi Class yang berfungsi untuk menampung informasi role pengguna pada
aplikasi.
Attributes
Nama Visibility Data Type Keterangan
role_id Private Integer Atribut untuk

menampung data id
role.
role_name Private String Atribut untuk

menampung data nama
role.
role_description Private String Atribut untuk

menampung data
deskripsi role.
role_platform Private String Atribut untuk

menampung data
platform role, yang
akan digunakan untuk
menentukan hak akses
pada setiap aplikasi di
platform yang berbeda
Methods
Nama Visibility Return Value Keterangan
createRole(Role) Public Void Method untuk

membuat role baru.
getRole() Public Array of Role Method untuk

mendapatkan list dari
role yang ada.
updateRole(role_id, Public Void Method untuk

Role) mengubah data dari
suatu role.
deleteRole(role_id) Public Void Method untuk

menghapus data role.
detailRole(role_id) Public Role Method untuk

menampilkan data
role.
Responsibility Collaborators
67
Membuat role baru -
Menampilkan daftar seluruh role -
Mengubah data role
Menghapus data role
Menampilkan detail data role
Tabel V.6 Deskripsi Class Jobtitle
Nama Class Jobtitle
Deskripsi Class yang berfungsi untuk menampung informasi jobtitle(posisi dalam

perusahaan).
Attributes
jobtitle_id Private Integer Atribut untuk

menampung data id
jobtitle.
jobtitle_name Private String Atribut untuk

menampung data nama
jobtitle.
jobtitle_id_description Private String Atribut untuk

menampung data
deskripsi jobtitle.
Methods
createJobtitle(Jobtitle) Public Void Method untuk

membuat jobtitle baru.
getJobtitle() Public Array of Jobtitle Method untuk

jobtitle yang ada.
updateJobtitle(jobtitle) Public Void Method untuk

mengubah data dari
suatu jobtitle.
deleteJobtitle(jobtitle_i Public Void Method untuk

d) menghapus data
jobtitle.
68
detailJobtitle(jobtitle_i Public Jobtitle Method untuk

d) menampilkan data
jobtitle.
Membuat jobtitle baru Users
Menampilkan daftar seluruh jobtitle Admin
Mengubah data jobtitle
Menghapus data jobtitle
Menampilkan detail data jobtitle
Tabel V.7 Deskripsi Class Admin
Nama Class Admin
Deskripsi Class yang berfungsi untuk menampung informasi admin pada aplikasi
Attributes
email Private String Atribut untuk

menampung data email
admin.
password Private String Atribut untuk

menampung data
password admin.
role Private Integer Atribut untuk

menampung data id
role admin.
admin_name Private String Atribut untuk

menampung data nama
admin.
jobtitle Private Integer Atribut untuk

menampung data id
jobtitle admin
gender Private String Atribut untuk

menampung data jenis
kelamin admin.
birth_date Private DateTime Atribut untuk

menampung data
69
tanggal lahir admin
phone_number Private String Atribut untuk

menampung data
nomor hp
active Private Boolean Atribut untuk

menampung data
active atau tidaknya
suatu admin
Methods
createAdmin(Admin) Public Void Method untuk

membuat admin baru.
getAdmin() Public Array of Admin Method untuk

admin yang ada.
updateAdmin(Admin) Public Void Method untuk

mengubah data dari
suatu admin.
deleteAdmin(email) Public Void Method untuk

menghapus data
admin.
detailAdmin(email) Public Admin Method untuk

menampilkan data
admin.
changeAdminActive(e Public Void Method untuk

mail) mengubah data active
dari suatu admin
login(email, password) Public Void Method untuk

admin.
logout() Public Void Method untuk

melakukan logout.
Membuat admin baru Role
Menampilkan daftar seluruh admin Jobtitle
Mengubah data admin
Menghapus data admin

70
Menampilkan detail data admin
Mengubah data active dari suatu admin
Melakukan autentikasi admin
Melakukan logout
Tabel V.8 Deskripsi Class User
Nama Class User
Deskripsi Class yang berfungsi untuk menampung informasi pengguna pada aplikasi
Attributes
email Private String Atribut untuk

menampung data email
user.
password Private String Atribut untuk

menampung data
password user.
role Private Integer Atribut untuk

menampung data id
role user.
name Private String Atribut untuk

menampung data nama
admin.
jobtitle Private Integer Atribut untuk

menampung data id
jobtitle user
gender Private String Atribut untuk

menampung data jenis
kelamin user.
birth_date Private DateTime Atribut untuk

menampung data
tanggal lahir user
phone_number Private String Atribut untuk

menampung data
nomor hp user.
progress Private Double Atribut untuk

menampung data
71
progres user.
finishedActivities Private int Atribut untuk

menampung data
jumlah dari activity
yang sudah selesai
assignedActivities Private int Atribut untuk

menampung data
jumlah dari activity
yang belum selesai
pendidikan_terakhir Private String Atribut untuk

menampung data
pendidikan terakhir
user.
ijazah_link Private String Atribut untuk

menampung data link
ijazah
active Private Boolean Atribut untuk

menampung data
active atau tidaknya
suatu user
Methods
createUser(User) Public Void Method untuk

membuat user baru.
getUser() Public Array of User Method untuk

user yang ada.
updateUser(User) Public Void Method untuk

mengubah data dari
suatu user.
deleteUser(email) Public Void Method untuk

menghapus data user.
detailUser(email) Public User Method untuk

menampilkan data
user.
changeUserActive(ema Public Void Method untuk

il) mengubah data active
dari suatu user
changeUserFinishedAc Public Void Method untuk

tivities(email, mengubah data jumlah
finishedActivities) activity yang telah
72
diselesaikan oleh user
changeUserAssignedA Public Void Method untuk

ctivities(email, mengubah data jumlah
assignedActivities) activity yang belum
changeUserProgess(em Public Void Method untuk

ail, progress) mengubah data
persentase activity
yang telah selesai dan
belum selesai dari
suatu user
login(email, password) Public Void Method untuk

user.
logout() Public Void Method untuk

melakukan logout.
Membuat user baru Role
Menampilkan daftar seluruh user Jobtitle
Mengubah data user Activities
Menghapus data user Activities_Owned
Menampilkan detail data user
Mengubah data active dari suatu
Mengubah data jumlah activity yang telah

Mengubah data jumlah activity yang belum

Mengubah data persentase activity yang telah

selesai dan belum selesai dari suatu user
Melakukan autentikasi user
Melakukan logout
Tabel V.9 Deskripsi Class Category
Nama Class Category

73
Deskripsi Class yang berfungsi untuk menampung informasi kategori dari activity.
Attributes
category_id Private Integer Atribut untuk

menampung data id
kategori.
category_name Private String Atribut untuk

menampung data nama
kategori.
category_description Private String Atribut untuk

menampung data
deskripsi kategori.
Methods
createCategory(Catego Public Void Method untuk

ry) membuat category
baru.
getCategory() Public Array of Category Method untuk

category yang ada.
updateCategory(Categ Public Void Method untuk

ory) mengubah data dari
suatu category.
deleteCategory(categor Public Void Method untuk

y_id) menghapus data
category.
detailCategory(categor Public Category Method untuk

y_id) menampilkan data
category.
Membuat category baru Activity
Menampilkan daftar seluruh category
Update data category
Menghapus data category
Menampilkan detail data category

74
Tabel V.10 Deskripsi Class Activity
Nama Class Activity
Deskripsi Class yang berfungsi untuk menampung informasi activity.
Attributes
activity_id Private Integer Atribut untuk

menampung data id
activity.
activity_name Private String Atribut untuk

menampung data nama
activity.
category_id Private Integer Atribut untuk

menampung id
kategori.
activity_description Private String Atribut untuk

menampung data
deskripsi activity.
activity_note Private String Atribut untuk

menampung data
catatan activity.
activity_type Private String Atribut untuk

menampung data type
activity.
Methods
createActivity(Activity Public Void Method untuk

) membuat activity baru.
getActivity() Public Array of Activity Method untuk

activity yang ada.
updateActivity(Activit Public Void Method untuk

y) mengubah data dari
suatu activity.
detailActivity(activity_ Public Activity Method untuk

id) menampilkan data
activity.
deleteActivity(activity Public Void Method untuk

_id) menghapus data
75
activity.
getActivityByCategory Public Array of Activity Method untuk

(category_id) mendapatkan list dari
activity berdasarkan
category.
getActivityByType(typ Public Array of Activity Method untuk

e) mendapatkan list dari
activity berdasarkan
type.
Membuat activity baru Category
Menampilkan daftar seluruh activity Activtiy Detail
Update data activity
Menghapus data activity
Menampilkan detail data activity
Menampilkan activity berdasarkan category
Menampilkan activity berdasarkan type
Tabel V.11 Deskripsi Class Activity Detail
Nama Class Role
Deskripsi Class yang berfungsi untuk menampung informasi detail sebuah activity.
Attributes
detail_id Private Integer Atribut untuk

menampung data id
detail activity.
activity_id Private Integer Atribut untuk

menampung data id
activity.
detail_name Private String Atribut untuk

menampung data nama
detail activity.
activity_description Private String Atribut untuk

menampung data
76
deskripsi detail
activity.
detail_link Private String Atribut untuk

menampung data link
detail activity, yaitu
sebuah link yang berisi
konten detail activity.
detail_type Private String Atribut untuk

menampung data tipe
detail activity.
detail_urutan Private Integer Atribut untuk

menampung data
turutan sebuah detail
activity.
Methods
createActivityDetail(ac Public Void Method untuk

tivity_id, membuat detail
ActivityDetail) activity baru dari
sebuah activity.
getActivityDetail(activ Public Array of Activity Method untuk

ity_id) Detail mendapatkan list dari
detail activity pada
sebuah activity.
updateActivity(activity Public Void Method untuk

_id, detail_id, mengubah data dari
ActivityDetail) suatu detail activity
dari sebuah activity.
detailActivityDetail(act Public Activity Detail Method untuk

ivity_id, detail_id) menampilkan data
lengkap dari suatu
detail activity.
deleteActivityDetail(ac Public Void Method untuk

tivity_id, detail_id) menghapus sebuah
detail activity dari
activity yang ada.
changeUrutan(activity_ Public Void Method untuk

id) mengubah status
urutan detail activity
dari suatu activity.
Membuat activity detail baru Activity

77
Menampilkan daftar seluruh activity detail
Update data activity detail
Menghapus data activity detail
Menampilkan detail data activity detail
Update data urutan activity detail
Tabel V.12 Deskripsi Class Activity Owned
Nama Class Activity Owned
Deskripsi Class yang berfungsi untuk menampung informasi activity Owned.
Attributes
activity_owned_id Private Integer Atribut untuk

menampung data id
activity owned.
activity_id Private String Atribut untuk

menampung data id
activity .
user_email Private Integer Atribut untuk

menampung user
email.
category_id Private String Atribut untuk

menampung data id
category.
start_date Private String Atribut untuk

menampung waktu
mulai activity .
end_date Private String Atribut untuk

menampung waktu
selesai activity
status Private int Atribut untuk

menampung status
activity.
mentor_email Private String Atribut untuk

menampung email
mentor
78
activity_note Private String Atribut untuk

menampung catatan
activity
Methods
createActivityOwned( Public Void Method untuk

ActivityOwned) membuat detail
activity owend baru.
getActivityOwned() Public Array of Activity Method untuk

Owned menampilkan list
activity owned
updateActivityOwned( Public Void Method untuk

Activity Owned) mengubah data dari
suatu activity owned
detailActivity(activity_ Public Activity Owned Method untuk

id) menampilkan detail
dari suatu activity
owned
changeActivityOwned Public Void Method untuk

Status(activity_owned_ mengubah status dari
id, user_email, status) suatu activity owned

DueDate(activity_own mengubah tenggar
ed_id, user_email, waktu dari suatu
startdate, enddate) activity owned

MentorEmail(activity_ mengubah email
owned_id, user_email, mentor dari suatu
mentor_email) activity owned

ActivityNote(activity_ mengubah catatan
owned_id, user_email, activity dari suatu
activity_note) activity owned
deleteActivityOwned(a Public Activity Owned Method untuk

ctivity_owned_id) menghapus data dari
suatu activity owned
getActivityOwnedByA Public Array of Activity Method untuk

ctivity(activity_id) Owned menampilkan list
activity owned
berdasarkan id activity
getActivityOwnedByC Public Array of Activity Method untuk

ategory(category_id) Owned menampilkan list
79
activity owned
berdasarkan id
category
getActivityOwnedBySt Public Array of Activity Method untuk

atus(status) Owned menampilkan list
activity owned
berdasarkan status
Membuat activity owned baru Activity
Menampilkan daftar seluruh activity owned User
Update data activity owned
Menghapus data activity owned
Menampilkan detail data activity owned
Menampilkan activity owned berdasarkan status
Menampilkan activity owned berdasarkan

category
Menampilkan activity owned berdasarkan status
Update data activity note pada activity owned
Update data mentor email pada activity owned
Update data duedate pada activity owned
Update data status pada activity owned
V.1.3 Perancangan Data Model
Bagian ini menjelaskan tentang perancangan data model yang digunakan pada
aplikasi. Perancangan data model akan digambarkan melalui Logical Data Model
dan Physical Data Model. Perancangan data model merupakan pengembangan
dari domain model yang tercantum pada bab V.4.9 dengan menentukan primary
key dan foreign key dari setiap tabelnya. Data model yang dirancang kemudian
digunakan untuk membangun isi dari RDBMS yang digunakan.
80
V.1.3.1 Perancangan Logical Data Model
Bagian ini berisi Logical Data Model yang digambarkan pada gambar V.8. Logical Data Model dibuat berdasarkan Logical
Database Requirments yang telah dirancang pada dokumen SRS Bab III.4.
Gambar V.8 Logical Data Model

81
V.2.3.1 Perancangan Physical Data Model
Bagian ini berisi Physical Data Model yang digambarkan pada gambar V.9.
Physical Data Model merupakan pengembangan dari Logical Data Model dan
akan digunakan pada database aplikasi.
Gambar V.9 Physical Data Model
V.2 Perancangan Model Dinamis
Pada sub bab ini, dijelaskan mengenai perancangan model dinamis yang terdiri
dari perancangan interaksi antar objek yang digambarkan dengan sequence
diagram. perancangan tampilan aplikasi, dan perancangan alur kegiatan aktor
terhadap sistem yang digambarkan dengan activity diagram. Setiap perancangan
akan dibagi menjadi tiga increment dan tiga proses aplikasi yaitu aplikasi web,
aplikasi mobile peserta dan aplikasi mobile mentor.
V.2.1 Perancangan Interaksi Antar Objek
Pada sub bab ini dijelaskan mengenai rancangan interaksi antar objek berdasarkan
model perilaku proses yang dijelaskan pada dokumen SRS bab III.2.1. Tujuan dari
perancangan ini adalah untuk menggambarkan proses komunikasi yang terjadi
antar objek pada aplikasi dan juga pembagian kerja client dan server seperti yang
dijelaskan pada bab V.4.2, yaitu server akan mengatasi hampir semua proses
kecuali beberapa proses berikut.
1. Proses sorting data peserta onboarding berdasarkan progres untuk
menampilkan leaderboard.
82
2. Proses menampilkan data activity yang dimiliki oleh setiap peserta

onboarding.
Perancangan proses digambarkan dengan sequence diagram (SD). Perancangan
ini dibagi menjadi proses pada aplikasi web dan aplikasi mobile.
V.2.1.1 Increment 1
Sub-bab ini menjelaskan perancangan interaksi antar objek pada increment 1,

dengan cakupan proses pada aplikasi web, aplikasi mobile peserta, dan aplikasi
mobile mentor.
V.2.1.1.1 Proses Pada Aplikasi Web
Pada bagian ini dijelaskan proses pada aplikasi web pada increment 1. Rancangan
proses pada aplikasi web dijelaskan pada gambar V.10 hingga gambar V.21 dan
tabel V.13 hingga tabel V.24.
1. Proses Login Superadmin dan Admin
Proses login ini dilakukan oleh superadmin dan admin sebelum dapat
mengakses web admin sesuai dengan hak akses masing-masing role.
Sequence Diagram dari proses ini dijelaskan pada gambar berikut
Gambar V.10 SD Login Superadmin dan Admin
Tabel V.13 SD Login Superadmin dan Admin

83
ID sequence diagram SD-01
Nama sequence diagram Login Superadmin dan Admin
Nama class terkait :LoginView

:AuthController
:AdminModel
Deskripsi Digunakan superadmin dan admin untuk

login ke web admin
Method yang terkait login(request),
ALGORITMA
FUNCTION login(request)
Kamus Data (Variabel Lokal)
request : parameter input bertipe objek passing parameter
by value
email : variabel bertipe string
password : variabel bertipe string
BEGIN
email ← SELECT ALL FROM admin WHERE request.email =
email
IF(email != NULL AND request.password = password) THEN
return ‘Authorized’
ENDIF
ELSE
return ‘Unauthorize’
END
ENDFUNCTION login
2. Menampilkan Daftar Admin

Proses ketika superadmin/admin ingin melihat list admin, sistem akan
menampilkan tabel data admin. Sequence Diagram dari proses ini
dijelaskan pada gambar berikut.
84
Gambar V.11 SD Menampilkan Daftar Admin
Tabel V.14 SD Menampilkan Daftar Admin
Nama sequence diagram Menampilkan Daftra Admin
Nama class terkait :ViewDataAdmin

:AdminController
:AdminModel
Deskripsi Merupakan proses untuk menampilkan list

admin
Method yang terkait getAdmin()
ALGORITMA
FUNCTION getAdmin()
admin : variabel bertipe objek
BEGIN
admin ← SELECT ALL FROM admin
return admin
END
ENDFUNCTION getAdmin
3. Proses Menambah Admin

Proses menambah data admin ini dapat dilakukan oleh superadmin.
Sequence Diagram dari proses ini dijelaskan pada gambar berikut.
Gambar V.12 SD Menambah Data Admin

85
Tabel V.15 SD Menambah Data Admin
Nama sequence diagram Menambah Data Admin
Nama class terkait :FormDataAdmin

:AuthController
:AdminModel
Deskripsi Digunakan superadmin untuk menambah

data admin
Method yang terkait createAdmin(admin)
ALGORITMA
FUNCTION createAdmin(admin)
admin : parameter input bertipe objek passing parameter
by value
BEGIN
INSERT INTO admin VALUES admin
return ‘Data admin Berhasil Ditambahkan’
END
ENDFUNCTION createAdmin
4. Proses Menghapus Admin

Proses menghapus data admin ini dapat dilakukan oleh superadmin.
Gambar V.13 SD Menghapus Admin
Tabel V.16 SD Menghapus Admin

86
Nama sequence diagram Menghapus Admin
Nama class terkait :ViewDataAdmin

:AdminController
:AdminModel
Deskripsi Digunakan superadmin untuk menghapus

data admin
Method yang terkait deleteAdmin(email)
ALGORITMA
FUNCTION deleteAdmin(email)
email : variabel bertipe string passing parameter by
value
BEGIN
DELETE FROM admin WHERE admin.email = email
return ‘Data admin berhasil dihapus’
END
ENDFUNCTION deleteAdmin
5. Proses Menampilkan Daftar User

Proses ketika superadmin/admin ingin melihat daftar user, sistem akan
menampilkan tabel data user. Sequence Diagram dari proses ini
Gambar V.14 SD Menampilkan Daftar User
Tabel V.17 SD Menampilkan Daftar User

87
Nama sequence diagram Menampilkan Daftar User
Nama class terkait :ViewDataUser

:UserController
:UserModel
Deskripsi Merupakan proses untuk menampilkan

daftar user
Method yang terkait getUser()
ALGORITMA
FUNCTION getUser()
user : variabel bertipe objek
BEGIN
user ← SELECT ALL FROM user
return user
END
ENDFUNCTION getUser
6. Proses Menambah User

Proses menambah data user ini dapat dilakukan oleh superadmin dan
admin. Sequence Diagram dari proses ini dijelaskan pada gambar
berikut.
Gambar V.15 SD Menambah Data User
Tabel V.18 SD Menambah Data User
Nama sequence diagram Menambah Data User

88
Nama class terkait :FormDataUser

:AuthController
:UserModel

menambah data user
Method yang terkait createUser(user)
ALGORITMA
FUNCTION createUser(user)
user : parameter input bertipe objek passing parameter by
value
BEGIN
INSERT INTO user VALUES user
return ‘Data user Berhasil Ditambahkan’
END
ENDFUNCTION createUser
7. Proses Menghapus User

Proses menghapus data user ini dapat dilakukan oleh superadmin.
Gambar V.16 SD Menghapus Data User
Tabel V.19 SD Menghapus Data User
Nama sequence diagram Menghapus Data User

:UserController
89
:UserModel

menghapus data user
Method yang terkait deleteUser(user)
ALGORITMA
Kamus Data
email : variabel bertipe string passing parameter by value
FUNCTION deleteUser(email)
BEGIN
DELETE FROM user WHERE user.email=email
return ‘Data user berhasil dihapus’
END
ENDFUNCTION deleteUser
8. Proses Menampilkan Daftar Role

Aplikasi Web Admin akan menampilkan tabel daftar role. Sequence
Diagram dari proses ini dijelaskan pada gambar berikut.
Gambar V.17 SD Menampilkan Daftar Role
Tabel V.20 SD Menampilkan Daftar Role
Nama sequence diagram Menampilkan Daftar Role
Nama class terkait :ViewDataRole

:RoleController
:RoleModel
Deskripsi Digunakan super admin dan admin untuk

menampilkan daftar role
Method yang terkait getRole()

90
ALGORITMA
FUNCTION getRole()
role : variabel bertipe objek
BEGIN
role ← SELECT ALL FROM role
return role
END
ENDFUNCTION getRole
9. Proses Menampilkan Daftar Jobtitle

Aplikasi web admin akan menampilkan tabel daftar data jobtitle.
Gambar V.18 SD Menampilkan Daftar Jobtitle
Tabel V.21 SD Menampilkan Daftar Jobtitle
Nama sequence diagram Menampilkan Data Jobtitle
Nama class terkait :ViewDataJobtitle

:JobtitleController
:JobtitleModel

menampilkan daftar jobtitle
Method yang terkait getJobtitle()
ALGORITMA
FUNCTION getRole()
jobtitle : variabel bertipe objek
BEGIN
jobtitle ← SELECT ALL FROM jobtitle
return jobtitle
END
91
ENDFUNCTION getRole
10. Proses Menambah Data Jobtitle

Proses menambah data jobtitle ini dapat dilakukan oleh superadmin dan
admin. Sequence Diagram dari proses ini dijelaskan pada gambar berikut.
Gambar V.19 SD Menambah Data Jobtitle
Tabel V.22 SD Menambah Data Jobtitle
Nama sequence diagram Menambah Data Jobtitle
Nama class terkait :FormDataJobtitle

:JobtitleController
:JobtitleModel

menambah data jobtitle
Method yang terkait createJobtitle(jobtitle)
ALGORITMA
FUNCTION createJobtitle(jobtitle)
jobtitle : parameter input bertipe objek passing
parameter by value
BEGIN
INSERT INTO jobtitle VALUES jobtitle
return ‘Data jobtitle Berhasil Ditambahkan’
END
ENDFUNCTION createJobtitle
92
11. Proses Mengubah Data Jobtitle

Proses mengubah data jobtitle ini dapat dilakukan oleh superadmin
dan admin. Sequence Diagram dari proses ini dijelaskan pada gambar
berikut.
Gambar V.20 SD Mengubah Data Jobtitle
Tabel V.23 SD Mengubah Data Jobtitle
Nama sequence diagram Mengubah Data Jobtitle
Nama class terkait :FormDataJobtitle

:JobtitleController
:JobtitleModel

mengubah data jobtitle
Method yang terkait updateJobtitle(jobtitle)
ALGORITMA
FUNCTION updateJobtitle(jobtitle)
jobtitle : parameter input bertipe objek passing
parameter by value
jobtitle_id : variable bertipe integer
BEGIN
UPDATE jobtitle SET jobtitle WHERE
jobtitle.jobtitle_id = jobtitle_id
return ‘Data jobtitle Berhasil Diubah’
END
ENDFUNCTION updateJobtitle
93
12. Proses Menghapus Data Jobtitle

Proses menghapus data jobtitle ini dapat dilakukan oleh superadmin
dan admin. Sequence Diagram dari proses ini dijelaskan pada berikut.
Gambar V.21 SD Menghapus Data Jobtitle
Tabel V.24 SD Menghapus Data Jobtitle
Nama sequence diagram Menghapus Data Jobtitle
Nama class terkait :ViewDataJobtitle

:JobtitleController
:JobtitleModel

menghapus data jobtitle
Method yang terkait deleteJobtitle(jobtitle_id)
ALGORITMA
FUNCTION deleteJobtitle(jobtitle_id)
jobtitle_id : variabel bertipe integer passing parameter
by value
BEGIN
DELETE FROM jobtitle WHERE jobtitle.jobttle_id =
jobtitle_id
return ‘Data jobtitle berhasil dihapus’
END
ENDFUNCTION deleteJobtitle
94
V.2.1.1.2 Proses Pada Aplikasi Mobile Peserta Onboarding
Pada bagian ini dijelaskan proses pada aplikasi mobile pada increment 1.
Rancangan proses pada aplikasi mobile dijelaskan pada gambar V.22 hingga
gambar V.24 dan tabel V.25 hingga tabel V.27.
1. Proses Login Peserta Onboarding
Proses login ini dilakukan oleh peserta onboarding sebelum dapat
mengakses aplikasi mobile sesuai dengan hak aksesnya. Sequence
Diagram dari proses ini dijelaskan pada gambar gambar berikut.
Gambar V.22 SD Login Peserta Onboarding
Tabel V.25 SD Login Peserta Onboarding
ID sequence diagram SD-01.2
Nama sequence diagram Login Peserta Onboarding

:AuthController
:UserModel
Deskripsi Digunakan peserta onboarding untuk login

ke aplikasi mobile
Method yang terkait login(request)
ALGORITMA
95
by value
BEGIN
email ← SELECT ALL FROM user WHERE request.email =
email
ENDIF
ELSE
END
ENDFUNCTION login
2. Proses Menampilkan Profile Peserta Onboarding

Proses ini dilakukan oleh peserta onboarding untuk melihat data detail
peserta onboarding tersebut pada halaman profil. Sequence Diagram
dari proses ini dijelaskan pada gambar gambar berikut.
Gambar V.23 SD Menampilkan Profile Peserta Onboarding
Tabel V.26 SD Menampilkan Profile Peserta Onboarding
Nama sequence diagram Menampilkan Profile Peserta Onboarding

:UserController
:UserModel

halaman profil
Method yang terkait getUser(email)
ALGORITMA
96
FUNCTION getUser(email)
Kamus Data (Variabel Lokal )
value
user : variable bertipe objek
BEGIN
user ← SELECT ALL FROM user WHERE user.email=email
return user
END
ENDFUNCTION getUser
3. Proses Mengubah Profile Peserta Onboarding

Proses mengubah profile ini dapat dilakukan oleh peserta onboarding.
Gambar V.24 SD Mengubah Profile Peserta Onboarding
Tabel V.27 SD Mengubah Profile Peserta Onboarding
Nama sequence diagram Mengubah Profile Peserta Onboarding
Nama class terkait :FormDataUser

:UserController
:UserModel
Deskripsi Digunakan peserta onboarding untuk

mengubah profile
Method yang terkait updateUser(user)
ALGORITMA
FUNCTION updateUser(user)
97

value
email : variable bertipe string
BEGIN
UPDATE user SET user WHERE user.email = email
return ‘Data user Berhasil Diubah’
END
ENDFUNCTION updateUser
V.2.1.1.3 Proses Pada Aplikasi Mobile Mentor
Tidak ada perancangan interaksi antar objek yang dilakukan untuk aplikasi mobile
mentor pada increment 1.
V.2.1.2 Increment 2
Sub-bab ini menjelaskan perancangan interaksi antar objek pada increment 2,

dengan cakupan proses pada aplikasi web, aplikasi mobile peserta, dan aplikasi
mobile mentor.
1. Proses Menampilkan Daftar Activity
Proses ketika superadmin/admin ingin melihat daftar activity, kemudian
sistem akan menampilkan tabel data activity. Sequence Diagram dari
proses ini dijelaskan pada gambar berikut.
98
Gambar V.25 SD Menampilkan Daftar Activity
Tabel V.28 SD Menampilkan Daftar Activity
Nama sequence diagram Menampilkan Daftar Activity
Nama class terkait :ViewDataActivity

:ActivityController
:ActivityModel

daftar activity
Method yang terkait getActivity()
ALGORITMA
FUNCTION getActivity()
activity : variabel bertipe objek
BEGIN
activity ← SELECT ALL FROM activity
return activity
END
ENDFUNCTION getActivity
2. Proses Menambah Data Activity

Proses menambah data activity ini dapat dilakukan oleh superadmin dan
Gambar V.26 SD Menambah Data Activity
Tabel V.29 SD Menambah Data Activity

99
Nama sequence diagram Menambah Activity
Nama class terkait :FormDataActivity

:ActivityController
:ActivityDetailController
:ActivityModel
:ActivitiyDetailModel

menambah activity dan detail activity
Method yang terkait createActivity(activity)

createActivityDetail(activity_detail)
ALGORITMA
BEGIN
createActivity(activity)
WHILE (create detail) DO
END WHILE
END
FUNCTION createActivity(activity)
Kamus Data (Variable Lokal)
activity : parameter input bertipe objek passing
parameter by value
BEGIN
INSERT INTO activity VALUES activity
return ‘Activity berhasil ditambahkan’
END
ENDFUNCTION createActivity
FUNCTION createActivityDetail(activity_detail)
activity_detail : parameter input bertipe objek passing
parameter by value
BEGIN
INSERT INTO activity_detail VALUES activity_detail
return ‘Activity Detail berhasil ditambahkan’
END
ENDFUNCTION createActivityDetail
3. Proses Mengubah Activity

Proses mengubah data activity ini dapat dilakukan oleh superadmin dan
100
Gambar V.27 SD Mengubah Data Activity
Tabel V.30 SD Mengubah Data Activity
Nama sequence diagram Mengubah Activity

:ActivityController
:ActivityModel
:ActivityDetailModel

mengubah activity
Method yang terkait updateActivity(activity)

updateActivityDetail(activity_detail)
ALGORITMA
BEGIN
updateActivity(activity)
WHILE (edit detail) DO
END WHILE
END
FUNCTION updateActivity(activity)
parameter by value
activity_id : variabel bertipe integer
BEGIN
UPDATE activity SET activity WHERE
activity.activity_id = activity_id
return ‘Activity berhasil diedit’
END
ENDFUNCTION updateActivity
101
FUNCTION updateActivityDetail(activity_detail)
parameter by value
activity_detail_id : variabel bertipe integer
BEGIN
UPDATE activity_detail SET activity_detail WHERE
activity_detail.activity_detail_id =
activity_detial_id
return ‘Activity Detail berhasil diedit’
END
ENDFUNCTION updateActivityDetail
4. Proses Menghapus Data Activity

Proses menghapus data activity ini dapat dilakukan oleh superadmin dan
Gambar V.28 SD Menghapus Data Activity
Tabel V.31 SD Menghapus Data Activity
Nama sequence diagram Menghapus Data Activity

:ActivityController
:ActivityModel

menghapus data activity
Method yang terkait deleteActivity(activity_id)

deleteActivityDetail(activity_id)
102
ALGORITMA
BEGIN
deleteActivity(activity_id)
updateActivityDetail(activity_id)
END
FUNCTION deleteActivity(activity_id)
activity_id : parameter input bertipe integer passing
parameter by value
BEGIN
DELETE FROM activity WHERE activity_id=activity_id
return ‘Data activity berhasil dihapus’
END
ENDFUNCTION
FUNCTION deleteActivityDetail(activity_id)
parameter by value
BEGIN
DELETE FROM activity_detail WHERE activity_id=activity_id
return ‘Data activity detail berhasil dihapus’
END
ENDFUNCTION
5. Proses Menampilkan Data Activity Owned

Proses ketika superadmin/admin ingin melihat list activity owned,
kemudian sistem akan menampilkan tabel data activity owned. Sequence
Gambar V.29 SD Menampilkan Data Activity Owned
Tabel V.32 SD Menampilkan Data Activity Owned

103
Nama sequence diagram Menampilkan Data Activity
Nama class terkait :ViewDataActivityOwned

:UserController
:UserModel
:ActivityOwnedController
:ActivityOwnedModel
Deskripsi Merupakan proses untuk menampilkan list

activity owned
Method yang terkait getUser()

getActivityOwnedByUser()
ALGORITMA
Kamus Data
list_user : array bertipe objek
i : variabel bertipe integer
BEGIN
list_user ← getUser()
i ← 0
user ← list_user[i]
DO
i ← i + 1
getActivityOwnedByUser(user.email)
user ← list_user[i]
WHILE (user != null)
END
FUNCTION getUser()
BEGIN
return user
END
ENDFUNCTION getUser
FUNCTION getActivityOwnedByUser(email)
activity_owned : variabel bertipe objek
BEGIN
activity_owned ← SELECT ALL FROM activity_owned WHERE
activity_owned.email = email
return activity_owned
END
ENDFUNCTION
6. Proses Assign Activity

104
Proses assign activity ini dapat dilakukan oleh superadmin dan admin.
Gambar V.30 SD Assign Activity
Tabel V.33 SD Assign Activity
Nama sequence diagram Menambah Data Assign Activity

:ActivityOwnedModel

assign activity
Method yang terkait createActivityOwned(activity_owned)
ALGORITMA
FUNCTION createActivityOwned(activity_owned)
activity_owned : parameter input bertipe objek passing
parameter by value
BEGIN
INSERT INTO activity_owned VALUES activity_owned
return ‘Assign activity berhasil’
END
ENDFUNCTION createActivityOwned
7. Proses Menampilkan Daftar Kategori Activity

105
Proses ketika superadmin/admin ingin melihat daftar kategori activity,

kemudian sistem akan menampilkan tabel data kategori activity. Sequence
Gambar V.31 SD Menampilkan Daftar Kategori Activity
Tabel V.34 SD Menampilkan Daftar Kategori Activity
Nama sequence diagram Menampilkan Daftar Kategori Activity
Nama class terkait :ViewDataActivityCategory

:ActivityCategoryController
:ActivityCategoryModel

daftar kategori activity
Method yang terkait getActivityCategory()
ALGORITMA
FUNCTION getActivityCategory()
category : variabel bertipe objek
BEGIN
category ← SELECT ALL FROM activity_category
return category
END
ENDFUNCTION category
8. Proses Menambah Data Kategori Activity

Proses menambah data kategori activity ini dapat dilakukan oleh
superadmin dan admin. Sequence Diagram dari proses ini dijelaskan pada
gambar berikut.
106
Gambar V.32 SD Menambah Data Kategori Activity
Tabel V.35 SD Menambah Data Kategori Activity
Nama sequence diagram Menambah Data Kategori Activity
Nama class terkait :FormDataActivityCategory


menambah data kategori activity
Method yang terkait createActivityCategory(activity_category)
ALGORITMA
FUNCTION createActivityCategory(activity_category)
activity_category : parameter input bertipe objek passing
parameter by value
BEGIN
INSERT INTO activity_category VALUES
activity_category
return ‘Kategory Activity Berhasil Ditambahkan’
END
ENDFUNCTION createActivityCategory
9. Proses Mengubah Data Kategori Activity

Proses mengubah data kategori activity ini dapat dilakukan oleh
gambar berikut.
107
Gambar V.33 SD Mengubah Data Kategori Activity
Tabel V.36 SD Mengubah Data Kategori Activity
Nama sequence diagram Mengubah Data Kategori Activity
Nama class terkait :FormDataActivityCategory

Deskripsi Digunakan superadmin dan admin untuk mengubah

data kategori activity
Method yang terkait updateActivityCategory(activity_category)
ALGORITMA
FUNCTION updateActivityCategory(activity_category)
activity_category : parameter input bertipe objek passing
parameter by value
activity_category_id : variable bertipe integer
BEGIN
UPDATE activity_category SET activity_category WHERE
activity_category.jactivity_category_id =
activity_category_id
return ‘Kategori Activity Berhasil Diubah’
END
ENDFUNCTION updateActivityCategory
10. Proses Menghapus Data Kategori Activity

Proses menghapus data kategori activity ini dapat dilakukan oleh
gambar berikut.
108
Gambar V.34 SD Menghapus Data Kategori Activity
Tabel V.37 SD Menghapus Data Kategori Activity
Nama sequence diagram Menghapus Data Kategori Activity
Nama class terkait :ViewDataActivityCategory

Deskripsi Digunakan superadmin dan admin untuk menghapus

data kategori activity
Method yang terkait deleteActivityCategory(activity_category_id)
ALGORITMA
FUNCTION deleteActivityCategory(activity_category_id)
activity_category_id : variabel bertipe integer passing
parameter by value
BEGIN
DELETE FROM activity_category WHERE
activity_category.activity_category_id =
activity_category_id
return ‘Kategori Activity Berhasil Dihapus’
END
ENDFUNCTION deleteActivityCategory
109
1. Proses Mengubah Password Peserta Onboarding
Proses mengubah password ini dapat dilakukan oleh peserta onboarding.
Gambar V.35 SD Mengubah Password Peserta Onboarding
Tabel V.38 SD Mengubah Password Peserta Onboarding
Nama sequence diagram Mengubah Password Peserta Onboarding
Nama class terkait :FormChangePassword

:UserController
:ChangePasswordModel
Deskripsi Digunakan peserta onboarding untuk

mengubah password
Method yang terkait changePassword(request)
ALGORITMA
FUNCTION changePassword(request)
by value
BEGIN
110
UPDATE user SET password WHERE request.email = email

return ‘Password Berhasil Diubah’
END
ENDFUNCTION changePassword
2. Proses Menampilkan Activity Berdasarkan Kategori

Proses ketika peserta onboarding ingin melihat daftar activity. Sequence
Gambar V.36 SD Menampilkan Activity Berdasarkan Kategori
Tabel V.39 SD Menampilkan Activity Berdasarkan Kategori
Nama sequence diagram Menampilkan Activity Berdasarkan Kategori

:ActivityController
:ActivityModel

daftar activity berdasarkan kategori
Method yang terkait getActivity(category_id)
ALGORITMA
FUNCTION getActivity(category_id)
activityByCategory : variabel bertipe objek
BEGIN
activityByCategory ← SELECT ALL FROM activity WHERE
activity.category_id = category_id
return activityByCategory
END
3. Proses Menampilkan Detail Activity

111
Proses ketika peserta onboarding ingin melihat detail activity, sistem

akan menampilkan detail dari activity yang dipilih. Sequence Diagram
dari proses ini dijelaskan pada gambar berikut.
Gambar V.37 SD Menampilkan Detail Activity
Tabel V.40 SD Menampilkan Detail Activity
Nama sequence diagram Menampilkan Detail Activity
Nama class terkait :ViewDataActivityDetail


detail activity
Method yang terkait getActivityDetail(activity_id)
ALGORITMA
FUNCTION getActivityDetail(activity_id)
activityDetailByActivity : variabel bertipe objek
BEGIN
activityDetailByActivity ← SELECT ALL FROM
activity_detail WHERE activity_detail.activity_id =
activity_id
return activityDetailByActivity
END
ENDFUNCTION getActivityDetail
4. Proses Submit Activity

112
Proses submit activity ini dapat dilakukan oleh peserta onboarding.

Gambar V.38 SD Submit Activity
Tabel V.41 SD Submit Activity
Nama sequence diagram Submit Activity

:ActivityOwnedModel
Deskripsi Digunakan peserta onboarding untuk submit

activity
Method yang terkait updateActivityOwned(activity_owned_id,

email, status)
ALGORITMA
FUNCTION updateActivityOwned(activity_owned_id, email, status)
email : variable bertipe string passing parameter by
value
activity_owned_id : variabel bertipe integer passing
parameter by value
status : variabel bertipe string
BEGIN
status ← “Submitted”
UPDATE activity_owned SET activity_owned.status =
status WHERE activity_owned.activity_owned_id =
activity_owned_id
return ‘Activity telah di submit’
END
ENDFUNCTION updateActivityOwned
113
5. Proses Menampilkan Progress Bar

Proses menampilkan progress bar ini dapat dilakukan oleh peserta
onboarding. Sequence Diagram dari proses ini dijelaskan pada gambar
berikut.
Gambar V.39 SD Menampilkan Progress Bar
Tabel V.42 SD Menampilkan Progress
Nama sequence diagram Menampilkan Progress Bar

:UserController
:UserModel

progress bar
Method yang terkait getUserProgress(email)
ALGORITMA
ALGORITMA
FUNCTION getUserProgress(email)
value
progress : variabel bertipe real
BEGIN
progress ← SELECT progress FROM user WHERE
user.email = email
return progress
END
ENDFUNCTION getUserProgress
114
Pada bagian ini dijelaskan proses pada aplikasi mobile mentor pada increment 1.
Rancangan proses pada aplikasi mobile mentor dijelaskan pada gambar V.40
hingga gambar V.43 dan tabel V.43 hingga tabel V.46.
1. Proses Login Mentor
Proses login ini dilakukan oleh mentor sebelum dapat mengakses
aplikasi mobile sesuai dengan hak aksesnya. Sequence Diagram dari
proses ini dijelaskan pada gambar berikut.
Gambar V.40 SD Login Mentor
Tabel V.43 SD Login Mentor
ID sequence diagram SD-01.3
Nama sequence diagram Login Mentor

:AuthController
:UserModel
Deskripsi Digunakan mentor untuk login ke aplikasi

mobile
Method yang terkait login(request)
ALGORITMA
by value
115

BEGIN
email ← SELECT ALL FROM user WHERE request.email =
email
ENDIF
ELSE
END
ENDFUNCTION login
2. Proses Menampilkan Profile Mentor

Proses ketika mentor ingin melihat profile-nya, kemudian sistem akan
menampilkan halaman profil. Sequence Diagram dari proses ini dijelaskan
pada gambar berikut.
Gambar V.41 SD Menampilkan Profile Mentor
Tabel V.44 SD Menampilkan Profile Mentor
Nama sequence diagram Menampilkan Profile Mentor

:UserController
:UserModel

halaman profile mentor
Method yang terkait getUser(email)
ALGORITMA
FUNCTION getUser(email)
Kamus Data (Variabel Lokal )
116

value
user : variable bertipe objek
BEGIN
user ← SELECT ALL FROM user WHERE user.email=email
return user
END
ENDFUNCTION getUser
3. Proses Mengubah Profile Mentor

Proses mengubah profile ini dapat dilakukan oleh mentor. Sequence
Gambar V.42 SD Mengubah Profile Mentor
Tabel V.45 SD Mengubah Profile Mentor
Nama sequence diagram Mengubah Profile Mentor

:UserController
:UserModel
Deskripsi Digunakan mentor untuk mengubah profile
Method yang terkait updateUser(user)
ALGORITMA
FUNCTION updateUser(user)
value
117
BEGIN
UPDATE user SET user WHERE user.email = email
return ‘Data user Berhasil Diubah’
END
ENDFUNCTION updateUser
4. Proses Mengubah Password Mentor

Proses mengubah password ini dapat dilakukan oleh mentor. Sequence
Gambar V.43 SD Mengubah Password Mentor
Tabel V.46 SD Mengubah Password Mentor
Nama sequence diagram Mengubah Password Mentor
Nama class terkait :FormChagePassword

:UserController
:UserModel
Deskripsi Digunakan mentor untuk mengubah

password
ALGORITMA
by value
BEGIN
118

END
V.2.1.3 Increment 3
Sub-bab ini menjelaskan perancangan interaksi antar objek dan perancangan

tampilan aplikasi pada increment 3.
Pada bagian ini dijelaskan proses pada aplikasi web pada increment 3. Rancangan
proses pada aplikasi web dijelaskan pada gambar V.44 hingga gambar V.49 dan
tabel V.47 hingga tabel V.52.
1. Proses Menampilkan Daftar Home Activity
Proses ketika superadmin/admin ingin melihat daftar home activity.
Gambar V.44 SD Menampilkan Daftar Home Activity
Tabel V.47 SD Menampilkan Daftar Home Activity
Nama sequence diagram Menampilkan Daftar Home Activity

:ActivityController
:ActivityModel

daftar home activity
119
Method yang terkait getActivity(type)
ALGORITMA
FUNCTION getActivity(type)
type : variabel bertipe string passing parameter by value
BEGIN
type ← “home”
activity ← SELECT ALL FROM activity WHERE
activity.type = type
return activity
END
2. Proses Menambah Data Home Activity

Proses menambah data home activity ini dapat dilakukan oleh
superadmin dan admin. Sequence Diagram dari proses ini dijelaskan
Gambar V.45 SD Menambah Data Home Activity
Tabel V.48 SD Menambah Data Home Activity
Nama sequence diagram Menambah Home Activity

:ActivityController
:ActivityModel

120
menambah home activity dan detail activity
Method yang terkait createActivity(activity)

ALGORITMA
BEGIN
createActivity(activity)
WHILE (create detail) DO
END WHILE
END
FUNCTION createActivity(activity)
parameter by value
BEGIN
INSERT INTO activity VALUES activity
return ‘Activity berhasil ditambahkan’
END
ENDFUNCTION createActivity
FUNCTION createActivityDetail(activity_detail)
parameter by value
BEGIN
INSERT INTO activity_detail VALUES activity_detail
return ‘Activity Detail berhasil ditambahkan’
END
ENDFUNCTION createActivityDetail
3. Proses Mengubah Data Home Activity

Proses mengubah data home activity ini dapat dilakukan oleh
121
Gambar V.46 SD Mengubah Data Home Activity
Tabel V.49 SD Mengubah Data Home Activity
Nama sequence diagram Mengubah Home Activity

:ActivityController
:ActivityModel

mengubah home activity
Method yang terkait updateActivity(activity)

ALGORITMA
BEGIN
updateActivity(activity)
WHILE (edit detail) DO
END WHILE
END
FUNCTION updateActivity(activity)
parameter by value
activity_id : variabel bertipe integer
BEGIN
UPDATE activity SET activity WHERE
activity.activity_id = activity_id
return ‘Activity berhasil diedit’
END
ENDFUNCTION updateActivity
FUNCTION updateActivityDetail(activity_detail)
parameter by value
activity_detail_id : variabel bertipe integer
BEGIN
UPDATE activity_detail SET activity_detail WHERE
activity_detail.activity_detail_id =
activity_detial_id
return ‘Activity Detail berhasil diedit’
END
ENDFUNCTION updateActivityDetail
122
4. Proses Menghapus Data Home Activity

Proses menghapus data home activity ini dapat dilakukan oleh
Gambar V.47 SD Menghapus Data Home Activity
Tabel V.50 SD Menghapus Data Home Activity
Nama sequence diagram Menghapus Data Home Activity

:ActivityController
:ActivityModel

menghapus data home activity
Method yang terkait deleteActivity(activity_id)

deleteActivityDetail(activity_id)
ALGORITMA
BEGIN
deleteActivity(activity_id)
updateActivityDetail(activity_id)
END
FUNCTION deleteActivity(activity_id)
parameter by value
BEGIN
DELETE FROM activity WHERE activity_id=activity_id
return ‘Data activity berhasil dihapus’
END
123
ENDFUNCTION
FUNCTION deleteActivityDetail(activity_id)
parameter by value
BEGIN
DELETE FROM activity_detail WHERE
activity_id=activity_id
return ‘Data activity detail berhasil dihapus’
END
ENDFUNCTION
5. Proses Mengubah Password Admin

Proses mengubah password ini dapat dilakukan oleh superadmin/admin.
Gambar V.48 SD Mengubah Password Admin
Tabel V.51 SD Mengubah Password Admin
Nama sequence diagram Mengubah Password Admin

:UserController
Deskripsi Digunakan superadmin/admin untuk

mengubah password
ALGORITMA
124
by value
BEGIN
UPDATE admin SET password WHERE request.email = email
END
6. Proses Mengubah Password Peserta Onboarding dan Mentor

Proses mengubah password peserta onboarding dan mentor ini dapat
dilakukan oleh superadmin/admin. Sequence Diagram dari proses ini
Gambar V.49 SD Mengubah Password Peserta Onboarding dan Mentor
Tabel V.52 SD Mengubah Password Peserta Onboarding dan Mentor
Nama sequence diagram Mengubah Password Peserta Onboarding

dan Mentor

:UserController
Deskripsi Digunakan superadmin/admin untuk

mengubah password peserta dam mentor

125
ALGORITMA
by value
BEGIN
END
.
1. Proses Menampilkan Leaderboard
Proses ketika peserta onboarding ingin melihat leaderboard. Sequence
Gambar V.50 SD Menampilkan LeaderBoard
Tabel V.53 SD Menampilkan LeaderBoard
Nama sequence diagram Menampilkan Leaderboard
Nama class terkait :ViewLeaderboard

:UserController
:UserModel
126

leaderboard
Method yang terkait getLeaderboard()
ALGORITMA
FUNCTION getLeaderboard()
leaderboard : variabel bertipe objek
BEGIN
leaderboard ← sortBy(user, user.progress)
return leaderboard
END
ENDFUNCTION
2. Proses Menampilkan Home Activity

Proses ketika peserta onboarding ingin melihat home activity. Sequence
Gambar V.51 SD Menampilkan Home Activity
Tabel V.54 SD Menampilkan Home Activity
Nama sequence diagram Menampilkan Home Activity

:ActivityController
:ActivityModel
Deskripsi Merupakan proses untuk menampilkan home

activity
Method yang terkait getActivity(type)

127
FUNCTION getActivity(type)
type : variabel bertipe string passing parameter by value
BEGIN
type ← “home”
activity ← SELECT ALL FROM activity WHERE
activity.type = type
return activity
END
3. Proses Menampilkan Detail Home Activity

Proses ketika peserta onboarding ingin melihat detail home activity,
sistem akan menampilkan detail dari home activity yang dipilih.
Gambar V.52 SD Menampilkan Detail Home Activity
Tabel V.55 SD Menampilkan Detail Home Activity
Nama sequence diagram Menampilkan Home Activity
Nama class terkait :ViewDataActivityDetail

Deskripsi Merupakan proses untuk menampilkan home

activity
Method yang terkait getActivity(activity_id)
FUNCTION getActivityDetail(activity_id)
activity_id : variabel bertipe int passing parameter by
value
BEGIN
128
activity_detail ← SELECT ALL FROM activity WHERE

activity_detail.activity_id = activity_id
return activity_detail
END
ENDFUNCTION getActivityDetail
1. Proses Menampilkan Daftar Peserta
Proses ketika mentor ingin melihat daftar peserta. Sequence Diagram
Gambar V.53 SD Menampilkan Daftar Peserta
Tabel V.56 SD Menampilkan Daftar Peserta
Nama sequence diagram Menampilkan Daftar User

:UserController
:UserModel

daftar peserta
Method yang terkait getUser(role_id)
ALGORITMA
FUNCTION getUser()
role_id : variabel bertipe integer passing parameter by
129
value
BEGIN
role_id ← 4
user ← SELECT ALL FROM user WHERE user.role_id =
role_id
return user
END
ENDFUNCTION getUser
2. Proses Menampilkan Progress Bar

Proses menampilkan progress bar ini dapat dilakukan oleh mentor.
Gambar V.54 SD Menampilkan Progress Bar
Tabel V.57 SD Menampilkan Progress Bar
Nama sequence diagram Menampilkan Progress Bar

:UserController
:UserModel

progress bar
Method yang terkait getUserProgress(email)
ALGORITMA
FUNCTION getUserProgress(email)
value
progress : variabel bertipe real
BEGIN
progress ← SELECT progress FROM user WHERE
130
user.email = email
return progress
END
ENDFUNCTION getUserProgress
3. Proses Menampilkan Daftar Activity Owned Berdasarkan Peserta

Proses ketika mentor ingin melihat daftar activity owned berdasarkan
peserta. Sequence Diagram dari proses ini dijelaskan pada gambar
berikut.
Gambar V.55 SD Menampilkan Daftar Activity Owned Berdasarkan

Peserta
Tabel V.58 SD Menampilkan Daftar Activity Owned Berdasarkan

Peserta
Nama sequence diagram Menampilkan Data Activity Berdasarkan

Peserta

:ActivityOwnedModel

daftar activity owned berdasarkan peserta
Method yang terkait getActivityOwned(email)
ALGORITMA
FUNCTION getActivityOwned(email)
131
value
BEGIN
activity_owned ← SELECT ALL FROM activity_owned
WHERE activity_owned.email = email
END
ENDFUNCTION
4. Proses Menampilkan Daftar Activity Owned Perlu Validasi

Proses ketika mentor ingin melihat daftar activity owned yang perlu
validasi. Sequence Diagram dari proses ini dijelaskan pada gambar
berikut.
Gambar V.56 SD Menampilkan Daftar Activity Owned Yang Perlu

Validasi
Tabel V.59 SD Menampilkan Daftar Activity Owned Yang Perlu

Validasi
Nama sequence diagram Menampilkan Daftar Activity Yang Perlu

Validasi

:ActivityOwnedModel

daftar activity owned yang perlu validasi
Method yang terkait getActivityOwned(status)
ALGORITMA
FUNCTION getActivityOwned(status)
132

status : variabel bertipe string passing parameter by
value
BEGIN
status ← “Submitted”
WHERE activity_owned.status = status
END
ENDFUNCTION getActivityOwned
5. Proses Menampilkan Daftar Activity Owned Berdasarkan Status

Proses ketika mentor ingin melihat daftar activity owned berdasarkan
status. Sequence Diagram dari proses ini dijelaskan pada gambar
berikut.
Gambar V.57 SD Menampilkan Daftar Activity Owned Berdasarkan

Status
Tabel V.60 SD Menampilkan Daftar Activity Owned Berdasarkan

Status
Nama sequence diagram Menampilkan Daftar Activity Owned

Berdasarkan Status

:ActivityOwnedModel

daftar activity owned berdasarkan status
Method yang terkait getActivityOwned(status)

133
ALGORITMA
FUNCTION getActivityOwned(status)
status : variabel bertipe string passing parameter by
value
BEGIN
WHERE activity_owned.status = status
END
6. Proses Menampilkan Detail Activity Owned

Proses ketika mentor ingin melihat detail activity owned. Sequence
Gambar V.58 SD Menampilkan Detail Activity Owned
Tabel V.61 SD Menampilkan Detail Activity Owned
Nama sequence diagram Menampilkan Detail Activity Owned

:ActivityOwnedModel
Deskripsi Merupakan proses untuk menampilkan detail

activity owned
Method yang terkait getActivityOwned(activity_owned_id)
ALGORITMA
FUNCTION getActivityOwned(activity_owned_id)
134

parameter by value
BEGIN
WHERE activity_owned.activity_owned_id =
activity_owned_id
END
7. Proses Validasi Activity

Proses Validasi activity ini dapat dilakukan oleh mentor. Sequence
Gambar V.59 SD Validasi Activity
Tabel V.62 SD Validasi Activity
Nama sequence diagram Validasi Activity

:ActivityOwnedModel
Deskripsi Digunakan mentor untuk Validati activity
Method yang terkait updateActivityOwned(activity_owned_id,

email, status)
ALGORITMA
135
FUNCTION updateActivityOwned(activity_owned_id, email, status)

email : variable bertipe string passing parameter by
value
parameter by value
status : variabel bertipe string
BEGIN
status ← “Validated”
UPDATE activity_owned SET activity_owned.status =
status WHERE activity_owned.activity_owned_id =
activity_owned_id
return ‘Activity telah di submit’
END
ENDFUNCTION updateActivityOwned
8. Proses Menampilkan Leaderboard

Proses ketika mentor ingin melihat leaderboard. Sequence Diagram
Gambar V.60 SD Menampilkan Leaderboard
Tabel V.63 SD Menampilkan Leaderboard
Nama sequence diagram Menampilkan Leaderboard
Nama class terkait :ViewLeaderboard

:UserController
:UserModel

leaderboard
Method yang terkait getLeaderboard()
ALGORITMA
136
FUNCTION getLeaderboard()
leaderboard : variabel bertipe objek
BEGIN
leaderboard ← sortBy(user, user.progress)
return leaderboard
END
ENDFUNCTION
V.2.2 Perancangan UI Aplikasi
Pada subbab ini akan dijelaskan mengenai perancangan user interface (UI) untuk
menggambarkan visual aplikasi yang digunakan pengguna untuk berinteraksi
dengan aplikasi. Perancangan UI mengacu pada requirement user interface yang
terdapat pada dokumen SRS subbab III.1.1. Berikut dipaparkan setiap
perancangan tampilan yang terdapat pada aplikasi.
V.2.2.1 Increment 1
Sub-bab ini menjelaskan perancangan user interface aplikasi pada increment 1.
V.2.2.1.1 Perancangan UI Aplikasi Web
Pada bagian ini dijelaskan tampilan user interface web web pada increment 1.
Rancangan user interface aplikasi web dijelaskan pada tabel V.64 hingga tabel
V.72.
Tabel V.64 Deskripsi GUI-01-Website
No UI GUI-01-Website
Nama UI Halaman Login Web Admin
Precondition Pengguna membuka laman aplikasi web admin
Requirement REQ-F-01
Deskripsi Halaman ini berfungsi untuk melakukan login bagi

pengguna agar dapat masuk ke dalam sistem
menggunakan akun yang sudah terdaftar.
Gambar
137
Nama UI Halaman Dashboard
Precondition Pengguna sudah berhasil melakukan login
Deskripsi Halaman yang akan dikunjungi pertama kali ketika

pengguna berhasil login. Selain itu halaman ini
memberikan informasi hasil rekapitulasi singkat dari
fitur-fitur yang ada pada aplikasi.
Gambar
138
Nama UI Halaman daftar data user
Precondition Pengguna masuk ke menu Manage User sub menu User

List
Deskripsi Halaman ini berfungsi untuk menampilkan data seluruh

user yang sudah terdaftar pada aplikasi
Gambar
Nama UI Halaman form add data user
Precondition Pengguna menekan tombol “add user” pada halaman

daftar data user
Deskripsi Halaman ini menampilkan form untuk melakukan

penambahan data user
Gambar
139
Nama UI Halaman daftar data admin
Precondition Pengguna masuk ke menu Manage User sub menu

Admin List

admin yang sudah terdaftar pada aplikasi
Gambar
140
Nama UI Halaman form add data admin
Precondition Pengguna menekan tombol “add user” pada halaman

daftar data admin

penambahan data admin
Gambar

141
Nama UI Halaman daftar data role
Precondition Pengguna masuk ke menu Manage User sub menu Role

List

role pada aplikasi
Gambar
Nama UI Halaman daftar data jobtitle
Precondition Pengguna masuk ke menu Manage User sub menu

Jobtitle List

jobtitle aplikasi
Gambar
142
Nama UI Halaman form add/edit data jobtitle
Precondition Pengguna menekan tombol “add new” pada halaman

daftar data jobtitle

penambahan/pengubahan data jobtitle
Gambar
143
V.2.2.1.2 Perancangan UI Aplikasi Mobile Peserta Onboarding
Pada bagian ini dijelaskan user interface aplikasi mobile peserta onboarding pada
increment 1. Rancangan user interface aplikasi mobile dijelaskan pada tabel V.73
hingga tabel V.76.
Tabel V.73 Deskripsi GUI-01-Mobile
No UI GUI-01-Mobile
Nama UI Halaman Login
Precondition Pengguna membuka aplikasi

Gambar
144
No UI GUI-02-Mobile
Nama UI Halaman Home
Precondition Pengguna telah berhasil melakukan login.

fitur-fitur yang ada pada aplikasi
Gambar
145
No UI GUI-07-Mobile
Nama UI Halaman profile
Precondition Pengguna masuk ke halaman profile
Deskripsi Halaman ini berfungsi untuk menampilkan detail data

dari akun pengguna
Gambar
146
No UI GUI-08-Mobile
Nama UI Form Edit Profile
Deskripsi Halaman ini berfungsi untuk mengubah detail data dari

akun pengguna
Gambar
147
V.2.2.1.3 Perancangan UI Aplikasi Mobile Mentor
Tidak ada perancangan user interface yang dilakukan untuk aplikasi mobile
mentor pada increment 1.
V.2.2.2 Increment 2
Sub-bab ini menjelaskan perancangan user interface aplikasi pada increment 2.
Pada bagian ini dijelaskan tampilan user interface web pada increment 2.
V.82.
Nama UI Halaman daftar data activity category
Precondition Pengguna masuk ke menu Manage Activity sub menu

Category List
148

Gambar
Nama UI Halaman form add/edit data activity category

daftar data activity category

penambahan data activity category
Gambar
149
Nama UI Halaman daftar data activity

Activity List

Gambar

150
Nama UI Halaman form add/edit data activity

daftar data activity
Deskripsi Halaman ini berfungsi untuk melakukan

penambahan/pengubahan data activity
Gambar
151
Nama UI Halaman assign activity
Precondition Pengguna menekan tombol “assign” pada salah satu

data activity
Deskripsi Halaman ini berfungsi untuk melakukan pengiriman

data activity kepada peserta onboarding supaya bisa
diakses melalui aplikasi mobile
Gambar
Nama UI Halaman daftar data activity owned

152
Precondition Pengguna menekan tombol “assign” pada salah satu

data activity

peserta onboarding dan seluruh activity yang dimiliki
masing-masing peserta
Gambar
hingga tabel V.86.
No UI GUI-09-Mobile
Nama UI Halaman form change password
Precondition Pengguna membuka halaman profile pada aplikasi
Deskripsi Halaman ini berfungsi untuk mengganti password dari

user peserta onboarding
Gambar
153
No UI GUI-03-Mobile
Nama UI Halaman activity
Deskripsi Halaman ini berfungsi untuk menampilkan progress bar,

daftar activity category, dan daftar activity yang sedang
dikerjakan
Gambar
154
No UI GUI-04-Mobile
Nama UI Halaman daftar activity
Precondition Pengguna membuka halaman activity pada aplikasi
Deskripsi Halaman ini berfungsi untuk menampilkan daftar

activity berdasarkan activity category
Gambar
155
No UI GUI-05-Mobile
Nama UI Halaman detail activity
Precondition Pengguna memilih salah satu activity category yang

pada halaman activity

Gambar
156
Pada bagian ini dijelaskan user interface aplikasi mobile mentor pada increment
2. Rancangan user interface aplikasi mobile dijelaskan pada tabel V.87 hingga
tabel V.90.
Tabel V.87 Deskripsi GUI-01-Mobile_Mentor
No UI GUI-01-Mobile_Mentor
Nama UI Halaman Login mentor

Gambar
157
Nama UI Halaman Profile mentor

dari akun pengguna
Gambar
158
Nama UI Form Edit Profile mentor

akun pengguna
Gambar
159
Nama UI Halaman form change password mentor
Precondition Pengguna membuka halaman profile pada aplikasi

user mentor
Gambar
160
V.2.2.3 Increment 3
Sub-bab ini menjelaskan perancangan tampilan aplikasi pada increment 3.
Pada bagian ini dijelaskan tampilan user interface web pada increment 2.
V.94.
Precondition Pengguna menekan tombol “change password” pada

header

user super admin dan admin atau admin
161
Gambar
Nama UI Halaman daftar data home activity

Home Activity List

home activity pada aplikasi
Gambar
162
Nama UI Halaman form add/edit data home activity

daftar data home activity

penambahan/pengubahan data home activity
Gambar
Nama UI Halaman form change password other user
Precondition Pengguna menekan tombol “change password” pada

salah satu data user/admin

pengguna lain pada aplikasi
Gambar
163
dan tabel V.96.
No UI GUI-06-Mobile
Nama UI Halaman leaderboard
Deskripsi Halaman ini berfungsi untuk menampilkan leaderboard

yang berisi peringkat setiap user
Gambar
164
No UI GUI-10-Mobile
Nama UI Notifikasi
Deskripsi Halaman ini berfungsi untuk menampilkan notifikasi
Gambar
165
hingga tabel V.102.
Nama UI Halaman home mentor
Deskripsi Halaman ini berfungsi untuk menampilkan nama

Mentor beserta jabatannya dan activity dari seluruh
peserta onboarding yang perlu divalidasi
Gambar
166
Nama UI Halaman activity mentor
Deskripsi Halaman ini berfungsi untuk menampilkan data user

serta progress bar
Gambar
167
Nama UI Halaman daftar activity mentor
Deskripsi Halaman ini berfungsi untuk menampilkan data activity

berdasarkan user
Gambar
168
Nama UI Halaman validation activity mentor

secara detail untuk dilakukan validasi
Gambar
169
Nama UI Halaman leaderboard mentor
Deskripsi Halaman ini berfungsi untuk menampilkan

menampilkan leaderboard yang berisi peringkat setiap
user
Gambar
170
Nama UI Notifikasi
Deskripsi Halaman ini berfungsi untuk menampilkan notifikasi
Gambar
171
V.2.3 Perancangan Alur Kegiatan Actor terhadap Sistem
Pada subbab ini akan dijelaskan mengenai perancangan alur kegiatan actor
terhadap sistem untuk menggambarkan alur data dari setiap proses bisnis fitur
yang ada pada sistem. Perancangan alur kegiatan actor terhadap sistem mengacu
pada user characteristics yang terdapat pada dokumen SRS subbab II.3. Berikut
dipaparkan setiap perancangan alur kegiatan actor terhadap sistem yang
digambarkan dengan activity diagram.
V.2.3.1 Increment 1
Sub-bab ini menjelaskan perancangan alur kegiatan actor terhadap sistem pada
increment 1.
V.2.3.1.1 Activity Diagram Aplikasi Web
Pada bagian ini dijelaskan perancangan alur kegiatan actor terhadap sistem
aplikasi web pada increment 1, yang dijelaskan pada gambar V.61 hingga V.64.
1. Authentication
172
Berikut merupakan proses bisnis dari fitur Authentication dan perannya

yang akan dijelaskan menggunakan activity diagram.
Gambar V.61 Activity Diagram Authentication Admin
2. Pengelolaan Admin
Berikut merupakan proses bisnis dari fitur Pengelolaan pengguna dengan
role admin yang akan dijelaskan menggunakan activity diagram.
173
Gambar V.62 Activity Diagram Pengelolaan Admin
3. Pengelolaan User
Berikut merupakan proses bisnis dari fitur Pengelolaan pengguna dan
perannya yang akan dijelaskan menggunakan activity diagram.
174
Gambar V.63 Activity Diagram Pengelolaan User
4. Pengelolaan Jobtitle
Berikut merupakan proses bisnis dari fitur Pengelolaan Jobtitle dan
perannya yang akan dijelaskan menggunakan activity diagram
175
Gambar V.64 Activity Diagram Pengelolaan Admin
V.2.3.1.2 Activity Diagram Aplikasi Mobile Peserta Onboarding
aplikasi mobile peserta onboarding pada increment 1, yang dijelaskan pada
gambar V.65 hingga V.66.
1. Authentication
Berikut merupakan proses bisnis dari fitur Authentication yang akan
dijelaskan menggunakan activity diagram.
176
Gambar V.65 Activity Diagram Authentication Peserta

Berikut merupakan proses bisnis dari fitur Edit Profile yang akan
Gambar V.66 Activity Diagram View dan Edit Profile

177
V.2.3.1.3 Activity Diagram Aplikasi Mobile Mentor
Tidak ada fitur aplikasi mobile untuk mentor yang akan dikembangkan pada
increment 1.
V.2.3.2 Increment 2
increment 2.
1. Pengelolaan Activity
Berikut merupakan proses bisnis dari fitur Pengelolaan Activity yang akan
178
Gambar V.67 Activity Diagram Pengelolaan Activity
2. Assign Activity Kepada Peserta Onboarding

Berikut merupakan proses bisnis dari fitur Assign Activity Kepada Peserta
Onboarding yang akan dijelaskan menggunakan activity diagram.
Gambar V.68 Activity Diagram Assign Activity Kepada Peserta

Onboarding
3. Pengelolaan Kategori Activity

Berikut merupakan proses bisnis dari fitur Pengelolaan Kategori Activity
179
Gambar V.69 Activity Diagram Pengelolaan Kategori Activity
4. Menampilkan Daftar Activity Owned

Berikut merupakan proses bisnis dari fitur Daftar Activity Owned yang
akan dijelaskan menggunakan activity diagram.
Gambar V.70 Activity Diagram Daftar Activity Owned

180
1. Lihat Activity
Berikut merupakan proses bisnis dari fitur Lihat Activity yang akan
181
Gambar V.71 Activity Diagram Lihat Activity
2. Change Password
Berikut merupakan proses bisnis dari fitur change password yang akan
182
Gambar V.72 Activity Diagram Change Password
3. Lihat Detail Activity

Berikut merupakan proses bisnis dari fitur lihat detail activity yang akan
183
Gambar V.73 Activity Diagram Lihat Detail Activity
aplikasi mobile mentor pada increment 2, yang dijelaskan pada gambar V.75
hingga V.77.
1. Authentication
Berikut merupakan proses bisnis dari fitur Edit Profile yang akan
184
Gambar V.74 Activity Diagram Authentication Mentor

Berikut merupakan proses bisnis dari fitur view dan edit profile yang akan
185
Gambar V.75 Activity Diagram view dan edit profile
3. Change Password
Berikut merupakan proses bisnis dari fitur change password yang akan
Gambar V.76 Activity Diagram Change Password
V.2.3.3 Increment 3
increment 3.
1. Pengelolaan Home Activity
Berikut merupakan proses bisnis dari fitur Pengelolaan Home Activity
186
Gambar V.77 Activity Diagram Pengelolaan Home Activity
2. Change Password Admin

Berikut merupakan proses bisnis dari fitur Change Password pada aplikasi
web yang akan dijelaskan menggunakan activity diagram.
187
Gambar V.78 Activity Diagram Change Password Admin
3. Change Password oleh admin

Berikut merupakan proses bisnis dari fitur Change Password oleh Admin
Gambar V.79 Activity Diagram Change Password Oleh Admin

188
1. Notifikasi, jika ada activity baru dan tenggat activity tersisa 1 hari
Berikut merupakan proses bisnis dari fitur Notifikasi yang akan dijelaskan
menggunakan activity diagram.
Gambar V.80 Activity Diagram Notifikasi
2. Notifikasi, jika activity telah divalidasi oleh mentor


189
3. Progress Bar
Berikut merupakan proses bisnis dari fitur Progress Bar yang akan
Gambar V.82 Activity Diagram Progress Bar
4. Leaderboard
Berikut merupakan proses bisnis dari fitur Leaderboard yang akan
Gambar V.83 Activity Diagram Leaderboard

5. Lihat Home Activity
190
Gambar V.84 Activity Diagram Lihat Home Activity
aplikasi mobile mentor pada increment 3, yang dijelaskan pada gambar V.86
hingga V.90.
1. Lihat daftar activity berdasarkan peserta
Berikut merupakan proses bisnis dari fitur Lihat Activity Berdasarkan
Peserta yang akan dijelaskan menggunakan activity diagram.
191
192
Gambar V.85 Activity Diagram Lihat Activity Berdasarkan Peserta

2. Validasi penyelesaian activity
Berikut merupakan proses bisnis dari fitur Validasi Penyelesaian Activity
Gambar V.86 Activity Diagram Validasi Penyelesaian Activity
3. Notifikasi, jika ada peserta yang baru submit activity

193
4. Progress Bar
Berikut merupakan proses bisnis dari fitur Progress Bar yang akan
Gambar V.88 Activity Diagram Progress Bar

5. Leaderboard
Berikut merupakan proses bisnis dari fitur Leaderboard Peserta yang akan
194
Gambar V.89 Activity Diagram Leaderboard
V.3 Matriks Keterhubungan Perancangan dengan Requirement
Pada bagian ini jelaskan mengenai keterhubungan requirements, analisis, dan

perancangan. Hal tersebut dapat dilihat pada tabel V.103.
Tabel V.103 Keterhubungan Design Item dengan Requirement
No. Requirement Analysis item Design Item

Require model &
ment Req model
Analy Require Architec Class Data S UI

sis ment ture D
REQ-F- Sistem dapat BAB UC-01 - Package User, User, SD GUI-01-

01 melakukan IV.4 Web Diagram Admi Admi - Website
verifikasi dan Admin n n 01 GUI-01-
konfirmasi user UC-01 - SD Mobile
yang akan Mobile - GUI-
masuk ke dalam UC-01 - 01. 01Mobil
sistem. Mobile 2 e Mentor
Mentor SD
-
01.
3
195
REQ-F- Sistem dapat BAB - Package Activi Activi - GUI-02-

02 menampilkan IV.4 Diagram ty ty, Website
dashboard web Activi GUI-02-
admin. (web). ty Mobile
halaman home Detail GUI-02-
mobile mentor Mobile
dan peserta Mentor
onboarding.
(mobile).
REQ-F- Sistem dapat BAB UC-02 Package User User SD GUI-03-

03 menampilkan IV.4 UC-03 Diagram - Website
list user dan UC-04 02 GUI-04-
mengakomodasi UC-05 SD Website
superadmin/ad - Web - GUI-05-
min untuk Admin 03 Website
mengelola SD GUI-06-
(menambah - Website
dan menghapus) 04
data user SD
kemudian -
menyimpannya 07
ke dalam SD
database. (web) -
08
SD
-
11
REQ-F- Sistem dapat BAB UC-06 Package Jobtitl Jobtile SD GUI-08-

04 menampilkan IV.4 UC-07 Diagram e - Website
list jobtitle dan - Web 32 GUI-09-
mengakomodasi Admin SD Website
superadmin/ad -
min untuk 33
mengelola(men SD
ambah dan -
menghapus) 34
data jobtitle SD
kemudian -
menyimpannya 35
ke dalam
database. (web)
REQ-F- Sistem dapat BAB - Package Role Role SD GUI-07-

05 menampilkan IV.4 Diagram - Website
tabel list role. 31
(web)
REQ-F- Sistem dapat BAB UC-08 Package Activi Activi SD GUI-12-

06 menampilkan IV.4 UC-09 Diagram ty, ty, - Website
196
tabel list - Web Activi Activi 15 GUI-13-

activity dan Admin ty ty SD Website
mengakomodasi Detail Detail -
superadmin/ad 16
min untuk SD
mengelola(men -
ambah, 17
mengubah, SD
menghapus) -
data activity 18
kemudian
menyimpannya
ke dalam
database. (web)

07 menampilkan IV.4 UC-15 Diagram ty, ty, - Website
tabel list home - Web Activi Activi 44 Gui-16-
activity dan Admin ty ty SD Website
mengakomodasi Detail Detail -
superadmin/ad 45
min untuk SD
mengelola(men -
ambah, 46
mengubah, SD
menghapus) -
data home 47
activity
kemudian
menyimpannya
ke dalam
database. (web)
REQ-F- Sistem dapat BAB UC-12 Package Categ Categ SD GUI-10-

08 menampilkan IV.4 UC-13 Diagram ory ory - Website
tabel list - Web 23 GUI-11-
activity Admin SD Website
category dan -
mengakomodasi 24
superadmin/ad SD
min untuk -
mengelola(men 25
ambah, SD
mengubah, -
menghapus) 26
data activity
category
kemudian
menyimpannya
ke dalam
database. (web).

09 melakukan IV.4 - Web Diagram ty ty - Website
197
assign activity Admin Owne Owne 20

ke database d d,
peserta yang User,
dipilih. (web). Activi
ty
REQ-F- Sistem BAB UC-11 Package Activi Activi SD GUI-19-

10 menampilkan IV.4 - Web Diagram ty ty – Website
tabel list Admin Owne Owne 19
activity yang d d,
dimiliki oleh User,
peserta. (web) Activi
ty

11 menyimpan IV.4 - Web Diagram - Website
perubahan Admin 48 GUI-18-
password oleh SD Website
superadmin/ad -
min untuk 49
pengguna
aplikasi web
maupun mobile.
(web).

12 menampilkan IV.4 - Mobile Diagram - Mobile
halaman profil 12 GUI-07-
user (peserta SD Mobile
onboarding/me - Mentor
ntor). (mobile) 41

13 menyimpan IV.4 - Mobile Diagram - Mobile
perubahan data 13 GUI-08-
profile user SD Mobile
(peserta - Mentor
onboarding/me 42
ntor). (mobile)

14 menyimpan IV.4 - Mobile Diagram - Mobile
perubahan UC-16 14 GUI-09-
password user - Web SD Mobile
dari akun Admin - Mentor
miliknya. 43
(mobile).

15 mengelompoka IV.4 - Mobile Diagram ty ty, - Mobile
n activity Categ 36
berdasarkan ory
activity
category.
198
(mobile)

16 menampilkan IV.4 - Mobile Diagram ty ty, - MobileG
list activity Categ 36 UI-04-
untuk peserta ory Mobile
onboarding.
(mobile)

17 menampilkan IV.4 - Mobile Diagram ty ty, - Mobile
detail activity Detail Activi 37
untuk peserta ty
onboarding. Detail
(mobile)
REQ-F- Sistem dapat BAB UC-09 Package User User, SD GUI-03-

18 mengkalkulasik IV.4 - Mobile Diagram Activi - Mobile
an progress bar ty 40
berdasarkan Owne SD
activity yang d -
telah 53
diselesaikan
oleh masing-
masing peserta
onboarding.
(mobile)

19 mengakomodasi IV.4 - Mobile Diagram ty t - Mobile
peserta Owne Owne 38
onboarding d d,
melakukan User,
submit activity Activi
yang telah ty
dikerjakan.
(mobile)

20 menampilkan IV.4 - Mobile Diagram ty ty - Mobile
daftar activity Mentor Owne 54 Mentor
berdasarkan d,
peserta User,
onboarding Activi
untuk mentor. ty
(mobile)

21 mengakomodasi IV.4 - Mobile Diagram ty ty - Mobile
mentor untuk Mentor Owne Owne 57 Mentor
melakukan d d,
validasi dari User,
activity yang Activi
telah disubmit ty
199
oleh peserta
onboarding.
(mobile)
REQ-F- Sistem dapat BAB - Package - - - -

22 mengirim IV.4 Diagram
notifikasi untuk
mentor atau
peserta
onboarding.
(mobile)

23 menampilkan IV.4 - Mobile Diagram ty ty - Mobile
leaderboard Mentor Owne Owne 58
dari hasil d d,
activity yang Activi
telah ty,
diselesaikan User
peserta
onboarding.
(mobile)
BAB VI
IMPLEMENTASI
Bab ini menjelaskan hasil implementasi dari perancangan dan analisis yang telah
dibuat pada bab IV dan bab V. Dalam bab ini dijelaskan terkait hasil implementasi
yang terbagi menjadi implementasi aplikasi web dan aplikasi mobile berdasarkan
increment yang telah direncanakan serta matriks keterhubungan implementasi.
Fitur notifikasi tidak akan diimplementasikan pada pengerjaan Tugas Akhir kali
ini.
VI.1 Hasil Implementasi Increment 1
Pada sub bab ini dijelaskan mengenai hasil implementasi increment 1 dari aplikasi
yang dibuat berdasarkan hasil analisis dan perancangan yang dijelaskan pada tabel
VI.1 s.d. VI.13. Berikut fitur yang telah diimplementasikan pada increment 1.
1. Aplikasi Web
a. Authentication
b. Pengelolaan Admin
c. Pengelolaan User Mobile
d. Pengelolaan Jobtitle
e. Melihat Role
2. Aplikasi Mobile Peserta Onboarding
a. Authentication
b. View dan Edit Profile
3. Aplikasi Mobile Mentor
Tidak ada fitur aplikasi mobile untuk mentor yang akan dikembangkan
pada increment 1
VI.1.1 Implementasi Aplikasi Web
Tabel VI.1 Deskripsi IM-01-Website
No Implementasi IM-01-Website
201
Nama UI Halaman Login Web Admin

Gambar
Nama UI Halaman Dashboard

fitur-fitur yang ada pada aplikasi.
Gambar
202
No Implementasi GUI-03-Website
Nama UI Halaman daftar data user

user yang sudah terdaftar pada aplikasi.
Gambar
No UI IM-04-Website
Nama UI Halaman form add/edit data user

203

penambahan/pengubahan data user
Gambar
Nama UI Halaman daftar data admin

admin yang sudah terdaftar pada aplikasi.
Gambar

204
No UI IM-06-Website
Nama UI Halaman form add/edit data admin

penambahan/pengubahan data admin
Gambar
Nama UI Halaman daftar data role

role pada aplikasi.
Gambar
205
Nama UI Halaman daftar data jobtitle

jobtitle pada aplikasi.
Gambar
No UI IM-09-Website
Nama UI Halaman form add/edit data jobtitle

206

penambahan/pengubahan data jobtitle
Gambar
VI.1.2 Implementasi Aplikasi Mobile
Tabel VI.10 Deskripsi IM-01-Mobile
No Implementasi IM-01-Mobile
Nama UI Halaman Login

Gambar
207
Nama UI Halaman Home

fitur-fitur yang ada pada aplikasi
Gambar
208
Nama UI Halaman Profile

dari akun pengguna tersebut
Gambar
209
Nama UI Form Edit Profile

akun pengguna
Gambar
210
VI.1.3 Implementasi Aplikasi Mobile Mentor
Tidak ada implementasi pada increment 1 untuk aplikasi mobile mentor.
1. Aplikasi Web
a. Pengelolaan Activity
b. Assign Activity Kepada Peserta Onboarding
c. Pengelolaan Kategori Activity
d. Melihat Activity Owned
a. Lihat Activity
b. Submit Activity
c. Change Password
211

a. Authentication
b. View dan Edit Profile
c. Change Password
Nama UI Halaman daftar data activity category

Gambar
Nama UI Halaman form add/edit data activity category

penambahan data activity category
Gambar
212
Tabel VI. 16 Deskripsi IM-12-Website
Nama UI Halaman daftar data activity

Gambar
Nama UI Halaman form add/edit data activity

213

penambahan/pengubahan data activity
Gambar
Nama UI Halaman assign activity
Deskripsi Halaman ini berfungsi untuk melakukan pengiriman

data activity kepada peserta onboarding supaya bisa
diakses melalui aplikasi mobile
Gambar
214
Nama UI Halaman daftar data activity owned

peserta onboarding dan seluruh activity yang dimiliki
masing-masing peserta
Gambar

215

user peserta onboarding atau mentor
Gambar
Tabel VI. 21 Deskripsi IM-03-Mobile
Nama UI Halaman activity
Deskripsi Halaman ini berfungsi untuk menampilkan progress bar,

daftar activity category, dan daftar activity yang sedang
dikerjakan
Gambar
216
Nama UI Halaman daftar activity

Gambar
217
Nama UI Halaman detail activity

secara detail
Gambar
218
Tabel VI.24 Deskripsi IM-01-Mobile_Mentor
No Implementasi IM-01-Mobile_Mentor
Nama UI Halaman Login mentor

Gambar
219
Nama UI Halaman Profile mentor

dari akun pengguna
Gambar
220
Nama UI Form Edit Profile mentor

akun pengguna
Gambar
221
Nama UI Halaman form change password mentor

user mentor
Gambar
222
1. Aplikasi Web
a. Pengelolaan Home Activity.
b. Change Password
c. Change Password pengguna aplikasi lain oleh admin
a. Progress Bar
b. Leaderboard
c. Lihat Home Activity
a. Lihat daftar activity berdasarkan peserta
b. Validasi penyelesaian activity
c. Progress Bar
223
d. Leaderboard
Nama Implementasi Halaman form change password

user super admin dan admin atau admin
Gambar
Nama UI Halaman daftar data home activity

home activity pada aplikasi
Gambar
224
Nama UI Halaman form add/edit data home activity

penambahan/pengubahan data home activity
Gambar
Nama UI Halaman form change password other user

225

pengguna lain pada aplikasi
Gambar
Nama UI Halaman leaderboard
Deskripsi Halaman ini berfungsi untuk menampilkan leaderboard

yang berisi peringkat setiap user
Gambar
226
Nama UI Halaman home mentor
Deskripsi Halaman ini berfungsi untuk menampilkan nama

Mentor beserta jabatannya dan activity dari seluruh
peserta onboarding yang perlu divalidasi
Gambar
227
Nama UI Halaman activity mentor
Deskripsi Halaman ini berfungsi untuk menampilkan data user

serta progress bar
Gambar
228
Nama UI Halaman daftar activity mentor

berdasarkan user
Gambar
229
Nama UI Halaman validation activity mentor

secara detail untuk dilakukan validasi
Gambar
230
Nama UI Halaman leaderboard mentor
Deskripsi Halaman ini berfungsi untuk menampilkan

menampilkan leaderboard yang berisi peringkat setiap
user
Gambar
231
VI.4 Perbedaan Hak Akses
Pada aplikasi mobile sudah jelas bahwa mentor dan peserta onboarding memiliki
dua aplikasi yang berbeda. Kemudian pada aplikasi web terdapat dua role yaitu
superadmin dan admin yang memiliki hak akses berbeda. Perbedaan tersebut
dituangkan pada tabel VI.38.
Tabel VI.38 Perbedaan Hak Akses
Fitur Superadmin Admin
Pengelolaan Admin (Web) Tersedia Tidak tersedia
Pengelolaan User (Mobile) Tersedia Tersedia
Melihat daftar role Tersedia Tersedia
Pengelolaan Jobtitle Tersedia Tersedia
Pengelolaan Activity Tersedia Tersedia
Pengelolaan Home Activity Tersedia Tersedia
Pengelolaan Activity Tersedia Tersedia

Category
232
Melihat daftar Activity Tersedia Tersedia

Owned (Activity yang telah
dimiliki oleh peserta
onboarding)
Gambar superadmin
Gambar admin
233
Kesimpulannya, pengguna aplikasi web dengan role admin tidak bisa mengelola
(melihat, menambah, atau menghapus) data admin lainnya.
VI.5 Matriks Keterhubungan Implementasi
Pada sub bab ini dijelaskan mengenai keterhubungan implementasi yang telah
dilakukan berdasarkan hasil analisis dan hasil perancangan pada bagian
sebelumnya yang ditunjukkan pada tabel VI.39.
Tabel VI.39 Matriks Keterhubungan Implementasi
No. Requirement Perancangan Status

Requirement Implementasi
No. No. User Interface
UC SD
REQ-F-01 Sistem dapat melakukan UC-01 SD- IM-01-Website Terimplementasi

verifikasi dan konfirmasi - Web 01 IM-01-Mobile
user yang akan masuk ke Admin SD- IM-01-
dalam sistem. UC-01 01.2 Mobile_Mentor
- SD-
Mobile 01.3
UC-01
234
-
Mobile
Mentor
REQ-F-02 Sistem dapat - - IM-02-Website Terimplementasi

menampilkan dashboard IM-02-Mobile
web admin. (web). IM-02-
halaman home mobile Mobile_Mentor
mentor dan peserta
onboarding. (mobile).
REQ-F-03 Sistem dapat UC-02 SD- IM-03-Website Terimplementasi

menampilkan list user UC-03 02 IM-04-Website
dan mengakomodasi UC-04 SD- IM-05-Website
superadmin/admin untuk UC-05 03 IM-06-Website
mengelola (menambah - Web SD-
dan menghapus) data Admin 04
user kemudian SD-
menyimpannya ke dalam 07
database. (web) SD-
08
SD-
11

menampilkan list jobtitle UC-07 32 IM-09-Website
dan mengakomodasi - Web SD-
superadmin/admin untuk Admin 33
mengelola(menambah SD-
dan menghapus) data 34
jobtitle kemudian SD-
menyimpannya ke dalam 35
database. (web)
REQ-F-05 Sistem dapat - SD- IM-07-Website Terimplementasi

menampilkan tabel list 31
role. (web)

menampilkan tabel list UC-09 15 IM-13-Website
activity dan - Web SD-
mengakomodasi Admin 16
superadmin/admin untuk SD-
mengelola(menambah, 17
mengubah, menghapus) SD-
data activity kemudian 18
menyimpannya ke dalam
database. (web)
REQ-F-07 Sistem dapat UC-14 SD- IM-15-Website

home activity dan - Web SD-
235
data home activity 47
kemudian menyimpannya
ke dalam database. (web)

activity category dan - Web SD-
data activity category 26
kemudian menyimpannya
ke dalam database.
(web).
REQ-F-09 Sistem dapat melakukan UC-10 SD- IM-17-Website Terimplementasi

assign activity ke - Web 20
database peserta yang Admin
dipilih. (web).
REQ-F-10 Sistem menampilkan UC-11 SD– IM-19-Website Terimplementasi

tabel list activity yang - Web 19
dimiliki oleh peserta. Admin
(web)
REQ-F-11 Sistem dapat menyimpan UC-17 SD- IM-18-Website Terimplementasi

perubahan password oleh - Web 48
superadmin/admin untuk Admin SD-
pengguna aplikasi web 49
maupun mobile. (web).
REQ-F-12 Sistem dapat UC-02 SD- IM-07-Mobile Terimplementasi

menampilkan halaman - 12 IM-07-
profil user (peserta Mobile SD- Mobile_Mentor
onboarding/mentor). 41
(mobile)
REQ-F-13 Sistem dapat menyimpan UC-03 SD- IM-08-Mobile Terimplementasi

perubahan data profile - 13 IM-08-
user (peserta Mobile SD- Mobile_Mentor
onboarding/mentor). 42
(mobile)
REQ-F-14 Sistem dapat menyimpan UC-04 SD- IM-14-Website Terimplementasi

perubahan password user - 14 IM-09-Mobile
dari akun miliknya. Mobile SD- IM-09-
(mobile). (web) UC-16 43 Mobile_Mentor
- Web
Admin

236
mengelompokan activity - 36
berdasarkan activity Mobile
category. (mobile)

menampilkan list activity - 36
untuk peserta Mobile
onboarding. (mobile)

menampilkan detail - 37
activity untuk peserta Mobile

mengkalkulasikan - 40
progress bar berdasarkan Mobile SD-
activity yang telah 53
diselesaikan oleh masing-
masing peserta

mengakomodasi peserta - 38
onboarding melakukan Mobile
submit activity yang telah
dikerjakan. (mobile)
REQ-F-20 Sistem dapat UC-06 SD- IM-03- Terimplementasi

menampilkan daftar - 54 Mobile_Mentor
activity berdasarkan Mobile IM-04-
peserta onboarding untuk Mentor Mobile_Mentor
mentor. (mobile)
REQ-F-21 Sistem dapat UC-10 SD- IM-05- Terimplementasi

mengakomodasi mentor - 57 Mobile_Mentor
untuk melakukan validasi Mobile
dari activity yang telah Mentor
disubmit oleh peserta
REQ-F-22 Sistem dapat mengirim UC-12 - - Tidak

notifikasi untuk mentor - Terimplementasi
atau peserta onboarding. Mobile
(mobile) Mentor

menampilkan - 58 IM-06-
leaderboard dari hasil Mobile Mobile_Mentor
activity yang telah Mentor
diselesaikan peserta
BAB VII
PENGUJIAN
Pada bab ini dijelaskan mengenai pengujian yang dilakukan terhadap hasil
implementasi dari setiap modul dan fitur pada aplikasi Onboarding Karyawan
yang telah dikembangkan.
VII.1 Lingkup Pengujian
Secara umum lingkup pengujian yang dilakukan pada tugas akhir kali ini meliputi
beberapa hal sebagai berikut.
VII.1.1 Unit Test
VII.1.1.1 Aplikasi Web
1. Autentikasi.
2. Mengelola (menampilkan, menambah, menghapus) data user.
3. Mengelola (menampilkan, menambah, menghapus) data admin.
4. Mengelola (menampilkan, menambah, mengubah, menghapus) data
activity category.
5. Mengelola (menampilkan, menambah, mengubah, menghapus) activity.
6. Mengunggah file (foto, dokumen, video).
7. Mengelola (menampilkan, menambah, menghapus) data home activity.
8. Assign Activity.
9. Menampilkan daftar data activity yang dimiliki oleh peserta onboarding.
VII.1.1.2 Aplikasi Mobile Peserta Onboarding
1. Autentikasi
2. Menampilkan daftar activity berdasarkan activity category.
3. Menampilkan activity detail.
4. Memutar video.
5. Menampilkan gambar.
238
6. Mengunduh dokumen.
7. Submit activity.
8. Menampilkan progress bar.
9. Menampilkan leaderboard.
VII.1.1.3 Aplikasi Mobile Mentor
1. Autentikasi user.
2. Menampilkan daftar activity berdasarkan peserta onboarding.
3. Validasi activity.
4. Menampilkan progress bar.
5. Menampilkan leaderboard.
VII.1.2 Integration Test
1. Autentikasi pengguna baru.

2. Pembuatan, pemberian, dan pengaksesan activity.
3. Submit dan validasi activity.
VII.2 Rencana Pengujian
Pada subbab kali ini akan dijelaskan mengenai rencana pengujian yang mencakup
tahapan pengujian, dan juga jenis pengujian.
VII.2.1 Tahapan Pengujian
Tahapan pengujian pada aplikasi Onboarding Karyawan adalah sebagai berikut.

1. Test Plan
Test Plan merupakan bagian untuk mengidentifikasi objek dari pengujian,
yaitu fitur yang perlu diuji dan pembagian tanggung jawab pengujian.
Dokumen Test Plan dapat dilihat pada lampiran.
2. Test Design
Test Design merupakan bagian yang berfungsi untuk pengidentifikasian
test case. Dokumen Test Design dapat dilihat pada lampiran
239
3. Test Case
Test Case berisikan kasus-kasus yang diujikan. Dokumen Test Case dapat
dilihat pada lampiran.
4. Test Procedure
Test Procedure berisikan prosedur yang dilakukan dalam pengujian
mengacu pada test case. Dokumen Test Procedure dapat dilihat pada
lampiran.
5. Test Log
Test Log berisikan hasil dari eksekusi pengujian yang telah dilakukan.
Dokumen Test Log dapat dilihat pada lampiran.
VII.2.2 Jenis Pengujian
Pengujian yang dilakukan adalah unit test. integration test, dan user acceptance
test.
VII.3 Kesimpulan Hasil Pengujian
Pada bagian ini dijelaskan mengenai kesimpulan hasil pengujian aplikasi yang
merupakan ringkasan dari lima dokumen yang telah dibuat. Penjelasan dibagi
menjadi tiga bagian, yaitu aplikasi web, aplikasi mobile, dan aplikasi mobile
mentor.
VII.3.1 Unit Test
VII.3.1.1 Aplikasi Web
Berikut merupakan ringkasan hasil unit test aplikasi web yang diambil dari
dokumen testing dapat dilihat pada tabel VII.1.
Tabel VII.1 Resume Testing Aplikasi Web
Test Case ID Test Case Result
TC-AUT-01-Web Autentikasi Pass
TC-SU-02-Web Menampilkan data user. Pass

240
TC-AU-03-Web Menambah data user. Pass
TC-DU-04-Web Menghapus data user. Pass
TC-SA-05-Web Menampilkan data admin. Pass
TC-AA-06-Web Menambah data admin. Pass
TC-DA-07-Web Menghapus data admin. Pass
TC-SAC-08-Web Menampilkan data activity Pass

category.
TC-AAC-09-Web Menambah data activity Pass

category.
TC-EAC-10-Web Mengubah data activity Pass

category.
TC-DAC-11-Web Menghapus data activity Pass

category.
TC-SAT-12-Web Menampilkan data activity. Pass
TC-AAT-13-Web Menambah data activity. Pass
TC-EAT-14-Web Mengubah data activity. Pass
TC-DAT-15-Web Menghapus data activity. Pass
TC-UF-16-Web Mengunggah file (foto, Pass

dokumen, video).
TC-ASAT-17-Web Assign Activity. Pass
TC-SAO-18-Web Menampilkan daftar data Pass

activity yang dimiliki oleh
peserta onboarding.
TC-SHA-19-Web Menampilkan data home Pass

activity.
TC-AHA-20-Web Menambah data home activity. Pass
TC-EHA-21-Web Mengubah data home activity. Pass
TC-DHA-22-Web Menghapus data home Pass

activity.
VII.3.1.2 Aplikasi Mobile Peserta Onboarding
Berikut merupakan ringkasan hasil unit test aplikasi mobile peserta onboarding
yang diambil dari dokumen testing dapat dilihat pada tabel VII.2.
241
Tabel VII.2 Resume Testing Aplikasi Mobile Peserta
TC-AUT-01-Mobile Autentikasi Pass
TC-SAT-02-Mobile Menampilkan daftar activity Pass

berdasarkan activity category
TC-SAD-03-Mobile Menampilkan activity detail Pass
TC-SV-04-Mobile Memutar video Pass
TC-SG-05-Mobile Menampilkan gambar Pass
TC-DD-06-Mobile Mengunduh dokumen Pass
TC-SMAT-07-Mobile Submit activity Pass
TC-SPB-08-Mobile Menampilkan progress bar Pass
TC-SL-09-Mobile Menampilkan leaderboard Pass
VII.3.1.3 Aplikasi Mobile Mentor
Berikut merupakan ringkasan hasil unit test aplikasi mobile mentor yang diambil
dari dokumen testing dapat dilihat pada tabel VII.3.
Tabel VII.3 Resume Testing Aplikasi Mobile Mentor
TC-AUT-01-Mobile_Mentor Autentikasi Pass
TC-SAT-02-Mobile_Mentor Menampilkan daftar activity Pass

berdasarkan peserta
onboarding.
TC-VA-03-Mobile_Mentor Validasi activity. Pass
TC-SPB-04-Mobile_Mentor Menampilkan progress bar. Pass
TC-SL-05-Mobile_Mentor Menampilkan leaderboard. Pass
VII.3.2 Integration Test
Berikut merupakan ringkasan hasil integration test aplikasi webyang diambil dari
dokumen testing dapat dilihat pada tabel VII.4.
Tabel VII.4 Resume Integration Test

242
Test Case ID Test Case Related Modules Result
TC-AUT-01- Autentikasi 1. Pengelolaan Pass

Mobile_Mentor admin
2. Autentikasi
admin
TC-SAT-02- Menampilkan daftar activity 1. Pengelolaan Pass

Mobile_Mentor berdasarkan peserta user (peserta
onboarding. onboarding)
2. Autentikasi user
(peserta
onboarding)
TC-VA-03- Validasi activity. 1. Pengelolaan Pass

Mobile_Mentor user (mentor)
2. Autentikasi user
(mentor)
TC-SPB-04- Menampilkan progress bar. 1. Pengelolaan Pass

Mobile_Mentor activity
2. Assign activity
3. Lihat activity
TC-SL-05-Mobile_Mentor Menampilkan leaderboard. 1. Lihat activity Pass

2. Submit activity
3. Validasi activity
VII.3.3 UAT
VII.3.3.1 UAT Aplikasi Web
Berikut merupakan ringkasan hasil user acceptance test aplikasi web yang
diambil dari dokumen uat dapat dilihat pada tabel VII.5.
Tabel VII.5 Resume UAT Aplikasi Web
ID Description of Tasks Result
1 Autentikasi. Pass
2 Menampilkan data user. Pass
3 Menambah data user. Pass
4 Menghapus data user. Pass
5 Menampilkan data admin. Pass
6 Menambah data admin. Pass

243
7 Menghapus data admin. Pass
8 Menampilkan data activity category. Pass
9 Menambah data activity category. Pass
10 Mengubah data activity category. Pass
11 Menghapus data activity category. Pass
12 Menampilkan data activity. Pass
13 Menambah data activity. Pass
14 Mengubah data activity. Pass
15 Menghapus data activity. Pass
16 Mengunggah file (foto). Pass
17 Mengunggah file (dokumen). Fail
18 Mengunggah file (video). Pass
19 Assign Activity. Pass
20 Menampilkan daftar data activity yang dimiliki oleh peserta onboarding. Pass
21 Menampilkan data home activity. Pass
22 Menambah data home activity. Pass
23 Mengubah data home activity. Pass
24 Menghapus data home activity. Pass
25 Pembuatan admin baru, dan autentikasi pada aplikasi web. Pass
Pembuatan user baru dengan role peserta onboarding, dan autentikasi pada Pass
26
aplikasi mobile peserta onboarding.
Pembuatan user baru dengan role mentor, dan autentikasi pada aplikasi mobile Pass
27
mentor.
Pembuatan activity pada aplikasi web, dan pengaksesan activity pada aplikasi Pass
28
mobile peserta onboarding.
VII.3.3.2 UAT Aplikasi Mobile Peserta Onboarding
Berikut merupakan ringkasan hasil user acceptance test aplikasi mobile peserta
yang diambil dari dokumen uat dapat dilihat pada tabel VII.6.
Tabel VII.6 Resume UAT Aplikasi Mobile Peserta
244
1 Autentikasi Pass
2 Menampilkan daftar activity berdasarkan activity category. Pass
3 Menampilkan activity detail. Pass
4 Memutar video. Pass
5 Menampilkan gambar. Pass
6 Mengunduh dokumen. Fail
7 Submit activity. Pass
8 Menampilkan progress bar. Pass
9 Menampilkan leaderboard. Pass
Pembuatan user baru dengan role peserta onboarding, dan autentikasi pada Pass
10
aplikasi mobile peserta onboarding.
Pembuatan activity pada aplikasi web, pemberian activity kepada peserta Pass
11 onboarding, dan pengaksesan activity pada aplikasi mobile peserta
onboarding.
12 Submit activity pada aplikasi mobile peserta onboarding, dan validasi activity. Pass
VII.3.3.3 UAT Aplikasi Mobile Mentor
Berikut merupakan ringkasan hasil user acceptance test aplikasi mobile mentor
yang diambil dari dokumen uat dapat dilihat pada tabel VII.7.
Tabel VII.7 Resume UAT Aplikasi Mobile Mentor
1 Autentikasi Pass
2 Menampilkan daftar activity berdasarkan peserta onboarding. Pass
3 Validasi activity. Pass
4 Menampilkan progress bar. Pass
5 Menampilkan leaderboard. Pass
6 Pembuatan user baru dengan role mentor, dan autentikasi pada aplikasi mobile Pass
mentor.
7 Submit activity pada aplikasi mobile peserta onboarding, dan validasi activity Pass
245
BAB VIII
PENUTUP
Bab ini berisi kesimpulan dan saran yang diperoleh dari hasil pengerjaan tugas
akhir dengan judul Pengembangan Aplikasi Onboarding Karyawan Di CV
Garuda Infinity Kreasindo.
VIII.1 Kesimpulan
Aplikasi Onboarding Karyawan di CV Garuda Infinity Kreasindo yang dihasilkan

pada tugas akhir ini, dilaksanakan dengan menerapkan incremental software
process model. Incremental model yang dilakukan untuk menghasilkan aplikasi
ini terbagi menjadi 3 increment.
Berikut kesimpulan yang diperoleh dari hasil pelaksanaan tugas akhir :

1. Fitur autentikasi telah terimplementasi pada ketiga aplikasi. Terdapat
sebuah kekurangan pada form autentikasi aplikasi web dimana data yang
telah diisi tidak hilang ketika web dimuat ulang.
2. Fitur pengelolaan pengguna telah terimplementasi.
3. Fitur pengelolaan activity telah terimplementasi. Terdapat sebuah
kekurangan ketika menekan tombol untuk simpan activity lebih dari satu
kali, yaitu akan terjadi error.
4. Fitur assign activity kepada peserta onboarding telah terimplementasi.
5. Fitur pengaksesan activity telah terimplementasi. Terdapat sebuah
kekurangan apabila sebuah activity memiliki lebih dari satu dokumen,
yaitu ketika diunduh file yang diunduh adalah file yang berada pada urutan
paling akhir.
6. Fitur submit dan validasi activity telah terimplementasi.
7. Fitur progress bar dan leaderboard telah terimplementasi.
8. Telah dilakukan pengujian unit dan integration pada aplikasi
menggunakan pendekatan black box. Hasil pengujian perangkat lunak
246
menunjukkan bahwa aplikasi yang dibuat telah memenuhi 88,8%

requirement yang ditetapkan
9. Telah dilakukan user acceptance test yang dilakukan oleh mitra. Hasil
pengujian perangkat lunak menunjukkan bahwa aplikasi yang dibuat telah
memenuhi 68% requirement yang ditetapkan.
VIII.2 Saran
Berdasarkan kekurangan yang ditemukan pada hasil pengembangan aplikasi pada

tugas akhir ini, berikut saran untuk pengembangan selanjutnya :
1. Implementasi fitur notifikasi.
2. Kembangkan aplikasi mobile untuk perangkat iOS.
3. Analisis kembali mengenai pengelolaan data karyawan apabila aplikasi
CV Garuda memiliki banyak karyawan.
DAFTAR PUSTAKA
Pustaka dari buku:

Engel, A. (2010). VERIFICATION, VALIDATION, AND TESTING OF
ENGINEERED SYSTEMS. John Wiley & Sons, Inc.
IEEE. (1998). IEEE Recommended Practice For Software Requirements
Specifications. New York: Institute of Electrical and Electronics
Engineers, Inc.
IEEE. (1998). IEEE Standard for Software Test Documentation. Institute of
Electrical and Electronics Engineers, Inc.
Larman, C. (2004). Applying UML and Patterns: An Introduction to Object-
Oriented Analysis and Design and Iterative Development, Third Edition.
Addison Wesley Professional.
Pressman, R. S. (2010). Software engineering : a practitioner’s approach, seventh
edition. McGraw-Hill,.
Rumbaugh, J., Jacobson, I., & Booch, G. (1999). The Unified Modeling Language
Reference Manual. Addison Wesley Professional.
Pustaka dari jurnal:

Firmansyah, D. (2019). Pengembangan Front-End Aplikasi Mobile E-Recruitment
Menggunakan Flutter. 5.
Pramana, D. (2018). Perancangan Aplikasi Fiqih Berbasis Web Dengan .NET
Framework.
Putra, R. D. (2022). Rancang Bangun Aplikasi Pemesanan Online Tiket Bioskop.
3-6.
Pustaka dari situs:

Adani, M. R. (2021, Maret 21). Pengertian Sistem Informasi dan Contoh
Penerapan pada Dunia Industri. Retrieved from Sekawan Media:
https://www.sekawanmedia.co.id/blog/sistem-informasi/
APPKEY. (2020, September 8). PostgreSQL Adalah : Fungsi, Kelebihan dan
Kekurangannya. Retrieved from WEBAPP: https://appkey.id/pembuatan-
website/backend/postgresql-adalah/#Apa_Itu_PostgreSQL_Pengertian_Po
stgreSQL
Darmadi, H. (2018, May 31). Merancang Web API yang Mudah Dieksplorasi.
Retrieved from Binus University :
https://binus.ac.id/knowledge/2018/05/merancang-web-api-yang-mudah-
dieksplorasi/
Edge, R. (2018, April 17). You Might Not Need Redux: The Flutter Edition.
Retrieved from ProAndroidDev: https://proandroiddev.com/you-might-
not-need-redux-the-flutter-edition-9c11eba006d7
Faisal, M. R. (2014). Seri Belajar ASP.NET Pengenalan ASP.NET Web API.
INDC.
Flutter. (n.d.). State Management. Retrieved from Flutter Development:
https://docs.flutter.dev/development/data-and-backend/state-mgmt/intro
248
Pustaka dari hasil wawancara:

Kurnia, H. (2022). Onboarding Pada CV Garuda. (D. Majid, F. Septiana, & K.
Arsy, Interviewers)

Pengembangan Aplikasi Onboarding Karyawan Di CV Garuda Infinity Kreasindo

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Pengembangan Aplikasi Onboarding Karyawan Di CV Garuda Infinity Kreasindo

Diunggah oleh

Hak Cipta:

Format Tersedia

PENGEMBANGAN APLIKASI ONBOARDING KARYAWAN

DI CV GARUDA INFINITY KREASINDO

Development of Employee Onboarding Applications

LAPORAN TUGAS AKHIR

DAFI MAJID FADHLIH NIM: 191511039

POLITEKNIK NEGERI BANDUNG

Dengan ini menyatakan bahwa Tugas Akhir dengan judul Pengembangan

Apabila kemudian ditemukan adanya pelanggaran terhadap plagiarisme dalam

Demikian pernyataan ini dibuat sebagai pertanggungjawaban tanpa ada paksaan

Bandung, 11 Juli 2022

Firstdeyan Septiana Putra

Tempat, Tanggal Lahir : Bandung, 20 September 2000

Nama : Dafi Majid Fadhlih

Tempat, Tanggal Lahir : Cianjur, 19 Mei 2001

Tempat, Tanggal Lahir : Bandung, 19 Juli 2001

Pengembangan aplikasi onboarding karyawan di CV Garuda Infinity Kreasindo

Kata Kunci : Onboarding karyawan, CV Garuda Infinity Kreasindo, framework,

Pengembangan aplikasi onboarding karyawan di CV Garuda Infinity Kreasindo

1. Bapak Bambang Wisnuadhi, S.Si., M.T. selaku Ketua Jurusan Teknik

Bandung, 11 Juli 2022

Firstdeyan Septiana Putra

Gambar II.1 SLDC - Incremental............................................................................8

Tabel III.1 Pengembangan Aplikasi Increment 1..................................................14

Singkatan Nama Pemakaian pertama kali pada

API Application Programming 9

CRUD Create Read Update Delete 32

REST Representational State 26

SDK Software Development Kit 25

SDLC Software Development Life 23

SQL Structured Query Language 20

UML Unified Modelling Language 24

URL Uniform Resource Locators 53

WSDL Web Services Description 26

No Simbol Dipakai Di Keterangan

1. Activity Diagram, BPMN, Awal dimulainya suatu proses

2. Flowchart, Activity Menunjukan proses yang

3. Activity Diagram Menunjukan selesainya suatu

4. BPMN Titik percabangan jalur

5. BMPN Titik percabangan jalur yang

6. BPMN Data input

7. BPMN Data output

8. BPMN Menggambarkan isi pesan dari

9. BPMN Menandakan pesan dari suatu

10. BPMN, Activity Diagram, Menunjukkan urutan kegiatan

11. BPMN Menunjukan aliran Pesan antara

I.1 Latar Belakang

Salah satu contoh perusahaan yaitu CV Garuda Infinity Kreasindo, yang

Karyawan baru sebagai peserta onboarding akan diberikan materi mengenai

Aplikasi ini memudahkan peserta onboarding dalam proses pembelajaran dan

Aplikasi dibuat berbasis android menggunakan framework Flutter yang dapat

I.2 Rumusan Masalah

Berdasarkan latar belakang yang sudah dipaparkan, permasalahan yang muncul

1. Proses pemberian materi dilakukan dengan beberapa cara. Terkadang

Berikut adalah tujuan dari aplikasi yang dibangun.

I.4 Ruang Lingkup

Ruang lingkup pengembangan aplikasi adalah sebagai berikut.

1. Aplikasi mobile digunakan oleh peserta onboarding, dan mentor yang

I.5 Batasan Aplikasi

Batasan dari aplikasi yang dibangun adalah sebagai berikut:

4. Aplikasi hanya bisa digunakan oleh pengguna yang telah terdaftar.

II.1 Dasar Teori

Dibutuhkan beberapa pemahaman dasar teori dalam pelaksanaan tugas akhir.

Pengertian dari onboarding yang dilakukan oleh CV Garuda merupakan proses