diff --git a/Laporan PKL/GoDriveNow.fig b/Laporan PKL/GoDriveNow.fig new file mode 100644 index 0000000..2f54280 Binary files /dev/null and b/Laporan PKL/GoDriveNow.fig differ diff --git a/Laporan PKL/Laporan Magang_E41211399_Erlyna Berlian Prastiti.pdf b/Laporan PKL/Laporan Magang_E41211399_Erlyna Berlian Prastiti.pdf new file mode 100644 index 0000000..9047053 --- /dev/null +++ b/Laporan PKL/Laporan Magang_E41211399_Erlyna Berlian Prastiti.pdf @@ -0,0 +1,3328 @@ +PERANCANGAN ULANG UI/UX PADA APLIKASI RENTAL +MOTOR MOBIL GODRIVENOW BERBASIS MOBILE DAN + + DESKTOP + LAPORAN MAGANG + + oleh + Erlyna Berlian Prastiti + + NIM E41211399 + + PROGRAM STUDI DI LUAR KAMPUS UTAMA (PSDKU) + TEKNIK INFORMATIKA KAB. NGANJUK + JURUSAN TEKNOLOGI INFORMASI + POLITEKNIK NEGERI JEMBER + 2025 + PERANCANGAN ULANG UI/UX PADA APLIKASI RENTAL +MOTOR MOBIL GODRIVENOW BERBASIS MOBILE DAN + + DESKTOP + + LAPORAN MAGANG + + Sebagai salah satu syarat untuk memperoleh gelar Sarjana Sains Terapan + Komputer (S. Tr. Kom) di Program Studi Diluar Kampus Utama (PSDKU) + + Teknik Informatika Kab. Nganjuk + Jurusan Teknologi Informasi + + oleh + Erlyna Berlian Prastiti + + NIM E41211399 + + PROGRAM STUDI DI LUAR KAMPUS UTAMA (PSDKU) + TEKNIK INFORMATIKA KAB. NGANJUK + JURUSAN TEKNOLOGI INFORMASI + POLITEKNIK NEGERI JEMBER + 2025 + + ii + KEMENTERIAN PENDIDIKAN TINGGI, SAINS DAN TEKNOLOGI + POLITEKNIK NEGERI JEMBER + + JURUSAN TEKNOLOGI INFORMASI + + LEMBAR PENGESAHAN LAPORAN MAGANG + +PERANCANGAN ULANG UI/UX PADA APLIKASI RENTAL MOTOR MOBIL + GODRIVENOW BERBASIS MOBILE DAN DESKTOP + +Erlyna Berlian Prastiti + NIM. E41211399 + +Telah melaksanakan Magang dan dinyatakan lulus + Pada tanggal 1 Januari 2025 + +Tim Pembimbing + +Pembimbing Magang Pembimbing Lapang + +Ulfa Emi Rahmawati, S.Kom., M.Kom. Rekario Danny Sanjaya, S.Kom. + NIP. 199706282022032018 + + Mengetahui, + Ketua Jurusan Teknologi Informasi + +Hendra Yufit Riskiawan, S.Kom, M.Cs + NIP. 198302032006041003 + + iii + PRAKATA + + Puji syukur penulis panjatkan ke hadirat Allah Swt. atas berkat rahmat dan +karunia-Nya sehingga penulisan laporan magang berjudul “Perancangan Ulang +UI/UX pada Aplikasi Rental Motor Mobil GoDriveNow Berbasis Mobile dan +Desktop” dapat terselesaikan dengan tepat waktu. + + Laporan ini merupakan laporan hasil pelaksanaan magang yang +dilaksanakan pada tanggal 1 Agustus 2024 sampai dengan 30 Desember 2024 yang +bertempat di Seven Inc, Karangjambe, Banguntapan, Bantul, Daerah Istimewa +Yogyakarta, sebagai salah satu syarat kelulusan di Program Studi Teknik +Informatika, Jurusan Teknologi Informasi, Politeknik Negeri Jember. + + Pada kesempatan ini penulis ingin menyampaikan ucapan terima kasih yang +sebesar besarnya kepada semua pihak yang telah memberikan bimbingan dan +dukungan dalam penyusunan laporan kerja praktik ini, khususnya kepada: +1. Tuhan Yang Maha Esa yang telah memberikan rahmat-Nya sehingga magang + + ini dapat diselesaikan dengan baik. +2. Bapak Syaiful Anwar, S.Tp. M.P., selaku Direktur Politeknik Negeri Jember. +3. Bapak Hendra Yufit Riskiawan, S.Kom. M.Cs., selaku Ketua Jurusan + + Teknologi Informasi. +4. Ibu Ulfa Emi Rahmawati, S.Kom, M.Kom., selaku Ketua Program Studi + + Teknik Informatika Kampus 3 Kabupaten Nganjuk, dan juga selaku dosen + pembimbing Magang. +5. Bapak Raditya Arief Pratama, S.Kom., M.Eng, selaku Koordinator Magang. +6. Bapak Rekario Danny Sanjaya, S.Kom., selaku Pembimbing Lapangan yang + telah memberikan ilmu dan pengalaman selama pelaksanaan magang. +7. Teman – teman kelompok dan semua pihak yang turut serta dalam membantu + pelaksanaan kegiatan dan penulisan laporan kerja praktik + + Penulis menyadari bahwa laporan magang ini masih jauh dari kata +sempurna, oleh karena itu kritik dan saran yang membangun dari berbagai pihak +sangat diharapkan untuk menyempurnakan penulisan di masa yang akan datang. + + iv + Akhir kata, Semoga laporan magang ini dapat memberikan manfaat dan wawasan +yang lebih luas bagi pembaca. + + Yogyakarta, 07 Januari 2025 + Penulis + + v + RINGKASAN + + PERANCANGAN ULANG UI/UX PADA APLIKASI RENTAL +MOTOR MOBIL GODRIVENOW BERBASIS MOBILE DAN DEKSTOP, +Erlyna Berlian Prastiti, NIM. E41211399, Tahun 2024, Teknik Informatika +Teknologi Informasi, Politeknik Negeri Jember, Ibu Ulfa Emi Rahmawati, S.Kom., +M.Kom. (Pembimbing Utama), Seven Inc., Bapak Rekario Danny Sanjaya S.Kom +(Pembimbing Lapang). + + Magang merupakan proses pembelajaran dari seorang ahli melalui kegiatan +di dunia nyata. Selain itu, magang juga melibatkan penerapan pengetahuan dan +keterampilan untuk menyelesaikan masalah nyata di lingkungan sekitar. Magang +merupakan salah satu pendidikan akedemik di Politeknik Negeri Jember. Kegiatan +ini merupakan persyaratan kelulusan mahasiswa Politeknik Negeri Jember dimana +pada saat magang mahasiswa dapat mengaplikasikan ilmu yang diperoleh selama +kuliah untuk menyelesaikan penugasan terkait studi kasus yang diberikan di tempat +magang. Pemilihan tempat magang ini yaitu di Seven Inc dikarenakan tersedianya +divisi yang relevan dengan keahlian yang dimiliki mahasiswa. + + Seven Inc adalah perusahaan yang bergerak di bidang industri +clothing/apparel pria. Berdiri sejak tahun 2012 di Banguntapan, Bantul, Daerah +Istimewa Yogyakarta, perusahaan ini didirikan oleh Rekario Danny Sanjaya. Selain +memproduksi fashion, Seven Inc juga menjalankan berbagai jasa seperti konveksi, +pembuatan website, pengiriman paket, dan pengelasan. Seven Inc aktif memberikan +peluang magang melalui platform magangjogja.com, yang dirancang untuk melatih +keterampilan, membentuk karakter, dan mempersiapkan para peserta untuk terjun +ke dunia kerja. + + Selama lima bulan, mahasiswa berkesempatan untuk berkontribusi dalam +menerapkan pengetahuan dan keterampilan untuk menyelesaikan masalah nyata di +lingkungan sekitar, seperti perancangan ulang antarmuka pengguna (UI/UX) untuk +project rental motor dan mobil aplikasi GoDriveNow berbasis mobile dan desktop +yang bertujuan untuk meningkatkan pengalaman pengguna dengan tampilan sistem +yang lebih baik dari tampilan sebelumnya. Aplikasi GoDriveNow ini memiliki 5 + + vi + role dengan fitur yang berbeda beda, yang mana role Customer dan Mitra berbasis +mobile, sedangkan Admin, Finance dan Super admin berbasis dekstop. + + vii + DAFTAR ISI + + Halaman +HALAMAN SAMPUL........................................................................................... i +HALAMAN JUDUL ............................................................................................. ii +LEMBAR PENGESAHAN LAPORAN MAGANG ......................................... iii +PRAKATA............................................................................................................. iv +RINGKASAN ....................................................................................................... vi +DAFTAR ISI ....................................................................................................... viii +DAFTAR TABEL ................................................................................................. xi +DAFTAR GAMBAR ........................................................................................... xii +DAFTAR LAMPIRAN .................................................................................... xviii +BAB 1. PENDAHULUAN .................................................................................... 1 + + 1.1 Latar Belakang ......................................................................................... 1 + 1.2 Tujuan dan Manfaat.................................................................................. 3 + + 1.2.1 Tujuan Umum Magang ..................................................................... 3 + 1.2.2 Tujuan Khusus Magang .................................................................... 3 + 1.2.3 Manfaat Magang ............................................................................... 4 + 1.3 Lokasi dan Waktu ..................................................................................... 4 + 1.4 Metode Pelaksanaan ................................................................................. 7 + 1.4.1 Pelaksanaan Magang dengan Pembimbing Lapang atau Mentor ..... 7 + 1.4.2 Pelaksanaan Magang dengan Dosen Pembimbing............................ 7 + 1.4.3 Dokumentasi Pelaksanaan Magang .................................................. 7 +BAB 2. KEADAAN UMUM PERUSAHAAN/INSTANSI ................................ 8 + 2.1 Sejarah Perusahaan/Instansi ..................................................................... 8 + 2.2 Struktur Organisasi Perusahaan/Instansi ................................................ 12 + + viii + 2.3 Kondisi Lingkungan ............................................................................... 15 +BAB 3. KEGIATAN UMUM LOKASI MAGANG.......................................... 16 + + 3.1 Pengenalan Perusahaan dan Lingkungan Kerja ..................................... 16 + 3.2 Pemberian Tugas .................................................................................... 17 + 3.3 Diskusi atau Meeting .............................................................................. 19 + 3.4 Pengerjaan Project.................................................................................. 20 + 3.5 Outing ..................................................................................................... 21 + 3.6 Presensi dan Pengisian Log Activity ....................................................... 21 + 3.7 Presentasi Project ................................................................................... 23 + 3.8 Pembuatan Dokumen BRD .................................................................... 24 + 3.9 Webinar................................................................................................... 25 + 3.10 Kegiatan di Luar Project ........................................................................ 26 +BAB 4. KEGIATAN KHUSUS DAN PEMBAHASAN.................................... 27 + 4.1 Teori Penunjang...................................................................................... 27 + + 4.1.1 Desain.............................................................................................. 27 + 4.1.2 Perancangan Ulang.......................................................................... 27 + 4.1.3 Rental Motor dan Mobil.................................................................. 27 + 4.1.4 Figma .............................................................................................. 28 + 4.1.5 UI (User Interface).......................................................................... 28 + 4.1.6 UX (User Experience)..................................................................... 28 + 4.1.7 Mobile ............................................................................................. 29 + 4.1.8 Desktop............................................................................................ 29 + 4.1.9 Prototype ......................................................................................... 30 + 4.1.10 BRD (Business Requirements Document)....................................... 30 + 4.2 Pengembangan Proyek ........................................................................... 30 + + ix + 4.2.1 Pengembangan fitur ........................................................................ 31 + 4.3 Hasil dan Pembahasan ............................................................................ 35 + + 4.3.1 Fitur Aplikasi Mobile ...................................................................... 35 + 4.3.2. Fitur Aplikasi Desktop .................................................................. 100 + 4.3.3 Pembuatan Dokumen BRD ........................................................... 165 +BAB 5. KESIMPULAN DAN SARAN ............................................................ 166 + 5.1 Kesimpulan........................................................................................... 166 + 5.2 Saran ..................................................................................................... 166 +DAFTAR PUSTAKA......................................................................................... 168 +LAMPIRAN....................................................................................................... 171 + + x + DAFTAR TABEL +Tabel 1. 1 Waktu Pelaksanaan Magang................................................................... 6 + + xi + DAFTAR GAMBAR + +Gambar 1. 1 Denah Lokasi Kantor 1 ...................................................................... 5 +Gambar 1. 2 Denah Lokasi Kantor 2 ...................................................................... 5 +Gambar 1. 3 Denah Lokasi Kantor 4 ...................................................................... 6 +Gambar 2. 1 Logo Perusahaan Seven Inc ............................................................... 8 +Gambar 2. 2 Logo Magang Jogja .......................................................................... 10 +Gambar 2. 3 Struktur Organisasi Seven Inc .......................................................... 12 +Gambar 3. 1 Ruang HRD untuk briefing .............................................................. 17 +Gambar 3. 2 Tugas Awal Magang ......................................................................... 18 +Gambar 3. 3 Tugas Memperlajari Materi UI/UX.................................................. 18 +Gambar 3. 4 Pengerjaan Project pada Figma ........................................................ 20 +Gambar 3. 5 Tampilan Presensi Website ............................................................... 22 +Gambar 3. 6 Tampilan Activity Log Seven Inc..................................................... 23 +Gambar 3. 7 Konfirmasi untuk presentasi ............................................................ 24 +Gambar 3. 8 Pengerjaan Dokumen BRD .............................................................. 25 +Gambar 4. 1 Halaman Splashscreen dan Mulai .................................................... 36 +Gambar 4. 2 Halaman Registrasi .......................................................................... 37 +Gambar 4. 3 Halaman Masuk................................................................................ 38 +Gambar 4. 4 Halaman Lupa Sandi ........................................................................ 39 +Gambar 4. 5 Halaman Kode Verifikasi ................................................................. 40 +Gambar 4. 6 Halaman Atur ulang kata sandi ........................................................ 41 +Gambar 4. 7 Halaman Isi Data Diri ...................................................................... 42 +Gambar 4. 8 Halaman Pencarian Lokasi............................................................... 42 +Gambar 4. 9 Halaman Beranda ............................................................................. 43 +Gambar 4. 10 Halaman Rekomendasi Kendaraan ................................................ 44 +Gambar 4. 11 Halaman Berita dan Detail Berita .................................................. 45 +Gambar 4. 12 Halaman List Rental....................................................................... 46 +Gambar 4. 13 Halaman Pencarian Kategori Mobil ............................................... 47 +Gambar 4. 14 Halaman Lokasi Sewa .................................................................... 48 +Gambar 4. 15 Halaman Hasil Pencarian Mobil .................................................... 49 + + xii + Gambar 4. 16 Halaman Pencarian Kategori Motor............................................... 50 +Gambar 4. 17 Halaman Hasil Pencarian Motor .................................................... 51 +Gambar 4. 18 Halaman Pemesanan Kendaraan .................................................... 52 +Gambar 4. 19 Halaman Detail lokasi luar kota ..................................................... 53 +Gambar 4. 20 Halaman Lokasi Lain ..................................................................... 54 +Gambar 4. 21 Lokasi Lain..................................................................................... 55 +Gambar 4. 22 Halaman Detail Pemesanan............................................................ 56 +Gambar 4. 23 Halaman Pilihan metode pembayaran............................................ 57 +Gambar 4. 24 Halaman Detail Pembayaran .......................................................... 58 +Gambar 4. 25 Halaman Detail pembayaran status menunggu .............................. 59 +Gambar 4. 26 Tampilan sudah upload bukti pembayaran ..................................... 60 +Gambar 4. 27 Tampilan Pembayaran Selesai........................................................ 61 +Gambar 4. 28 Halaman Pesanan ........................................................................... 62 +Gambar 4. 29 Halaman pesanan kategori proses .................................................. 63 +Gambar 4. 30 Halaman pesanan kategori aktif .................................................... 64 +Gambar 4. 31 Halaman pesanan kategori selesai................................................. 65 +Gambar 4. 32 Halaman nilai pesanan ................................................................... 66 +Gambar 4. 33 Halaman Gagal Pembayaran .......................................................... 67 +Gambar 4. 34 Halaman Akun................................................................................ 68 +Gambar 4. 35 Halaman Verifikasi Akun KTP....................................................... 69 +Gambar 4. 36 Tampilan Pengecekan dokumen ..................................................... 70 +Gambar 4. 37 Akun dengan status menunggu, diterima, dan ditolak verifikasi ... 71 +Gambar 4. 38 Halaman Ubah Kata Sandi ............................................................. 72 +Gambar 4. 39 Halaman Pusat Bantuan dan FAQ .................................................. 73 +Gambar 4. 40 Halaman Syarat dan Ketentuan ...................................................... 74 +Gambar 4. 41 Halaman Kebijakan Privasi ............................................................ 75 +Gambar 4. 42 Dialog Pop Up keluar ..................................................................... 76 +Gambar 4. 43 Halaman Splashscreen.................................................................... 76 +Gambar 4. 44 Halaman Registrasi ........................................................................ 77 +Gambar 4. 45 Halaman Masuk.............................................................................. 78 +Gambar 4. 46 Halaman Lupa Sandi ...................................................................... 79 + + xiii + Gambar 4. 47 Halaman Verifikasi Kode ............................................................... 80 +Gambar 4. 48 Halaman Atur Ulang Sandi ............................................................ 81 +Gambar 4. 49 Halaman Beranda belum ada data .................................................. 82 +Gambar 4. 50 Halaman Beranda sudah ada data................................................... 82 +Gambar 4. 51 Halaman Notifikasi ........................................................................ 83 +Gambar 4. 52 Halaman Data Rental pada tab sewa .............................................. 84 +Gambar 4. 53 Halaman Data Rental pada tab riwayat .......................................... 85 +Gambar 4. 54 Halaman penilaian dan detail penilaian ......................................... 86 +Gambar 4. 55 Halaman data kendaraan tab data kendaraan ................................. 87 +Gambar 4. 56 Halaman Tambah Kendaraan ......................................................... 88 +Gambar 4. 57 Halaman Menunggu Konfirmasi .................................................... 89 +Gambar 4. 58 Halaman edit dan detail kendaraan ................................................ 90 +Gambar 4. 59 Halaman Menu Profil ..................................................................... 91 +Gambar 4. 60 Halaman Edit Profil........................................................................ 92 +Gambar 4. 61 Halaman Edit Data ......................................................................... 93 +Gambar 4. 62 Halaman Ubah Kata Sandi ............................................................. 94 +Gambar 4. 63 Verifikasi Akun Mitra..................................................................... 95 +Gambar 4. 64 Halaman ubah nomor handphone dan kode verifikasi ................... 96 +Gambar 4. 65 Halaman pemasukan dana belum ada rekening ............................. 97 +Gambar 4. 66 Halaman tambah rekening.............................................................. 98 +Gambar 4. 67 Halaman pemasukan dana sudah ada rekening .............................. 99 +Gambar 4. 68 Halaman Pusat Bantuan ............................................................... 100 +Gambar 4. 69 Halaman Masuk............................................................................ 101 +Gambar 4. 70 Halaman Lupa Sandi .................................................................... 101 +Gambar 4. 71 Halaman Verifikasi Kode ............................................................. 102 +Gambar 4. 72 Halaman Atur Ulang Sandi .......................................................... 103 +Gambar 4. 73 Halaman Beranda ......................................................................... 104 +Gambar 4. 74 Halaman detail transaksi .............................................................. 104 +Gambar 4. 75 Halaman Profil ............................................................................. 105 +Gambar 4. 76 Halaman edit profil....................................................................... 106 +Gambar 4. 77 Halaman ubah kata sandi.............................................................. 106 + + xiv + Gambar 4. 78 Halaman Data Customer .............................................................. 107 +Gambar 4. 79 Halaman Detail Data Customer.................................................... 108 +Gambar 4. 80 Tampilan riwayat sewa ................................................................. 108 +Gambar 4. 81 Halaman Data Sopir ..................................................................... 109 +Gambar 4. 82 Tampilan Tambah sopir .................................................................110 +Gambar 4. 83 Halaman detail sopir......................................................................110 +Gambar 4. 84 Tampilan Riwayat perjalanan........................................................111 +Gambar 4. 85 Tampilan edit sopir........................................................................111 +Gambar 4. 86 Dialog pop up hapus sopir.............................................................112 +Gambar 4. 87 Halaman Data Transaksi................................................................113 +Gambar 4. 88 Halaman Detail Transaksi Menunggu ...........................................114 +Gambar 4. 89 Halaman Detail transaksi selesai...................................................114 +Gambar 4. 90 Halaman detail transaksi non driver..............................................115 +Gambar 4. 91 Halaman Data Mitra ......................................................................116 +Gambar 4. 92 Halaman Detail data mitra status aktif ..........................................117 +Gambar 4. 93 Halaman Detail data mitra status nonaktif ...................................117 +Gambar 4. 94 Halaman Riwayat rental ................................................................118 +Gambar 4. 95 Halaman Invoice ...........................................................................119 +Gambar 4. 96 Halaman Verifikasi Mitra ..............................................................119 +Gambar 4. 97 Halaman detail verifikasi mitra .................................................... 120 +Gambar 4. 98 Tampilan alasan penolakan verifikasi .......................................... 121 +Gambar 4. 99 Halaman data kendaraan .............................................................. 122 +Gambar 4. 100 Halaman Detail kendaraan status tersedia.................................. 123 +Gambar 4. 101 Halaman Detail kendaraan status disewa ................................... 123 +Gambar 4. 102 Halaman histori penolakan......................................................... 124 +Gambar 4. 103 Tampilan detail kendaraan ditolak ............................................. 124 +Gambar 4. 104 Halaman Verifikasi data kendaraan ............................................ 125 +Gambar 4. 105 Halaman detail verifikasi kendaraan .......................................... 126 +Gambar 4. 106 Halaman Berita........................................................................... 127 +Gambar 4. 107 Halaman Tambah Berita ............................................................. 128 +Gambar 4. 108 Halaman FAQ (Frequently Asked Questions)............................ 129 + + xv + Gambar 4. 109 Halaman Detail FAQ (Frequently Asked Questions) ................. 129 +Gambar 4. 110 Halaman Tambah FAQ (Frequently Asked Questions) .............. 130 +Gambar 4. 111 Halaman Edit FAQ (Frequently Asked Questions) .................... 131 +Gambar 4. 112 Halaman Masuk.......................................................................... 131 +Gambar 4. 113 Halaman lupa sandi .................................................................... 132 +Gambar 4. 114 Halaman Verifikasi Kode ........................................................... 133 +Gambar 4. 115 Halaman Atur ulang sandi .......................................................... 133 +Gambar 4. 116 Halaman Beranda ....................................................................... 134 +Gambar 4. 117 Halaman Riwayat Transaksi ....................................................... 135 +Gambar 4. 118 Halaman detail transaksi ............................................................ 136 +Gambar 4. 119 Halaman Notifikasi..................................................................... 136 +Gambar 4. 120 Halaman Pengiriman Dana......................................................... 137 +Gambar 4. 121 Halaman Data Mitra ................................................................... 138 +Gambar 4. 122 Detail Data Mitra........................................................................ 138 +Gambar 4. 123 Detail Riwayat sewa................................................................... 139 +Gambar 4. 124 Halaman Data Kendaraan........................................................... 139 +Gambar 4. 125 Detail data kendaraan ................................................................. 140 +Gambar 4. 126 Halaman Data rental................................................................... 140 +Gambar 4. 127 Halaman detail data rental.......................................................... 141 +Gambar 4. 128 Halaman laporan keuangan ........................................................ 142 +Gambar 4. 129 Halaman Profil ........................................................................... 143 +Gambar 4. 130 Tampilan ubah kata sandi ........................................................... 143 +Gambar 4. 131 Halaman edit foto profil ............................................................. 144 +Gambar 4. 132 Halaman Registrasi .................................................................... 144 +Gambar 4. 133 Halaman Masuk.......................................................................... 145 +Gambar 4. 134 Halaman lupa kata sandi ............................................................ 145 +Gambar 4. 135 Halaman verifikasi kode............................................................. 146 +Gambar 4. 136 Halaman Atur ulang sandi .......................................................... 147 +Gambar 4. 137 Halaman Beranda ....................................................................... 147 +Gambar 4. 138 Detail jumlah admin dan mitra................................................... 148 +Gambar 4. 139 Halaman Data Admin ................................................................. 149 + + xvi + Gambar 4. 140 Tambah data admin .................................................................... 149 +Gambar 4. 141 Edit data admin........................................................................... 150 +Gambar 4. 142 Halaman detail data admin ......................................................... 150 +Gambar 4. 143 Halaman data mitra .................................................................... 151 +Gambar 4. 144 Tambah data mitra ...................................................................... 152 +Gambar 4. 145 Detail data mitra dengan status aktif dan non aktif .................... 152 +Gambar 4. 146 Edit data mitra ............................................................................ 153 +Gambar 4. 147 Halaman data customer .............................................................. 153 +Gambar 4. 148 Detail data customer................................................................... 154 +Gambar 4. 149 Tampilan riwayat transaksi......................................................... 154 +Gambar 4. 150 Halaman data finance ................................................................. 155 +Gambar 4. 151 Halaman tambah data finance .................................................... 156 +Gambar 4. 152 Detail data finance...................................................................... 156 +Gambar 4. 153 Halaman data kendaraan ............................................................ 157 +Gambar 4. 154 Tampilan detail data kendaraan .................................................. 157 +Gambar 4. 155 Halaman penilaian kendaraan .................................................... 158 +Gambar 4. 156 Halaman verifikasi kendaraan .................................................... 159 +Gambar 4. 157 Halaman detail verifikasi ........................................................... 159 +Gambar 4. 158 Tampilan penolakan verifikasi ................................................... 160 +Gambar 4. 159 Halaman Profil ........................................................................... 161 +Gambar 4. 160 Halaman edit profil..................................................................... 161 +Gambar 4. 161 Halaman Ubah kata sandi........................................................... 162 +Gambar 4. 162 Halaman riwayat transaksi ......................................................... 162 +Gambar 4. 163 Halaman detail riwayat transaksi ............................................... 163 +Gambar 4. 164 Halaman Penilaian...................................................................... 164 +Gambar 4. 165 Halaman detail penilaian ............................................................ 164 + + xvii + DAFTAR LAMPIRAN +Lampiran 1 Kunjungan dosen pembimbing ........................................................ 171 +Lampiran 2 Foto Lingkungan Kerja Kantor 1..................................................... 171 +Lampiran 3 Kondisi Lingkungan Kerja Kantor 2 ............................................... 172 +Lampiran 4 Kondisi Lingkungan Kerja Kantor 4 ............................................... 172 +Lampiran 5 Pengerjaan Project Magang ............................................................. 173 +Lampiran 6 Kegiatan Webinar ............................................................................ 173 +Lampiran 7 Sertifikat Webinar ............................................................................ 174 +Lampiran 8 Kegiatan presentasi dengan mentor ................................................. 175 +Lampiran 9 Presentasi project dengan mentor programmer ............................... 175 +Lampiran 10 Penilaian Magang .......................................................................... 176 +Lampiran 11 Surat Keterangan Kerja Magang ................................................... 177 +Lampiran 12 Sertifikat Magang .......................................................................... 178 +Lampiran 13 Log Activity Magang..................................................................... 179 + + xviii + BAB 1. PENDAHULUAN + +1.1 Latar Belakang + Seiring dengan perkembangan zaman, persaingan dalam dunia kerja menjadi + +lebih ketat. Kebutuhan akan tenaga kerja yang kompeten dan berpengalaman +menjadi semakin penting guna untuk meningkatkan kualitas produk dari suatu +perusahaan. Mengantisipasi pada persaingan yang ada, mahasiswa Politeknik +Negeri Jember dituntut untuk mempersiapkan diri dengan mendapatkan +pengalaman melalui kegiatan Magang. + + Politeknik Negeri Jember merupakan perguruan tinggi yang +menyelenggarakan pendidikan vokasi. Salah satu kegiatan pendidikan akademik ini +adalah magang. Magang merupakan proses pembelajaran dari seorang ahli melalui +kegiatan di dunia nyata. Selain itu, magang juga melibatkan penerapan pengetahuan +dan keterampilan untuk menyelesaikan masalah nyata di lingkungan sekitar. Pada +Politeknik Negeri Jember, kegiatan ini merupakan persyaratan kelulusan +mahasiswa Politeknik Negeri Jember yang diharapkan mampu menjadi lulusan +yang terampil, profesional dan memiliki pengalaman kerja sehingga menciptakan +lulusan yang memiliki sumber daya manusia yang tinggi. + + Melalui kegiatan magang, diharapkan mahasiswa dapat mengaplikasikan ilmu +yang diperoleh selama kuliah untuk menyelesaikan penugasan terkait studi kasus +yang diberikan di tempat magang. Penulis dan tim memilih Seven Inc +(magangjogja.com) sebagai tempat melaksanakan magang. Pemilihan tempat +magang ini dikarenakan ada divisi yang relevan dengan keahlian yang di +kembangkan dalam kegiatan perkuliahan Politeknik Negeri Jember. Kegiatan +magang ini dilaksanakan selama 5 bulan dimulai dari tanggal 01 Agustus 2024 +hingga 30 Desember 2024. Pada kegiatan magang ini penulis dan tim wajib +mematuhi seluruh peraturan yang berlaku, dan juga diwajibkan hadir di kantor +Seven Inc mulai hari Senin sampai dengan Sabtu. + + Seven Inc merupakan perusahaan yang bergerak di bidang industri +clothing/apparel pria. Seven Inc didirikan pada tahun 2012 di daerah Banguntapan, +Bantul, Daerah Istimewa Yogyakarta oleh Rekario Danny Sanjaya. Selain usaha + + 1 + 2 + +fashion, Seven Inc juga memiliki beberapa usaha jasa antara lain yaitu rumah +konveksi, jasa website, pengiriman paket, dan jasa pengelasan. Perusahaan ini juga +membuka tempat magang bagi para seluruh SDM baik dari SMK maupun kuliah +yang bernama magangjogja.com. + + Magangjogja.com dibuat bukan hanya untuk melatih skill tetapi juga karakter +serta memberikan pengalaman untuk terjun ke dunia kerja. Magangjogja.com +memiliki beberapa divisi yang dapat dipilih sesuai dengan bidang masing masing, +seperti UI/UX Designer, Programmer Front End dan Back End dan divisi lainnya. +Pada kegiatan magang ini, penulis dan tim memilih pada UI/UX Designer dan +Programmer. + + Selama kegiatan magang, penulis mendapatkan penugasan yaitu pembuatan +dan pengembangan desain UI/UX terkait project Rental Motor dan Mobil aplikasi +GoDriveNow berbasis mobile pada role Customer dan Mitra, serta aplikasi berbasis +dekstop pada role Finance, Admin dan Super Admin. Adanya kemajuan teknologi +digital dan perubahan gaya hidup masyarakat terutama di perkotaan, permintaan +akan solusi transportasi semakin meningkat. GoDriveNow menawarkan sebuah +aplikasi yang bermanfaat bagi masyarakat penyewaan kendaraan seperti motor dan +mobil untuk memberikan pelayanan mudah bagi para pencari persewaan motor +ataupun mobil. Aplikasi yang dikembangkan oleh GoDriveNow menyediakan +berbagai fitur yang berguna bagi para perusahaan persewaan untuk +mengembangkan bisnisnya termasuk layanan sewa mobil dan motor dengan atau +tanpa sopir, pilihan jenis mobil dan motor ketersediaan layanan di berbagai kota, +kenyamanan bertransaksi secara online melalui mobile untuk customer. Pada role +Mitra, mitra dapat berkontribusi untuk menyediakan produk atau jasa melalui +aplikasi. Pada admin dengan berbasis desktop, terdapat layanan untuk memantau +proses penyewaan, yang mana dapat mengelola data kendaraan, data mitra, data +customer, data sopir, dan data transaksi. Kemudian pada Finance berbasis desktop, +terdapat layanan untuk mengelola keuangan, yang mana terdapat data pengiriman +dana, data mitra, data rental, data laporan keuangan dan data riwayat transaksi. +Terdapat layanan untuk super admin berbasis desktop yaitu mengelola dari +keseluruhan sistem dan pengguna, dimulai dari data mitra, data admin, data + 3 + +customer, data kendaraan, data finance. Dengan hadirnya aplikasi ini, diharapkan +perusahaan tidak akan lagi kesulitan dalam memantau kendaraan yang sedang +disewakan. Perusahaan dapat memantau persewaan secara real-time, sehingga +perkembangan bisnisnya dapat dipantau dengan lebih baik. + +1.2 Tujuan dan Manfaat + Penulisan laporan magang ini, memiliki dua tujuan yaitu tujuan umum dan + +tujuan khusus serta memiliki manfaat yang dijelaskan sebagai berikut: +1.2.1 Tujuan Umum Magang + + Tujuan umum dalam pelaksanaan magang adalah sebagai berikut: + a. Meningkatkan pemahaman mahasiswa/i mengenai teori yang telah + + dipelajari dengan cara menerapkannya di dunia kerja, sehingga dapat + mengimplementasikan teori yang diperoleh di perguruan tinggi ke dalam + lingkungan profesional + b. Meningkatkan pengetahuan, keterampilan, dan pengalaman mahasiswa/i + sebagai upaya untuk peningkatan proses pembelajaran yang relevan dengan + kebutuhan di dunia kerja + c. Meningkatkan keterampilan non-teknis, seperti komunikasi, kerja sama tim, + manajemen waktu, dan pemecahan masalah, yang sangat penting untuk + meraih kesuksesan dalam dunia kerja + +1.2.2 Tujuan Khusus Magang + Adapun untuk tujuan khusus magang adalah sebagai berikut: + + a. Melatih mahasiswa/i mengerjakan proyek nyata di dunia kerja + b. Meningkatkan keterampilan dalam menggunakan alat, perangkat lunak, dan + + teknologi yang diterapkan di perusahaan, sekaligus membangun + pemahaman tentang standar keselamatan dan kesehatan kerja yang berlaku + dalam penggunaannya + c. Meningkatkan keterampilan softskill seperti komunikasi, budaya kerja, + kerja tim, kepemimpinan, disiplin, dan sikap, serta mengintegrasikan + 4 + + pentingnya komunikasi yang mendukung keselamatan dan kesehatan kerja + dalam setiap interaksi professional + +1.2.3 Manfaat Magang + Adapun manfaat yang diharapkan dari kegiatan magang ini, yaitu: + + a. Bagi Mahasiswa + 1) Mahasiswa mendapatkan pengalaman studi kasus nyata di dunia kerja + 2) Mahasiswa dapat mengembangkan keterampilan teknis dan non-teknis, + + seperti pemecahan masalah, komunikasi, dan kerjasama tim di lingkungan + profesional + 3) Mahasiswa mendapatkan kesempatan untuk menerapkan teori yang telah + dipelajari dalam kondisi nyata + + b. Bagi Program Studi /Instansi + 1) Sebagai dasar untuk mengevaluasi kurikulum yang digunakan dalam + + penyesuaian perkembangan teknologi atau kebutuhan tenaga kerja yang + kompeten + 2) Sebagai sarana untuk membangun dan memperkuat hubungan kerjasama + antara perusahaan dan institusi pendidikan Politeknik Negeri Jember + + c. Bagi Industri + 1) Mendapatkan kesempatan untuk mengidentifikasi dan merekrut mahasiswa + + yang memiliki potensial + 2) Membangun hubungan baik antara perusahaan magang dengan institusi + + pendidikan yang berguna untuk kerjasama dalam berbagai bidang + +1.3 Lokasi dan Waktu + Kegiatan magang di berbagai lokasi dengan penempatan yang bergantian + +sesuai dengan intruksi. Berikut lokasi yang penulis tempati selama kegiatan magang +ini: + 5 +a. Kantor 1 (Pusat) + + Kantor Seven Inc pusat berlokasi di Jl. Raya Janti Gg. Harjuna No.59, Jaranan, +Karangjambe, Kec. Banguntapan, Kab. Bantul, Daerah Istimewa Yogyakarta +55198. Denah lokasi maps untuk kantor 1 dapat dilihat pada Gambar 1.1. + + Gambar 1. 1 Denah Lokasi Kantor 1 +b. Kantor 2 + + Kantor 2 Seven inc berlokasi di Tegalpasar, Jl. Kanoman, RT.08/RW20, +Modalan, Banguntapan, Kec. Banguntapan, Kabupaten Bantul, Daerah Istimewa +Yogyakarta 55198. Denah lokasi maps untuk kantor 2 dapat dilihat pada Gambar +1.2. + + Gambar 1. 2 Denah Lokasi Kantor 2 + 6 + +c. Kantor 4 + Kantor 4 Seven inc berlokasi di Jl. Sukun Raya No.98, Jaranan, Banguntapan, + +Kec. Banguntapan, Kabupaten Bantul, Daerah Istimewa Yogyakarta 55198. Denah +lokasi maps untuk kantor 4 dapat dilihat pada Gambar 1.3. + + Gambar 1. 3 Denah Lokasi Kantor 4 + + Pelaksanaan kegiatan magang dimulai pada tanggal 1 Agustus 2024 sampai +dengan 30 Desember 2024. Waktu kegiatan magang dilaksanakan setiap hari senin +sampai dengan sabtu yang terbagi menjadi 3 shift yaitu shift pagi (06.30 – 13.00), +shift middle (09.00 – 17.00), dan shift siang (13.00 – 21.00). Waktu istirahat terdapat +pada shift middle dan shift siang dengan waktu selama 45 menit. Jadwal waktu +kegiatan magang dapat dilihat pada tabel 1.1. + +Tabel 1. 1 Waktu Pelaksanaan Magang + +No Hari Shift Pagi Shift Middle Shift Siang + 13.00 – 21.00 WIB +1 Senin 06.30 – 13.00 WIB 09.00 – 17.00 WIB 13.00 – 21.00 WIB + 13.00 – 21.00 WIB +2 Selasa 06.30 – 13.00 WIB 09.00 – 17.00 WIB 13.00 – 21.00 WIB + 13.00 – 21.00 WIB +3 Rabu 06.30 – 13.00 WIB 09.00 – 17.00 WIB 13.00 – 21.00 WIB + +4 Kamis 06.30 – 13.00 WIB 09.00 – 17.00 WIB + +5 Jumat 06.30 – 13.00 WIB 09.00 – 17.00 WIB + +6 Sabtu 06.30 – 13.00 WIB 09.00 – 17.00 WIB + 7 + +1.4 Metode Pelaksanaan + Metode yang digunakan dalam pelaksanaan magang, adalah sebagai berikut: + +1.4.1 Pelaksanaan Magang dengan Pembimbing Lapang atau Mentor + Berikut adalah metode pelaksanaan magang dengan pembimbing lapang atau + +mentor: + a. Penempatan Tim dan Pemberian Proyek + Tahap penempatan tim dan pemberian proyek, mahasiswa ditempatkan sesuai + +dengan divisi yang telah mereka pilih. Proses ini dilakukan melalui grup WhatsApp +yang berisi tim serta mentor yang bertugas mendampingi dan membimbing +mahasiswa dalam pengembangan proyek. + + b. Alur dan Pengembangan Desain UI/UX + Tahap ini mencakup pemahaman alur proyek berdasarkan arahan dari mentor, + +baik melalui panduan file yang telah disediakan maupun secara langsung tanpa +panduan tersebut. Selanjutnya dilakukan analisa terkait pemahaman kebutuhan +pengguna dengan melihat desain sebelumnya dan dokumen BRD, yang selanjutnya +akan digunakan oleh tim UI/UX untuk melakukan pengembangan desain UI/UX +sesuai dengan kebutuhan. + +1.4.2 Pelaksanaan Magang dengan Dosen Pembimbing + Berikut adalah metode pelaksanaan magang dengan dosen pembimbing: + + a. Menentukan dan mengidentifikasi masalah yang akan menjadi topik dalam + laporan magang. + + b. Supervisi oleh dosen pembimbing di lokasi pelaksanaan magang. + c. Melakukan bimbingan dan konsultasi terkait penyusunan laporan magang. + +1.4.3 Dokumentasi Pelaksanaan Magang + Pelaksanaan magang didokumentasikan melalui logbook harian BKPM + +Politeknik Negeri Jember, Google Form logbook harian Seven Inc, serta presensi +kehadiran karyawan yang tercatat di website perusahaan. + BAB 2. KEADAAN UMUM PERUSAHAAN/INSTANSI + +2.1 Sejarah Perusahaan/Instansi + Logo perusahaan Seven Inc dapat dilihat pada Gambar 2.1. + + Gambar 2. 1 Logo Perusahaan Seven Inc + + Seven Inc. merupakan perusahaan digital yang bergerak di bidang industri +kreatif, yang berawal dari bisnis fashion/apparel pria (Brand Crowsdenim, +Alphawear, Grenade Clothing, IndonesiaBanget). Dirintis oleh Rekario Danny +Sanjaya pada tahun 2010 dengan sistem pelayanan online yang memberikan +kemudahan dan kenyamanan bagi para pembeli produk tanpa harus datang ke toko. +Danny (owner) mengelola usahanya sendiri dengan sebuah toko online clothing +bernama Limited Shoping. + + Seiring berjalannya waktu usahanya semakin berkembang, Danny mulai +menambah beberapa karyawan untuk membantu usahanya. Bersama dengan dua +orang karyawannya pada tahun 2011, produk clothing nya semakin banyak +digemari. Kemudian Danny mengajak teman-temannya untuk memulai bisnis +bersama dan dibentuklah TwelveInc pada tanggal 12 April 2012. + + Usaha yang berjalan masih dengan konsep sama yaitu online shop, sekumpulan +anak muda yang dipimpin oleh Danny membuat TwelveInc makin berkembang. +TwelveInc memiliki kantor di kos - kosan Gang Bimo (daerah Janti, Bantul, +Yogyakarta). Saat itu Danny beserta rekannya memulai usaha hanya dengan + + 8 + 9 + +beberapa karyawan saja. Mereka bekerja dengan fasilitas seadanya, yaitu hanya +menggunakan laptop, meja kecil, dan duduk lesehan di lantai. + + Usaha online yang dikembangkan adalah fashion pria berupa jaket, blazer, serta +t-shirt. Setahun berjalan, kantor berpindah ke Gang Mawar, Karangbendo, Bantul, +Yogyakarta dan masih berada di daerah Janti. Jumlah karyawan di tahun 2013 +mengalami peningkatan sehingga kantor di Gang Mawar sudah tidak menampung +karyawan lagi, maka ditambah satu kantor berlantai dua di selatan SMA BOPKRI +BANGUNTAPAN yang diberi nama Seven House. Seven House digunakan untuk +tempat training karyawan dan juga dipakai sebagai tempat produksi. Pada tahun +inilah TwelveInc semakin membesarkan beberapa label clothing-nya yaitu Crows +Denim yang berfokus pada pakaian bertema anime, lalu Goog On yang merupakan +pakaian Korean Style, Full Metal Spirit yang berupa t-shirt bernuansa Indonesia. + + Pada tahun 2014, TwelveInc memiliki kantor tetap yang berlokasi di Jl. Raya +Janti, Gang Harjuna No. 59, Karangjambe, Banguntapan, Bantul, Yogyakarta +55198. Kantor ini merupakan kantor pusat, dimana semua kegiatan operasional +administrasi berlangsung dan sekaligus sebagai toko tempat customer yang ingin +berbelanja dengan transaksi langsung atau Cash On Delivery. + + Pada tahun 2017, manajemen melakukan re-branding dari segi nama +perusahaan, yang awalnya bernama TwelveInc berubah menjadi Seven Inc, Seven +yang jika diartikan dalam bahasa jawa yaitu “pitu”. Perubahan nama ini dilakukan +sebagai upaya refreshment serta diharapkan menjadi pertolongan atau solusi untuk +kebutuhan pelanggan. Pada saat laporan ini dibuat, nama perusahaan masih sama, +dan saat ini Seven Inc telah memiliki kantor cabang, untuk kantor 2 yang beralamat +di Tegalpasar, Jl. Kanoman, RT.08/RW20, Modalan, Banguntapan, Kec. +Banguntapan, Kabupaten Bantul, Daerah Istimewa Yogyakarta 55198 dan kantor 4 +yang beralamat di Jl. Sukun Raya No.98, Jaranan, Banguntapan, Kec. Banguntapan, +Kabupaten Bantul, Daerah Istimewa Yogyakarta 55198. + + Seiring berjalannya waktu beberapa usaha bisnis mulai dikembangkan dan +dijalankan, diantaranya seperti: +1. Titipsini.com, adalah jasa penitipan barang, rumah dan kendaraan yang aman + + dan terpercaya berbasis online di Jogja, Purwodadi dan Semarang. + 10 + +2. Republikweb.net, adalah jasa pembuatan web/rumah software yang melayani + pembuatan aplikasi android dan website responsif dan user-friendly. + +3. Tukanglas.org, adalah jasa pengelasan pembuatan kanopi, pagar dan teralis + terpercaya di Jogja (namun dapat melayani luar Jogja juga). + +4. Rumahkonveksi.com, adalah jasa konveksi terlengkap (mulai dari pengerjaan + kaos, seragam, jaket, PDH, jas, dan lain-lain) dan mengutamakan kepuasan + pelanggan dengan jahitan yang rapi dan pelayanan professional. + +5. Jagoandropship.com, adalah salah satu platform dropshipping industri fashion + di Indonesia. Platform ini membuka peluang bisnis online sebagai dropshiper. + +6. Ambilpaket.com, adalah jasa pengiriman paket yang bisa melayani + pengambilan paket ke lokasi, seberapapun jumlah barang maupun ukuran yang + akan dikirim, akan siap untuk diambil. Saat ini Ambil Paket melayani area DIY + & sekitarnya. + + Setelah berkembangnya Seven Inc, terbentuklah suatu wadah yaitu +magangjogja.com yang merupakan wadah untuk menampung program magang +untuk menyiapkan SDM dari jenjang SMK, kuliah serta fresh-graduate yang ingin +mengembangkan skill dan karakter sesuai dengan kebutuhan dunia kerja, selain itu +juga untuk memberikan pengalaman untuk terjun ke dunia kerja. Logo magangjogja +dapat dilihat pada Gambar 2.2 berikut. + + Gambar 2. 2 Logo Magang Jogja + 11 + + Magangjogja.com memiliki cukup banyak divisi yang diperuntukkan untuk +para pemagang yang ingin mengambil program sesuai keahliannya, divisi-divisi +tersebut adalah: +1. Research & Development (R&D) +2. Administrasi +3. UI/UX Designer +4. Programmer Front End/Back End +5. Human Resource (HR) +6. Social Media Specialist +7. Photographer/Videographer +8. Content Writer +9. Marketing & Sales +10. Content Creative (Desain Grafis) +11. Digital Research +12. Marcomm/Public Relation +13. Host/Presenter +14. Tiktok Creator +15. Voice Over Talent +16. Content Planner + + Visi utama perusahaan Seven Inc adalah “Menjadi salah satu perusahaan +multisektor terkuat di Indonesia yang mengutamakan kepuasan pelanggan dengan +memberikan pilihan produk dan jasa terbaik serta pelayanan terbaik”. Seven inc +memiliki beberapa misi untuk mendukung terwujudnya visi, sebagai berikut: +1. Memberikan pelayanan yang memuaskan kepada pelanggan +2. Mempermudah pemesanan produk atau jasa serta proses penyelesaian yang + + cepat +3. Perbaikan secara terus menerus dalam hal kualitas produk dan jasa serta + + kualitas SDM + 12 + +2.2 Struktur Organisasi Perusahaan/Instansi + Struktur organisasi dari perusahaan Seven Inc dapat dilihat pada gambar 2.3. di + +bawah ini. + + Gambar 2. 3 Struktur Organisasi Seven Inc + +Penjelasan mengenai tugas dan fungsi dari setiap bagian dapat dilihat, sebagai +berikut: +a. Tugas dan Fungsi CEO +1) Membangun tim yang solid, seorang CEO harus dapat menjadi jembatan + + penghubung antara para pegawai dengan dewan direksi dalam perusahaan. +2) Alokasi anggaran belanja, menganalisis dan mengevaluasi rencana investasi + + finansial distribusi anggaran belanja suatu proyek menjadi tepat sasaran + sehingga risiko dan keuntungan perusahaan di masa depan menjadi tanggung + jawab seorang Chief Executive Officer. +3) Budaya kerja yang positif, memperhatikan kondisi lingkungan kerja dan + menyampaikan pesan/motivasi kepada pegawainya. Selain itu, CEO juga harus + mengetahui dan dapat meneliti apa yang sedang terjadi di perusahaan terkait + masalah kepegawaian karena akan berpengaruh pada budaya kerja. +4) Perencanaan tujuan perusahaan, membuat perencanaan bisnis suatu perusahaan + dan mengevaluasi profitabilitas dari rencana tersebut serta mengawasi kinerja + setiap departemen agar bekerja sesuai dengan visi dan misi perusahaan. +5) Mewakili perusahaan, menjadi citra perusahaan dan mewakili kualitas produk. + 13 + +b. Tugas dan Fungsi Manager Operasional +1) Menekan biaya pengeluaran operasional seminim mungkin +2) Melakukan eliminasi terhadap pengeluaran operasional yag tidak penting +3) Mengembangkan inovasi tentang operasional agar berjalan dengan baik +4) Meningkatkan efektivitas operasional perusahaan +5) Mengawasi persedian barang distribusi, penyedia jasa, dan letak fasilitas + + operasional +6) Melakukan pertemuan rutin secara berkala dengan direktur, guna mencapai visi + + dan misi perusahaan +7) Mengawasi kualitas produk + +c. Tugas dan Fungsi Produksi + Memproses permintaan naik produksi dan membuatkan produk yang sesuai + +permintaan customer maupun standar perusahaan. + +d. Tugas dan Fungsi Administrasi + Admin akan bertugas untuk mengelola administrasi yang berhubungan dengan + +mengumpulkan dan menyusun aneka macam dokumen. Baik dokumen umum, +perusahaan dokumen pribadi pegawai lainnya dan hal lainnya. Di Seven Inc admin +bercabang dibagi menjadi 3, yaitu: +1) Admin penjualan, berfungsi untuk memproses pesanan, mempersiapkan + + pengiriman dan pelaporan pendataan penjualan. +2) Admin stok/gudang, berfungsi untuk mendata permintaan naik produksi, + + menjaga stok tetap update dan memastikan kualitas barang jadi sesuai standar. +3) Admin keuangan, berfungsi untuk mendata dan memantau keluar masuknya + + keuangan dan menganalisis keuangan perusahaan. + +e. Tugas dan Fungsi HRD +1) Membuat desain organisasi perusahaan + 14 + +2) Tanggung jawab pemetaan sumber daya yang melekat pada bagian HRD + meliputi tugas-tugas seperti menganalisis kebutuhan karyawan, merekrut + karyawan dan pengembangan yang dilakukan untuk kompetensi karyawan + +3) Tanggung jawab penghargaan yang dilekatkan kepada HRD meliputi tugas- + tugas yang berkaitan dengan upah atau gaji karyawan + +f. Tugas dan Fungsi Marketing + Marketing dibagi menjadi 3 cabang yaitu social media marketing, marketplace + +marketing, dan ads marketing. Social media marketing tugas dan fungsinya +mendatangkan lead pasar dengan beriklan dan memasarkan produk ke social media. +Marketplace marketing tugas dan fungsinya mendatangkan lead pasar dengan +beriklan dan memasarkan produk ke marketplace online yang ada. + +g. Tugas dan Fungsi Customer Service + CS (Customer Service) tugas dan fungsinya adalah menanggapi lead yang + +datang, membuat penjualan closing dan melayani transaksi sampai tuntas. + +h. Tugas dan Fungsi IT Programmer + Membuat tools yang support untuk kegiatan branding, marketing dan juga + +kegiatan operasional administrasi maupun penjualan. Divisi ini terdiri dari: +1) Backend: membuat dan memastikan agar website dan app android dapat + + bekerja semaksimal mungkin sesuai keperluan perusahaan. +2) Frontend: membuat tampilan website dan app android sesuai keperluan + + perusahaan. + +i. Tugas dan Fungsi Team Kreatif +1) Desainer Grafis: membuat desain-desain tools marketing, branding, maupun + + segala disain visual keperluan produksi. +2) Photographer / Videographer: membuat content visual berupa video dan foto + + yang menjual. + 15 + +3) Content Writer: membuat content tulisan berupa caption, artikel, ulasan/review + untuk segala keperluan perusahaan. + +2.3 Kondisi Lingkungan + Seven Inc (Magangjogja.com) memiliki kantor pusat yang beralamat di Jl. + +Raya Janti, Gg Harjuna No. 59, Karangjambe, Banguntapan, Bantul, Yogyakarta +55198. Selain itu Seven Inc juga memiliki kantor cabang, untuk kantor 2 beralamat +di Tegalpasar, Jl. Kanoman, RT.08/RW20, Modalan, Banguntapan, Kec. +Banguntapan, Kabupaten Bantul, Daerah Istimewa Yogyakarta 55198 dan kantor 4 +yang beralamat di Jl. Sukun Raya No.98, Jaranan, Banguntapan, Kec. Banguntapan, +Kabupaten Bantul, Daerah Istimewa Yogyakarta 55198. + + Kantor tersebut dirancang dengan sederhana namun memiliki suasana kerja +yang nyaman dan tenang, Perusahaan ini memiliki fasilitas seperti jaringan internet, +kipas angin, listrik, air minum, beserta kopi dan teh. Selain itu terdapat tempat +parkir, ruang HRD, ruang CEO, ruang tamu, kamar mandi, ruang karyawan, dan +musholla. Terdapat juga cctv untuk memantau kegiatan pelanggan maupun +karyawan serta anak magang. Untuk anak magang pada saat jam masuk, handphone +dikumpulkan pada satu tempat, dan pada saat penulis melaksanakan magang +mendapatkan sistem kerja yaitu WFO (Work From Office), WFH (Work From +Home), dan Hybrid (Campuran). + BAB 3. KEGIATAN UMUM LOKASI MAGANG + +3.1 Pengenalan Perusahaan dan Lingkungan Kerja + Pelaksanan kegiatan magang diawali dengan briefing pada hari pertama masuk + +magang yaitu pada tanggal 1 Agustus 2024. Pada hari pertama ini, peserta magang +memiliki grup whatsapp dengan tim beserta staff, mentor dan CEO. Peserta magang +melaksanakan briefing secara langsung dengan datang ke kantor pusat dan briefing +di lakukan di ruang HRD bersama dengan HRD yang bertugas. Briefing ini +dilakukan untuk memberikan pengetahuan bagi peserta magang, kegiatan briefing +ini meliputi pemberitahuan informasi, untuk penyampaian informasi ini peserta +diberikan link berupa google drive yang terdiri dari profil perusahaan, visi misi +perusahaan, SOP, tata tertib, dan peraturan yang berlaku di Seven Inc. + + Setelah itu, pemagang diberikan surat kontrak dan menandatangan persetujuan +tersebut. Selain itu, terdapat penjelasan terkait shift jadwal masuk magang serta +pengenalan lokasi kantor tempat magang lainnya. Terdapat juga kegiatan +wawancara singkat terkait jurusan dan keahlian yang dimiliki serta pertanyaan +untuk alamat kos dan kendaraan untuk menentukan kantor yang akan ditempati. +Kemudian pengenalan lingkungan dan administrasi dan pemberian seragam dan +nametag yang digunakan untuk magang serta pengumpulan surat pengantar dari +kampus dan fotocopy KTP. Setelah briefing, kegiatan selanjutnya yaitu peserta +magang kembali ke kos masing masing, dan magang dilakukan secara WFH dengan +tugas awal mengenai pengenalan. Ruangan HRD untuk kegiatan briefing dapat +dilihat pada Gambar 3.1 berikut. + + 16 + 17 + + Gambar 3. 1 Ruang HRD untuk briefing +3.2 Pemberian Tugas + + Tugas merupakan kegiatan yang harus dilakukan selama magang. Pemberian +tugas awal setelah kegiatan briefing yaitu membuat akun google khusus untuk +kegiatan magang di Seven Inc dan daftar akun di web presensi magang. Pemberian +tugas tersebut disampaikan oleh Ibu Ivona selaku HRD dengan melalui secara lisan. +Selain itu juga diberikan tugas WFH melalui WAG yaitu upload project link figma, +serta melakukan follow, like, dan komen pada list akun sosmed yang diberikan +kemudian bukti pengerjaan di screenshoot dan dikumpulkan melalui WAG. +Pemberian tugas WFH dapat dilihat pada Gambar 3.2. + 18 + + Gambar 3. 2 Tugas Awal Magang + Pada hari kedua, kegiatan magang diberikan sebuah tugas yaitu mempelajari +materi dasar kelas UI/UX Designer. Materi – materi tersebut disimpan pada Google +Drive dan tugas diberikan melalui WAG. Mempelajari materi UI/UX ini dapat +dilihat melalui video – video materi yang ada pada google drive maupun +mengimport sebuah file di visual studio code lalu menjalankan file tersebut +sehingga menampilkan video – video materi UI/UX designer. Pemberian tugas +WFH dapat dilihat pada Gambar 3.3. + + Gambar 3. 3 Tugas Memperlajari Materi UI/UX + Hari selanjutnya yaitu pemberian tugas utama yang disampaikan secara lisan +seperti diskusi oleh pembimbing lapang di ruang kerja pemagang. Tugas yang + 19 + +diberikan merupakan project perancangan ulang desain (redesign) pada aplikasi +rental motor dan mobil. Aplikasi ini merupakan pelayanan ke masyarakat saat ingin +melakukan sewa kendaraan dengan mudah dan lokasi rental terdekat. Pembimbing +lapang menugaskan untuk redesign semua role yang ada pada aplikasi. Tools yang +digunakan selama proses desain yaitu Figma, tools ini mendukung dalam desain +kolaborasi tim. Pemberian tugas utama ini sesuai dengan divisi yang diajukan. + +3.3 Diskusi atau Meeting + Kegiatan diskusi dilakukan bersama dengan tim kelompok project divisi + +UI/UX dan juga bersama pembimbing lapang untuk menjelaskan terkait project +yang dikerjakan. Setelah dilakukan pengarahan oleh pembimbing lapang, tim +project melakukan diskusi secara mandiri untuk pembagian tugas terkait project +Rental Motor dan Mobil. Diskusi ini dilakukan ketika dibutuhkan atau terdapat +kendala dalam pengerjaan project, dan dapat dilakukan secara langsung ketika +bertemu dengan pembimbing lapang, maupun melalui WAG ketika pembimbing +tidak ada di kantor dan nantinya tim akan bertemu secara langsung dengan +pembimbing lapang ketika pembimbing berada di kantor. Selain itu tim project +melakukan diskusi secara rutin dengan mendiskusikan bersama tim terkait +permasalahan atau hal yang membingungkan seperti alur kerja dari role tersebut +dan mendapatkan kesimpulan dan melanjutkan pengerjaan atau mendiskusikan +dengan pembimbing lapang. + + Kegiatan diskusi ini tidak terbatas dan bisa dilakukan ditengah tengah +pengerjaan ketika terdapat kendala atau pertanyaan. Tujuannya untuk menjelaskan +permasalahan, mencari solusi dan menyelaraskan pemahaman sehingga project +yang dikerjakan terarah. Dengan diskusi ini, tim project mendapatkan solusi dari +permasalahan atau kendala yang terjadi dan kemudian dapat melanjutkan +pengerjaan project yang telah diberikan. Selain diskusi juga terdapat kegiatan +monitoring yang dilakukan oleh HR yang berisi mengenai progress dan kendala +terkait project yang dikerjakan. + 20 + +3.4 Pengerjaan Project + Pengerjaan project merupakan kegiatan utama dalam magang, dalam + +pengerjaan ini kerjasama tim menjadi peran utama, dan setiap masing masing +anggota tim mendapatkan tugas masing masing. Penulis mendapatkan penugasan +pembuatan desain UI/UX Studi kasus rental motor mobil yang mana terdapat 5 role +yaitu customer berbasis mobile, mitra berbasis mobile, admin berbasis desktop, +finance berbasis dekstop, dan super admin berbasis dekstop. Pengerjaan project ini +menggunakan aplikasi Figma dan pengerjaan dilakukan dengan membagi fitur fitur +yang ada dalam desain. Pengerjaan diawali dengan memahami BRD (Bussiness +Requirement Document) atau analisis kebutuhan serta update system berdasarkan +desain yang sudah ada, menentukan apa yang diperlukan sesuai kebutuhan, +kemudian melakukan redesign dan prototype serta membuat BRD yang terbaru +yang sesuai dengan yang dikerjakan. mulai dari role customer hingga super admin. +Proses pengerjaan desain terkadang bisa berubah sesuai dengan persetujuan +pembimbing lapang guna untuk memberikan kenyamanan pengguna. Pengerjaan +project pada Figma dapat dilihan pada Gambar 3.4. + + Gambar 3. 4 Pengerjaan Project pada Figma + 21 + +3.5 Outing + Outing merupakan program rutin di Seven Inc. Program outing memiliki + +berbagai kegiatan yang menarik, semua peserta magang wajib mengikuti outing +yang berguna untuk membangun interaksi antara sesama peserta magang. Selama +magang kegiatan yang dilaksanakan dalam outing yaitu bermain futsal yang +bertema “Fun Match Futsal”. + + Outing futsal dilaksanakan pada tanggal 2 November 2024 yang berlokasi di +Lapangan Tifosi Futsal. Kegiatan ini diikuti oleh seluruh peserta magang dari +kantor 1, kantor 2, dan kantor 4 dengan pembagian kelompok yang dibagi secara +acak. Pada saat kegiatan outing kami dipilih untuk ikut serta dalam kepanitiaan +kegiatan futsal dan juga ikut bergabung dalam main futsal. Setelah selesai +pertandingan, penulis dikumpulkan di lapangan futsal bersama panitia yang +bertugas lainnya untuk melaporkan mengenai skor yang paling banyak dalam +pertandingan futsal ini. Kegiatan diakhiri dengan pengumuman pemenang futsal, +pemberian hadiah, lalu foto bersama, dan presensi. Dokumentasi kegiatan outing +terdapat pada lampiran + +3.6 Presensi dan Pengisian Log Activity + Kegiatan rutin yang dilakukan pemagang adalah presensi dan pengisian Log + +Activity. Seven Inc memiliki website untuk presensi kehadiran, presensi ini +digunakan untuk merekap kehadiran pemagang, dimana pemagang harus +melakukan presensi setiap harinya sesuai dengan jadwal kerja. Terdapat 4 kategori +dalam presensi, yaitu ketika masuk/datang, istirahat keluar, istirahat kembali, dan +ketika pulang. Namun, apabila pada pertengahan terdapat keperluan untuk +meninggalkan kantor, maka pemagang harus menekan ijin keluar pada presensi, +tombol ijin ini ada setelah menekan tombol istirahat kembali dan nantinya ketika +kembali ke kantor menekan tombol ijin kembali. Apabila pemagang tidak +melakukan presensi karena tidak hadir dengan alasan selain sakit atau kuliah, +pernikahan keluarga kandung, kematian keluarga maka pemagang harus mengganti +kekurangan jam kerja (hutang jam) di lain hari setelah magang selesai ataupun pada +hari libur. Jika pemagang terlambat masuk magang dan tidak ada konfirmasi + 22 + +melalui WAG, maka setelah pulang pemagang harus membaca surat Al-Waqiah +(bagi yang muslim) atau membersihkan ruangan (bagi yang non muslim). + + Selain presensi terdapat juga pengisian Log Activity dari Seven Inc, pemagang +harus mengisi Log Activity melalui Google Form sesuai dengan link dan nama +masing masing pemagang setelah pulang atau selesai magang. Log Activity +mencakup catatan harian terkait kegiatan atau tugas yang dikerjakan selama +magang pada hari tersebut, dimana pada Log Activity terdapat tanggal, nama, asal +kampus, divisi dan tugas yang dikerjakan hari ini. Pengisian Log Activity ini +bertujuan agar perusahaan mengetahui aktivitas dan progress yang dilakukan oleh +pemagang setiap harinya. Kedua hal ini bersifat wajib bagi seluruh pemagang untuk +rekapitulasi kehadiran. Terdapat juga Log Book yang diberikan oleh kampus yang +harus diisi oleh pemagang sesuai dengan kegiatan atau tugas yang dikerjakan +selama magang. Untuk presensi dapat dilihat pada Gambar 3.5. Sedangkan tampilan +activity log Seven Inc dapat dilihat pada Gambar 3.6 berikut. + + Gambar 3. 5 Tampilan Presensi Website + 23 + + Gambar 3. 6 Tampilan Activity Log Seven Inc + +3.7 Presentasi Project + Presentasi project merupakan kegiatan rutin yang dilakukan oleh peserta + +magang. Presentasi ini dilakukan saat ditengah pengerjaan project maupun setelah +menyelesaikan project. Pada divisi UI/UX Designer diwajibkan untuk seminggu +sekali presentasi, terkait waktu presentasi peserta magang dapat mengajukan +tanggal presentasi dalam setiap minggu nya. + + Proses presentasi biasa dimulai dengan mengajukan konfirmasi tanggal +presentasi di WAG dengan format chat yang telah diberikan oleh HR. Pengajuan +tanggal ini dikirim sebelum di tanggal presentasi. Kemudian saat tanggal presentasi +tersebut HR akan memberitahu informasi waktu / jam presentasi dengan melalui +secara lisan maupun WAG. Format chat presentasi melalui WAG dapat dilihat pada +Gambar 2.7 dibawah ini. + 24 + + Gambar 3. 7 Konfirmasi untuk presentasi + Presentasi project dilakukan bersama mentor sesuai dengan divisi masing – +masing. Peserta magang menjelaskan dan memaparkan hasil pengerjaan pada +project yang sedang dikerjakan bersama timnya. Kemudian mentor memberikan +masukkan sehingga pemagang perlu melakukan revisi. Ketika presentasi +selanjutnya juga memaparkan hasil pengerjaan yang telah di revisi dan progres +pengerjaan yang belum di presentasikan. Sebelum magang selesai, Penulis juga +melakukan presentasi ke mentor programmer terkait project Rental Motor dan +Mobil ini. Dokumentasi presentasi dapat dilihat pada Lampiran 8 dan Lampiran 9. +3.8 Pembuatan Dokumen BRD + Dokumen BRD (Business Requirement Document) merupakan dokumen yang +mencakup tentang tujuan proyek, kebutuhan fungsional dan non-fungsional, serta +batasan dan asumsi yang diperhatikan. Pada project yang dikerjakan sudah +memiliki dokumen BRD. Namun, dikarenakan adanya perancangan ulang desain + 25 + +sehingga perlu memperbarui dokumen BRD. Dokumen BRD ini juga dapat +memudahkan tim developer dalam proses implementasi desain menjadi sistem +aplikasi. Proses pembuatan dokumen BRD juga diperiksa oleh mentor ketika +melakukan presentasi project. Sehingga pembuatan dokumen ini sesuai dengan +standar di perusahaan. Pengerjaan dokumen BRD dapat dilihat pada Gambar 3.8 +berikut. + + Gambar 3. 8 Pengerjaan Dokumen BRD + +3.9 Webinar + Seven Inc memiliki kegiatan rutin yaitu webinar, kegiatan ini bertujuan untuk + +memberikan pengalaman dan pembelajaran. Pada saat penulis magang di Seven +Inc, terdapat dua webinar yang diadakan oleh Seven Inc. Webinar pertama yaitu +pada tanggal 17 Oktober 2024 dan hanya diikuti oleh anak SMK yang diadakan di +Kampus UTDI, namun pada webinar ini penulis menjadi panitia. Selanjutnya pada +webinar kedua, dilaksanakan secara online dengan menggunakan Google Meet +pada tanggal 19 Desember 2024 yang bertema “Personal Branding” dengan +narasumber Muhammad Raffif. + + Kegiatan webinar ini memberikan kesempatan bagi pemagang untuk +mendapatkan wawasan yang mendalam serta meningkatkan keterampilan yang +dapat diimplementasikan secara langsung dalam pekerjaan sehari hari. Selama + 26 + +webinar interaksi antara peserta dan narasumber diupayakan untuk menciptakan +suasana yang kolaboratif dan tidak hanya edukatif. Terdapat sesi tanya jawab dan +diskusi untuk meningkatkan partisipasi aktif peserta. + +3.10 Kegiatan di Luar Project + Kegiatan ini merupakan kegiatan yang dilakukan di luar dari keterkaitan + +project, adapun kegiatan yang di dapatkan adalah sebagai berikut: +1. Kepanitiaan dalam kegiatan webinar yang dilakukan di kampus UTDI, dalam + + kegiatan ini penulis menjadi panitia presensi serta konsumsi +2. Kepanitaan dalam kegiatan outing futsal, dalam kegiatan ini dipilih untuk + + menjadi panitia sebagai time keeper dan mencatat skor pertandingan +3. Kegiatan mencatat progress dan kendala terkait tugas yang dikerjakan oleh + + pemagang di kantor Seven Inc +4. Kegiatan shooting video bersama dengan pemagang kelompok lainnya yang + + sama sama dari Politeknik Negeri Jember. Kegiatan ini berisi tentang + wawancara singkat atau bincang santai dan direkam untuk di upload di YouTube + perusahaan + BAB 4. KEGIATAN KHUSUS DAN PEMBAHASAN + +4.1 Teori Penunjang + Dalam pembuatan laporan ini terdapat tinjauan pustaka yang digunakan, yaitu + +4.1.1 Desain + Desain merupakan kegiatan kreatif yang merencanakan dan merancang + +sesuatu untuk memberikan nilai yang lebih nyaman dan diterima oleh pengguna. +Desain juga dapat digambarkan sebagai suatu gambar yang dapat digunakan untuk +merencanakan bentuk, fungsi, atau rancangan keseluruhan suatu benda atau media +non fisik seperti website atau aplikasi (Ayuna Sari et al., 2021). Menurut (Multazam +et al., 2020) Proses desain akan dilakukan sebaik mungkin berdasarkan analisis +yang sudah dilakukan sebelumnya. Desain yang dihasilkan tidak hanya berupa +grafis, namun juga berupa desain yang interaktif sehingga memudahkan calon +pengguna dalam menggunakannya. + +4.1.2 Perancangan Ulang + Perancangan ulang adalah proses perencanaan yang memiliki tujuan untuk + +mengubah struktur dan fungsi suatu sistem dengan tujuan untuk menghasilkan +manfaat yang lebih baik dibandingkan dengan rancangan sebelumnya (Ferdiansyah +et al., 2023). Menurut (Apias Risky et al., 2023) Perancangan ulang merupakan +tindakan yang membuat perubahan baru berdasarkan perubahan tampilan desain +lama menjadi desain baru untuk mencapai tujuan positif yang mengarah pada +kemajuan. Perancangan ulang ini mengubah tampilan dan fungsi yang melibatkan +perubahan atau modifikasi dari desain lama ke desain baru. + +4.1.3 Rental Motor dan Mobil + Rental kendaraan adalah layanan yang memungkinkan individu atau + +perusahaan untuk menyewakan kendaraan untuk jangka waktu tertentu dengan +pembayaran harian, mingguan, atau bulanan. Layanan ini biasanya mencakup +berbagai jenis kendaraan, seperti mobil, van, dan truk yang dapat digunakan untuk +keperluan pribadi, bisnis, atau wisata (Maulana et al., 2024). Sedangkan menurut + + 27 + 28 + +(Retrianto & Waluyo, 2024) Rental kendaraan adalah penyediaan jasa penyewaan +kendaraan secara harian. Salah satu fungsi rental ini adalah memberikan jasa +penyewaan kepada pelanggan. + +4.1.4 Figma + Figma adalah alat desain dan pembuatan prototipe berbasis cloud yang + +biasanya digunakan untuk mendesain aplikasi mobile, website, desktop. Figma +dirancang untuk kolaborasi pengguna dalam proyek dan bekerja sebagai tim secara +bersama. Figma dapat digunakan di sistem operasi Mac, Linux, atau Windows +dengan menghubungkan perangkat ke internet (Febyla et al., 2022). Menurut +(Sudjiran et al., 2023) Figma merupakan alat pengembangan antarmuka pengguna +dan pengalaman pengguna (UI dan UX). Figma memungkinkan desainer +berkolaborasi satu sama lain dalam pembuatan desain. Figma memiliki beberapa +keunggulan yaitu bekerja secara bersama dan berkolaborasi secara realtime, berbagi +file dengan mudah dan cepat, aplikasi desain yang lengkap dan serbaguna, serta +banyak plugin tambahan yang tersedia. + +4.1.5 UI (User Interface) + User interface merupakan kumpulan bebarapa elemen grafis yang digunakan + +sebagai interaksi dan untuk mengendalikan suatu sistem. Semakin mudah dan +sederhana tampilan pada suatu interface maka semakin menarik untuk +penggunaanya (Nadila & Syaihul Huda, 2024). Menurut (Apias Risky et al., 2023) +User Interface (UI) adalah cara aplikasi berinteraksi dengan pengguna. Antarmuka +pengguna mencakup semua elemen yang ditampilkan pada layar, dijelaskan dalam +dokumen, dan dikendalikan dengan mouse atau keyboard. Tujuan dari antarmuka +pengguna adalah untuk menghubungkan dan mengubah informasi antara sistem +dengan pengguna, maupun sebaliknya. + +4.1.6 UX (User Experience) + User Experience adalah mekanisme yang mengatur bagaimana pengguna + +merasakan penggunaan perangkat lunak, dengan fokus pada evaluasi tingkat + 29 + +kemudahan dan kenyamanan pengguna dalam menggunakan fitur pada perangkat +lunak. User Experience (UX) berfokus pada keputusan, pandangan, perasaan, serta +respons fisik dan mental pengguna pada saat sebelum, selama, dan sesudah +menggunakan produk tertentu (Maulana et al., 2024). Menurut (Muflihah et al., +2024) User Experience adalah cara pengguna merasakan kesenangan dan kepuasan +saat menggunakan, melihat, atau mencoba sistem. UX tidak dirancang secara +langsung oleh desainer, namun desainer dapat menciptakan sebuah produk yang +menghasilkan UX tersebut. User Experience mencakup seluruh pengalaman yang +dialami oleh pengguna selama mereka berinteraksi dengan suatu produk. + +4.1.7 Mobile + Aplikasi Mobile adalah perangkat lunak yang dijalankan pada perangkat + +mobile seperti smartphone atau tablet PC. Aplikasi Mobile juga dikenal sebagai +aplikasi yang dapat diunduh dan mempunyai fungsi tertentu yang menambah fungsi +dari perangkat mobile. Aplikasi ini memiliki beragam fungsi, mulai dari +produktivitas, hiburan, pendidikan, hingga komunikasi. Aplikasi mobile biasanya +diunduh dan menginstal dari toko aplikasi (seperti, App Store untuk perangkat iOS +dan Google Play Store untuk perangkat Android) dan mudah diakses oleh pengguna +melalui antarmuka pengguna (Farta Wijaya & Wahyuni, 2024). + + Menurut (Selano & Nadjamuddin, 2020) aplikasi mobile dapat memudahkan +pengguna untuk melakukan berbagai macam kegiatan, mulai dari hiburan, +berjualan, belajar, mengerjakan pekerjaan kantor maupun pekerjaan sekolah, +browsing dan lain sebagainya. + +4.1.8 Desktop + Aplikasi desktop merupakan aplikasi yang dapat berjalan secara mandiri pada + +sistem desktop komputer atau laptop, dan dapat melakukan berbagai aktivitas yang +ditentukan oleh pengguna. Aplikasi desktop memudahkan dalam menjalankan +aplikasi tanpa harus diinstal (Hendri & Mochammad Arief Sutisna, 2021). Menurut +(Lolan et al., 2024) Aplikasi Desktop merupakan aplikasi yang dapat berjalan +sendiri tanpa menggunakan browser dan dapat dijalankan pada masing-masing + 30 + +komputer. Untuk menggunakan aplikasi desktop, perlu menginstal terlebih dahulu +di komputer. + +4.1.9 Prototype + Prototype merupakan suatu perancangan yang desainnya menyerupai bentuk + +asli produk yang berupa aplikasi atau web yang di kembangkan sebelum produk +tersebut tersedia atau digunakan secara luas. Prototype sangat penting dalam +pengembangan proyek dalam desain produk dan aplikasi (Dwi Aulia et al., 2022). +Menurut (Milah et al., 2023) Prototype biasanya dibuat sebagai contoh untuk +demonstrasi atau sebagai bagian dari pengembangan perangkat lunak. + +4.1.10 BRD (Business Requirements Document) + Business Requirements Document (BRD) merupakan dokumen yang + +menjelaskan mengenai solusi bisnis untuk suatu proyek, misalnya apa yang perlu +dilakukan perusahaan dengan produk baru atau produk yang sedang diperbarui +(Bayu et al., n.d.). Menurut (Cahyadi & Bisono, 2022), BRD adalah dokumen yang +menjelaskan solusi bisnis untuk proyek yang sedang dikerjakan. Pada dokumen ini +menjelaskan mengenai deskripsi kebutuhan dan harapan pengguna, tujuan solusi, +dan kendala yang mungkin mempengaruhi implementasi solusi. Serta pada +dokumen ini memberikan panduan kepada pemangku kepentingan mengenai +prioritas, desain, dan struktur tata kelola. + +4.2 Pengembangan Proyek + Pengembangan desain Mobile dan Desktop GoDriveNow berawal dari CEO + +(Owner) yang ingin tampilan sistem yang lebih baik pada aplikasi mobile dan +desktop aplikasi GoDriveNow. Pada aplikasi GoDriveNow ini, menyediakan +platform online yang memungkinkan customer untuk dengan mudah mencari, +memesan, dan menggunakan kendaraan sesuai kebutuhan mereka tanpa harus +memiliki kendaraan sendiri. Pada bagian mitra, mitra dapat berkontribusi untuk +menyediakan produk atau jasa melalui aplikasi. Pada admin dengan berbasis +desktop, terdapat layanan untuk memantau proses penyewaan, yang mana dapat + 31 + +mengelola data kendaraan, data mitra, data customer, data sopir, dan data transaksi. +Kemudian pada finance berbasis desktop, terdapat layanan untuk mengelola +keuangan, yang mana terdapat data pengiriman dana, data mitra, data rental, data +laporan keuangan dan data riwayat transaksi. Terdapat layanan untuk super admin +berbasis desktop yaitu mengelola dari keseluruhan sistem dan pengguna, dimulai +dari data mitra, data admin, data customer, data kendaraan, data finance. Proyek ini +dikembangkan untuk meningkatkan pengalaman pengguna dengan memperbaiki +desain antarmuka yang sudah ada. Proses pengembangan desain ini mengacu pada +desain sebelumnya dan atas masukan dari mentor. + +4.2.1 Pengembangan fitur + Dalam aplikasi GoDriveNow ini terdapat pengembangan fitur yang + +disesuaikan dengan kebutuhan pengguna, antara lain: +a. Customer +1) Halaman Beranda + + Menambahkan salam sapaan, pusat bantuan, pencarian sewa kendaraan, filter, + kategori motor dan mobil, dan berita terkait rental/kendaraan +2) Halaman List Kendaraan + Menambahkan fitur pencarian kendaraan berdasarkan kebutuhan total tempat + duduk dengan menggunakan filter untuk mengetahui total tempat duduk agar + dapat menyesuaikan dengan kebutuhan customer sehingga customer merasa + terfasilitasi secara lengkap +3) Halaman Data Kendaraan + Menambahkan fitur aktif/non aktif untuk status kendaraan +4) Tambah Data Kendaraan + Mitra dapat mengunggah foto banyak kendaraan +5) Halaman Detail Kendaraan + Menambahkan fitur opsi penambahan durasi setengah/sehari pada saat ingin + memesan kendaraan dengan biaya yang sudah ditentukan oleh mitra +6) Halaman Menu profil +- Pada ID dihilangkan, hanya email, no telepon, nama. + 32 + +- Menambahkan syarat dan ketentuan rental, fitur ini memberi tahu customer hal + hal apa saja yang perlu disiapkan sebelum melakukan rental kendaraan, serta + hal hal apa saja yang boleh dilakukan dan tidak boleh dilakukan saat rental + kendaraan + +- Menu Bahasa dihilangkan +7) Halaman Verifikasi Akun + + Alur sistem diubah dengan dokumentasi file file dengan memfoto dokumen + yang dibutuhkan secara langsung dan diunggah dalam aplikasi, dokumen hanya + KTP saja +8) Halaman Detail Pembayaran lebih didetailkan +9) Lokasi pada halaman mulai hanya menampilkan sekilas dan tidak detail hanya + kota/kabupaten saja +10) Halaman Tambah Data Rekening + Informasi cabang dan kota dihapus diganti oleh informasi atas nama, dan + mengubah alur sistem mengenai fitur tambah rekening mitra + +b. Mitra +1) Mengubah desain mitra desktop (desain terdahulu) menjadi desain mobile +2) Menambahkan halaman beranda ketika belum ada data +3) Pada menu navigasi, data diganti kendaraan +4) Pada role Mitra tidak ada data penyewaan, data customer hanya data transaksi, + + data transaksi ditampilkan pada menu rental +5) Mengubah halaman penarikan dana menjadi halaman informasi pemasukan + + dana, dikarenakan adanya perubahan sistem dalam pencairan dana ke mitra +6) Mengubah menu lain menjadi pada halaman profil, dan bahasa dihilangkan +7) Pada rekening bank, kolom cabang dan kota dihilangkan. Rekening hanya 1 dan + + di tampilkan di pemasukan dana antara total dan statistik. Apabila belum ada + rekening maka untuk card tambah rekening berwana abu abu dengan icon + tambah + 33 + +c. Admin +1) Beranda + + Menambahkan mengenai total sopir yang ada. Pada statistik mingguan + menampilkan minggu 1, minggu 2 dan seterusnya. +2) Edit Profil + Menghapus pada bagian inputan tempat dan tanggal lahir, dan menambahkan + domisili dari admin dan serta menambahkan ubah kata sandi +3) Data Customer + Pada bagian tab, data sopir dan data transaksi dipisah, dan ditambahkan + verifikasi untuk customer +4) Detail Customer + Menambahkan tipe identitas, email, no telepon, dan tanggal bergabung, serta + button edit dihapus +5) Data Sopir + Menambahkan edit dan hapus data sopir +6) Data Transaksi + Menambahkan maps pada lokasi pengambilan untuk mengetahui detail dari + lokasi dan pada fitur tambah sopir menggunakan id sopir yang nantinya akan + menampilkan nama sopir sesuai id tersebut +7) Data Mitra + Perubahan urutan tampilan, yaitu untuk halaman verifikasi di awal (tab + pertama) kemudian halaman data mitra (tab kedua) +8) Detail Data Mitra + Menambahkan merek kendaraan, alamat mitra, dan tanggal bergabung mitra +9) Data Kendaraan + Mengubah urutan tampilan, yaitu verifikasi di tab pertama, data kendaraan + ditengah (tab kedua), dan halaman histori terakhir. +10) Detail Kendaraan + Menambahkan nama mitra yang menyediakan kendaraan tersebut +11) Histori Penolakan diubah menjadi Histori Verifikasi +12) Tombol terkait link dokumen dihilangkan diganti gambar + 34 + +13) FAQ (Frequently Asked Questions) + Menambahkan CRUD untuk FAQ dan Berita + +d. Finance +1) Beranda + + Menambahkan total ketersediaan mobil dan ketersediaan motor, filter pada + tabel riwayat transaksi dihilangkan karena pada tabel tersebut hanya + menampilkan 5 data transaksi terbaru +2) Edit Profil + Email tidak bisa diedit, pada bagian keamanan diganti ubah kata sandi +3) Pada fitur penarikan dana diubah menjadi pengiriman dana yang mana setiap + minggunya finance akan mengirimkan dana ke mitra +4) Data Penyewaan + Menambahkan data kendaraan pada menu sidebar, dimana sebelumya data + penyewaan diubah data informasi +5) Data Mitra + Menambahkan detail dari data mitra +6) Laporan keuangan langsung menampilkan mengenai statistik tidak + menggunakan overview dan pemasukan. Pada laporan keuangan menampilkan + total pemasukan dengan statistik kategori hari ini, minggu, bulan, tahun dan + tanggal khusus, menampilkan statistik detail pengeluaran dan statistic detail + pemasukan, serta menampilkan statistik keuangan dengan kategori harian dan + bulanan. +7) Menambahkan halaman notifikasi + +e. Super admin +1) Beranda + + Menambahkan total ketersediaan motor dan ketersediaan mobil, serta data + riwayat transaksi diganti dengan menampilkan jumlah daftar admin dan mitra + pada setiap domisilinya + 35 + +2) Edit Profil + Menambahkan ubah kata sandi dan kolom inputan email tidak dapat diedit + +3) Data Pengguna + Menu data finance di pindah ke menu sidebar data pengguna + +4) Tambah Data Admin + Pada tambah data admin, bagian idnya dibuat otomatis + +5) Edit Data Admin: + Pada edit data admin, id tidak dapat diedit + +6) Detail Data Admin + Menambahkan no telepon, nama bank, no rekening, domisili dan tanggal + bergabung + +7) Detail data mitra + Menambahkan email, provinsi, kota/kabupaten, kecamatan, alamat, dan tanggal + bergabung + +4.3 Hasil dan Pembahasan + Berikut merupakan hasil desain yang telah dikerjakan + +4.3.1 Fitur Aplikasi Mobile + Pada aplikasi mobile ini terdapat dua role yaitu customer dan mitra + +a. Customer +1) Splashscreen + + Splashscreen atau layar pembuka yang muncul saat aplikasi atau program +pertama kali dijalankan. Ini biasanya tampil selama beberapa detik sebelum +pengguna dapat mengakses konten atau fitur utama aplikasi. Selanjutnya terdapat +halaman mulai untuk melanjutkan aktivitas pada aplikasi. Tampilan halaman +splashscreen dapat dilihat pada Gambar 4.1 berikut. + 36 + + Gambar 4. 1 Halaman Splashscreen dan Mulai +2) Registrasi + + Halaman registrasi digunakan untuk mendaftarkan diri atau untuk membuat +akun. Pada tampilan Registrasi Customer bisa melakukan registrasi terlebih dahulu +jika belum memiliki akun dengan memasukan email, no handphone, kata sandi, dan +konfirmasi kata sandi. Tampilan halaman registrasi dapat dilihat pada Gambar 4.2 +berikut. + 37 + + Gambar 4. 2 Halaman Registrasi +3) Fitur Masuk + + Setelah melakukan registrasi customer melakukan masuk ke dalam aplikasi +dengan memasukan email dan kata sandi yang telah dibuat saat proses registrasi. +Halaman login ini memungkinkan pengguna untuk mengakses fitur yang ada pada +aplikasi, yang mana hanya pengguna yang telah daftar yang dapat mengakses fitur. +Untuk tampilan halaman masuk dapat dilihat pada Gambar 3.1 berikut. + 38 + + Gambar 4. 3 Halaman Masuk +4) Halaman Lupa sandi + + Halaman ini digunakan apabila pengguna ingin masuk pada aplikasi, namun +pengguna lupa terkait kata sandi yang telah terdaftar, maka pengguna dapat +menekan lupa sandi pada halaman masuk. Tampilan halaman lupa kata sandi dapat +dilihat pada Gambar 4.4 berikut. + 39 + + Gambar 4. 4 Halaman Lupa Sandi +- Halaman Kode Verifikasi + + Halaman kode verifikasi merupakan bagian dari proses autentikasi pada +aplikasi, pada halaman ini digunakan untuk melakukan verifikasi terkait identitas +pengguna dengan meminta pengguna untuk memasukkan kode yang dikirimkan +melalui email. Customer memasukkan kode verifikasi yang telah didapat dari +email. Tampilan halaman kode verifikasi dapat dilihat pada Gambar 4.5 berikut. + 40 + + Gambar 4. 5 Halaman Kode Verifikasi +- Halaman Ubah Kata Sandi + + Setelah pengguna memasukkan kode verifikasi, selanjutnya akan diarahkan +pada halaman ubah kata sandi. Halaman ini merupakan fitur yang membantu +pengguna untuk mengganti kata sandi akun. Halaman ini digunakan untuk +pemulihan akun apabila pengguna lupa dengan kata sandi yang telah terdaftar. +Dengan halaman ini pengguna dapat mengatur ulang atau membuat kata sandi yang +baru. Tampilan halaman untuk ubah kata sandi dapat dilihat pada Gambar 4.6 +berikut. + 41 + + Gambar 4. 6 Halaman Atur ulang kata sandi +5) Isi Data Pribadi + + Setelah berhasil masuk, customer melakukan isi data pribadinya seperti tipe +identitas, nomor identitas, jenis kelamin dan nama lengkap. Halaman isi data diri +ini digunakan untuk mengumpulkan terkait informasi data diri pengguna untuk +verifikasi, yang mana halaman ini digunakan untuk memastikan kesesuaian +identitas pengguna. Tampilan halaman isi data diri ini dapat dilihat pada Gambar +4.7 berikut. + 42 + + Gambar 4. 7 Halaman Isi Data Diri +6) Fitur Lokasi + + Pada fitur ini digunakan untuk mencari lokasi dan mendeteksi titik lokasi di +sekitar customer. Tampilan halaman untuk mendeteksi lokasi dapat dilihat pada +Gambar 4.8 berikut. + + Gambar 4. 8 Halaman Pencarian Lokasi + 43 + +7) Halaman Beranda + Setelah mendeteksi lokasi pengguna, selanjutnya akan diarahkan ke halaman + +utama atau beranda, customer dapat melihat kendaraan-kendaraan rekomendasi. +Pada beranda ini terdapat pusat bantuan, pencarian persewaan kendaraan, filter, +kategori kendaraan, rekomendasi kendaraan dan berita. Tampilan halaman beranda +customer dapat dilihat pada Gambar 4.9 berikut. + + Gambar 4. 9 Halaman Beranda +- Fitur Rekomendasi Kendaraan + + Rekomendasi kendaraan digunakan untuk melihat semua daftar kendaraan +yang direkomendasikan. Pada rekomendasi kendaraan menampilkan foto +kendaraan, nama kendaraan, lokasi, transmisi, jumlah kursi, dan harga sewa per +harinya, yang mana ketika pengguna menekan akan menampilkan detail dari +kendaraan tersebut. Tampilan halaman untuk rekomendasi dapat dilihat pada +Gambar 4.10 berikut. + 44 + + Gambar 4. 10 Halaman Rekomendasi Kendaraan +- Fitur Berita + + Pada fitur berita akan menampilkan terkait berita mengenai rental motor dan +mobil. Pada berita ini menampilkan gambar dari sampul berita tersebut, judul berita +dan keterangan singkat mengenai berita, yang mana ketika pengguna menekan +berita tersebut akan beralih halaman ke detail berita atau berita yang lebih lengkap. +Tampilan halaman berita beserta halaman detail dari berita dapat dilihat pada +Gambar 4.11 berikut. + 45 + + Gambar 4. 11 Halaman Berita dan Detail Berita +8) Pencarian Kendaraan Mobil dan Motor + + Customer dapat melakukan pencarian kendaran sesuai dengan kebutuhan pada +bagian pencarian. Apabila pengguna menekan, maka akan menampilkan list mobil +dan motor. Tampilan halaman list kendaraan dari pencarian kendaraan dapat dilihat +pada Gambar 4.12 berikut. + 46 +Gambar 4. 12 Halaman List Rental + 47 + +9) Kategori Kendaraan Rental + Customer dapat memilih mobil atau motor dengan menekan salah satu dari + +kategori yaitu mobil atau motor pada halaman beranda. Pada mobil dan motor +memiliki fungsi yang sama, namun yang membedakan adalah pada mobil terdapat +driver dan non driver, sedangkan pada motor tidak ada driver dan non driver. +a. Kategori Mobil + + Pada kategori mobil, ketika pengguna menekan pada bagian mobil, akan +menampilkan halaman berikut. Pada halaman ini, terdapat lokasi sewa, tanggal +mulai sewa, tanggal selesai sewa dan penggunaan driver. Tampilan halaman +pencarian pada kategori mobil dapat dilihat pada Gambar 4.13 berikut. + + Gambar 4. 13 Halaman Pencarian Kategori Mobil + 48 + +- Lokasi Sewa + Halaman ini digunakan untuk pengguna memilih lokasi sewa. Ketika pengguna + +menekan pada lokasi sewa tersebut, maka akan menampilkan daftar nama nama +kota yang tersedia. Tampilan halaman lokasi sewa dapat dilihat pada Gambar 4.14 +berikut. + + Gambar 4. 14 Halaman Lokasi Sewa +- Hasil Pencarian + + Setelah pengguna memasukkan lokasi sewa, tangal mulai, tanggal selesai sewa, +penggunaan driver kemudian menekan tombol cari, maka akan menampilkan +halaman kendaraan sesuai dengan pencarian tersebut. Tampilan halaman list +kendaraan mobil setelah melakukan pencarian dapat dilihat pada Gambar 4.15 +berikut. + 49 + + Gambar 4. 15 Halaman Hasil Pencarian Mobil +b. Kategori Motor + + Halaman ini digunakan untuk melakukan pencarian pada kendaraan motor. +Pada kategori motor terdapat lokasi sewa, tanggal mulai sewa, tanggal selesai sewa. +Tampilan halaman pencarian pada kategori motor dapat dilihat pada Gambar 4.16 +berikut. + 50 + + Gambar 4. 16 Halaman Pencarian Kategori Motor +- Hasil Pencarian + + Setelah pengguna memasukkan lokasi sewa, tangal mulai, tanggal selesai sewa, +dan kemudian menekan tombol cari, maka akan menampilkan halaman kendaraan +sesuai dengan pencarian tersebut. Tampilan halaman list kendaraan motor setelah +melakukan pencarian dapat dilihat pada Gambar 4.17 berikut. + 51 + + Gambar 4. 17 Halaman Hasil Pencarian Motor +10) Pemesanan Kendaraan + + Halaman pemesanan ini merupakan fitur utama untuk memungkinkan +pengguna dalam memesan kendaraan yang sesuai. Customer bisa melakukan +pemesanan setelah memilih kendaraan, ketika customer memilih kendaraan dan +menekan pada kendaraan tersebut, maka akan menampilkan halaman detail +kendaraan, pada halaman detail kendaraan ini terdapat foto, nama kendaraan, harga +sewa per hari, deskripsi, lokasi, area penggunaan, lokasi pengambilan dan +pengembalian, durasai sewa, dan detail harga. Customer dapat melakukan +pemesanan pada halaman ini. Untuk tampilan desain dari detail kendaraan dapat +dilihat pada Gambar 4.18 berikut. + 52 + + Gambar 4. 18 Halaman Pemesanan Kendaraan +- Halaman Lokasi Luar Kota + + Apabila pengguna memilih area penggunaan di luar kota maka pengguna akan +diminta memasukkan provinsi dan kota. Tampilan halaman untuk penggunaan luar +kota dapat dilihat pada Gambar 4.19 berikut. + 53 + + Gambar 4. 19 Halaman Detail lokasi luar kota +- Halaman Lokasi Lain + + Apabila customer ingin di lokasi lain, maka customer dapat menekan opsi +lokasi lain dengan memasukkan lokasi pengiriman dan waktu pengiriman. +Tampilan halaman lokasi lain pada pengambilan dan pengembalian dapat dilihat +pada Gambar 4.20 berikut. + 54 + + Gambar 4. 20 Halaman Lokasi Lain +- Lokasi Pengiriman + + Ketika pengguna menekan lokasi pengiriman akan menampilkan halaman +lokasi disertai dengan maps. Tampilan halaman untuk lokasi pengiriman dapat +dilihat pada Gambar 4.21 berikut. + 55 + + Gambar 4. 21 Lokasi Lain +- Halaman Detail Pemesanan + + Setelah pengguna menekan tombol lanjutkan pada detail kendaraan, maka akan +menampilkan halaman detail pemesanan, yang mana terdapat informasi mengenai +kendaraan, data pemesan, penggunaan driver, lokasi pengambilan dan +pengembalian, serta rincian harga. Halaman ini digunakan untuk menampilkan +terkait pemesanan kendaraan. Tampilan halaman detail pemesanan dapat dilihat +pada Gambar 4.22 berikut. + 56 +Gambar 4. 22 Halaman Detail Pemesanan + 57 + +11) Halaman Pembayaran + Halaman pembayaran akan muncul ketika pengguna menekan tombol + +lanjutkan pembayaran pada halaman detail pemesanan. Halaman pembayaran +dilakukan saat customer sudah yakin dengan pesanannya dan kemudian memilih +metode pembayaran. Pada halaman ini merupakan halaman untuk pemilihan +metode pembayaran, terdapat pilihan pembayaran dengan metode pembayaran +transfer bank atau dompet digital. Tampilan halaman pilihan metode pembayaran +dapat dilihat pada Gambar 4.23 berikut. + + Gambar 4. 23 Halaman Pilihan metode pembayaran +12) Detail Pembayaran + + Pada halaman detail pembayaran ini, digunakan untuk menampilkan detail dari +pembayaran persewaan kendaraan yang menampilkan nama kendaraan, tanggal +mulai hingga tanggal selesai sewa, metode pembayaran serta kode pembayaran dan + 58 + +juga rincian harga dari penyewaan. Tampilan halaman detail pembayaran dapat +dilihat pada Gambar 4.24 berikut. + + Gambar 4. 24 Halaman Detail Pembayaran +- Halaman Status pada Detail Pembayaran + + Ketika pengguna sudah yakin dengan kendaraan yang akan disewa, maka dapat +menekan tombol checkout dan akan dialihkan ke halaman untuk upload bukti +pembayaran. Halaman ini menampilkan status pembayaran, jumlah yang harus +dibayar, sisa waktu untuk pembayaran dan terdapat juga untuk upload bukti +pembayaran. Pada halaman ini digunakan untuk mengunggah bukti pembayaran +yang mana status pembayarannya yaitu menunggu pembayaran yang artinya +customer belum membayar terkait persewaan. Tampilan halaman status pada detail +pembayaran dapat dilihat pada Gambar 4.25 berikut. + 59 +Gambar 4. 25 Halaman Detail pembayaran status menunggu + 60 +- Halaman Upload Bukti Pembayaran + + Apabila customer sudah membayar, maka dapat mengunggah bukti +pembayaran. Tampilan halaman ketika sudah mengupload bukti pembayaran dapat +dilihat pada Gambar 4.26 berikut. + + Gambar 4. 26 Tampilan sudah upload bukti pembayaran + 61 +- Halaman dengan Status Pembayaran Selesai + + Setelah menekan tombol bayar, maka statusnya akan berubah menjadi +pembayaran selesai, dan pada bukti pembayaran akan ter checklist. Tampilan +halaman ketika sudah melakukan pembayaran dan status selesai dapat dilihat pada +Gambar 4.27 berikut. + + Gambar 4. 27 Tampilan Pembayaran Selesai +13) Halaman Pesanan + + Halaman pesanan ini digunakan untuk pengguna melihat list pesanan yang +terbagi menjadi beberapa status yaitu proses, aktif, selesai sewa, dan gagal +pembayaran. Beberapa status tersebut digolongkan dalam section tab yang berbeda. + 62 +Kecuali pada status gagal pembayaran akan masuk kedalam section tab selesai. +Tampilan halaman pesanan dapat dilihat pada Gambar 4.28 berikut. + + Gambar 4. 28 Halaman Pesanan +a. Halaman Pesanan Status Proses + + Pesanan status proses merupakan pesanan yang belum dibayar. Apabila +pengguna sudah melakukan pembayaran maka perlu mengunggah bukti +pembayaran hingga pesanan tersebut berstatus pembayaran selesai. Pada halaman +ini menampilkan informasi status pesanan, detail pembayaran dan detail kendaraan. + 63 +Selain itu juga terdapat keterangan sisa waktu pembayaran. Tampilan halaman +pesanan dengan status proses dapat dilihat pada Gambar 4.29 berikut. + + Gambar 4. 29 Halaman pesanan kategori proses +b. Halaman Pesanan Status Aktif + + Pesanan status aktif merupakan pesanan yang sudah dibayar dan sedang +disewa. Pada halaman ini menampilkan status pesanan, informasi kendaraan, detail +pesanan sewa, rincian harga, dan bukti pembayaran. Tampilan halaman pesanan +dengan status aktif dapat dilihat pada Gambar 4.30 berikut. + 64 + + Gambar 4. 30 Halaman pesanan kategori aktif +c. Halaman Pesanan Status Selesai + + Pesanan status selesai merupakan pesanan yang sudah selesai disewa. Pada +halaman ini menampilkan informasi status pesanan, kendaraan, detail pesanan +sewa, dan rincian harga. Pengguna perlu memberikan nilai ketika kendaraan sudah +selesai disewa. Tampilan halaman pesanan dengan status selesai dapat dilihat pada +Gambar 4.31 berikut. + 65 + + Gambar 4. 31 Halaman pesanan kategori selesai +d. Halaman Detail Nilai Pesanan + + Halaman ini merupakan halaman untuk pengguna memberikan penilaian +kendaraan yang telah disewa. Pada halaman ini menampilkan informasi kendaraan +dan detail pesanan sewa. Selain itu juga pengguna dapat memberikan penilaian +melalui rating bintang dan memberikan ulasan. Tampilan halaman detail nilai +pesanan dapat dilihat pada Gambar 4.32 berikut. + 66 + + Gambar 4. 32 Halaman nilai pesanan +e. Halaman Gagal Pembayaran + + Halaman ini merupakan pesanan yang gagal dalam melakukan pembayaran. +Gagal tersebut bisa disebabkan oleh adanya terlewat batas durasi pembayaran +maupun kesalahan pada nomor virtual account. Tampilan halaman gagal +pembayaran dapat dilihat pada Gambar 4.33 berikut. + 67 + + Gambar 4. 33 Halaman Gagal Pembayaran +14) Halaman Akun + + Pada halaman akun ini terdapat beberapa menu lainnya yaitu pengguna dapat +melakukan edit profil, verifikasi akun, ubah kata sandi, pusat bantuan, syarat dan +ketentuan, kebijakan privasi, dan keluar dari aplikasi. Beberapa menu tersebut +dikumpulkan pada menu akun untuk memudahkan pengguna dalam melakukan +setting di profile maupun kata sandi, selain itu juga bisa meninjau kembali +mengenai pusat bantuan, syarat dan ketentuan aplikasi, dan kebijakan +privasi aplikasi. Tampilan halaman akun dapat dilihat pada Gambar 4.34 berikut. + 68 + + Gambar 4. 34 Halaman Akun +a. Verifikasi Akun + + Pada halaman verifikasi akun ini digunakan untuk memastikan bahwa data +customer merupakan data yang valid, yang mana verifikasi ini dilakukan hanya +dengan KTP. Pengguna diminta untuk menyiapkan KTP dan diminta untuk +mengambil foto KTP. Sebelum pengguna melakukan foto KTP, terdapat halaman +panduan terkait pengambilan foto KTP. Tampilan halaman menu verifikasi akun +dapat dilihat pada Gambar 4.35 berikut. + 69 + + Gambar 4. 35 Halaman Verifikasi Akun KTP +- Halaman Pengecekan Dokumen + + Setelah customer mengambil gambar KTP kemudian akan beralih ke halaman +pengecekan foto dokumen yang diambil. Tampilan halaman pengecekan dokumen +yang difoto dapat dilihat pada Gambar 4.36 berikut. + 70 + + Gambar 4. 36 Tampilan Pengecekan dokumen +- Halaman Status Verifikasi Akun + + Ketika pengguna menekan tombol kirim, kemudian akan beralih ke halaman +akun dan kembali dengan status Menunggu Verifikasi, apabila verifikasi customer +diterima maka status akunnya terverifikasi, dan juga apabila verifikasi ditolak, +statusnya tidak terverifikasi. Tampilan halaman akun dengan status verifikasi +dilihat pada Gambar 4.37 berikut. + 71 + + Gambar 4. 37 Akun dengan status menunggu, diterima, dan ditolak verifikasi +b. Ubah Kata Sandi + + Halaman ubah kata sandi digunakan apabila customer ingin mengganti kata +sandi pada akunnya. Customer dapat mengganti kata sandi mereka dengan +ketentuan terkait kata sandi yang ada. Tampilan halaman menu ubah kata sandi +dapat dilihat pada Gambar 4.38 berikut. + 72 + + Gambar 4. 38 Halaman Ubah Kata Sandi +c. Pusat Bantuan + + Halaman pusat bantuan ini digunakan apabila pengguna mengalami kendala +atau masalah, dimana pada halaman ini terdapat fitur telepon untuk memecahkan +masalah atau memberikan panduan. Terdapat juga halaman FAQ untuk menjawab +mengenai pertanyaan pertanyaan yang paling sering diajukan. Tampilan halaman +menu pusat bantuan dapat dilihat pada Gambar 4.39 berikut. + 73 + + Gambar 4. 39 Halaman Pusat Bantuan dan FAQ +d. Syarat dan Ketentuan + + Pada halaman syarat dan ketentuan ini, digunakan untuk mengetahui syarat dan +ketentuan yang ada. Halaman ini berfungsi untuk memberi tahu pengguna terkait +apa yang boleh dan tidak boleh dilakukan saat menggunakan layanan. Tampilan +halaman menu syarat dan ketentuan dapat dilihat pada Gambar 4.40 berikut. + 74 +Gambar 4. 40 Halaman Syarat dan Ketentuan + 75 +e. Kebijakan Privasi + + Halaman kebijakan privasi, digunakan untuk menjelaskan bagaimana data +pengguna digunakan, dikumpulkan, disimpan, dikelola dan dilindungi oleh +penyedia layanan. Tampilan halaman menu kebijakan privasi dapat dilihat pada +Gambar 4.41 berikut. + + Gambar 4. 41 Halaman Kebijakan Privasi + 76 + +f. Halaman Keluar + Halaman keluar ini digunakan ketika pengguna ingin keluar dari aplikasi. Pada + +keluar ini akan menampilkan dialog pop up untuk konfirmasi, jika pengguna yakin +ingin keluar maka akan diarahkan pada halaman masuk dan apabila ingin +menggunakan aplikasi harus masuk kembali. Tampilan pop up keluar dapat dilihat +pada Gambar 4.42 berikut. + + Gambar 4. 42 Dialog Pop Up keluar +b. Mitra +1) Halaman Splashscreen + + Halaman splashscreen merupakan halaman yang pertama kali muncul ketika +aplikasi dibuka. Tampilan halaman splashcreen dapat dilihat pada Gambar 4.43 +berikut. + + Gambar 4. 43 Halaman Splashscreen + 77 + +2) Halaman Registrasi + Halaman registrasi ini digunakan mitra untuk mendaftarkan akun apabila + +belum terdaftar. Pada registrasi ini, mitra dapat melakukan pengisian data terlebih +dahulu yaitu nama, email, no handphone, kata sandi dan konfirmasi kata sandi. +Tampilan halaman registrasi dapat dilihat pada Gambar 4.44 berikut. + + Gambar 4. 44 Halaman Registrasi +3) Halaman Masuk + + Halaman masuk ini digunakan untuk dapat mengakses fitur yang ada pada +aplikasi. Setelah melakukan registrasi, Mitra dapat melakukan masuk ke dalam +aplikasi dengan cara memasukan email kata sandi yang telah didaftarkan saat proses +registrasi. Tampilan halaman masuk dapat dilihat pada Gambar 4.45 berikut. + 78 + + Gambar 4. 45 Halaman Masuk +4) Halaman Lupa Sandi + + Halaman Lupa Sandi digunakan apabila pengguna ingin masuk namun lupa +dengan kata sandi. Mitra perlu memasukkan email yang terdaftar. Tampilan +halaman lupa sandi dapat dilihat pada Gambar 4.46 berikut. + 79 + + Gambar 4. 46 Halaman Lupa Sandi +- Halaman Kode Verifikasi + + Setelah mitra memasukkan email, maka akan mendapatkan kode verifikasi +melalui email dan otomatis beralih ke halaman verifikasi kode. Tampilan halaman +kode verifikasi dapat dilihat pada Gambar 4.47 berikut. + 80 + + Gambar 4. 47 Halaman Verifikasi Kode +- Halaman Atur Ulang Kata Sandi + + Apabila kode verifikasi benar dan sesuai maka akan beralih ke halaman atur +ulang kata sandi. Pada halaman ini mitra perlu memasukkan kata sandi baru di +kolom kata sandi dan konfirmasi kata sandi. Tampilan halaman atur ulang kata +sandi dapat dilihat pada Gambar 4.48 berikut. + 81 + + Gambar 4. 48 Halaman Atur Ulang Sandi +5) Halaman Beranda + + Halaman beranda pada mitra terdapat notifikasi dan terdiri dari beberapa card +yaitu informasi saldo, total penyewaan, statistika rental kendaraan yang mana +terdapat mingguan, bulanan, dan tahunan, dan informasi penyewaan untuk +memudahkan mitra dalam melihat atau memantau data informasi penyewa +kendaraan. Tampilan halaman beranda belum ada data dapat dilihat pada Gambar +4.49 dan beranda dengan data dapat dilihat pada Gambar 4.50 berikut. + 82 +Gambar 4. 49 Halaman Beranda belum ada data +Gambar 4. 50 Halaman Beranda sudah ada data + 83 + +6) Halaman Notifikasi + Halaman ini digunakan untuk memberitahukan pengguna terkait informasi + +tentang aktivitas atau pembaruan yang terjadi. Fungsi halaman notifikasi ini dapat +membantu pengguna mendapatkan informasi terkait hal hal penting misalnya +peringatan atau mengingatkan terkait tindakan yang belum diselesaikan. Tampilan +halaman notifikasi dapat dilihat pada Gambar 4.51 berikut. + + Gambar 4. 51 Halaman Notifikasi +7) Halaman Data Rental + + Pada halaman data rental ini memiliki 3 section tab menu yaitu: halaman sewa, +riwayat, dan penilaian. +a. Halaman Sewa + + Halaman sewa berfungsi untuk menampilkan penyewaan yang sedang +berlangsung. Tampilan halaman sewa dapat dilihat pada Gambar 4.52 berikut. + 84 + + Gambar 4. 52 Halaman Data Rental pada tab sewa +b. Halaman Riwayat + + Halaman riwayat berfungsi untuk menampilkan data sewa yang telah selesai. +Fitur riwayat pada aplikasi mitra membantu melihat dan melacak transaksi sewa +kendaraan yang sudah selesai, termasuk informasi waktu pengembalian dan +keterlambatan, serta memudahkan pencarian data transaksi dengan cepat. Tampilan +halaman riwayat dapat dilihat pada Gambar 4.53 berikut. + 85 + + Gambar 4. 53 Halaman Data Rental pada tab riwayat +c. Halaman Penilaian + + Halaman penilaian berfungsi untuk melihat testimoni dari customer. Terdapat +juga halaman detail penilaian yang mana digunakan untuk melihat lebih detail +terkait penilaian dari customer. Tampilan halaman penilaian dan detail penilaian +dapat dilihat pada Gambar 4.54 berikut. + 86 + + Gambar 4. 54 Halaman penilaian dan detail penilaian +8) Halaman Data kendaraan +a. Data Kendaraan + + Mitra dapat melihat, menambahkan, dan mengedit data kendaraan yang +tersedia dan menampilkan total semua kendaraan (mobil dan motor). Tampilan +halaman data kendaraan dapat dilihat pada Gambar 4.55 berikut. + 87 + + Gambar 4. 55 Halaman data kendaraan tab data kendaraan +- Halaman Tambah Kendaraan + + Halaman tambah kendaraan digunakan untuk menambahkan data kendaraan +dengan menambahkan foto kendaraan, jenis kendaraan, nama kendaraan, no polisi, +warna, dan merek kendaraan. Tampilan halaman tambah kendaraan dapat dilihat +pada Gambar 4.56 berikut. + 88 + + Gambar 4. 56 Halaman Tambah Kendaraan +b. Menunggu Konfirmasi + + Pada halaman menunggu konfirmasi ini merupakan halaman kendaraan yang +sedangan menunggu verifikasi diterima. Tampilan halaman menunggu verifikasi +dapat dilihat pada Gambar 4.57 berikut. + 89 + + Gambar 4. 57 Halaman Menunggu Konfirmasi +- Halaman Edit Kendaraan + + Halaman ini digunakan ketika mitra ingin mengedit data kendaraan, seperti ID +kendaraan, nama kendaraan, jenis kendaraan, no polisi, warna, dan merek +kendaraan. Pada halaman edit ini juga menampilkan detail dari kendaraan. +Tampilan halaman edit kendaraan dapat dilihat pada Gambar 4.58 berikut. + 90 + + Gambar 4. 58 Halaman edit dan detail kendaraan +9) Halaman Profil + + Pada halaman profil ini terdapat menu lain yang terdiri dari edit foto profil, +pemasukan dana, pusat bantuan dan button keluar. Tampilan halaman menu pada +profil dapat dilihat pada Gambar 4.59 berikut. + 91 + + Gambar 4. 59 Halaman Menu Profil +a. Menu Edit Profil + + Fitur ini ketika di klik akan beralih ke halaman edit profil, yang terdapat foto +profil mitra, nama, email, nomor telepon, provinsi, kota/kabupaten, kecamatan, dan +alamat lengkap. Fungsi halaman edit profil pada mitra untuk memudahkan mitra +mengelola informasi, seperti memperbarui nama rental, nomor telepon, provinsi, +kota/kabupaten, kecamatan, dan alamat lengkap. Selain itu halaman ini juga +digunakan untuk memeriksa status verifikasi akun dan mengakses pengaturan +lainnya. Tampilan halaman menu edit profil dapat dilihat pada Gambar 4.60 berikut. + 92 + + Gambar 4. 60 Halaman Edit Profil +- Halaman Edit Data Akun + + Ketika mitra ingin mengedit data akun maka menekan tombol edit dan akan +diarahkan ke halaman edit data akun mitra yang menampilkan seluruh inputan +kolom yang telah ada. Tampilan halaman edit akun profil ketika di klik tombol edit +dapat dilihat pada Gambar 4.61 berikut. + 93 + + Gambar 4. 61 Halaman Edit Data +- Fitur Pengaturan Lainnya + + Ketika mitra klik button label pengaturan lainnya pada halaman profil maka +akan menampilkan bottom sheet yang digunakan untuk mengatur ubah kata sandi, +verifikasi identitas, dan ganti no hp. +- Halaman Menu Ubah Kata Sandi + + Halaman ubah kata sandi yang berfungsi untuk mengganti kata sandi lama +dengan yang baru, yang mana digunakan untuk meningkatkan keamanan akun atau +memulihkan akses jika pengguna merasa kata sandi tersebut telah diketahui orang +lain. Tampilan halaman ubah kata sandi dapat dilihat pada Gambar 4.62 berikut. + 94 + + Gambar 4. 62 Halaman Ubah Kata Sandi +- Menu Verifikasi Identitas + + Mitra yang memiliki akun baru, maka belum dapat melihat menu page atau +menggunakan fitur lainnya, sehingga mitra perlu melakukan verifikasi data terlebih +dahulu. Verifikasi akun memerlukan data personal, foto KTP, Selfie KTP, SKCK, +dan NPWP. Pada page ini mitra dapat melakukan verifikasi, dimana mitra akan +mengisi terkait data diri dan kemudian diberikan panduan lalu melanjutkan +verifikasi dengan dokumen dokumen yang diperlukan. Tampilan halaman verifikasi +akun dapat dilihat pada Gambar 4.63 berikut. + 95 + + Gambar 4. 63 Verifikasi Akun Mitra +- Menu Ganti Nomor Handphone + + Pada halaman ubah nomor handphone ini digunakan untuk memperbarui data +pribadi pengguna yang mana untuk memastikan bahwa nomor telepon yang +terdaftar selalu aktif dan dapat digunakan. Pada halaman ini pengguna dapat +mengganti nomor telepon lama dengan yang baru jika nomor yang lama sudah tidak +aktif. Tampilan halaman ubah nomor telepon dapat dilihat pada Gambar 4.64 +berikut. + 96 + + Gambar 4. 64 Halaman ubah nomor handphone dan kode verifikasi +b. Menu Pemasukan Dana + + Halaman ini berfungsi untuk mengarahkan pengguna ke informasi terkait +rekening. Halaman pemasukan dana digunakan untuk mencatat, memantau, dan +mengelola pendapatan yang diterima dari penyewaan kendaraan. Ini +memungkinkan mitra mengetahui total penghasilan mereka, mengatur arus kas, +serta memastikan pembayaran dari penyewa masuk dengan lancar ke akun mitra, +sehingga mempermudah pelaporan dan pengelolaan finansial. Apabila mitra belum +memiliki rekening, maka terdapat button untuk menambahkan rekening. Tampilan +halaman pemasukan dana ketika belum memiliki rekening dapat dilihat pada +Gambar 4.65 berikut. + 97 + + Gambar 4. 65 Halaman pemasukan dana belum ada rekening +- Halaman Tambah Rekening + + Apabila ingin menambahkan rekening, maka akan beralih halaman untuk +mengisi data terkait bank yang dimiliki, terdapat nama bank, nomor rekening, dan +atas nama. Tampilan halaman tambah rekening dapat dilihat pada Gambar 4.66 +berikut. + 98 + + Gambar 4. 66 Halaman tambah rekening +- Namun apabila mitra sudah memiliki rekening, maka pada beranda akan + + menampilkan terkait rekening yang sudah ada. Tampilan halaman pemasukan + dana ketika sudah menambahkan rekening dapat dilihat pada Gambar 4.67 + berikut. + 99 + + Gambar 4. 67 Halaman pemasukan dana sudah ada rekening +c. Menu Pusat Bantuan + + Halaman pusat bantuan digunakan untuk menyediakan akses mudah bagi mitra +dalam mendapatkan dukungan, panduan, atau solusi terkait masalah teknis, +operasional, atau pertanyaan seputar penggunaan platform, sehingga mereka dapat +mengatasi kendala dengan cepat. Pada menu halaman pusat bantuan ini adalah FAQ +yang terdapat informasi mengenai pertanyaan yang sering ditanyakan. Tampilan +halaman menu pusat bantuan dapat dilihat pada Gambar 4.68 berikut. + 100 + + Gambar 4. 68 Halaman Pusat Bantuan +4.3.2. Fitur Aplikasi Desktop + + Pada aplikasi desktop ini terdapat tiga role yaitu admin, finance, dan super +admin +a. Admin +1) Halaman Masuk + + Halaman ini memberikan akses masuk ke sistem bagi admin yang memiliki +akun yang sudah terdaftar. Admin dapat melakukan masuk menggunakan email dan +kata sandi. Tampilan halaman masuk dapat dilihat pada Gambar 4.69 berikut. + 101 + + Gambar 4. 69 Halaman Masuk +2) Halaman Lupa Sandi + + Halaman Lupa Sandi digunakan apabila pengguna ingin masuk namun lupa +dengan kata sandi yang telah terdaftar. Disini pengguna memasukkan email yang +sudah terdaftar. Tampilan halaman lupa kata sandi dapat dilihat pada Gambar 4.70 +berikut. + + Gambar 4. 70 Halaman Lupa Sandi + 102 + +- Halaman Kode Verifikasi + Setelah memasukkan email, maka dapat menekan tombol lanjutkan dan akan + +mendapatkan kode verifikasi yang dikirim melalui email yang dimasukkan dan +akan beralih ke halaman kode verifikasi. Tampilan halaman kode verifikasi dapat +dilihat pada Gambar 4.71 berikut. + + Gambar 4. 71 Halaman Verifikasi Kode +- Halaman Atur Ulang Kata Sandi + + Apabila kode verifikasi benar dan sesuai maka akan beralih ke halaman atur +ulang kata sandi. Pada halaman ini admin perlu memasukkan kata sandi baru di +kolom kata sandi dan konfirmasi kata sandi. Tampilan halaman atur ulang kata +sandi dapat dilihat pada Gambar 4.72 berikut. + 103 + + Gambar 4. 72 Halaman Atur Ulang Sandi +3) Halaman Beranda + + Beranda pada admin menampilkan informasi mengenai total sopir, total mitra, +total customer, dan total kendaraan sewa. Selain itu, admin juga dapat melihat total +ketersediaan kendaraan baik motor maupun mobil, statistik persewaan (minggu, +bulan, tahun, dan rentang khusus), dan tabel transaksi customer yang memudahkan +admin mengetahui transaksi customer dalam menyewa kendaraan. Tampilan +halaman beranda dengan statistik minggu dapat dilihat pada Gambar 4.73 berikut. + 104 + + Gambar 4. 73 Halaman Beranda +- Detail Transaksi + + Pada halaman detail transaksi akan menampilkan detail dari transaksi tersebut +terkait dengan informasi kendaraan dan pembayaran. Tampilan halaman detail +transaksi dapat dilihat pada Gambar 4.74 berikut. + + Gambar 4. 74 Halaman detail transaksi + 105 + +4) Halaman Profil + Halaman profil pada admin berfungsi untuk menampilkan dan mengelola + +informasi akun admin, termasuk data pribadi seperti nama, tempat tanggal lahir, +jenis kelamin, alamat, email, nama bank, dan no rekening. Selain dari itu juga +menyediakan fitur ubah foto profil dan edit informasi data pribadi. Tampilan +halaman profil dapat dilihat pada Gambar 4.75 berikut. + + Gambar 4. 75 Halaman Profil +- Halaman Edit Profil + + Untuk mengedit data tersebut, dapat menekan tombol edit, dan admin dapat +mengedit kolom inputan, disini email tidak dapat diedit. Tampilan halaman untuk +edit profil dapat dilihat pada Gambar 4.76 berikut. + 106 + + Gambar 4. 76 Halaman edit profil +- Fitur Ubah kata sandi + + Fitur ini ketika admin ingin mengubah kata sandi agar lebih aman dengan cara +klik tombol ubah kata sandi pada profil. Tampilan halaman ubah kata sandi dapat +dilihat pada Gambar 4.77 berikut. + + Gambar 4. 77 Halaman ubah kata sandi + 107 + +5) Data Customer + Pada halaman data customer, admin dapat melihat seluruh data customer, + +melakukan pencarian data customer, menampilkan detail data identitas customer, +dan detail riwayat sewa dari customer. Dalam tabel data customer, admin juga dapat +mengetahui status aktif dan non aktif, urutan data di tabel customer default secara +desc (data terbaru berada di atas). Dan setiap pagination tabel hanya menampilkan +10 baris data transaksi. Pada tabel menampilkan kolom no, nama customer, email, +status (Aktif atau Non Aktif), dan icon detail customer. Dibawah tabel terdapat +pagination tabel untuk melihat page selanjutnya maupun sebelumnya. Tampilan +halaman data customer dapat dilihat pada Gambar 4.78 berikut. + + Gambar 4. 78 Halaman Data Customer +- Detail Data Customer + + Pada detail data customer ini, maka akan menampilkan bottom sheet yang +menampilkan detail dari customer tersebut. Tampilan halaman detail data customer +dapat dilihat pada Gambar 4.79 berikut. + 108 + + Gambar 4. 79 Halaman Detail Data Customer +- Halaman Riwayat Sewa + + Pada detail data customer terdapat keterangan status aktif (label berwarna hijau) +dan non aktif (label berwarna merah). Selain itu juga menampilkan foto, data +pribadi dari customer tersebut, serta button riwayat sewa customer. Button riwayat +sewa digunakan untuk admin melihat detail riwayat customer selama menyewa +kendaraan. Tampilan halaman riwayat sewa dapat dilihat pada Gambar 4.80 berikut. + + Gambar 4. 80 Tampilan riwayat sewa + 109 + +6) Data Sopir + Pada halaman ini admin dapat melihat daftar data sopir yang bergabung aktif + +maupun non aktif sopir. Urutan data di tabel sopir default secara desc (data terbaru +berada di atas). Dan setiap pagination tabel hanya menampilkan 10 baris data +transaksi. Pada tabel menampilkan kolom no, nama sopir, status (Aktif atau Non +Aktif), dan opsi (Detail, Edit, dan Hapus). Dibawah tabel terdapat pagination tabel +untuk melihat page selanjutnya maupun sebelumnya. Admin juga dapat mengedit, +menghapus, dan menambahkan data sopir. Admin dapat melihat detail seluruh data +sopir dan menampilkan riwayat perjalanan dari sopir. Tampilan halaman data sopir +dapat dilihat pada Gambar 4.81 berikut. + + Gambar 4. 81 Halaman Data Sopir + +- Fitur Tambah Sopir + Pada halaman tambah sopir digunakan untuk menambahkan data sopir yang + +baru. Pada halaman ini terdapat inputan yaitu Nama lengkap, Tempat dan tanggal +lahir, No. Telepon, Alamat, Jenis rekening ATM, No. Rekening, dan Link Gdrive +data identitas. Tampilan halaman tambah sopir dapat dilihat pada Gambar 4.82 +berikut. + 110 + + Gambar 4. 82 Tampilan Tambah sopir +- Fitur Detail Sopir + + Halaman detail sopir akan menampilkan pop up detail dari sopir tersebut, Pada +pop up detail data sopir terdapat keterangan status aktif (label berwarna hijau) dan +non aktif (label berwarna merah). Selain itu juga menampilkan foto, data pribadi +dari sopir tersebut, serta button riwayat perjalanan customer. Tampilan halaman +detail sopir dapat dilihat pada Gambar 4.83 berikut. + + Gambar 4. 83 Halaman detail sopir + 111 + +- Halaman Riwayat Perjalanan + Button riwayat perjalanan digunakan untuk admin melihat detail riwayat sopir + +selama mengemudi kendaraan. Ketika button riwayat ini di klik, maka akan +menampilkan pop up riwayat perjalanan. Tampilan halaman riwayat perjalanan +dapat dilihat pada Gambar 4.84 berikut. + + Gambar 4. 84 Tampilan Riwayat perjalanan +- Fitur Edit Sopir + + Pada halaman edit ini digunakan untuk memperbarui atau mengganti data yang +sudah ada dengan data yang terbaru. Ketika admin klik icon edit maka akan +menampilkan halaman edit sopir tersebut. Tampilan halaman edit sopir dapat dilihat +pada Gambar 4.85 berikut. + + Gambar 4. 85 Tampilan edit sopir + 112 + +- Fitur Hapus Sopir + Fitur hapus sopir digunakan apabila sopir sudah tidak lagi bergabung. Ketika + +admin klik icon hapus maka akan menampilkan pop up konfirmasi hapus data sopir. +Setelah data sopir dihapus maka admin tidak dapat memulihkan atau +mengembalikan data tersebut. Tampilan dialog pop up hapus sopir dapat dilihat +pada Gambar 4.86 berikut. + + Gambar 4. 86 Dialog pop up hapus sopir + +7) Data Transaksi + Pada halaman transaksi ini, admin dapat melihat tabel transaksi untuk + +memudahkan admin mengetahui transaksi kendaraan yang disewa oleh customer. +Pada tabel ini terdiri dari ID transaksi, tanggal mulai, tanggal selesai, nama +kendaraan, fasilitas (driver atau non driver), nama sopir, total biaya, status +(menunggu atau selesai), dan detail transaksi. Admin dapat melihat detail transaksi +serta mampu melakukan pemilihan sopir untuk customer. Terdapat juga fitur +pencarian dan filter pencarian transaksi. Tampilan halaman data transaksi dapat +dilihat pada Gambar 4.87 berikut. + 113 + + Gambar 4. 87 Halaman Data Transaksi +- Detail Transaksi + + Halaman detail transaksi menampilkan informasi customer, kendaraan, dan +pembayaran. Detail di status selesai artinya admin telah memilih sopir maupun +customer tidak menggunakan fasilitas driver. Pada detail transaksi selesai yang +menggunakan fasilitas driver, bagian informasi kendaraan akan tertera nama sopir +yang telah dipilih. Sedangkan pada detail di status menunggu artinya customer +menggunakan fasilitas driver sehingga admin perlu memilih sopir untuk customer. +Terdapat fitur pilih sopir yang fungsinya memilih sopir untuk customer yang +menggunakan fasilitas driver. Ketika memilih sopir admin dapat melihat detail +transaksi dengan melalui button icon detail di status menunggu maka akan +menampilkan pop up detail transaksi. Tampilan halaman detail transaksi dengan +status menunggu dapat dilihat pada Gambar 4.88 dan halaman detail transaksi +dengan status selesai dapat dilihat pada Gambar 4.89 berikut. + 114 + + Gambar 4. 88 Halaman Detail Transaksi Menunggu + + Gambar 4. 89 Halaman Detail transaksi selesai +- Sedangkan, tampilan detail transaksi jika tidak menggunakan fasilitas driver + + (non driver) maka bagian informasi kendaraan driver tertera non driver. + Tampilan halaman detail transaksi tanpa driver dapat dilihat pada Gambar 4.90 + berikut. + 115 + + Gambar 4. 90 Halaman detail transaksi non driver + +8) Halaman Mitra + Pada halaman mitra ini dibagi menjadi 2 section tab yaitu data mitra dan + +verifikasi mitra. +a) Data Mitra + + Pada halaman data mitra, Admin dapat melihat data mitra yang bergabung, +untuk urutan data di tabel mitra default secara desc (data terbaru berada di atas) dan +setiap pagination tabel hanya menampilkan 10 baris data mitra. Pada tabel +menampilkan kolom no, id mitra, nama mitra, status (Aktif atau Non Aktif), dan +icon detail transaksi. Dibawah tabel terdapat pagination tabel untuk melihat page +selanjutnya maupun sebelumnya. Admin juga dapat melakukan pencarian data +mitra melalui keyword maupun filter. Selain itu, Admin juga dapat melihat detail +data mitra tersebut serta melihat list riwayat rental (kendaraan mitra yang disewa +oleh customer). Tampilan halaman data mitra dapat dilihat pada Gambar 4.91 +berikut. + 116 + + Gambar 4. 91 Halaman Data Mitra +- Halaman Detail Mitra + + Pada detail mitra akan menampilkan bottom sheet yang menampilkan detail dari +mitra tersebut dimana terdapat keterangan status aktif (label berwarna hijau) dan +non aktif (label berwarna merah). Selain itu juga menampilkan foto, data pribadi +dari sopir tersebut, serta button riwayat rental untuk admin melihat detail riwayat +rental (penilaian kendaraan milik mitra yang telah disewa). Tampilan halaman +detail mitra dengan status aktif dapat dilihat pada Gambar 4.92 sedangkan halaman +detail mitra dengan status non aktif dapat dilihat pada Gambar 4.93 berikut. + 117 + + Gambar 4. 92 Halaman Detail data mitra status aktif + + Gambar 4. 93 Halaman Detail data mitra status nonaktif +- Halaman Riwayat Rental + + Halaman ini digunakan untuk melihat lebih detail terkait penilaian dari +customer terhadap mitra. Tampilan halaman riwayat rental dapat dilihat pada +Gambar 4.94 berikut. + 118 + + Gambar 4. 94 Halaman Riwayat rental +- Halaman Invoice + + Halaman invoice merupakan halaman detail transaksi customer saat melakukan +sewa kendaraan. Di dalamnya terdapat beberapa informasi yaitu data mitra, data +customer, data kendaraan, dan data transaksi. Tampilan halaman invoice dapat +dilihat pada Gambar 4.95 berikut. + 119 + + Gambar 4. 95 Halaman Invoice +b) Verifikasi Mitra + + Pada halaman verifikasi mitra ini digunakan agar suatu mitra dapat +menyewakan kendaraannya. Apabila di klik maka akan menampilkan detail dari +mitra tersebut dan terdapat button terima atau tolak verifikasi data. Tampilan +halaman verifikasi mitra dapat dilihat pada Gambar 4.96 berikut. + + Gambar 4. 96 Halaman Verifikasi Mitra + 120 + +- Halaman Detail Verifikasi + Halaman ini akan menampilkan detail verifikasi mitra. Pada detail + +menampilkan informasi data mitra serta dokumen pendukung (Foto KTP, Selfie +KTP, SKCK, dan NPWP) mitra. Selain itu juga terdapat button tolak dan terima +verifikasi tersebut. Apabila admin telah melakukan verifikasi baik tolak maupun +terima maka riwayat permintaan tersebut tidak akan tampil di halaman verifikasi +mitra. Tampilan halaman detail verifikasi mitra dapat dilihat pada Gambar 4.97 +berikut. + + Gambar 4. 97 Halaman detail verifikasi mitra +- Penolakan Verifikasi + + Apabila admin menolak verifikasi mitra, maka admin dapat klik button tolak +dan akan menampilkan pop up form alasan penolakan. Tampilan halaman +penolakan verifikasi dapat dilihat pada Gambar 4.98 berikut. + 121 + + Gambar 4. 98 Tampilan alasan penolakan verifikasi + +9) Halaman Data Kendaraan + Pada halaman mitra ini dibagi menjadi 3 section tab yaitu data kendaraan, + +histori verifikasi, dan verifikasi kendaraan baru. +a) Data Kendaraan + + Pada halaman data kendaraan sewa, admin dapat melihat tabel yang berisi data +kendaraan, tabel ini menampilkan data kendaraan yang terdaftar baik tersedia +maupun disewa. Urutan data di tabel kendaraan default secara desc (data terbaru +berada di atas) dan setiap pagination tabel hanya menampilkan 10 baris data +kendaraan. Pada tabel menampilkan kolom no, id mitra, nama kendaraan, warna, +kategori, status (Tersedia atau Disewa), dan icon detail kendaraan. Dibawah tabel +terdapat pagination tabel untuk melihat page selanjutnya maupun sebelumnya. +Admin juga dapat melakukan pencarian data kendaraan, melakukan filter untuk +memilih data berdasarkan mitra, kategori, atau status dan dapat melihat detail data +dari semua list kendaraan. Tampilan halaman data kendaraan dapat dilihat pada +Gambar 4.99 berikut. + 122 + + Gambar 4. 99 Halaman data kendaraan +- Detail Kendaraan + + Halaman detail kendaraan akan menampilkan pop up detail dari kendaraan +tersebut. Pada detail data kendaraan menampilkan foto, detail data kendaraan, +spesifikasi kendaraan, dan foto dokumen pendukung (Foto STNK, BPKB, dan foto +plat kendaraan). Tampilan halaman detail kendaraan tersedia dapat dilihat pada +Gambar 4.100 dan halaman detail kendaraan dengan status disewa dapa dilihat pada +Gambar 4.101 berikut. + 123 + + Gambar 4. 100 Halaman Detail kendaraan status tersedia + + Gambar 4. 101 Halaman Detail kendaraan status disewa +b) Histori Verifikasi + + Histori penolakan sebagai list kendaraan pada saat verifikasi diterima maupun +ditolak oleh admin. Pada penolakan verfikasi ini bisa disebabkan dari kelengkapan +data kendaraan yang kurang, data kendaraan yang diinputkan berbeda dengan yang +ada pada STNK, maupun data mitra yang tidak valid. Pada section tab ini admin +dapat melihat data kendaraan di tabel. Urutan data di tabel kendaraan default secara +desc (data terbaru berada di atas). Dan setiap pagination tabel hanya menampilkan +10 baris data. Pada tabel terdiri kolom no, id mitra, nama kendaraan, warna, + 124 + +kategori, status dan icon detail kendaraan. Dibawah tabel terdapat pagination tabel +untuk melihat page selanjutnya maupun sebelumnya. Selain itu admin dapat +melakukan pencarian data kendaraan, melakukan filter untuk memilih data +berdasarkan mitra, kategori, atau status dan admin juga dapat melihat detail +kendaraan. Tampilan halaman histori verifikasi dapat dilihat pada Gambar 4.102 +berikut. + + Gambar 4. 102 Halaman histori penolakan +- Detail Kendaraan Ditolak + + Halaman detail kendaraan ditolak ini akan menampilkan pop up yang +menampilkan detail dari kendaraan yang ditolak tersebut. Tampilan halaman detail +kendaraan dengan status ditolak dapat dilihat pada Gambar 4.103 berikut. + + Gambar 4. 103 Tampilan detail kendaraan ditolak + 125 + +c) Verifikasi Kendaraan Baru + Halaman verifikasi kendaraan baru ini digunakan agar kendaraan yang + +disewakan dari mitra dapat tersedia di aplikasi customer. Pada halaman ini admin +dapat memeriksa terkait permintaan verifikasi kendaraan dari suatu mitra. Halaman +ini digunakan untuk memastikan bahwa semua data mengenai kendaraan yang +sudah didaftarkan telah sesuai dengan standar dan ketentuan yang ada. Tampilan +halaman verifikasi kendaraan baru dapat dilihat pada Gambar 4.104 berikut. + + Gambar 4. 104 Halaman Verifikasi data kendaraan +- Detail Verifikasi Mitra Belum Diterima atau Ditolak + + Halaman detail verifikasi mitra ini akan menampilkan bottom sheet detail +verifikasi kendaraan yang mana akan menampilkan data terkait mitra dan +kendaraan yang akan disewakan serta foto dan dokumen pendukung. Tampilan +halaman detail verifikasi kendaraan baru dapat dilihat pada Gambar 4.105 berikut. + 126 + + Gambar 4. 105 Halaman detail verifikasi kendaraan +10) Halaman Berita dan FAQ + + Pada menu berita dan FAQ ini terdiri dari 2 tab, yaitu: halaman berita dan +halaman FAQ (Frequently Asked Questions). +a. Halaman Berita + + Halaman berita ini digunakan untuk membantu admin dalam menyampaikan +informasi kepada customer, informasi isi berupa artikel terkait penyewaan +kendaraan. Admin dapat menambah berita. Tampilan halaman berita dapat dilihat +pada Gambar 4.106 berikut. + 127 + + Gambar 4. 106 Halaman Berita +- Halaman Tambah Berita + + Halaman ini digunakan admin untuk menambahkan berita terbaru. Pada +halaman ini admin dapat menambahkan foto, judul, isi dan juga file pendukung. +Untuk tanggal publikasi disini otomatis. Tampilan halaman tambah berita dapat +dilihat pada Gambar 4.107 berikut. + 128 + + Gambar 4. 107 Halaman Tambah Berita +b. Halaman FAQ (Frequently Asked Questions) + + Halaman FAQ ini digunakan untuk menyediakan jawaban untuk pertanyaan +pertanyaan yang sering diajukan. Sehingga membantu pengguna mendapatkan +informasi yang dibutuhkan tanpa harus menghubungi customer service apabila +pertanyaan sudah dijelaskan. Pada halaman ini, admin dapat melakukan tambah, +edit, dan hapus serta melihat detail dari FAQ. Tampilan halaman FAQ dapat dilihat +pada Gambar 4.108 berikut. + 129 + + Gambar 4. 108 Halaman FAQ (Frequently Asked Questions) +- Halaman Detail FAQ + + Pada halaman ini menampilkan pertanyaan yang sering diajukan beserta +jawaban pertanyaan tersebut. Tampilan halaman detail FAQ dapat dilihat pada +Gambar 4.109 berikut. + + Gambar 4. 109 Halaman Detail FAQ (Frequently Asked Questions) + 130 + +- Halaman Tambah FAQ + Halaman Tambah ini digunakan untuk menambahkan pertanyaan yang sering + +diajukan, serta menambahkan jawaban dari pertanyaan tersebut. Tampilan halaman +tambah FAQ dapat dilihat pada Gambar 4.110 berikut. + + Gambar 4. 110 Halaman Tambah FAQ (Frequently Asked Questions) +- Halaman Edit FAQ + + Halaman ini digunakan untuk mengedit pertanyaan atau jawaban pada FAQ. +Dimana untuk mengedit, admin harus menekan tombol edit terlebih dahulu. +Tampilan halaman edit FAQ dapat dilihat pada Gambar 4.111 berikut. + 131 + + Gambar 4. 111 Halaman Edit FAQ (Frequently Asked Questions) +b. Finance +1) Halaman Masuk + + Finance dapat melakukan masuk dengan memasukkan email dan kata sandi +yang telah terdaftar untuk beralih ke halaman beranda. Tampilan halaman masuk +dapat dilihat pada Gambar 4.112 berikut. + + Gambar 4. 112 Halaman Masuk + 132 + + 2) Fitur Lupa Sandi + Halaman lupa sandi digunakan apabila pengguna ingin masuk atau memulai + + aplikasi namun lupa dengan kata sandi. Dimana finance perlu memasukkan email + yang terdaftar. Tampilan halaman lupa sandi dapat dilihat pada Gambar 4.113 + berikut. + + Gambar 4. 113 Halaman lupa sandi +- Halaman Kode Verifikasi + + Setelah memasukkan email, finance akan mendapatkan kode verifikasi melalui + email dan beralih ke halaman verifikasi kode. Tampilan halaman kode verifikasi + dapat dilihat pada Gambar 4.114 berikut. + 133 + + Gambar 4. 114 Halaman Verifikasi Kode +- Halaman Atur Ulang Kata Sandi + + Apabila kode verifikasi benar maka akan beralih ke halaman atur ulang kata +sandi. Pada halaman ini finance perlu memasukkan kata sandi baru dan konfirmasi +kepada kata sandi. Tampilan halaman atur ulang kata sandi dapat dilihat pada +Gambar 4.115 berikut. + + Gambar 4. 115 Halaman Atur ulang sandi + 134 + +3) Halaman Beranda + Setelah berhasil masuk, maka akan diarahkan ke menu utama yaitu beranda + +untuk menampilkan informasi keuangan secara ringkas. Finance bisa melihat total +pemasukan, pengeluaran, saldo, ketersediaan kendaraan, memantau statistik +penyewaan kendaraan, dan mengecek riwayat Transaksi dengan mudah, termasuk +detail seperti tanggal dan jumlah uang dari setiap transaksi. Tampilan halaman +beranda dengan statistik minggu dapat dilihat pada Gambar 4.116 berikut. + + Gambar 4. 116 Halaman Beranda +4) Riwayat Transaksi + + Halaman riwayat transaksi digunakan untuk memantau, mencatat mengenai +detail transaksi keuangan. Pada tabel riwayat transaksi terdapat tanggal, no +transaksi, customer, jumlah, metode pembayaran, status (sukses, gagal, tunda) dan +invoice. Tampilan halaman riwayat transaksi dapat dilihat pada Gambar 4.117 +berikut. + 135 + + Gambar 4. 117 Halaman Riwayat Transaksi +- Detail Transaksi + + Halaman detail transaksi akan menampilkan halaman invoice. Pada halaman ini +terdapat id transaksi, data customer, tabel data kendaraan, tabel data transaksi, dan +rincian pembayaran. Tampilan halaman detail transaksi dapat dilihat pada Gambar +4.118 berikut. + 136 + + Gambar 4. 118 Halaman detail transaksi +5) Halaman Notifikasi + + Halaman Notifikasi pada Finance memiliki fungsi utama untuk memberikan +informasi terkini terkait aktivitas transaksi yang terjadi. Tampilan halaman +notifikasi dapat dilihat pada Gambar 4.119 berikut. + + Gambar 4. 119 Halaman Notifikasi + 137 + +6) Halaman Pengiriman Dana + Halaman pengiriman ini digunakan untuk memproses transfer dana atau + +pencairan dana ke semua mitra sesuai data yang tercantum. User dapat melihat list +data mitra berdasarkan ID Mitra, tanggal pengiriman terakhir, nama mitra, metode, +nomor rekening, jumlah dana yang terkirim, dan status pengiriman (Kirim atau +Selesai). Tampilan halaman pengiriman dana dapat dilihat pada Gambar 4.120 +berikut. + + Gambar 4. 120 Halaman Pengiriman Dana +7) Data Informasi +a. Data Mitra + + Pada halaman data mitra menampilkan informasi data mitra yang mana berisi +id mitra, nama, email, no hp, total sewa, dan detail untuk mempermudah dalam +pengolahan informasi mitra termasuk pencatatan pengelolaan transaksi. Tampilan +halaman data mitra dapat dilihat pada Gambar 4.121 berikut. + 138 + + Gambar 4. 121 Halaman Data Mitra +- Detail Mitra + + Halaman detail mitra menampilkan informasi lengkap mitra terkait data +identitas mitra. Tampilan halaman detail mitra dapat dilihat pada Gambar 4.122 +berikut. + + Gambar 4. 122 Detail Data Mitra +- Detail Total Sewa + + Finance dapat melihat keseluruhan riwayat sewa pada mitra dengan cara klik +button label angka pada kolom total sewa maka akan muncul pop up yang + 139 +menampilkan list riwayat sewa dari mitra tersebut. Tampilan halaman detail total +sewa dapat dilihat pada Gambar 4.123 berikut. + + Gambar 4. 123 Detail Riwayat sewa +b. Data Kendaraan + + Pada halaman ini menampilkan tabel terkait data kendaraan, dengan +menampilkan nomor, id kendaraan, mitra, kendaraan, merek, kategori harga dan +detail data. Tampilan halaman data kendaraan dapat dilihat pada Gambar 4.124 +berikut. + + Gambar 4. 124 Halaman Data Kendaraan + 140 + +- Detail Kendaraan + Halaman detail kendaraan untuk menampilkan informasi secara keseluruhan + +terkait kendaraan. Tampilan halaman detail kendaraan dapat dilihat pada Gambar +4.125 berikut. + + Gambar 4. 125 Detail data kendaraan +c. Data Rental + + Fitur Data Rental digunakan untuk memonitor dan mengelola data transaksi +rental, termasuk statusnya, detail pelanggan, kendaraan yang disewa, mitra +penyedia, dan status transaksi. Tampilan halaman data rental dapat dilihat pada +Gambar 4.126 berikut. + + Gambar 4. 126 Halaman Data rental + 141 + +- Halaman Detail Data Rental + Halaman detail data rental akan menampilkan invoice dari data rental pada + +finance. Tampilan halaman detail data rental dapat dilihat pada Gambar 4.127 +berikut. + + Gambar 4. 127 Halaman detail data rental +8) Halaman Laporan Keuangan + + Laporan keuangan dalam divisi keuangan berfungsi untuk memberikan +informasi tentang kondisi keuangan perusahaan. Secara default pada section total +pemasukan, detail pemasukan, dan detail pengeluaran menampilkan pada waktu +hari ini. Tampilan halaman laporan keuangan dengan total masukan kategori hari +ini dan statistik keuangan kategori harian dapat dilihat pada Gambar 4.128 berikut. + 142 + + Gambar 4. 128 Halaman laporan keuangan +9) Halaman Profil + + Pada menu profil akan menampilkan halaman profil, halaman profil digunakan +untuk menampilkan, mengelola, dan memperbarui informasi pribadi pengguna +yang sudah tersimpan. Halaman profil ini terdapat foto profil, nama lengkap, no +handphone, email, jenis kelamin, tempat tanggal lahir, dan alamat. Selain itu, pada +profil ini pengguna dapat mengedit informasi yang sudah ada, yang mana fungsinya +untuk memastikan data tetap akurat dan terbaru. Tampilan halaman profil dapat +dilihat pada Gambar 4.129 berikut. + 143 + + Gambar 4. 129 Halaman Profil +- Fitur Ubah Kata Sandi + + Pada fitur ini finance dapat mengubah kata sandi dengan menekan fitur “Ubah +kata sandi” maka akan diarahkan ke halaman ubah kata sandi. Tampilan halaman +ubah kata sandi dapat dilihat pada Gambar 4.130 berikut. + + Gambar 4. 130 Tampilan ubah kata sandi +- Fitur Edit Profil + + Edit foto profil digunakan untuk mengubah informasi yang sudah ada di profil, +dengan menekan tombol edit, maka pengguna dapat mengedit pada kolom inputan. + 144 +Untuk kolom email tidak dapat di edit. Tampilan halaman edit profil dapat dilihat +pada Gambar 4.131 berikut. + + Gambar 4. 131 Halaman edit foto profil +c. Super Admin +1) Halaman Registrasi + + Apabila pengguna belum memiliki akun, mereka harus mengisi formulir +pendaftaran dengan nama, email, nomor telepon, dan kata sandi. Tampilan halaman +registrasi dapat dilihat pada Gambar 4.132 berikut. + + Gambar 4. 132 Halaman Registrasi + 145 + +2) Halaman Masuk + Setelah pendaftaran berhasil, pengguna diarahkan untuk masuk menggunakan + +akun yang baru didaftarkan. Jika sudah memiliki akun, pengguna bisa memasukkan +email dan kata sandi untuk masuk. Halaman masuk ini digunakan untuk memulai +mengakses aplikasi. Tampilan halaman masuk dapat dilihat pada Gambar 4.133 +berikut. + + Gambar 4. 133 Halaman Masuk +- Fitur Lupa Sandi + + Halaman lupa sandi digunakan apabila pengguna ingin masuk namun lupa +dengan kata sandi. Super admin perlu memasukkan email yang terdaftar. Tampilan +halaman lupa kata sandi dapat dilihat pada Gambar 4.134 berikut. + + Gambar 4. 134 Halaman lupa kata sandi + 146 + +- Halaman Kode Verifikasi + Setelah itu super admin akan mendapatkan kode verifikasi melalui email dan + +otomatis beralih ke halaman verifikasi kode. Tampilan halaman kode verifikasi +dapat dilihat pada Gambar 4.135 berikut. + + Gambar 4. 135 Halaman verifikasi kode +- Halaman Atur Ulang Kata Sandi + + Apabila kode verifikasi benar dan sesuai maka akan beralih ke halaman atur +ulang kata sandi. Pada page ini super admin perlu memasukkan kata sandi baru di +kolom kata sandi dan konfirmasi kata sandi. Tampilan halaman atur ulang kata +sandi dapat dilihat pada Gambar 4.136 berikut. + 147 + + Gambar 4. 136 Halaman Atur ulang sandi +3) Halaman Beranda + + Fungsi halaman beranda pada super admin adalah untuk menampilkan +ringkasan data seperti total admin, total mitra, total customer, total kendaraan, +statistik rental kendaraan, ketersediaan motor dan mobil. Super admin juga dapat +melihat detail invoice berdasarkan status dan juga dapat mengetahui jumlah detail +mitra dan detail admin berdasarkan lokasi. Tampilan halaman beranda statistik +minggu dapat dilihat pada Gambar 4.137 berikut. + + Gambar 4. 137 Halaman Beranda + 148 + +- Detail Lokasi pada Admin dan Mitra + Tampilan ini untuk mengetahui jumlah admin dan mitra berdasarkan wilayah, + +dengan menampilkan lokasi dan total mitra dan admin. Tampilan jumlah admin dan +mitra di beranda dapat dilihat pada Gambar 4.138 berikut. + + Gambar 4. 138 Detail jumlah admin dan mitra + +4) Halaman Data Admin + Super admin dapat mengolah data seperti melihat, mengedit, menghapus, + +menambah data admin dan juga dapat memfilter data serta melakukan pencarian. +Pada tabel data admin menampilkan data admin yang sudah terdaftar. Urutan data +di tabel admin default secara asc kolom id admin. Setiap pagination tabel hanya +menampilkan 10 baris data admin. Pada tabel menampilkan kolom id admin, nama +admin, email, tanggal bergabung, domisili, dan aksi (detail, edit, hapus). Dibawah +tabel terdapat pagination tabel untuk melihat page selanjutnya maupun +sebelumnya. Tampilan halaman data admin dapat dilihat pada Gambar 4.139 +berikut. + 149 + + Gambar 4. 139 Halaman Data Admin +- Halaman Tambah Data Admin + + Halaman ini digunakan jika super admin ingin menambahkan data admin, yang +mana memasukkan mengenai data diri admin. Tampilan halaman tambah data +admin dapat dilihat pada Gambar 4.140 berikut. + + Gambar 4. 140 Tambah data admin + 150 +- Halaman Edit Admin + + Halaman edit digunakan jika super admin ingin mengedit data admin. Tampilan +halaman edit data admin dapat dilihat pada Gambar 4.141 berikut. + + Gambar 4. 141 Edit data admin +- Detail Data Admin + + Halaman detail data admin akan menampilkan bottom sheet yang menampilkan +detail data admin, yang mana berisi Nama lengkap, Tempat tanggal lahir, no +telepon, jenis kelamin, Email, Nama bank, No. rekening, dan alamat. Tampilan +halaman detail data admin dapat dilihat pada Gambar 4.142 berikut. + + Gambar 4. 142 Halaman detail data admin + 151 + +5) Halaman Data Mitra + Pada halaman data mitra, Super Admin dapat menambah, menghapus, dan + +mengedit data yang bergabung baik aktif maupun tidak aktif. Pada tabel data mitra +menampilkan data mitra yang terdaftar aktif maupun non aktif. Urutan data di tabel +mitra default secara desc kolom id mitra dan asc kolom no (data terbaru berada di +atas). Dan setiap pagination tabel hanya menampilkan 10 baris data mitra. Pada +tabel menampilkan kolom no, id mitra, nama mitra, no telepon, domisili, status +(Aktif atau Tidak Aktif), dan aksi (detail, edit, hapus). Dibawah tabel terdapat +pagination tabel untuk melihat page selanjutnya maupun sebelumnya. Super admin +dapat melakukan pencarian data mitra melalui keyword maupun filter. Selain itu, +super admin juga dapat melihat detail data mitra tersebut serta melihat list riwayat +rental (kendaraan mitra yang disewa oleh customer). Tampilan halaman profil dapat +dilihat pada Gambar 4.143 berikut. + + Gambar 4. 143 Halaman data mitra + +- Halaman Tambah Data Mitra + Halaman tambah ini digunakan menambahkan data mitra, dengan memasukkan + +mengenai informasi data mitra. Tampilan halaman tambah data mitra dapat dilihat +pada Gambar 4.144 berikut. + 152 + + Gambar 4. 144 Tambah data mitra +- Detail Data Mitra + + Halaman detail mitra ketika super admin klik icon detail maka akan +menampilkan bottom sheet yang menampilkan detail dari data mitra aktif dan tidak +aktif. Tampilan halaman detail data mitra dapat dilihat pada Gambar 4.145 berikut. + + Gambar 4. 145 Detail data mitra dengan status aktif dan non aktif +- Edit Data Mitra + + Super admin dapat mengedit data mitra, Pada halaman edit ini, email tidak dapat +diedit. Tampilan halaman edit data mitra dapat dilihat pada Gambar 4.146 berikut. + 153 + + Gambar 4. 146 Edit data mitra +6) Halaman Data Customer + + Super Admin dapat melihat, mencari pada data customer. Terdapat tabel data +customer yang menampilkan nama, email, status, dan detail informasi setiap +pelanggan. Pada tabel menampilkan data customer yang terdaftar baik aktif maupun +non aktif. Tampilan halaman data customer dapat dilihat pada Gambar 4.147 +berikut. + + Gambar 4. 147 Halaman data customer + 154 +- Detail Data Customer + + Super Admin dapat mengakses informasi lebih rinci mengenai pelanggan terkait +data customer. Tampilan halaman detail data customer dapat dilihat pada Gambar +4.142 berikut. + + Gambar 4. 148 Detail data customer +- Halaman Riwayat Transaksi + + Riwayat transaksi akan menampilkan halaman riwayat transaksi dari customer +tersebut. Tampilan halaman riwayat transaksi dapat dilihat pada Gambar 4.149 +berikut. + + Gambar 4. 149 Tampilan riwayat transaksi + 155 + +7) Halaman Data Finance + Super admin dapat mengelola data staf yang bertanggung jawab atas + +keuangan,dan menambahkan data finance serta memantau transaksi dan status +pembayaran. Pada tabel menampilkan data finance yang bergabung, tabel tersebut +terdiri dari user id, nama finance, email, tanggal bergabung, status (aktif dan tidak +aktif), dan detail data finance. Tampilan halaman data finance dapat dilihat pada +Gambar 4.150 berikut. + + Gambar 4. 150 Halaman data finance +- Tambah Data Finance + + Halaman tambah data finance digunakan untuk menambahkan finance baru. +Dengan mengklik ikon ini, super admin dapat mengisi form untuk memasukkan +data pengguna baru. Tampilan halaman tambah data finance dapat dilihat pada +Gambar 4.151 berikut. + 156 + + Gambar 4. 151 Halaman tambah data finance +- Detail Data Finance + + Halaman detail data finance akan menampilkan detail dari data finance tersebut. +Tampilan halaman detai data finance dapat dilihat pada Gambar 4.152 berikut. + + Gambar 4. 152 Detail data finance +8) Halaman Data Kendaraan + + Fungsi halaman data kendaraan untuk menampilkan dan mengolah informasi +kendaraan yang terdaftar dalam sistem, termasuk detail seperti jenis kendaraan, ID +mitra, status kendaraan (tersedia dan disewa), dan informasi lainnya yang relevan + 157 +untuk operasional rental. Tampilan halaman data kendaraan dapat dilihat pada +Gambar 4.147 berikut. + + Gambar 4. 153 Halaman data kendaraan +- Detail Data Kendaraan + + Halaman detail data kendaraan ini menyediakan tampilan detail kendaraan, +termasuk informasi dan foto kendaraan serta penilaian dan link dokumen +pendukung. Tampilan halaman detail data kendaraan dapat dilihat pada Gambar +4.154 berikut. + + Gambar 4. 154 Tampilan detail data kendaraan + 158 + +9) Halaman Penilaian + Halaman penilaian digunakan untuk melihat ulasan dan rating yang diberikan + +oleh pelanggan terhadap layanan rental kendaraan. Informasi ini membantu super +admin dalam menilai kualitas layanan mitra dan kendaraan yang disediakan, +sehingga dapat digunakan untuk meningkatkan pelayanan, memilih mitra yang +berkualitas, dan menjaga kepuasan pelanggan. Tampilan halaman penilaian +kendaraan dapat dilihat pada Gambar 4.155 berikut. + + Gambar 4. 155 Halaman penilaian kendaraan +10) Halaman Verifikasi Kendaraan + + Halaman ini digunakan untuk super admin memverifikasi kendaraan dari mitra. +Kendaraan yang belum di verifikasi, maka kendaraan tersebut akan tetap ada di +daftar list permintaan verifikasi. Namun apabila sudah diterima maupun ditolak +maka kendaraan tersebut tidak ada di daftar list permintaan verifikasi. Tampilan +halaman verifikasi kendaraan dapat dilihat pada Gambar 4.156 berikut. + 159 + + Gambar 4. 156 Halaman verifikasi kendaraan +- Halaman Detail Verifikasi Akun + + Detail verifikasi menampilkan informasi data mitra, kendaraan, dan foto +kendaraan. Kemudian dibawah informasi data data tersebut terdapat button terima +atau tolak. Disaat super admin menekan button terima maka kendaraan tersebut +akan masuk kedalam data kendaraan dan tampil di list kendaraan aplikasi customer. +Tampilan halaman detail verifikasi akun dapat dilihat pada Gambar 4.157 berikut. + + Gambar 4. 157 Halaman detail verifikasi + 160 + +- Halaman Penolakan + Ketika super admin menekan button tolak, maka akan menampilkan pop up + +form alasan penolakan. Pada form ini super admin perlu memasukkan alasan +mengapa verifikasi kendaran tersebut ditolak. Setelah itu klik button kirim untuk +mengkonfirmasi jika penolakan tersebut dikirim ke mitra. Sehingga mitra juga +dapat melihat alasan penolakan dari super admin. Apabila super admin klik button +batal maka verifikasi tolak tersebut gagal (tidak tersampaikan ke mitra). Tampilan +halaman penolakan verifikasi dapat dilihat pada Gambar 4.158 berikut. + + Gambar 4. 158 Tampilan penolakan verifikasi + +11) Halaman Profil + Halaman profil digunakan untuk menampilkan dan memungkinkan pengaturan + +informasi pribadi serta akun super admin, seperti nama, foto, email, kata sandi, dan +preferensi lainnya. Halaman ini juga bisa digunakan untuk mengelola akses +keamanan dan informasi kontak super admin yang berkaitan dengan pengelolaan +aplikasi. Selain dari itu juga menyediakan fitur ubah foto profil dan edit informasi +data pribadi. Tampilan halaman profil dapat dilihat pada Gambar 4.159 berikut. + 161 + + Gambar 4. 159 Halaman Profil +- Halaman Edit Profil + + Ketika super admin ingin mengedit data profil dapat menekan button edit maka +seluruh kolom akan undisable dan terdapat icon edit foto profil, namun pada email +tidak dapat diedit. Tampilan halaman edit profil dapat dilihat pada Gambar 4.160 +berikut. + + Gambar 4. 160 Halaman edit profil + 162 + +- Halaman Ubah Kata Sandi + Fitur ini digunakan untuk mengubah kata sandi super admin. Di halaman ini, + +super admin bisa memasukkan kata sandi lama, kemudian memasukkan kata sandi +baru, dan mengkonfirmasi kata sandi baru tersebut. Tampilan halaman ubah kata +sandi dapat dilihat pada Gambar 4.161 berikut. + + Gambar 4. 161 Halaman Ubah kata sandi +12) Halaman Riwayat Transaksi + + Halaman Riwayat transaksi berisi daftar transaksi yang sudah dilakukan, +dengan kolom-kolom seperti Tanggal, ID Transaksi, Customer, Metode +Pembayaran, dan Status. Tampilan halaman riwayat transaksi dapat dilihat pada +Gambar 4.162 berikut. + + Gambar 4. 162 Halaman riwayat transaksi + 163 + +- Detail Riwayat Transaksi (invoice) + Pada halaman ini akan menampilkan detail dari riwayat transaksi tersebut, + +dengan menampilkan nama mitra, nama customer, detail kendaraan, detail +transaksi. Tampilan halaman detail riwayat transaksi dapat dilihat pada Gambar +4.163 berikut. + + Gambar 4. 163 Halaman detail riwayat transaksi +13) Halaman Penilaian + + Halaman penilaian digunakan untuk mengelola dan memantau ulasan atau +feedback yang diberikan customer terhadap mitra. Tampilan halaman penilaian +terhadap mitra dapat dilihat pada Gambar 4.164 berikut. + 164 + + Gambar 4. 164 Halaman Penilaian +- Halaman Detail Penilaian + + Halaman detail penilaian digunakan untuk melihat informasi rating mitra yang +mana di dapat dari rerata rating yang diberikan oleh customer. Pada detail penilaian +mitra terdapat nama mitra, rerata rating mitra, penilaian kendaraan berbentuk +diagram bar, dan list ulasan dari customer. Tampilan halaman detail penilaian dapat +dilihat pada Gambar 4.165 berikut. + + Gambar 4. 165 Halaman detail penilaian + 165 + +4.3.3 Pembuatan Dokumen BRD + Pengerjaan BRD ini digunakan dalam pengembangan aplikasi sebagai + +referensi bagi tim proyek, baik tim UI/UX maupun tim pengembang. Dokumen ini +berisikan mengenai fitur fitur apa saja yang akan dikembangkan serta untuk +memastikan semua tim memiliki pemahaman yang sama sehingga pengembangan +aplikasi sesuai dengan kebutuhan. Pada BRD aplikasi GoDriveNow juga terdapat +mengenai fungsi dari fitur tersebut, baik tombol maupun icon. Berikut adalah link +mengenai BRD ada aplikasi GoDriveNow yang sudah buat: +https://docs.google.com/document/d/1NHns2QXr5u6u6B_c4FvvPsHR8XAAl_2 +UCfqFmq7_ygA/edit?usp=sharing + BAB 5. KESIMPULAN DAN SARAN + +5.1 Kesimpulan + Pelaksanaan magang yang dimulai pada tanggal 1 Agustus 2024 sampai + +dengan 30 Desember 2024 dengan pemilihan tempat magang di Seven Inc +Yogyakarta, dapat disimpulkan bahwa kegiatan magang ini dapat menerapkan ilmu +dan keahlian yang didapatkan selama kuliah, selain itu kegiatan magang juga dapat +mengembangkan keterampilan mahasiswa, menambah wawasan dan pengetahuan +dalam dunia kerja, serta membantu mahasiswa mendapatkan pengalaman kerja dan +menambah relasi pertemanan. + + Pada pengerjaan project Aplikasi GoDriveNow ini, terdapat 5 role dalam +aplikasi yaitu: customer, mitra, admin, finance, dan super admin. Dalam +pengembangan desain ini, aplikasi di desain untuk memenuhi kebutuhan pengguna +sesuai dengan fitur yang relevan. Pada Customer dapat membantu dalam +pemesanan kendaraan, pada role mitra dapat membantu mengelola kendaraan yang +disewakan. Kemudian pada role admin memiliki peran dalam memantau +operasional sistem, admin dapat mengelola data pengguna, data kendaraan, data +transaksi dan pemesanan namun pada admin memiliki akses terbatas. Selanjutnya +pada role finance memiliki peran untuk memantau dan mengatur pada alur +keuangan termasuk pembayaran, pengiriman dana mitra, dan laporan keuangan +keseluruhan. Kemudian pada super admin memiliki akses penuh untuk memantau +dan mengatur keseluruhan dari data pada aplikasi. + +5.2 Saran + Adapun saran untuk pengembangan proyek selanjutnya yaitu memastikan + +konsisten pada masing masing desain dimulai dari tata letak, warna dan icon dalam +aplikasi berbasis mobile dan desktop dengan mempertimbangkan desain yang +sederhana sehingga dapat memberikan pengalaman pengguna yang lebih baik dan +menarik lebih banyak pelanggan. Selain itu, sebaiknya tim lebih sering melakukan +evaluasi terhadap desain dan fungsi yang ada, hal ini untuk memastikan bahwa +aplikasi memenuhi kebutuhan pengguna. Selain itu, melakukan pengujian desain + + 166 + 167 + +dengan melibatkan pengguna secara langsung akan sangat membantu dalam +memahami terkait kebutuhan pengguna, yang mana masukan yang diberikan +dikumpulkan, diidentifikasi dan kemudian memperbaiki masukan pengguna +tersebut agar sesuai dengan kebutuhan pengguna. Selanjutnya pembuatan +dokumentasi harus dibuat lebih lengkap dan detail agar proses pengembangan lebih +terstruktur dan mempermudah kolaborasi antar anggota tim. + DAFTAR PUSTAKA + +Apias Risky, H., Irmayanti, D., & Hafid Totohendarto, M. (2023). REDESIGN + UI/UX APLIKASI MOBILE MY PERTAMINA MENGGUNAKAN + METODE USER CENTERED DESIGN (UCD). JATI (Jurnal Mahasiswa + Teknik Informatika), 7(3), 1823–1829. https://doi.org/10.36040/jati.v7i3.6965 + +Ayuna Sari, R., Alfarezy, R., Surya Maulana, A., & Adrezo, M. (2021). Rancangan + Design Ulang UI (User Interface) Aplikasi MySmash Berbasis Android + Menggunakan Metode Design Thinking. In Seminar Nasional Mahasiswa + Ilmu Komputer dan Aplikasinya (SENAMIKA) Jakarta-Indonesia. + +Bayu, D., Putra, A., Retno Adiwaty, M., Pembangunan, U., Veteran, N. ", & Timur, + J. (n.d.). IMPLEMENTASI PEMBELAJARAN PADA PROGRAM STUDI + INDEPENDEN BIDANG PRODUCT MANAGEMENT DI PT. LENTERA + BANGSA BENDERANG. 2(1), 469–477. https://etdci.org/journal/patikala/ + +Cahyadi, J. K., & Bisono, I. N. (2022). Pengembangan Manajemen Gudang + Menggunakan Opportunity Solution Tree. In Pengembangan Manajemen + Gudang…/Jurnal Titra (Vol. 10, Issue 2). + +Dwi Aulia, D., Aminah, S., & Sundari, D. (2022). Perancangan Prototype Tampilan + Antarmuka Berbasis Web Mobile Pada Toko Amira Kosmetik. + +Farta Wijaya, R., & Wahyuni, S. (2024). Desain Aplikasi Cinta Mangrove Berbasis + Mobile Di Desa Kota Pari Dengan Metode Waterfall. + +Febyla, N., Zubaidi, A., Wulandari, I., Kantor, ], Dewan, S., Rakyat, P., Nusa, D., + Barat, T., Udayana, J., 11, N., Agung, D., & Mataram, K. (2022). ANALISIS + DAN PERBAIKAN TAMPILAN SISTEM INFORMASI DEWAN + PERWAKILAN RAKYAT DAERAH PROVINSI NUSA TENGGARA BARAT + BERBASIS WEBSITE MENGGUNAKAN FIGMA (Analysis and Improvement + of Information System Display of the Regional People’s Representative + Council of Nusa Tenggara Barat Website using Figma). + http://begawe.unram.ac.id/index.php/JBTI/ + +Ferdiansyah, I., Defriani, M., Nugroho, I. M., Studi, P., Informatika, T., Tinggi, S., + & Wastukancana, T. (2023). Jurnal Informatika dan Komputer (INFOKOM) + + 168 + 169 + + REDESIGN APLIKASI KAI ACCES MENGGUNAKAN METODE DESIGN + THINKING. http://journal.piksi.ac.id/index.php/INFOKOM +Hendri, A. H., & Mochammad Arief Sutisna. (2021). Article Desktop Based + National Police Commission Activities Information System. Jurnal CoSciTech + (Computer Science and Information Technology), 2(1), 14–23. + https://doi.org/10.37859/coscitech.v2i1.2393 +Lolan, T. D., Api, A. A., & Mado, T. W. (2024). PERANCANGAN SISTEM + PRESENSI SISWA-SISWI BERBASIS DESKTOP PADA SMP NEGERI + KEWAPANTE. +Maulana, R. R., Sumaryana, Y., & Anwar, D. S. (2024). Perancangan User + Interface Dan User Experience Aplikasi Rental Mobil Indocar Berbasis + Mobile Menggunakan Metode Design Thinking (Vol. 6, Issue 1). https://e- + journal.unper.ac.id/index.php/informatics +Milah, S., Sunandar, M. A., & Andayani Komara, M. (2023). PERANCANGAN + USER INTERFACE DAN USER EXPERIENCE APLIKASI PENYEWAAN + PERALATAN BAYI BERBASIS MOBILE MENGGUNAKAN METODE + HUMAN CENTERED DESIGN (HCD) DI BABYSTUFFRENT + PURWAKARTA. JATI (Jurnal Mahasiswa Teknik Informatika), 7(3), 1714– + 1721. https://doi.org/10.36040/jati.v7i3.7066 +Muflihah, A., Nugraha, B., Ridha, A. A., Karawang, S., Ronggo Waluyo, J. H., + Timur, T., Karawang, J., & Barat, I. (2024). PERANCANGAN USER + INTERFACE DAN USER EXPERIENCE APLIKASI TOKO KUE + BERBASIS MOBILE MENGGUNAKAN METODE DESIGN THINKING. + In Jurnal Mahasiswa Teknik Informatika (Vol. 8, Issue 4). +Multazam, M., Paputungan, I. V, & Suranto, B. (2020). Perancangan User Interface + dan User Experience pada Placeplus menggunakan pendekatan User + Centered Design. +Nadila, S., & Syaihul Huda, W. (2024). PERANCANGAN ULANG UI/UX SITUS + SISTER YUDHARTA DENGAN METODE LEAN UX. In Jurnal Mahasiswa + Teknik Informatika (Vol. 8, Issue 6). + 170 + +Retrianto, M. R., & Waluyo, A. F. (2024). Rancang Bangun Aplikasi Rental Sepeda + +Motor Berbasis Mobile dengan Metode Waterfall untuk Efesiensi dan Kualitas + +Optimal. Jurnal Indonesia : Manajemen Informatika Dan Komunikasi, 5(1), + +541–551. https://doi.org/10.35870/jimik.v5i1.516 + +Selano, L. A., & Nadjamuddin, S. (2020). APLIKASI PENCARIAN OBJEK + +WISATA BANDUNG RAYA BERBASIS MOBILE (STUDY KASUS : + +DINAS KEBUDAYAAN DAN PARIWISATA KOTA BANDUNG, + +KABUPATEN BANDUNG, KABUPATEN BANDUNG BARAT, + +KABUPATEN SUMEDANG DAN KOTA CIMAHI). In Jurnal Informatics + +(Vol. 1). + +Sudjiran, S., Saefudin, M., & Perdana, S. A. (2023). DIGITAL SYSTEM UI/UX + +DESIGN MANAGEMENT SUBMISSION OF AGRICULTURAL COST + +LOANS USING FIGMA SOFTWARE. Journal of Information System, + +Informatics and Computing, 7(1), 74. + +https://doi.org/10.52362/jisicom.v7i1.1090 + LAMPIRAN +Link Figma Desain UI/UX Aplikasi GoDriveNow berbasis Mobile dan Desktop +https://www.figma.com/design/sQCtH08PkqZvCsrJzaLyb6/GoDriveNow?node- +id=537-19629&p=f&t=pnjrXeOiE227yVYa-0 +Lampiran 1 Kunjungan dosen pembimbing + +Lampiran 2 Foto Lingkungan Kerja Kantor 1 + + 171 + 172 +Lampiran 3 Kondisi Lingkungan Kerja Kantor 2 + +Lampiran 4 Kondisi Lingkungan Kerja Kantor 4 + 173 +Lampiran 5 Pengerjaan Project Magang + +Lampiran 6 Kegiatan Webinar + 174 +Lampiran 7 Sertifikat Webinar + 175 +Lampiran 8 Kegiatan presentasi dengan mentor + +Lampiran 9 Presentasi project dengan mentor programmer + 176 +Lampiran 10 Penilaian Magang + 177 +Lampiran 11 Surat Keterangan Kerja Magang + 178 +Lampiran 12 Sertifikat Magang + 179 +Lampiran 13 Log Activity Magang + 180 + 181 + 182 + 183 + 184 + 185 + 186 + 187 + 188 + 189 + 190 + 191 + 192 + 193 + 194 + 195 + 196 + 197 + 198 + 199 + 200 + 201 + 202 + 203 + 204 + 205 + 206 + 207 + 208 + 209 + 210 + 211 + 212 + 213 + 214 + 215 +