COVER
LAPORAN PRAKTIK MAGANG MAGANG MAHASISWA DI INDUSTRI,
PEMBUATAN PROTOTYPE UNTUK BELLE POS MOBILE SEBAGAI UI/UX DESIGNER DI PT. YUREKA TEKNOLOGI CIPTA
Oleh :
Muhammad Ikhsan Nur Falah 1900018191
PROGRAM STUDI S1 INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS AHMAD DAHLAN
TAHUN 2022/2023
27/1/23
Drs. Wahyu P., M.Kom
ii
HALAMAN PERSETUJUAN INSTANSI
Laporan Praktik Magang ini telah disetujui sebagai proses pengajuan seminar bagi
Nama : Muhammad Ikhsan Nur Falah
NIM : 1900018191
Tempat Praktik Magang : PT Yureka Teknologi Cipta
Realisasi Waktu Pelaksanaan : 2-3 Bulan
24 Januari , 2023 Menyetujui, Ketua/Kepala/
Direktur Instansi
(Eringga Sutandang)
Direktur PT Yureka Teknologi Cipta
iii
HALAMAN PENGESAHAN
PRAKTIK MAGANG
MAGANG MAHASISWA DI INDUSTRI,
PEMBUATAN PROTOTYPE UNTUK BELLE POS MOBILE SEBAGAI UI/UX DESIGNER DI PT. YUREKA TEKNOLOGI CIPTA
MUHAMMAD IKHSAN NUR RALAH 1900018191
PEMBIMBING : Drs. Wahyu Pujiyono, M.Kom. ..., ...
NIY : 60910095
PENGUJI : Ahmad Azhari, S.Kom., M.Eng. ..., ...
NIY : 60160863
Yogyakarta, 24 Januari 2023 Kaprodi S1 Informatika
(Dr. Murinto, S.Si., M.Kom.) NIY. 60040496
08/02/2023
20/02/2023
16/02/2023
iv
KATA PENGANTAR
Puji syukur penulis panjatkan atas kehadirat Allah SWT yang telah memberikan rahmat dan petunjuk, sehingga penulis dapat menyelesaikan Laporan Praktik Magang ini sebagai suatu tanda bukti bahwa telah melaksanakan Praktik Magang di PT Yureka Teknologi Cipta dengan judul “MAGANG MAHASISWA DI INDUSTRI,PEMBUATAN PROTOTYPE UNTUK BELLE POS MOBILE SEBAGAI UI/UX DESIGNER DI PT. YUREKA TEKNOLOGI CIPTA”. Kegiatan Magang ini dilaksanakan pada tanggal 09 November 2022 – 27 Januari 2023 dan menyusun laporan magang untuk memenuhi tugas mata kuliah program studi Praktik Magang, Universitas Ahmad Dahlan.
Dalam Kesempatan ini, saya ingin menyampaikan rasa terima kasih yang sebesar-besarnya kepada pihak- pihak yang terkait, diantaranya :
1. Bapak Drs. Wahyu Pujiyono, M.Kom. yang telah memberikan dukungan dan bimbingan selama proses kerja praktik. Tanpa dukungan dan bimbingan dari Bapak Drs. Wahyu Pujiyono, M.Kom., laporan ini tidak akan dapat diselesaikan.
2. Bapak Supriyanto, S.T., M.T selaku dosen Pengampu kelas praktik Magang yang telah mendampingi dan memberikan arahan sehingga Laporan Magang ini dapat terselesaikan.
3. PT Yureka Teknologi Cipta yang telah memberikan kesempatan kepada saya untuk melakukan kerja praktik. Saya sangat berterima kasih atas pengalaman yang telah saya dapatkan selama proses kerja praktik di PT Yureka Teknologi Cipta.
4. Bapak Eringga Sutandang yang telah memberikan kesempatan kepada saya untuk melakukan kerja praktik di PT Yureka Teknologi Cipta. Selama masa kerja praktik, saya dapat belajar dan mengaplikasikan ilmu yang telah saya pelajari di Teknik Informatika Universitas Ahmad Dahlan.
5. Mas Beian yang telah memberikan bimbingan dan dukungan selama masa kerja praktik. Tanpa dukungan dan arahan dari Mas Beian, saya tidak akan dapat menyelesaikan laporan kerja praktik ini.
6. Dan juga segenap rekan kerja saya yang berada di Yureka Teknologi Cipta, yang telah membimbing saya selama masa kerja praktik.
Laporan ini dibuat dengan harapan dapat memberikan manfaat bagi pembaca dan semoga dapat menjadi referensi yang berguna bagi pengembangan kerja praktik di masa yang akan datang. Terima kasih kepada semua pihak yang telah membantu dalam proses pembuatan laporan ini.
Yogyakarta, 25 Januari 2023
Muhammad Ikhsan Nur Falah
v
DAFTAR ISI
Contents
COVER ... i
HALAMAN PERSETUJUAN INSTANSI ... ii
HALAMAN PENGESAHAN ... iii
KATA PENGANTAR ... iv
DAFTAR ISI... v
DAFTAR GAMBAR ... vii
DAFTAR TABEL ... ix
BAB I PENDAHULUAN ... 1
A. Latar Belakang... 1
B. Identifikasi Masalah ... 1
C. Batasan Masalah ... 2
D. Rumusan Masalah ... 2
E. Tujuan Praktik Magang ... 2
F. Manfaat Praktik Magang ... 2
BAB II GAMBARAN INSTANSI ... 4
A. Umum ... 4
B. Struktur Organisasi ... 5
C. Sumber Daya Manusia dan Sumber Daya Fisik ... 5
D. Proses Bisnis saat ini yang berhubungan dengan Tema Praktik Magang ... 6
BAB III TAHAPAN KEGIATAN PRAKTIK MAGANG ... 9
A. Lokasi Praktik Magang, Alamat, Kontak ... 9
B. Rencana Observasi ... 9
C. Rencana Jadwal Kegiatan Magang ... 10
BAB IV PEMBAHASAN MAGANG ... 12
A. Hasil Observasi Magang ... 12
1. Proses Bisnis... 12
2. Rincian Pekerjaan... 14
B. Pembahasan Magang (Berdasarkan Logbook) ... 15
vi
1. Problem yang ditemukan ditempat magang sebagai topik Praktik Magang ... 15
2. Analisis terhadap hasil observasi ... 15
3. Capaian Magang (Hasil Analisis Kepuasan Mitra) ... 33
4. Keberlanjutan (Tindak lanjut kerja sama MoU dll) ... 34
BAB V PENUTUP ... 35
A. Kesimpulan ... 35
B. Saran ... 35
LAMPIRAN ... 36
A. Surat Izin Praktik Magang dari Fakultas ... 36
B. Surat Keterangan Telah Menyelesaikan Praktik Magang ... 37
C. Logbook... 38
D. Form Penilaian Pembimbing Lapangan Praktik Magang ... 47
E. Dokumentasi Magang ... 48
vii
DAFTAR GAMBAR
Gambar 2. 1 Logo PT Yureka Teknologi Cipta ... 4
Gambar 2. 2 Struktur Organsisasi di PT YTC ... 5
Gambar 2. 3 Proses Bisnis yang terjadi di tempat magang ... 7
Gambar 3. 1 Lokasi PT YTC berdasarkan Google Maps ... 9
Gambar 4. 1 Proses Bisnis User menginputkan Produk ... 13
Gambar 4. 2 Proses Bisnis User melakukan transaksi ... 14
Gambar 4. 3 ERD Belle POS ... 18
Gambar 4. 4 ERD Belle POS ... 19
Gambar 4. 5 Wireframe Halaman Registrasi, Login, dan Confirm Password ... 20
Gambar 4. 6 Wireframe Halaman List Produk ... 20
Gambar 4. 7 Wireframe Halaman Textfield dan Text Input ... 21
Gambar 4. 8 Wireframe Halaman Landingpage ... 22
Gambar 4. 9 Wireframe Halaman Pembayaran ... 22
Gambar 4. 10 Wifreframe Date Picker ... 23
Gambar 4. 11 Wireframe Halaman Kelola Toko & Produk ... 23
Gambar 4. 12 Wireframe Sidebar ... 23
Gambar 4. 13 Halaman Sidebar ... 24
Gambar 4. 14 Halaman Registrasi ... 25
Gambar 4. 15 Halaman Login... 25
Gambar 4. 16 Halaman Konfirmasi Kata Sandi ... 26
Gambar 4. 17 Halaman Kasir ... 26
Gambar 4. 18 Halaman Kasir Melakukan Transaksi... 27
Gambar 4. 19 Halaman Riwayat Transaksi ... 27
Gambar 4. 20 Halaman Laporan ... 28
Gambar 4. 21 Halaman Kelola Produk ... 29
Gambar 4. 22 Halaman Submenu Kelola Produk ... 30
Gambar 4. 23 Halaman Kelola Toko ... 31
Gambar 4. 24 Halaman Submenu Kelola Toko ... 32
Gambar 4. 25 Hasil Prototipe Belle POS menggunakan Figma ... 33
Gambar Lampiran 1 Surat Izin Praktik Magang dari Fakultas ... 36
Gambar Lampiran 2 Surat Keterangan Telah Menyelesaikan Praktik Magang ... 37
viii
Gambar Lampiran 3 Logbook Praktik Magang... 47
Gambar Lampiran 4 Form Penilaian Pembimbing Lapangan Praktik Magang ... 48
Gambar Lampiran 5 Kegiatan selama Magang di kantor ... 48
Gambar Lampiran 6 Mengerjakan Website UI/UX Kemasindo ... 49
Gambar Lampiran 7 Mengerjakan UI/UX Website Manna Kampus ... 49
Gambar Lampiran 8 Mengerjakan UI/UX Website Belle ... 49
Gambar Lampiran 9 Mengerjakan UI/UX & Prototyping Belle POS Mobile ... 50
Gambar Lampiran 10 Mengerjakan UI/UX Website Indah Berkat Prima ... 50
Gambar Lampiran 11 Mengerjakan UI/UX Website Cantika Megah Santosa ... 50
Gambar Lampiran 12 Mengerjakan UI/UX Website Abhirama Kresna ... 51
Gambar Lampiran 13 Mengerjakan UI/UX Website STIPRAM ... 51
Gambar Lampiran 14 Wireframe UI Website Woobiz X Kemenkop ... 54
Gambar Lampiran 15 UI Website Manna Kampus ... 55
Gambar Lampiran 16 UI Website Abhirama Kresna ... 57
Gambar Lampiran 17 UI Website Cantika Megah Santosa ... 59
Gambar Lampiran 18 Redesign UI Website Belle ... 61
Gambar Lampiran 19 UI Website Indah Berkat Prima... 63
Gambar Lampiran 20 UI Website Kemasindo ... 65
Gambar Lampiran 21 UI Website STIPRAM ... 67
Gambar Lampiran 22 Eksplorasi Desain ... 67
ix
DAFTAR TABEL
Tabel 2. 1 Sumber Daya Manusia di YTC... 6
Tabel 2. 2 Sumber daya fisik di YTC ... 6
Tabel 3. 1 Rencana Jadwal Kegiatan Magang ... 10
Tabel 4. 1 Analisis kebutuhan pengguna ... 16
Tabel 4. 2 Hasil pengujian dengan metode black box ... 34
Tabel Lampiran 1 User Stories PRD PRD POS MOBILE – BAS ... 52
