diff --git a/Laporan PKL/Design PKL_GoDriveNow.fig b/Laporan PKL/Design PKL_GoDriveNow.fig new file mode 100644 index 0000000..2f54280 Binary files /dev/null and b/Laporan PKL/Design PKL_GoDriveNow.fig differ diff --git a/Laporan PKL/Laporan Magang_E41211493_Endiening Nur.pdf b/Laporan PKL/Laporan Magang_E41211493_Endiening Nur.pdf new file mode 100644 index 0000000..cc890a8 --- /dev/null +++ b/Laporan PKL/Laporan Magang_E41211493_Endiening Nur.pdf @@ -0,0 +1,2370 @@ + PERANCANGAN ULANG DESAIN UI/UX APLIKASI + GODRIVENOW BERBASIS MOBILE DAN DESKTOP + + (STUDI KASUS: RENTAL MOTOR MOBIL) + +HALAMAN SAMPUL + + LAPORAN MAGANG + + oleh + Endiening Nur Puspitasari + + NIM E41211493 + + PROGRAM STUDI DI LUAR KAMPUS UTAMA (PSDKU) + TEKNIK INFORMATIKA KAB. NGANJUK + JURUSAN TEKNOLOGI INFORMASI + POLITEKNIK NEGERI JEMBER + 2025 + PERANCANGAN ULANG DESAIN UI/UX APLIKASI + GODRIVENOW BERBASIS MOBILE DAN DESKTOP + + (STUDI KASUS: RENTAL MOTOR MOBIL) + +HALAMAN JUDUL + + LAPORAN MAGANG + + Sebagai salah satu syarat untuk memperoleh gelar Sarjana Sains Terapan + Komputer (S. Tr. Kom) Program Studi Di Luar Kampus Utama (PSDKU) + + Teknik Informatika Kab. Nganjuk + Jurusan Teknologi Informasi + + oleh + Endiening Nur Puspitasari + + NIM E41211493 + + PROGRAM STUDI DI LUAR KAMPUS UTAMA (PSDKU) + TEKNIK INFORMATIKA KAB. NGANJUK + JURUSAN TEKNOLOGI INFORMASI + POLITEKNIK NEGERI JEMBER + 2025 + + ii + PRAKATA + + Puji dan syukur atas kehadirat Tuhan Yang Maha Esa yang telah memberikan +rahmat dan hidayah-Nya, sehingga laporan magang yang berjudul “Perancangan +Ulang Desain UI/UX Aplikasi GoDriveNow Berbasis Mobile dan Desktop (Studi +Kasus: Rental Motor Mobil)” dapat diselesaikan dengan tepat pada waktunya. + + Tulisan ini adalah laporan magang yang dilaksanakan mulai tanggal 1 +Agustus 2024 sampai dengan 30 Desember 2024 yang bertempat di Seven Inc, +Karangjambe, Banguntapan, Bantul, Daerah Istimewa Yogyakarta. Kegiatan +magang ini sebagai salah satu syarat untuk memperoleh gelar Sarjana Sains +Terapan Komputer (S.Tr.Kom) di Program Studi Teknik Informatika Jurusan +Teknologi Informasi, Politeknik Negeri Jember. + + Penulis mengucapkan terima kasih yang sebesar-besarnya kepada semua +pihak yang telah memberikan bimbingan dan dukungan dalam penyusunan +laporan magang 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 sekaligus Dosen + Pembimbing Magang + + 5. Bapak Raditya Arief Pratama, S.Kom, M.Eng selaku Koordinator Magang + 6. Bapak Rekario Danny Sanjaya, S.Kom selaku Pembimbing Lapang yang + + telah memberikan ilmu dan pengalaman selama pelaksanaan magang + 7. Teman – teman kelompok magang yang selalu memberikan dukungan dan + + kerjasama kelompok selama proses kegiatan magang + + iv + Semoga laporan magang ini dapat bermanfaat dan dapat memberikan +wawasan yang lebih luas bagi pembaca, khususnya mahasiswa Politeknik Negeri +Jember. Laporan magang ini jauh dari kata sempurna, oleh karena itu segala +bentuk kritik dan saran yang membangun dari berbagai pihak sangat diharapkan +untuk penyempurnaan di masa mendatang. + + Yogyakarta, 07 Januari 2025 + Penulis + + v + RINGKASAN + + PERANCANGAN ULANG DESAIN UI/UX APLIKASI +GODRIVENOW BERBASIS MOBILE DAN DESKTOP (STUDI KASUS: +RENTAL MOTOR MOBIL). Oleh Endiening Nur Puspitasari, NIM. +E41211493, Tahun 2024, Program Studi Teknik Informatika, Jurusan Teknologi +Informasi, Politeknik Negeri Jember. Dibimbing oleh Ibu Ulfa Emi Rahmawati, +S.Kom, M.Kom (Pembimbing Utama) dan Bapak Rekario Danny Sanjaya, S.Kom +(Pembimbing Lapang) dari Seven Inc. + + 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 endidikan 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. + + Pengembangan desain ulang UI/UX aplikasi GoDriveNow merupakan sebuah +aplikasi yang bermanfaat bagi masyarakat penyewaan kendaraan seperti motor +dan mobil untuk memberikan pelayanan mudah bagi para pencari persewaan +motor ataupun mobil. Terdapar 5 role pengguna pada aplikasi ini yaitu customer, + + vi + mitra, admin, finance, dan superadmin. Role superadmin merupakan pengguna +yang memiliki hak akses data semua pengguna. + + vii + DAFTAR ISI + + Halaman +HALAMAN SAMPUL................................................................................................i +HALAMAN JUDUL ................................................................................................. ii +LEMBAR PENGESAHAN LAPORAN MAGANG ........................................... iii +RINGKASAN............................................................................................................ vi +DAFTAR ISI ........................................................................................................... viii +DAFTAR TABEL.......................................................................................................x +DAFTAR GAMBAR ................................................................................................ xi +DAFTAR LAMPIRAN ............................................................................................xv +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 ..........................................................................................5 + 1.4 Metode Pelaksanaan ......................................................................................7 + 1.4.1 Pelaksanaan Magang dengan Pembimbing Lapang atau Mentor......7 + 1.4.2 Pelaksanaan Magang dengan Dosen Pembimbing.............................8 + 1.4.3 Dokumentasi Pelaksanaan Magang.....................................................8 +BAB 2. KEADAAN UMUM PERUSAHAAN/INSTANSI...................................9 + 2.1 Sejarah Perusahaan/Instansi..........................................................................9 + 2.2 Struktur Organisasi Perusahaan/Instansi....................................................13 + 2.3 Kondisi Lingkungan ....................................................................................16 +BAB 3. KEGIATAN UMUM LOKASI MAGANG ............................................17 + 3.1 Pengenalan Perusahaan dan Lingkungan Kerja.........................................17 + 3.2 Pemberian Tugas .........................................................................................18 + 3.3 Diskusi atau Meeting ...................................................................................20 + 3.4 Pengerjaan Project.......................................................................................20 + + viii + 3.5 Outing...........................................................................................................21 + 3.6 Presensi dan Pengisian Log Activity ...........................................................22 + 3.7 Presentasi Project ........................................................................................23 + 3.8 Pembuatan Dokumen BRD.........................................................................25 + 3.9 Webinar ........................................................................................................25 + 3.10Kegiatan di Luar Project.............................................................................26 +BAB 4. KEGIATAN KHUSUS DAN PEMBAHASAN ......................................27 + 4.1 Tinjauan Pustaka..........................................................................................27 + + 4.1.1 Rental Mobil dan Motor.....................................................................27 + 4.1.2 Aplikasi Mobile ..................................................................................27 + 4.1.3 Aplikasi Desktop ................................................................................28 + 4.1.4 Figma...................................................................................................28 + 4.1.5 Perancangan UI/UX ...........................................................................29 + 4.1.6 Perancangan Desain Ulang ................................................................29 + 4.1.7 Business Requirements Document (BRD) ........................................29 + 4.2 Pengembangan Proyek ................................................................................30 + 4.2.1 List Pengembangan Fitur ...................................................................30 + 4.3 Hasil Desain UI/UX Proyek........................................................................34 + 4.3.1 Desain Role Customer........................................................................34 + 4.3.2 Desain Role Mitra...............................................................................49 + 4.3.3 Desain Role Admin ............................................................................59 + 4.3.4 Desain Role Finance...........................................................................74 + 4.3.5 Desain Role Super Admin..................................................................83 + 4.4 Hasil Pembuatan BRD (Business Requirement Document)......................92 +BAB 5. KESIMPULAN DAN SARAN..................................................................93 + 5.1 Kesimpulan ..................................................................................................93 + 5.2 Saran .............................................................................................................93 +DAFTAR PUSTAKA ...............................................................................................94 +LAMPIRAN ..............................................................................................................96 + + ix + DAFTAR TABEL +Tabel 1.1 Waktu Kegiatan Magang............................................................................ 7 + + x + DAFTAR GAMBAR + +Gambar 1. 1 Denah Lokasi Kantor 1 ......................................................................... 5 +Gambar 1. 2 Denah Lokasi Kantor 2 ......................................................................... 6 +Gambar 1. 3 Denah Lokasi Kantor 3 ......................................................................... 6 +Gambar 2.1 Logo Perusahaan......................................................................................9 +Gambar 2.2 Logo magangjogja.com ........................................................................ 11 +Gambar 2.3 Struktur Organisasi Perusahaan ........................................................... 13 +Gambar 3.1 Ruang HRD ……………………………………………………….. 18 +Gambar 3.2 Pemberian Tugas WFH ........................................................................ 19 +Gambar 3.3 Pemberian Materi UI/UX ..................................................................... 19 +Gambar 3.4 Proses Pengerjaan Desain di Figma .................................................... 21 +Gambar 3.5 Form Pengisian Log Activity................................................................ 23 +Gambar 3.6 Chat Konfirmasi Pengajuan Presentasi ............................................... 24 +Gambar 3.7 Proses Pengerjaan Dokumen BRD ...................................................... 25 +Gambar 4.1 Halaman Registrasi Customer …………………………………….. 35 +Gambar 4.2 Halaman Login Customer .................................................................... 36 +Gambar 4.3 Halaman Lupa Sandi Customer ........................................................... 36 +Gambar 4.4 Halaman Isi Data Diri........................................................................... 37 +Gambar 4.5 Halaman Beranda Customer ................................................................ 38 +Gambar 4.6 Halaman List Kendaraan...................................................................... 39 +Gambar 4.7 Halaman Pencarian Sewa Mobil.......................................................... 40 +Gambar 4.8 Halaman Pencarian Sewa Motor ......................................................... 40 +Gambar 4.9 Halaman Detail Kendaraan .................................................................. 41 +Gambar 4.10 Halaman Metode Pembayaran ........................................................... 42 +Gambar 4.11 Halaman Detail Pembayaran.............................................................. 43 +Gambar 4.12 Halaman Detail Pesanan Proses......................................................... 44 +Gambar 4.13 Halaman Detail Pesanan Aktif........................................................... 45 +Gambar 4.14 Halaman Detail Pesanan Selesai........................................................ 46 +Gambar 4.15 Halaman Detail Nilai Pesanan ........................................................... 47 +Gambar 4.16 Halaman Detail Gagal Pembayaran................................................... 47 + + xi + Gambar 4.17 Halaman Akun .................................................................................... 48 +Gambar 4.18 Halaman Verifikasi Akun .................................................................. 49 +Gambar 4.19 Halaman Registrasi Mitra .................................................................. 50 +Gambar 4.20 Halaman Login Mitra ......................................................................... 51 +Gambar 4.21 Halaman Lupa Sandi Mitra ................................................................ 51 +Gambar 4.22 Halaman Beranda Mitra ..................................................................... 52 +Gambar 4.23 Halaman Notifikasi............................................................................. 53 +Gambar 4.24 Halaman Section Tab Sewa ............................................................... 54 +Gambar 4.25 Halaman Section Tab Riwayat .......................................................... 54 +Gambar 4.26 Halaman Section Tab Penilaian......................................................... 55 +Gambar 4.27 Halaman Section Tab Data Kendaraan ............................................. 56 +Gambar 4.28 Halaman Section Tab Menunggu Konfirmasi .................................. 56 +Gambar 4.29 Halaman Pemasukan Dana................................................................. 57 +Gambar 4.30 Halaman Profil Mitra.......................................................................... 58 +Gambar 4.31 Halaman Verifikasi Akun Mitra ........................................................ 58 +Gambar 4.32 Halaman Login Amin......................................................................... 59 +Gambar 4.33 Halaman Lupa Sandi Admin.............................................................. 60 +Gambar 4.34 Halaman Beranda Admin................................................................... 60 +Gambar 4.35 Halaman Profil Admin ....................................................................... 61 +Gambar 4.36 Halaman Data Customer .................................................................... 62 +Gambar 4.37 Halaman Detail Customer .................................................................. 62 +Gambar 4.38 Halaman Verifikasi Customer ........................................................... 63 +Gambar 4.39 Halaman Data Sopir ........................................................................... 64 +Gambar 4.40 Halaman Tambah Sopir...................................................................... 64 +Gambar 4.41 Halaman Detail Sopir ......................................................................... 65 +Gambar 4.42 Halaman Edit Sopir ............................................................................ 65 +Gambar 4.43 Halaman Data Mitra ........................................................................... 66 +Gambar 4.44 Halaman Detail Mitra ......................................................................... 67 +Gambar 4.45 Halaman Verifikasi Mitra .................................................................. 67 +Gambar 4.46 Halaman Data Kendaraan .................................................................. 68 +Gambar 4.47 Halaman Detail Kendaraan ................................................................ 69 + + xii + Gambar 4.48 Halaman Verifikasi Kendaraan.......................................................... 69 +Gambar 4.49 Halaman Histori Verifikasi Kendaraan ............................................. 70 +Gambar 4.50 Halaman Detail Histori Verifikasi ..................................................... 71 +Gambar 4.51 Halaman Data Transaksi .................................................................... 71 +Gambar 4.52 Halaman Detail Transaksi .................................................................. 72 +Gambar 4.53 Halaman Berita ................................................................................... 73 +Gambar 4.54 Halaman Tambah Berita .................................................................... 73 +Gambar 4.55 Halaman FAQ ..................................................................................... 74 +Gambar 4.56 Halaman Login Finance ..................................................................... 75 +Gambar 4.57 Halaman Lupa Sandi Finance ............................................................ 75 +Gambar 4.58 Halaman Beranda Finance ................................................................. 76 +Gambar 4.59 Halaman Notifikasi............................................................................. 77 +Gambar 4.60 Halaman Pengiriman .......................................................................... 77 +Gambar 4.61 Halaman Data Mitra ........................................................................... 78 +Gambar 4.62 Halaman Detail Mitra ......................................................................... 78 +Gambar 4.63 Halaman Riwayar Sewa ..................................................................... 79 +Gambar 4.64 Halaman Data Kendaraan .................................................................. 79 +Gambar 4.65 Halaman Detail Kendaraan ................................................................ 80 +Gambar 4.66 Halaman Data Rental.......................................................................... 80 +Gambar 4.67 Halaman Laporan Keuangan.............................................................. 81 +Gambar 4.68 Halaman Riwayat Transaksi .............................................................. 82 +Gambar 4.69 Halaman Profil Finance...................................................................... 82 +Gambar 4.70 Halaman Registrasi Super Admin ..................................................... 83 +Gambar 4.71 Halaman Login Super Admin ............................................................ 84 +Gambar 4.72 Halaman Lupa Sandi Super Admin ................................................... 84 +Gambar 4.73 Halaman Beranda Super Admin ........................................................ 85 +Gambar 4.74 Halaman Data Admin......................................................................... 86 +Gambar 4.75 Halaman Data Mitra ........................................................................... 86 +Gambar 4.76 Halaman Data Customer .................................................................... 87 +Gambar 4.77 Halaman Data Finance ....................................................................... 88 +Gambar 4.78 Halaman Data Kendaraan .................................................................. 88 + + xiii + Gambar 4.79 Halaman Penilaian Kendaraan........................................................... 89 +Gambar 4.80 Halaman Verifikasi Kendaraan.......................................................... 90 +Gambar 4.81 Halaman Riwayat Transaksi .............................................................. 90 +Gambar 4.82 Halaman Penilaian Mitra.................................................................... 91 +Gambar 4.83 Halaman Profil Super Admin ............................................................ 92 + + xiv + DAFTAR LAMPIRAN +Lampiran 1 Sertifikat Magang.................................................................................. 96 +Lampiran 2 Form Penilaian Magang ....................................................................... 97 +Lampiran 3 Surat Keterangan Kerja Magang.......................................................... 98 +Lampiran 4 Log Activity............................................................................................ 99 +Lampiran 5 Kegiatan Supervisi .............................................................................. 108 +Lampiran 6 Kondisi Lingkungan Kerja ................................................................. 108 +Lampiran 7 Presentasi Ke Mentor .......................................................................... 109 +Lampiran 8 Kegiatan Webinar ............................................................................... 109 + + xv + 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 1 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. + + 1 + 2 + +Selain usaha 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. Dengan kemajuan +teknologi digital dan perubahan gaya hidup masyarakat terutama di perkotaan, +permintaan akan solusi transportasi yang lebih fleksibel dan 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 + 3 + +pengguna, dimulai dari data mitra, data admin, data 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 kegiatan magang ini memiliki manfaat serta dua tujuan + +utama, yaitu tujuan umum dan tujuan khusus yang dijelaskan sebagai berikut: + 1.2.1 Tujuan Umum Magang + Adapun tujuan umum dari pelaksanaan kegiatan magang ini, yaitu + 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 tujuan khusus dari pelaksanaan kegiatan magang ini, yaitu + + 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 + 4 + + c. Meningkatkan keterampilan softskill seperti komunikasi, budaya + kerja, kerja tim, kepemimpinan, disiplin, dan sikap, serta + mengintegrasikan pentingnya komunikasi yang mendukung + keselamatan dan kesehatan kerja dalam setiap interaksi profesional + +1.2.3 Manfaat Magang + Adapun manfaat yang diharapkan dari kegiatan magang ini, yaitu + +sebagai berikut: + 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 + 5 + +1.3 Lokasi dan Waktu + Kegiatan magang dilaksanakan di berbagai lokasi dengan penempatan yang + +bergantian sesuai dengan intruksi. Berikut lokasi yang penulis tempati untuk +kegiatan magang ini: + + a. Kantor 1 (Pusat) + Kantor Seven Inc pusat yang berlokasi di Jl. Raya Janti Gg. Harjuna + + No.59, Jaranan, Karangjambe, Kec. Banguntapan, Kab. Bantul, Daerah + Istimewa Yogyakarta 55198. Denah lokasi kantor 1 dapat dilihat pada + Gambar 1.1 dibawah ini. + + 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 kantor 2 dapat + dilihat pada Gambar 1.2 dibawah ini. + 6 + + Gambar 1.2 Denah Lokasi Kantor 2 + 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 kantor 4 dapat dilihat pada Gambar 1.3 + dibawah ini. + + 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 di bawah ini. + 7 + + Tabel 1.1 Waktu Kegiatan Magang + +No Hari Shift Pagi Shift Middle Shift Siang + 1 Senin 06.30 – 13.00 WIB 09.00 – 17.00 WIB 13.00 – 21.00 WIB + 2 Selasa 06.30 – 13.00 WIB 09.00 – 17.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 13.00 – 21.00 WIB + 5 Jumat 06.30 – 13.00 WIB 09.00 – 17.00 WIB 13.00 – 21.00 WIB + 6 Sabtu 06.30 – 13.00 WIB 09.00 – 17.00 WIB 13.00 – 21.00 WIB + +1.4 Metode Pelaksanaan + Metode pelaksanaan kegiatan magang terdapat tiga metode, yaitu sebagai + +berikut: + 1.4.1 Pelaksanaan Magang dengan Pembimbing Lapang atau Mentor + Berikut adalah metode pelaksanaan magang dengan pembimbing + lapang atau mentor, yaitu sebagai berikut: + 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 Aplikasi GoDriveNow + 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. + 8 + +1.4.2 Pelaksanaan Magang dengan Dosen Pembimbing + Berikut adalah metode pelaksanaan magang dengan dosen pembimbing, + +yaitu sebagai berikut: + 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 + + Gambar 2.1 Logo Perusahaan + 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. Logo perusahaan Seven Inc dapat dilihat pada +Gambar 2.1 diatas ini. + 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 beberapa karyawan saja. Mereka bekerja dengan fasilitas seadanya, yaitu +hanya menggunakan laptop, meja kecil, dan duduk lesehan di lantai. + + 9 + 10 + + 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: + + a. Titipsini.com, adalah jasa penitipan barang, rumah dan kendaraan yang + aman dan terpercaya berbasis online di Jogja, Purwodadi dan + Semarang. + 11 + + b. Republikweb.net, adalah jasa pembuatan web/rumah software yang + melayani pembuatan aplikasi android dan website responsif dan user- + friendly. + + c. Tukanglas.org, adalah jasa pengelasan pembuatan kanopi, pagar dan + teralis terpercaya di Jogja (namun dapat melayani luar Jogja juga). + + d. 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. + + e. Jagoandropship.com, adalah salah satu platform dropshipping industri + fashion di Indonesia. Platform ini membuka peluang bisnis online + sebagai dropshiper. + + f. 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.com dapat dilihat pada Gambar 2.2 dibawah ini. + + Gambar 2.2 Logo magangjogja.com + 12 + + Magangjogja.com memiliki cukup banyak divisi yang diperuntukkan untuk +para pemagang yang ingin mengambil program sesuai keahliannya, divisi-divisi +tersebut adalah: + + a. Research & Development (R&D) + b. Administrasi + c. UI/UX Designer + d. Programmer Front End/Back End + e. Human Resource (HR) + f. Social Media Specialist + g. Photographer/Videographer + h. Content Writer + i. Marketing & Sales + j. Content Creative (Desain Grafis) + k. Digital Research + l. Marcomm/Public Relation + m. Host/Presenter + n. Tiktok Creator + o. Voice Over Talent + p. 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: + + a. Memberikan pelayanan yang memuaskan kepada pelanggan + b. Mempermudah pemesanan produk atau jasa serta proses penyelesaian + + yang cepat + c. Perbaikan secara terus menerus dalam hal kualitas produk dan jasa serta + + kualitas SDM + 13 + +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 Perusahaan +Penjelasan mengenai tugas dan fungsi dari setiap bagian dapat dilihat, sebagai +berikut: + + a. Tugas dan Fungsi CEO + Berikut beberapa tugas dan fungsi CEO yaitu sebagai berikut: + 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 + 14 + + mengawasi kinerja setiap departemen agar bekerja sesuai dengan visi + dan misi perusahaan. + 5) Mewakili perusahaan, menjadi citra perusahaan dan mewakili kualitas + produk. + +b. Tugas dan Fungsi Manager Operasional + Berikut beberapa tugas dan fungsi Manager Operasional yaitu sebagai + +berikut: + 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. + 15 + + 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 HR + Berikut beberapa tugas dan fungsi HR yaitu sebagai berikut: + 1) Membuat desain organisasi perusahaan + 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: + 16 + + 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 + Berikut beberapa tugas dan fungsi Team Kreatif yaitu sebagai berikut: + 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. + 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, WFH, dan Hybrid. + 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 polije 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. Ruang HRD untuk briefing +dapat dilihat pada Gambar 3.1 dibawah ini. + + 17 + 18 + + Gambar 3.1 Ruang HRD +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. Format chat presentasi dapat dilihat pada Gambar 3.2 dibawah ini. + 19 + + Gambar 3.2 Pemberian Tugas WFH + 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. Materi UI/UX +disimpan dalam Google Drive dapat dilihat pada Gambar 3.3 dibawah ini. + + Gambar 3.3 Pemberian Materi UI/UX + Hari selanjutnya yaitu pemberian tugas utama yang disampaikan secara lisan +seperti diskusi oleh pembimbing lapang di ruang kerja pemagang. Tugas yang +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. + 20 + +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. + +3.4 Pengerjaan Project + Pengerjaan project merupakan kegiatan utama dalam magang, dalam + +pengerjaan ini kerjasama tim menjadi peran utama, dan setiap masing masing + 21 + +anggota tim mendapatkan tugas masing masing. Penulis mendapatkan penugasaan +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 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 update dan sesuai dengan yang +dikerjakan. mulai dari role customer. Proses pengerjaan desain di Figma dapat +dilihat pada Gambar 3.4 dibawah ini. + + Gambar 3.4 Proses Pengerjaan Desain di Figma +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”. + 22 + + 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. Kegiatan diakhiri +dengan pengumuman pemenang futsal, pemberian hadiah, lalu foto bersama, dan +presensi. + + Selanjutnya terdapat juga kegiatan shooting video bersama dengan pemagang +kelompok lainnya yang sama sama dari Politeknik Negeri Jember. Kegiatan ini +berisi tentang wawancara singkat atau bincang santai yang berisi mengenai kesan +dan pesan magang di Seven Inc yang direkam untuk di upload di YouTube +perusahaan. + +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, 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 melalui WAG, maka setelah pulang pemagang harus membaca surat +Al-Waqiah (bagi yang muslim) atau membersihkan ruangan (bagi yang non +muslim). + 23 + + 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. Form pengisian log activity magang di perusahaan +dapat dilihat pada Gambar 3.5 dibawah ini. + + Gambar 3.5 Form Pengisian Log Activity + +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 + 24 + +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 3.6 dibawah ini. + + Gambar 3.6 Chat Konfirmasi Pengajuan Presentasi + Presentasi project dilakukan bersama mentor sesuai dengan divisi masing – +masing. Peserta magang menjelaskan dan memaparkan hasil pengerjaan project +yang sedang dikerjakan bersama timnya. Kemudian mentor memberikan +masukkan sehingga peserta 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 desain project Rental Motor dan Mobil. Presentasi ke mentor +programmer merupakan kegiatan yang dilakukan agar dapat diimplementasikan +oleh tim pengembang atau programmer. Proses presentasi ini mentor menjalankan +prototype serta melihat keseluruhan desain untuk pemahaman lebih lanjut. + 25 + +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 +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. Proses pengerjaan dokumen BRD dapat dilihat pada +Gambar 3.7 dibawah ini. + + Gambar 3.7 Proses 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 yang hanya diikuti oleh anak SMK dan diadakan di +Kampus UTDI, namun pada webinar ini penulis dipilih sebagai panitia dalam +kegiatan webinar. Selanjutnya pada webinar kedua, dilaksanakan secara online + 26 + +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 +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: + a. Kepanitiaan dalam kegiatan outing futsal, dalam kegiatan ini dipilih untuk + menjadi panitia sebagai time keeper dan pencatat skor. Kepanitiaan ini + dipilih langsung oleh Pak Diki selaku kepala manajer. + b. Kegiatan mempelajari panduan tentang program TEFA yang + dipresentasikan secara singkat dan membuat silabus kelas ui/ux designer. + BAB 4. KEGIATAN KHUSUS DAN PEMBAHASAN + +4.1 Tinjauan Pustaka + Berikut beberapa tinjauan pustaka yang digunakan dalam pembuatan laporan + +ini, sebagai berikut: + 4.1.1 Rental Mobil dan Motor + Layanan rental motor dan mobil menyediakan opsi penyewaan + kendaraan untuk jangka pendek (harian) atau melalui kontrak jangka panjang, + dengan pilihan menggunakan sopir atau tanpa sopir. Layanan ini menjadi + solusi bagi individu atau perusahaan yang memerlukan transportasi + operasional tanpa harus memiliki kendaraan sendiri. Bagi perusahaan, + menyewa mobil lebih efisien karena menghilangkan kebutuhan akan biaya + perawatan kendaraan, sehingga dapat mengurangi pengeluaran operasional + (Romadhon dkk, 2021). + Tersedianya layanan rental motor dan mobil memudahkan masyarakat + dan perusahaan dalam memenuhi kebutuhan transportasi tanpa harus + memiliki kendaraan sendiri. Dengan menyewa, mereka dapat memilih + kendaraan sesuai kebutuhan, menghemat biaya perawatan, pajak, dan + asuransi, serta menikmati fleksibilitas dalam penggunaan. + + 4.1.2 Aplikasi Mobile + Aplikasi mobile adalah program yang dirancang untuk berjalan di + + perangkat seperti smartphone atau tablet. Aplikasi ini dapat diunduh dari toko + aplikasi sesuai dengan sistem operasi perangkat, seperti App Store untuk iOS + atau Google Play Store untuk Android. Fungsinya beragam, mulai dari + meningkatkan produktivitas, menyediakan hiburan, mendukung pendidikan, + hingga memfasilitasi komunikasi. Dengan antarmuka yang mudah digunakan, + aplikasi mobile menambah kemampuan perangkat dan memudahkan + pengguna dalam berbagai aktivitas sehari-hari (Hermansyah dkk, 2024). + + Aplikasi mobile merupakan rancangan program yang digunakan pada + perangkat smartphone. Aplikasi mobile mudah digunakan untuk aktivitas + + 27 + 28 + +sehari-hari dalam membantu pengguna menyelesaikan berbagai tugas seperti +berkomunikasi, berbelanja, memesan makanan, hingga sebagai hiburan. + +4.1.3 Aplikasi Desktop + Desktop adalah alat yang dapat membantu dalam mengolah informasi, + +di mana sistem informasi yang sebelumnya dikelola secara manual akan lebih +efisien dan efektif ketika diproses menggunakan komputer. Seperti yang kita +tahu, sistem desktop telah digunakan di banyak bidang untuk meningkatkan +kecepatan kerja serta memastikan akurasi data yang lebih baik (Lolan dkk, +2024). + + Desktop merupakan perangkat yang memudahkan pengolahan +informasi, menggantikan cara manual dengan proses yang lebih efisien dan +efektif melalui komputer. Penggunaannya yang luas di berbagai bidang +membantu meningkatkan produktivitas dan memastikan data yang lebih +akurat. + +4.1.4 Figma + Figma adalah alat desain yang sering digunakan untuk membuat + +tampilan aplikasi mobile, desktop, website, dan lainnya. Salah satu +keunggulannya adalah memungkinkan banyak orang untuk bekerja bersama +meski berada di lokasi yang berbeda. Fitur ini menjadikan Figma pilihan +populer bagi para desainer UI/UX dalam membuat prototipe website atau +aplikasi dengan cepat dan efisien (Jundrio dan Keni, 2020). + + Figma merupakan alat desain yang memudahkan pembuatan tampilan +aplikasi dan website. Dengan fitur kolaborasi jarak jauh, figma +memungkinkan banyak orang untuk bekerja bersama secara efisien. Inilah +yang membuatnya menjadi pilihan utama bagi desainer dalam menciptakan +prototipe aplikasi atau website dengan cepat. + 29 + +4.1.5 Perancangan UI/UX + User Interface (UI) dan User Experience (UX) adalah bagian penting + +dalam desain website, aplikasi, dan platform online. Proses merancang UI dan +UX dalam sebuah aplikasi sangat penting untuk memahami dan memenuhi +kebutuhan pengguna. Desain UI/UX yang baik akan mempengaruhi cara +pengguna melihat dan berinteraksi dengan sistem yang mereka gunakan +(Kurniawan dan Budi, 2022). + + User Interface (UI) dan User Experience (UX) merupakan elemen +penting dalam desain aplikasi dan platform digital. Proses mendesain UI/UX +bertujuan untuk memahami kebutuhan pengguna dan menciptakan +pengalaman yang menyenangkan. Desain yang baik akan memengaruhi cara +pengguna berinteraksi dengan aplikasi atau sistem yang digunakan. + +4.1.6 Perancangan Desain Ulang + Redesain adalah proses mengubah desain lama menjadi desain baru + +untuk mencapai tujuan yang lebih baik dan mendukung kemajuan. Redesain +bisa berarti mengubah tampilan atau fungsi suatu desain. Redesain sebuah +kegiatan untuk memodifikasi atau mengganti desain lama dengan desain baru, +baik dalam bentuk maupun fungsinya (Risky dkk, 2023). + + Perancangan ulang desain dibuat disebabkan yang awalnya kurang +efektif dapat diperbaiki agar lebih sesuai dengan perkembangan kebutuhan, +sehingga dapat mencapai tujuan yang lebih positif, meningkatkan efisiensi, +serta mendorong kemajuan dalam penggunaan produk atau layanan. + +4.1.7 Business Requirements Document (BRD) + Business Requirements Document (BRD) merupakan dokumen resmi + +yang menjabarkan kebutuhan dan tujuan bisnis dari sebuah proyek atau +inisiatif. Dokumen ini berperan sebagai pedoman bagi seluruh pemangku +kepentingan, seperti analis bisnis, manajer proyek, dan tim pengembang, +untuk memastikan bahwa semua pihak memiliki pemahaman yang selaras + 30 + + mengenai hasil yang ingin dicapai dari proyek tersebut (Yudianto dan + Fahrudin, 2023). + + BRD berperan dalam mencegah terjadinya perbedaan pemahaman, + meminimalkan perubahan yang tidak diperlukan, dan mengoptimalkan + penggunaan waktu serta anggaran. Selain itu, BRD juga menegaskan batasan + proyek, memastikan tim tetap terarah pada aspek yang penting, serta menjadi + dasar dalam mengambil keputusan strategis maupun teknis selama proses + pelaksanaan proyek. + +4.2 Pengembangan Proyek + Pengembangan proyek pada aplikasi GoDriveNow bertujuan untuk + +meningkatkan kualitas sistem dengan merombak tampilan dan memperkenalkan +fitur-fitur baru yang lebih relevan. Salah satu perubahan signifikan adalah pada +tampilan untuk mitra, yang sebelumnya hanya tersedia dalam versi desktop diubah +menjadi aplikasi mobile yang lebih fleksibel dan mudah diakses. Dengan adanya +pembaruan ini, mitra dapat dengan lebih praktis mengelola tugas-tugas mereka +langsung dari perangkat mobile mereka, memberikan kenyamanan dan +kemudahan dalam penggunaan. + + Selain perubahan pada tampilan mitra, pengembangan juga meliputi +perbaikan pada tampilan halaman-halaman lainnya di seluruh aplikasi. Setiap +halaman dirancang dengan lebih menarik dan user-friendly, memungkinkan +pengguna untuk menavigasi aplikasi dengan lebih mudah. Beberapa alur sistem +juga diperbarui agar lebih jelas dan terstruktur, sehingga pengguna dapat +memahami cara menggunakan aplikasi dengan lebih cepat dan tanpa +kebingungan. Fitur-fitur yang ada juga disempurnakan agar lebih fungsional, +memberikan pengalaman pengguna yang lebih baik serta meningkatkan efisiensi +dalam setiap penggunaan aplikasi GoDriveNow. + + 4.2.1 List Pengembangan Fitur + Pengembangan proyek juga terdapat beberapa list pengembangan fitur + + dari setiap role, yaitu sebagai berikut: + 31 + +a. Role Customer + Berikut beberapa list pengembangan fitur pada role customer, sebagai + +berikut: + 1) Halaman beranda, menambahkan salam sapaan untuk user, fitur + pusat bantuan, pencarian sewa kendaraan, filter, kategori motor dan + mobil, dan berita terkait rental/kendaraan. + 2) Halaman list kendaraan, menambahkan fitur pencariaan kendaraan + berdasarkan kebutuhan total tempat duduk dengan menggunakan + filter, sehingga customer merasa terfasilitasi secara lengkap. + 3) Halaman detail kendaraan, menambahkan fitur opsi penambahan + durasi sewa (sehari/setengah hari) pada saat ingin melakukan pesan + kendaraan. + 4) Halaman menu profil, menambahkan syarat dan ketentuan apa saja + yang perlu dilakukan oleh customer sebelum menyewa kendaraan. + Dan menambahkan informasi kebijakan privasi aplikasi. Serta fitur + ubah kata sandi, ubah data (profil dan no telepon), dan status akun + telah diverifikasi maupun belum + 5) Halaman verifikasi akun, mengubah alur sistem verifikasi akun + dengan memfoto atau mendokumentasikan file file yang + dibutuhkan secara langsung dan di unggah dalam aplikasi. + +b. Role Mitra + Berikut beberapa list pengembangan fitur pada role mitra, sebagai + +berikut: + 1) Mengubah desain yang awalnya desktop menjadi aplikasi mobile + 2) Mengubah halaman yang awalnya penarikan dana menjadi + halaman informasi pemasukan dana. Dikarenakan adanya + perubahan sistem dalam pencairan dana ke mitra + 3) Halaman data penyewaan di hapus dikarenakan informasinya sama + dengan halaman data rental + 32 + + 4) Tambah data kendaraan, mitra dapat mengunggah foto banyak + kendaraan + + 5) Halaman data kendaraan, ditambahkan fitur aktif/non aktif untuk + status kendaraan + + 6) Halaman tambah data rekening, informasi cabang dan kota dihapus + diganti oleh informasi atas nama + + 7) Mengubah alur sistem mengenai fitur tambah rekening mitra + +c. Role Admin + Berikut beberapa list pengembangan fitur pada role admin, sebagai + +berikut: + 1) Halaman beranda, menambahkan informasi total sopir + 2) Halaman edit profil, informasi tempat dan tanggal lahir + dihilangkan, kemudian ditambahkan domisili dari admin, dan fitur + ubah kata sandi + 3) Halaman data customer, pada halaman data sopir dan data transaksi + yang awalnya berupa section tab di dalam menu page data + customer dipisah atau dibuat menu page sendiri pada sidebar + 4) Halaman detail customer, ditambahkan tipe identitas, email, no + telepon, dan tanggal bergabung, serta ubah sistem dimana awalnya + admin bisa edit data customer menjadi tidak bisa melakukan edit + data customer + 5) Halaman data sopir, menambahkan fitur edit dan hapus sopir + 6) Halaman data transaksi, ditambahkan fitur buka maps untuk lokasi + dan saat pilih sopir ditambahkan opsi cari berdasarkan id sopir + 7) Halaman data mitra, mengubah tata letak section tab verifikasi di + depan(kiri) dan tab data mitra dibelakang(kanan) + 8) Halaman detail data mitra, ditambahkan tanggal bergabung mitra + dan dokumen pendukung berupa foto bukan link + 33 + + 9) Halaman data kendaraan, mengubah tata letak section tab + verifikasi di depan, data kendaraan ditengah, dan history di + belakang + + 10) Menambahkan halaman untuk crud FAQ dan berita + +d. Role Finance + Berikut beberapa list pengembangan fitur pada role finance, sebagai + +berikut: + 1) Halaman beranda, ditambahkan total ketersediaan mobil dan + motor, fitur pencarian dan filter dihilangkan pada tabel riwayat + transaksi + 2) Halaman profil untuk informasi email tidak bisa diedit dan + ditambahkan fitur ubah kata sandi + 3) Pada fitur penarikan dana diubah menjadi pengiriman dana yang + mana setiap minggu nya finance akan mengirimkan dana ke mitra + 4) Data penyewaan ditambahkan data kendaraan (data penyewaan + diubah data informasi + 5) Halaman data mitra, ditambahkan detail data mitra + 6) Halaman laporan keuangan langsung, 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. Role Super admin + Berikut beberapa list pengembangan fitur pada role super admin, + +sebagai berikut: + 1) Halaman beranda, menambahkan total ketersediaan motor dan + ketersediaan mobil, serta riwayat transaksi diganti dengan + 34 + + menampilkan jumlah daftar admin dan mitra pada setiap + domisilinya + 2) Halaman profile, menambahkan fitur ubah kata sandi dan + informasi email tidak dapat diedit + 3) Data finance pada menu sidebar dipindah dijadikan satu kedalaman + section menu data pengguna + 4) Detail data admin, ditambahkan informasi no telepon, nama bank, + no rekening, domisili dan tanggal bergabung + 5) Detail data mitra, ditambahkan informasi email, provinsi, + kota/kabupaten, kecamatan, alamat, tanggal bergabung + +4.3 Hasil Desain UI/UX Proyek + Perancangan desain ulang UI/UX pada proyek terdapat 5 role, berikut + +beberapa hasil desain dari setiap role. + 4.3.1 Desain Role Customer + Role customer merupakan pengguna dalam melakukan rental motor dan + mobil. Aplikasi untuk role customer merupakan pengguna utama pada proyek + aplikasi GoDriveNow. Berikut desain dari role customer: + a. Halaman Registrasi + Halaman registrasi memungkinkan pengguna yang belum memiliki + akun untuk mendaftar terlebih dahulu guna mengakses fitur dan layanan + yang tersedia. Proses daftar akun dirancang agar sederhana dan cepat + untuk memungkinkan pengguna memasukkan informasi yang diperlukan, + seperti email, nomor handphone, dan kata sandi. Desain halaman registrasi + dapat dilihat pada Gambar 4.1 dibawah ini. + 35 + + Gambar 4.1 Halaman Registrasi Customer +b. Halaman Login + + Pengguna dapat masuk ke dalam aplikasi melalui halaman login apabila +sudah melakukan daftar akun. Tampilan halaman login dirancang +sederhana yang memudahkan pengguna untuk mengakses akun mereka +dengan cepat. Tidak terdapat checkbox untuk menyetujui syarat dan +ketentuan di halaman ini, karena persetujuan terhadap syarat dan ketentuan +telah diberikan oleh pengguna saat proses pendaftaran. Halaman login ini +juga menyediakan opsi "Lupa Kata Sandi" untuk membantu pengguna +yang mungkin mengalami kesulitan mengakses akun. Desain halaman +login dapat dilihat pada Gambar 4.2 dibawah ini. + 36 + + Gambar 4.2 Halaman Login Customer +c. Halaman Lupa Sandi + + Halaman ini digunakan untuk membantu pengguna yang ingin +mengakses aplikasi tetapi lupa dengan kata sandi yang telah terdaftar. +Proses lupa kata sandi dimulai dengan memasukkan email yang terdaftar +kemudian memasukkan kata sandi baru. Desain halaman lupa sandi dapat +dilihat pada Gambar 4.3 dibawah ini. + + Gambar 4.3 Halaman Lupa Sandi Customer + 37 + +d. Halaman Isi Data Diri + Halaman ini digunakan saat pengguna merupakan akun baru maka perlu + +melakukan isi data diri seperti tipe identitas (KTP atau Paspor), nomor +identitas, nama lengkap, dan jenis kelamin. Desain halaman isi data diri +dapat dilihat pada Gambar 4.4 dibawah ini. + + Gambar 4.4 Halaman Isi Data Diri +e. Halaman Beranda + + Halaman beranda merupakan menu utama customer, dimana pengguna +dapat melakukan pencarian melalui kolom maupun pencarian berdasarkan +kategori, list rekomendasi kendaraan yang sudah disediakan di sekitar +lokasi customer, dan list berita. Desain halaman beranda dapat dilihat pada +Gambar 4.5 dibawah ini. + 38 + + Gambar 4.5 Halaman Beranda Customer +f. Halaman List Kendaraan + + Customer dapat melakukan pencarian kendaran sesuai dengan +kebutuhan. Pada kolom pencarian, apabila pengguna menekan kolom +pencarian maka akan menampilkan list kendaraan yang terdapat section +tab mobil dan motor. Desain halaman list kendaraan dapat dilihat pada +Gambar 4.6 dibawah ini. + 39 + + Gambar 4.6 Halaman List Kendaraan +g. Halaman Pencarian Berdasarkan Kategori + + Pencarian kendaraan berdasarkan kategori ini digunakan untuk +memudahkan pengguna dalam melakukan pencarian kendaraan secara +spesifik. Pada kategori pencarian terdapat mobil dan motor. Kategori +mobil maupun motor memiliki fungsi yang sama, namun yang +membedakan adalah pada mobil terdapat opsi driver dan non driver, +sedangkan pada motor tidak ada opsi tersebut. + + 1) Kategori Mobil + Pada kategori mobil terdapat kolom lokasi sewa terdekat, tanggal + + mulai sewa, tanggal selesai sewa, dan opsi driver dan non driver dengan + menggunakan model button. Desain halaman kategori mobil dapat + dilihat pada Gambar 4.7 dibawah ini. + 40 + + Gambar 4.7 Halaman Pencarian Sewa Mobil +2) Kategori Motor + + Pada kategori motor terdapat kolom lokasi sewa terdekat, tanggal +mulai sewa, dan tanggal selesai sewa. Desain halaman kategori motor +dapat dilihat pada Gambar 4.8 dibawah ini. + + Gambar 4.8 Halaman Pencarian Sewa Motor + 41 + +h. Halaman Detail Kendaraan + Halaman ini merupakan halaman yang menampilkan informasi + +kendaraan secara detail. Halaman detail kendaraan digunakan pengguna +melihat kendaraan yang tersedia untuk disewa. Pada detail kendaraan +terdapat gambar kendaraan, spesifikasi kendaraan, nama kendaraan dan +harga kendaraan, lokasi kantor, opsi area pengunaan, opsi lokasi +pengembalian dan pengambilan, opsi durasi sewa, dan detail harga. Desain +halaman detail kendaraan dapat dilihat pada Gambar 4.9 dibawah ini. + + Gambar 4.9 Halaman Detail Kendaraan +i. Halaman Metode Pembayaran + + Halaman metode pembayaran memungkinkan pengguna untuk +menyelesaikan proses transaksi setelah memastikan pesanan yang dipilih +sudah sesuai. Aplikasi menawarkan berbagai pilihan metode pembayaran +yaitu melalui transfer bank dan dompet digital. Desain halaman metode +pembayaran dapat dilihat pada Gambar 4.10 dibawah ini. + 42 + + Gambar 4.10 Halaman Metode Pembayaran +j. Halaman Detail Pembayaran + + Pada halaman detail pembayaran, pelanggan dapat meninju ulang +terkait kendaraan yang akan disewa dengan informasi secara lengkap +sebelum melanjutkan proses pembayaran. Halaman ini menampilkan detail +persewaan seperti jenis kendaraan, tanggal dan waktu sewa, serta detail +harga sewa. Selain itu terdapat rincian harga termasuk biaya tambahan +seperti layanan driver maupun tambah durasi sewa. Halaman ini +membantu pengguna memastikan bahwa semua detail pesanan sudah +sesuai sebelum menyelesaikan transaksi. Desain halaman detail +pembayaran dapat dilihat pada Gambar 4.11 dibawah ini. + 43 + + Gambar 4.11 Halaman Detail Pembayaran +k. 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. Kecuali pada status gagal pembayaran akan masuk kedalam +section tab selesai. + + 1) Halaman Detail Pesanan 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. Selain itu juga + terdapat keterangan sisa waktu pembayaran. Desain halaman detail + pesanan proses dapat dilihat pada Gambar 4.12 dibawah ini. + 44 + + Gambar 4.12 Halaman Detail Pesanan Proses +2) Halaman Detail Pesanan 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. Desain halaman detail pesanan aktif dapat dilihat pada +Gambar 4.13 dibawah ini. + 45 + + Gambar 4.13 Halaman Detail Pesanan Aktif +3) Halaman Detail Pesanan 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. Desain +halaman detail pesanan selesai dapat dilihat pada Gambar 4.14 dibawah +ini. + 46 + + Gambar 4.14 Halaman Detail Pesanan Selesai +4) 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. Desain halaman detail nilai pesanan dapat dilihat pada Gambar +4.15 dibawah ini. + 47 + + Gambar 4.15 Halaman Detail Nilai Pesanan +5) Halaman Detail 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. +Desain halaman detail gagal pembayaran dapat dilihat pada Gambar +4.16 dibawah ini. + + Gambar 4.16 Halaman Detail Gagal Pembayaran + 48 + +l. 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. Desain +halaman akun dapat dilihat pada Gambar 4.17 dibawah ini. + + Gambar 4.17 Halaman Akun +m. Halaman Verifikasi Akun + + Halaman ini digunakan untuk pengguna baru, apabila sudah melakukan +verifikasi maka pengguna dapat mensewa kendaraan. Verifikasi akun ini +hanya perlu mengambil gambar KTP dan foto selfie dengan KTP. Desain +halaman verifikasi akun dapat dilihat pada Gambar 4.18 dibawah ini. + 49 + + Gambar 4.18 Halaman Verifikasi Akun +4.3.2 Desain Role Mitra + + Pada Role Mitra, mitra dapat berkontribusi untuk menyediakan produk +atau jasa melalui aplikasi. Berikut desain dari role mitra: + + a. Halaman Registrasi + Halaman registrasi ini digunakan ketika ada seorang mitra yang belum + + mempunyai akun. Registrasi akun dapat melalui input manual di kolom + maupun melalui google. Pada registrasi akun, mitra dapat melakukan + pengisian data terlebih dahulu seperti email, nama, no handphone, dan kata + sandi. Desain halaman registrasi dapat dilihat pada Gambar 4.19 dibawah + ini. + 50 + + Gambar 4.19 Halaman Registrasi Mitra +b. Halaman Login + + Pengguna dapat masuk ke dalam aplikasi melalui halaman login apabila +selesai melakukan daftar akun. Tampilan halaman login dirancang +sederhana yang memudahkan pengguna untuk mengakses akun mereka +dengan cepat. Halaman login ini juga menyediakan opsi "Lupa Kata +Sandi" untuk membantu pengguna yang mungkin mengalami kesulitan +mengakses akun. Desain halaman login dapat dilihat pada Gambar 4.20 +dibawah ini. + 51 + + Gambar 4.20 Halaman Login Mitra +c. Halaman Lupa Sandi + + Halaman ini digunakan untuk membantu pengguna yang ingin +mengakses aplikasi tetapi lupa dengan kata sandi yang telah terdaftar. +Proses lupa kata sandi dimulai dengan memasukkan email yang terdaftar +kemudian memasukkan kata sandi baru. Desain halaman lupa sandi dapat +dilihat pada Gambar 4.21 dibawah ini. + + Gambar 4.21 Halaman Lupa Sandi Mitra + 52 + +d. Halaman Beranda + Halaman ini merupakan tampilan utama setelah login. Beranda pada + +mitra menampilkan informasi saldo, total penyewaan, statistika rental +kendaraan, dan informasi penyewaan. Desain halaman beranda dapat +dilihat pada Gambar 4.22 dibawah ini. + + Gambar 4.22 Halaman Beranda Mitra +e. 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. Desain halaman notifikasi dapat dilihat pada Gambar +4.23 dibawah ini. + 53 + + Gambar 4.23 Halaman Notifikasi +f. Halaman Data Rental + + Halaman ini digunakan sebagai informasi untuk mitra mengenai +kendaraan yang sedang disewa oleh customer. Pada halaman data rental +terdapat 3 section tab (status data rental) yaitu sewa, riwayat, dan +penilaian. + + 1) Section tab sewa + Pada status sewa ini merupakan kendaraan yang sedang disewa. + + Pada section tab ini mitra dapat melihat informasi sisa waktu + pengembalian, nama customer, nama kendaraan, dan tanggal mulai / + selesai sewa. Desain halaman section tab sewa dapat dilihat pada + Gambar 4.24 dibawah ini. + 54 + + Gambar 4.24 Halaman Section Tab Sewa +2) Section tab riwayat + + Halaman riwayat berfungsi untuk menampilkan data sewa yang telah +selesai. Fitur riwayat pada aplikasi mitra membantu melihat dan +melacak riwayat sewa kendaraan yang sudah selesai, termasuk +informasi waktu pengembalian dan keterlambatan. Desain halaman +section tab riwayat dapat dilihat pada Gambar 4.25 dibawah ini. + + Gambar 4.25 Halaman Section Tab Riwayat + 55 + + 3) Section tab penilaian + Halaman penilaian menampilkan list kendaraan yang telah diberikan + + penilaian dari customer. Admin juga dapat melihat detail informasi + penilaian pada kendaraan yang telah disewa oleh customer. Desain + halaman section tab penilaian dapat dilihat pada Gambar 4.29 dibawah + ini. + + Gambar 4.26 Halaman Section Tab Penilaian +g. Halaman Data Kendaraan + + Halaman ini digunakan untuk mitra menambahkan data kendaraan +untuk disewakan. Pada halaman ini terdapat 2 section tab yaitu data +kendaraan dan menunggu konfirmasi. + + 1) Section Tab Data Kendaraan + Pada halaman ini menampilkan list kendaraan yang telah diverifikasi + + oleh admin maupun superadmin. Mitra dapat melakukan tambah data + kendaraan serta menonaktifkan / aktifkan status kendaraan. Desain + halaman section tab kendaraan dapat dilihat pada Gambar 4.27 dibawah + ini. + 56 + + Gambar 4.27 Halaman Section Tab Data Kendaraan +2) Section Tab Menunggu Konfirmasi + + Pada halaman ini menampilkan list kendaraan yang menunggu +diverifikasi oleh admin maupun superadmin. Mitra dapat melakukan +edit data kendaraan. Desain halaman section tab menunggu konfirmasi +dapat dilihat pada Gambar 4.28 dibawah ini. + + Gambar 4.28 Halaman Section Tab Menunggu Konfirmasi + 57 + +h. Halaman Pemasukan Dana + Halaman ini digunakan untuk informasi dana yang telah dicairkan ke + +mitra. Pada halaman ini menampilkan total penasukan, rekening mitra, +statistik total pemasukan, dan riwayat pemasukan dana. Desain halaman +pemasukan dana dapat dilihat pada Gambar 4.29 dibawah ini. + + Gambar 4.29 Halaman Pemasukan Dana +i. Halaman Profil + + Halaman profil digunakan untuk mitra apabila ingit mengubah +informasi data diri. Selain itu, juga terdapat status verifikasi dan +pengaturan lainnya yaitu ubah kata sandi, verifikasi akun, dan ganti no +handphone. Desain halaman profil dapat dilihat pada Gambar 4.30 +dibawah ini. + 58 + + Gambar 4.30 Halaman Profil Mitra +j. Halaman Verifikasi Akun + + Halaman ini digunakan untuk pengguna baru, apabila sudah melakukan +verifikasi maka pengguna dapat mengakses semua fitur pada aplikasi. +Verifikasi akun ini perlu mengambil gambar KTP, foto selfie dengan KTP, +foto SKCK, dan foto NPWP. Desain halaman verifikasi akun dapat dilihat +pada Gambar 4.31 dibawah ini. + + Gambar 4.31 Halaman Verifikasi Akun Mitra + 59 + +4.3.3 Desain Role Admin + 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. Berikut desain dari role admin: + + a. Halaman Login + Pengguna dapat masuk ke dalam aplikasi melalui halaman login apabila + + sudah didaftar akun oleh superadmin. Tampilan halaman login dirancang + sederhana yang memudahkan pengguna untuk mengakses akun mereka + dengan cepat. Halaman login ini juga menyediakan opsi "Lupa Kata + Sandi" untuk membantu pengguna yang mungkin mengalami kesulitan + mengakses akun. Desain halaman login dapat dilihat pada Gambar 4.32 + dibawah ini. + + Gambar 4.32 Halaman Login Amin + b. Halaman Lupa Sandi + + Halaman ini digunakan untuk membantu pengguna yang ingin + mengakses aplikasi tetapi lupa dengan kata sandi yang telah terdaftar. + Proses lupa kata sandi dimulai dengan memasukkan email yang terdaftar + kemudian memasukkan kata sandi baru. Desain halaman lupa sandi dapat + dilihat pada Gambar 4.33 dibawah ini. + 60 + + Gambar 4.33 Halaman Lupa Sandi Admin +c. Halaman Beranda + + Halaman ini merupakan tampilan utama setelah login. Beranda pada +admin menampilkan informasi total sopir, total mitra, total customer, dan +total kendaraan sewa. Selain dari itu, admin juga dapat melihat total +ketersediaan kendaraan baik motor maupun mobil, statistika jumlah +persewaan, dan tabel riwayat transaksi customer. Desain halaman beranda +dapat dilihat pada Gambar 4.34 dibawah ini. + + Gambar 4.34 Halaman Beranda Admin + 61 + +d. Halaman Profil + Halaman profil pada admin berfungsi untuk menampilkan dan + +mengelola informasi akun admin, termasuk data diri 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 diri. Desain halaman profil dapat dilihat pada Gambar 4.35 dibawah +ini. + + Gambar 4.35 Halaman Profil Admin +e. Halaman 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 +pada customer. Desain halaman data customer dapat dilihat pada Gambar +4.36 dibawah ini. + 62 + + Gambar 4.36 Halaman Data Customer +1) Detail Customer + + Pengguna dapat melihat informasi detail data sopir. Pada detail sopir +menampilkan foto profil, nama, status, detail data diri, dan riwayat +perjalanan. Desain halaman detail customer dapat dilihat pada Gambar +4.37 dibawah ini. + + Gambar 4.37 Halaman Detail Customer + 63 + +f. Halaman Verifikasi Customer + Halaman ini merupakan halaman untuk customer yang meminta + +verifikasi akun. Admin dapat terima atau tolak verifikasi tersebut. Pada +detail verifikasi akun menampilkan informasi data customer dan dokumen +pendukung customer. Desain halaman verifikasi customer dapat dilihat +pada Gambar 4.38 dibawah ini. + + Gambar 4.38 Halaman Verifikasi Customer +g. Halaman Data Sopir + + Pada halaman ini admin dapat melihat daftar data sopir yang bergabung +aktif maupun non aktif sopir. Admin juga dapat mengedit, menghapus, dan +menambahkan data sopir. Admin dapat melihat detail seluruh data sopir +dan menampilkan riwayat perjalanan dari sopir. Desain halaman data sopir +dapat dilihat pada Gambar 4.39 dibawah ini. + 64 + + Gambar 4.39 Halaman Data Sopir +1) 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. Desain halaman tambah +sopir dapat dilihat pada Gambar 4.40 dibawah ini. + + Gambar 4.40 Halaman Tambah Sopir + 65 + +2) Detail Sopir + Pengguna dapat melihat informasi detail data sopir. Pada detail sopir + +menampilkan foto profil, nama, status, detail data diri, dan riwayat +perjalanan. Desain halaman detail sopir dapat dilihat pada Gambar 4.41 +dibawah ini. + + Gambar 4.41 Halaman Detail Sopir +3) Edit Sopir + + Pada fitur edit sopir digunakan untuk memperbarui atau mengganti +data yang sudah ada dengan data yang terbaru. Desain halaman edit +sopir dapat dilihat pada Gambar 4.42 dibawah ini. + + Gambar 4.42 Halaman Edit Sopir + 66 + +h. Halaman Data Mitra + Pada halaman data mitra, admin dapat melihat seluruh data mitra, + +melakukan pencarian data mitra, dan menampilkan detail data identitas +mitra. Dalam tabel data mitra, admin juga dapat mengetahui status aktif +dan non aktif pada mitra. Desain halaman data mitra dapat dilihat pada +Gambar 4.43 dibawah ini. + + Gambar 4.43 Halaman Data Mitra + 1) Detail Mitra + + Pengguna dapat melihat informasi detail data mitra. Pada detail mitra + menampilkan foto profil, nama, status, detail data diri, dan riwayat + rental. Desain halaman detail mitra dapat dilihat pada Gambar 4.44 + dibawah ini. + 67 + + Gambar 4.44 Halaman Detail Mitra +i. Halaman Verifikasi Mitra + + Halaman ini merupakan halaman untuk mitra yang meminta verifikasi +akun. Admin dapat terima atau tolak verifikasi tersebut. Pada detail +verifikasi akun menampilkan informasi data mitra dan dokumen +pendukung mitra. Desain halaman verifikasi mitra dapat dilihat pada +Gambar 4.45 dibawah ini. + + Gambar 4.45 Halaman Verifikasi Mitra + 68 + +j. Halaman Data Kendaraan + Halaman ini merupakan list kendaraan yang telah di verifikasi terima + +oleh admin. Pada data kendaraan terdapat 3 status kendaraan yaitu disewa, +tersedia, dan tidak aktif. Admin juga dapat melihat detail dari setiap data +kendaraan. Desain halaman kendaraan dapat dilihat pada Gambar 4.46 +dibawah ini. + + Gambar 4.46 Halaman Data Kendaraan + 1) Detail Data Kendaraan + + Pada detail kendaraan menampilkan foto kendaraan, nama + kendaraan, informasi data kendaraan dan spesifikasi, serta status + kendaraan. Desain halaman detail kendaraan dapat dilihat pada Gambar + 4.47 dibawah ini. + 69 + + Gambar 4.47 Halaman Detail Kendaraan +k. Halaman Verifikasi Kendaraan + + Halaman ini merupakan halaman untuk mitra yang meminta verifikasi +kendaraan. Admin dapat terima atau tolak verifikasi tersebut. Pada detail +verifikasi kendaraan menampilkan informasi mitra pemilik kendaraan, +informasi kendaraan, foto kendaraan, dan dokumen pendukung kendaraan. +Desain halaman verifikasi kendaraan dapat dilihat pada Gambar 4.48 +dibawah ini. + + Gambar 4.48 Halaman Verifikasi Kendaraan + 70 + +l. Halaman Histori Verifikasi Kendaraan + Halaman ini merupakan list histori verifikasi kendaraan. Pada histori + +verifikasi kendaraan terdapat 2 status kendaraan yaitu diterima dan ditolak. +Admin juga dapat melihat detail dari setiap histori tersebut. Desain +halaman histori verifikasi kendaraan dapat dilihat pada Gambar 4.49 +dibawah ini. + + Gambar 4.49 Halaman Histori Verifikasi Kendaraan + 1) Detail Histori Verifikasi Kendaraan + + Pada detail kendaraan menampilkan foto kendaraan, nama + kendaraan, informasi data kendaraan dan spesifikasi, status kendaraan, + dan alasan penolakan (apabila kendaraan tersebut berstatus ditolak). + Desain halaman detail histori verifikasi kendaraan dapat dilihat pada + Gambar 4.50 dibawah ini. + 71 + + Gambar 4.50 Halaman Detail Histori Verifikasi +m. Halaman Data Transaksi + + Pada halaman transaksi ini, Admin dapat melihat tabel transaksi. Admin +juga dapat melihat detail transaksi serta mampu melakukan pemilihan +sopir untuk customer. Desain halaman data transaksi dapat dilihat pada +Gambar 4.51 dibawah ini. + + Gambar 4.51 Halaman Data Transaksi + 72 + + 1) Detail Transaksi + Detail transaksi menampilkan informasi customer, kendaraan, dan + + pembayaran. Detail di status menunggu artinya customer + menggunakan fasilitas driver sehingga admin perlu memilih sopir + untuk customer. Desain halaman detail transaksi dapat dilihat pada + Gambar 4.52 dibawah ini. + + Gambar 4.52 Halaman Detail Transaksi +n. Halaman Berita + + Halaman ini digunakan untuk admin mengelola informasi berita yang +ditampilkan di aplikasi customer. Pada halaman ini admin dapat +menambah berita dan melihat detail berita. Desain halaman berita dapat +dilihat pada Gambar 4.53 dibawah ini. + 73 + + Gambar 4.53 Halaman Berita +1) Tambah Berita + + Pada halaman tambah berita admin menampilkan form input kolom +data berita dan pratinjau berita. Admin perlu memasukkan foto berita, +judul berita, isi berita, dan unggah foto di detail berita. Desain halaman +tambah berita dapat dilihat pada Gambar 4.54 dibawah ini. + + Gambar 4.54 Halaman Tambah Berita + 74 + + o. Halaman FAQ + Halaman ini digunakan untuk admin mengelola informasi FAQ yang + + ditampilkan di aplikasi customer. Pada halaman ini admin dapat + menambah, melihat detail, mengedit, dan menghapus data. Desain + halaman FAQ dapat dilihat pada Gambar 4.55 dibawah ini. + + Gambar 4.55 Halaman FAQ +4.3.4 Desain Role Finance + + 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. Berikut desain dari role +finance: + + a. Halaman Login + Pengguna dapat masuk ke dalam aplikasi melalui halaman login apabila + + sudah didaftarkan akun oleh superadmin. Tampilan halaman login + dirancang sederhana yang memudahkan pengguna untuk mengakses akun + mereka dengan cepat. Halaman login ini juga menyediakan opsi "Lupa + Kata Sandi" untuk membantu pengguna yang mungkin mengalami + kesulitan mengakses akun. Desain halaman login dapat dilihat pada + Gambar 4.56 dibawah ini. + 75 + + Gambar 4.56 Halaman Login Finance +b. Halaman Lupa Sandi + + Halaman ini digunakan untuk membantu pengguna yang ingin +mengakses aplikasi tetapi lupa dengan kata sandi yang telah terdaftar. +Proses lupa kata sandi dimulai dengan memasukkan email yang terdaftar +kemudian memasukkan kata sandi baru. Desain halaman lupa sandi dapat +dilihat pada Gambar 4.57 dibawah ini. + + Gambar 4.57 Halaman Lupa Sandi Finance + 76 + +c. Halaman Beranda + Halaman ini merupakan tampilan utama setelah login. Beranda pada + +admin menampilkan informasi total pemasukan, total pengeluaran, total +saldo, ketersediaan mobil dan motor, statistik penyewaan, dan tabel +riwayat transaksi customer. Desain halaman beranda dapat dilihat pada +Gambar 4.58 dibawah ini. + + Gambar 4.58 Halaman Beranda Finance +d. Halaman Notifikasi + + Halaman Notifikasi pada Finance memiliki fungsi utama untuk +memberikan informasi terkini terkait aktivitas transaksi yang terjadi. +Desain halaman notifikasi dapat dilihat pada Gambar 4.59 dibawah ini. + 77 + + Gambar 4.59 Halaman Notifikasi +e. Halaman Pengiriman + + Halaman pengiriman untuk memproses transfer dana atau pencairan +dana ke semua mitra. Finance dapat melihat list data mitra berdasarkan ID +Mitra, tanggal pengiriman terakhir, nama mitra, metode transfer, nomor +rekening, jumlah dana yang terkirim, dan status pengiriman. Selain itu, +fitur ini memudahkan pengelolaan pencairan dana ke berbagai mitra +dengan pilihan aksi yang jelas. Desain halaman pengiriman dapat dilihat +pada Gambar 4.60 dibawah ini. + + Gambar 4.60 Halaman Pengiriman + 78 + +f. Halaman Data Mitra + Pada halaman di data dibagian data mitra menampilkan informasi data + +mitra yang mana berisi id mitra, nama, email, no hp, total sewa, dan detail +yang dimana untuk mempermudah dalam pengolahan informasi mitra +termasuk pencatatan pengelolaan transaksi. Desain halaman data mitra +dapat dilihat pada Gambar 4.61 dibawah ini. + + Gambar 4.61 Halaman Data Mitra + 1) Detail Mitra + + Pengguna dapat melihat informasi detail data mitra. Pada detail mitra + menampilkan foto profil, nama, status, detail data diri, dan riwayat + rental. Desain halaman data mitra dapat dilihat pada Gambar 4.62 + dibawah ini. + + Gambar 4.62 Halaman Detail Mitra + 79 + + 2) Riwayat Sewa + Pengguna dapat melihat list riwayat sewa pada mitra. Pada riwayat + + sewa menampilkan nama kendaraan, nama mitra, tanggal mulai dan + selesai sewa, total harga sewa, dan waktu pengembalian. Desain + halaman riwayat sewa dapat dilihat pada Gambar 4.63 dibawah ini. + + Gambar 4.63 Halaman Riwayar Sewa +g. Halaman Data Kendaraan + + Halaman ini merupakan list kendaraan dengan mengetahui juga +informasi nama mitra dan harga sewa dari setiap kendaraan. Admin juga +dapat melihat detail dari setiap data kendaraan. Desain halaman data +kendaraan dapat dilihat pada Gambar 4.64 dibawah ini. + + Gambar 4.64 Halaman Data Kendaraan + 80 + + 1) Detail Kendaraan + Pada detail kendaraan menampilkan foto kendaraan, nama + + kendaraan, informasi data kendaraan dan spesifikasi, serta status + kendaraan. Desain halaman detail kendaraan dapat dilihat pada Gambar + 4.65 dibawah ini. + + Gambar 4.65 Halaman Detail Kendaraan +h. Halaman Data Rental + + Halaman data rental digunakan untuk memonitor dan mengelola data +transaksi rental, termasuk statusnya, detail pelanggan, kendaraan yang +disewa, mitra penyedia, dan status transaksi. Desain halaman data rental +dapat dilihat pada Gambar 4.66 dibawah ini. + + Gambar 4.66 Halaman Data Rental + 81 + +i. Halaman Laporan Keuangan + Laporan keuangan berfungsi untuk memberikan informasi tentang + +kondisi keuangan perusahaan, membantu pengambilan keputusan, dan +mengukur kinerja. Secara default pada section total pemasukan, detail +pemasukan, dan detail pengeluaran menampilkan pada waktu hari ini. +Desain halaman laporan keuangan dapat dilihat pada Gambar 4.67 +dibawah ini. + + Gambar 4.67 Halaman Laporan Keuangan +j. Halaman Riwayat Transaksi + + Halaman riwayat transaksi digunakan untuk memantau, mencatat, dan +detail transaksi keuangan lengkap dengan status, metode pembayaran, +serta bukti transaksi (invoice). Desain halaman riwayat transaksi dapat +dilihat pada Gambar 4.68 dibawah ini. + 82 + + Gambar 4.68 Halaman Riwayat Transaksi +k. Halaman Profil + + Halaman profil digunakan untuk menampilkan, mengelola, dan +memperbarui informasi pribadi pengguna. Halaman profil ini +menampilkan informasi foto profil, nama lengkap, no handphone, email, +jenis kelamin, tempat tanggal lahir, dan alamat. Selain itu, pada profil ini +pengguna dapat mengedit informasi tersebut dan terdapat ubah kata sandi. +Desain halaman profil dapat dilihat pada Gambar 4.69 dibawah ini. + + Gambar 4.69 Halaman Profil Finance + 83 + +4.3.5 Desain Role Super Admin + Super admin berbasis desktop yaitu mengelola dari keseluruhan sistem + +dan pengguna, dimulai dari data mitra, data admin, data customer, data +kendaraan, data finance. Berikut desain dari role super admin: + + a. Halaman Registrasi + Halaman registrasi memungkinkan pengguna yang belum memiliki + + akun untuk mendaftar terlebih dahulu guna mengakses fitur dan layanan + yang tersedia. Proses daftar akun dirancang agar sederhana dan cepat + untuk memungkinkan pengguna memasukkan informasi yang diperlukan, + seperti email, nomor handphone, dan kata sandi. Desain halaman registrasi + dapat dilihat pada Gambar 4.70 dibawah ini. + + Gambar 4.70 Halaman Registrasi Super Admin + b. Halaman Login + + Pengguna dapat masuk ke dalam aplikasi melalui halaman login apabila + sudah didaftar akun oleh superadmin. Tampilan halaman login dirancang + sederhana yang memudahkan pengguna untuk mengakses akun mereka + dengan cepat. Halaman login ini juga menyediakan opsi "Lupa Kata + Sandi" untuk membantu pengguna yang mungkin mengalami kesulitan + 84 +mengakses akun. Desain halaman login dapat dilihat pada Gambar 4.71 +dibawah ini. + + Gambar 4.71 Halaman Login Super Admin +c. Halaman Lupa Sandi + + Halaman ini digunakan untuk membantu pengguna yang ingin +mengakses aplikasi tetapi lupa dengan kata sandi yang telah terdaftar. +Proses lupa kata sandi dimulai dengan memasukkan email yang terdaftar +kemudian memasukkan kata sandi baru. Desain halaman lupa sandi dapat +dilihat pada Gambar 4.72 dibawah ini. + + Gambar 4.72 Halaman Lupa Sandi Super Admin + 85 + +d. Halaman Beranda + Halaman ini merupakan tampilan utama setelah login. Beranda pada + +superadmin menampilkan informasi total sopir, total mitra, total customer, +dan total kendaraan sewa. Selain dari itu, superadmin juga dapat melihat +total ketersediaan kendaraan baik motor maupun mobil, detail invoice, +statistika rental kendaraan, dan tabel detail admin dan detail mitra di setiap +domisili. Desain halaman beranda dapat dilihat pada Gambar 4.73 dibawah +ini. + + Gambar 4.73 Halaman Beranda Super Admin +e. Halaman Data Admin + + Halaman data admin pada super admin untuk mengolah data yang +dimana super admin dapat mengedit, menghapus, mencari, menambahkan +daftar data admin dan juga dapat memfilter data. Desain halaman data +admin dapat dilihat pada Gambar 4.74 dibawah ini. + 86 + + Gambar 4.74 Halaman Data Admin +f. Halaman Data Mitra + + Pada halaman data mitra, super admin dapat mencari, melihat data +mitra, menghapus, dan mengedit yang bergabung baik aktif maupun tidak +aktif, melakukan pencarian data mitra melalui keyword maupun filter. +Selain itu, super admin juga memiliki kemampuan untuk melihat detail +data mitra tersebut serta melihat list riwayat rental (kendaraan mitra yang +disewa oleh customer). Desain halaman data mitra dapat dilihat pada +Gambar 4.75 dibawah ini. + + Gambar 4.75 Halaman Data Mitra + 87 + +g. Halaman Data Customer + Pada halaman data customer, super 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 +pada customer. Desain halaman data customer dapat dilihat pada Gambar +4.76 dibawah ini. + + Gambar 4.76 Halaman Data Customer +h. Halaman Data Finance + + Halaman data finance pada super admin mencakup beberapa peran +penting dalam mengelola data staf yang bertanggung jawab atas keuangan, +serta memantau transaksi dan status pembayaran. Berikut adalah +penjelasan mengenai fungsi tersebut. Desain halaman data finance dapat +dilihat pada Gambar 4.77 dibawah ini. + 88 + + Gambar 4.77 Halaman Data Finance +i. Halaman Data Kendaraan + + Halaman data kendaraan pada halaman super admin 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 untuk +operasional rental. Desain halaman data kendaraan dapat dilihat pada +Gambar 4.78 dibawah ini. + + Gambar 4.78 Halaman Data Kendaraan + 89 + +j. Halaman Penilaian Kendaraan + 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. Desain halaman penilaian kendaraan dapat dilihat +pada Gambar 4.79 dibawah ini. + + Gambar 4.79 Halaman Penilaian Kendaraan +k. Halaman Verifikasi Kendaraan + + Halaman ini digunakan untuk super admin memverifikasi kendaraan +dari mitra. Kendaraan yang belum di verifikasi baik tolak maupun terima, +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. Desain halaman verifikasi +kendaraan dapat dilihat pada Gambar 4.80 dibawah ini. + 90 + + Gambar 4.80 Halaman Verifikasi Kendaraan +l. Halaman Riwayat Transaksi + + Halaman ini merupakan daftar transaksi yang sudah dilakukan, dengan +kolom-kolom seperti tanggal, ID transaksi, customer, metode pembayaran, +dan status. Desain halaman riwayat Transaksi dapat dilihat pada Gambar +4.81 dibawah ini. + + Gambar 4.81 Halaman Riwayat Transaksi + 91 + +m. Halaman Penilaian Mitra + Halaman penilaian digunakan untuk mengelola dan memantau ulasan + +atau feedback yang diberikan pengguna terhadap layanan atau produk. +Desain halaman penilaian mitra dapat dilihat pada Gambar 4.82 dibawah +ini. + + Gambar 4.82 Halaman Penilaian Mitra +n. Halaman Profil + + Halaman profil pada admin berfungsi untuk menampilkan dan +mengelola informasi akun admin, termasuk data diri 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 diri. Desain halaman profil dapat dilihat pada Gambar 4.83 dibawah +ini. + 92 + + Gambar 4.83 Halaman Profil Super Admin +4.4 Hasil Pembuatan BRD (Business Requirement Document) + + Business Requirements Document (BRD) pada proyek redesain aplikasi +GoDriveNow ini bertujuan untuk mengindetifikasi ruang lingkup proyek, dengan +memastikan semua pihak yang terlibat dapat memahami ruang lingkup proyek. +Dokumen ini merupakan sebuah panduan utama dalam pengembangan sistem. +Selain itu, dokumen ini merinci setiap elemen sistem yang diperlukan, termasuk +deskripsi fitur, alur sistem, dan desain site map untuk setiap pengguna aplikasi. + + Dokumen BRD ini menjadi acuan utama dalam pengembangan sistem +redesain rental motor dan mobil. Dengan struktur yang jelas dan deskripsi detail, +diharapkan sistem yang dikembangkan mampu memenuhi kebutuhan bisnis dan +membantu memberikan pemahaman ruang lingkup proyek bagi semua pihak yang +terlibat. Berikut link dokumen BRD aplikasi GoDriveNow: +https://docs.google.com/document/d/1a1az3EmEt7QOgAifMn6OFIqo3Aboj- +6f/edit?usp=sharing&ouid=102120621500085701352&rtpof=true&sd=true + BAB 5. KESIMPULAN DAN SARAN + +5.1 Kesimpulan + Pelaksanaan kegiatan magang dimulai pada tanggal 1 Agustus 2024 sampai + +dengan 30 Desember 2024 yang bertempat di Seven Inc. Kegiatan magang +membuat penulis mendapatkan pengetahuan dan pengalaman baru dalam dunia +kerja. Selain itu juga dapat belajar dalam memecahkan masalah di proyek nyata, +beradaptasi dengan lingkungan kerja profesional, dan meningkatkan keahlian +teknis. + + Selama kegiatan magang, penulis terlibat dalam merancang ulang desain +UI/UX untuk proyek aplikasi rental motor dan mobil. Dari hasil analisis dan +arahan pembimbing lapangan, aplikasi ini bertujuan memberikan kemudahan bagi +masyarakat dalam mencari jasa sewa motor atau mobil. Namun, beberapa elemen +desain perlu diperbaiki agar tampilan lebih menarik dan fungsi lebih optimal. +Oleh karena itu, dilakukan perancangan ulang desain pada semua role pengguna +dalam aplikasi. Desain yang dibuat telah mengikuti hasil diskusi dan memenuhi +kebutuhan pengguna. + +5.2 Saran + Saran untuk pengembangan proyek selanjutnya, disarankan agar tim lebih + +sering melakukan evaluasi secara berkala terhadap desain dan fitur yang ada. Hal +ini bertujuan untuk memastikan bahwa setiap pembaruan benar-benar sesuai +dengan kebutuhan pengguna. Selain itu, melibatkan pengguna langsung dalam +pengujian desain akan sangat membantu dalam mendapatkan masukan yang lebih +akurat untuk meningkatkan kualitas aplikasi. Dokumentasi yang lebih lengkap +juga sebaiknya dibuat agar proses pengembangan dapat berjalan lebih terstruktur +dan mempermudah kolaborasi antar anggota tim. Dengan demikian, aplikasi ini +dapat memberikan pengalaman pengguna yang lebih baik dan menarik lebih +banyak pelanggan. + + 93 + DAFTAR PUSTAKA + +Risky, H. A., Irmayanti, D. and Totohendarto, M. H. (2023) ‘Redesign Ui/Ux + +Aplikasi Mobile My Pertamina Menggunakan Metode User Centered Design + +(Ucd)’, JATI (Jurnal Mahasiswa Teknik Informatika), 7(3), pp. 1823–1829. + +doi: 10.36040/jati.v7i3.6965. + +Kurniawan, R. and Budi, M. (2022) ‘Perancangan Ui/Ux Aplikasi Manajemen + +Penelitian Dan Pengabdian Kepada Masyarakat Menggunakan Aplikasi + +Figma’, Jurnal sistem informasi, 5(1), pp. 2–7. Available at: + +https://journal.unmaha.ac.id/index.php/jsim/article/view/109. + +Jundrio, H. and Keni, K. (2020) ‘Pengaruh Website Quality, Website Reputation + +Dan Perceived Risk Terhadap Purchase Intention Pada Perusahahaan E- + +Commerce’, Jurnal Muara Ilmu Ekonomi dan Bisnis, 4(2), p. 229. doi: + +10.24912/jmieb.v4i2.7802. + +Lolan, T. D., Api, A. A. and Mado, T. W. (2024) ‘Perancangan Sistem Presensi + +Siswa-Siswi Berbasis Desktop Pada SMP Negeri Kewapante’, Jurnal In + +Create (Inovasi dan Kreasi dalam Teknologi Informasi), 10(1), pp. 30–35. + +Available at: + +https://increate.nusanipa.ac.id/index.php/increate/article/view/79. + +Hermansyah, H., Wijaya, R. F. and Wahyuni, S. (2024) ‘Desain Aplikasi Cinta + +Mangrove Berbasis Mobile Di Desa Kota Pari Dengan Metode Waterfall’, + +Senashtek 2024, 2(1), pp. 42–48. Available at: + +https://journals.stimsukmamedan.ac.id/index.php/senashtek2/article/view/627 + +. + +Romadhon, M. H., Yudhistira, Y. and Mukrodin, M. (2021) ‘Sistem Informasi + +Rental Mobil Berbsasis Android Dan Website Menggunakan Framework + +Codeigniter 3 Studi Kasus : CV Kopja Mandiri’, Jurnal Sistem Informasi dan + +Teknologi Peradaban (JSITP), 2(1), pp. 30–36. Available at: + +https://journal.peradaban.ac.id/index.php/jsitp/article/view/756. + + 94 + 95 + +Yudianto, F. and Fahrudin, N. F. (2023) ‘PERANCANGAN UI / UX BERBASIS + MOBILE UNTUK APLIKASI SEMBAKO’, pp. 1–10. Available at: + https://eproceeding.itenas.ac.id/index.php/fti/article/view/3214. + LAMPIRAN +Link Figma Desain UI/UX Aplikasi GoDriveNow Berbasis Mobile dan Desktop +https://www.figma.com/design/sQCtH08PkqZvCsrJzaLyb6/GoDriveNow?node - +id=0-1&t=LDiftIiW6GqWnrHw-1 +Lampiran 1 Sertifikat Magang + + 96 + 97 +Lampiran 2 Form Penilaian Magang + 98 +Lampiran 3 Surat Keterangan Kerja Magang + 99 +Lampiran 4 Log Activity + 100 + 101 + 102 + 103 + 104 + 105 + 106 + 107 + 108 +Lampiran 5 Kegiatan Supervisi + +Lampiran 6 Kondisi Lingkungan Kerja + 109 +Lampiran 7 Presentasi Ke Mentor +Lampiran 8 Kegiatan Webinar +