Hak cipta dan penggunaan kembali:
Lisensi ini mengizinkan setiap orang untuk menggubah,
memperbaiki, dan membuat ciptaan turunan bukan untuk
kepentingan komersial, selama anda mencantumkan nama
penulis dan melisensikan ciptaan turunan dengan syarat
yang serupa dengan ciptaan asli.
Copyright and reuse:
This license lets you remix, tweak, and build upon work
non-commercially, as long as you credit the origin creator
and license it on your new creations under the identical
terms.
PERANCANGAN UI/UX APLIKASI MOBILE
PADA PT AMANAH UMROH HANDAL
(UMROH.COM)
LAPORAN KERJA MAGANG
Thalia Sari Landi 00000012575
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS TEKNIK DAN INFORMATIKA
UNIVERSITAS MULTIMEDIA NUSANTARA
TANGERANG
2019
PERNYATAAN
Dengan ini saya menyatakan bahwa telah melaksanakan praktek kerja magang pada:
Nama Perusahaan : PT. Amanah Umroh Handal Divisi : UI/UX
Alamat : Equity Tower lt.18, SCBD, Sudirman, Jakarta Selatan
Periode Magang : 6 Maret 2019 – 29 Mei 2019 Pembimbing Lapangan : Haidar Muthahari
Laporan kerja magang ini adalah karya tulis saya sendiri, bukan plagiat dari karya tulis yang ditulis oleh orang lain atau lembaga lain, dan semua karya tulis orang lain atau lembaga lain yang dirujuk dalam laporan kerja magang ini telah disebutkan sumber kutipannya serta dicantumkan di Daftar Pustaka.
Jika di kemudian hari terbukti ditemukan kecurangan / penyimpangan, baik dalam pelaksanaan kerja magang maupun dalam penulisan laporan kerja magang, saya bersedia menerima konsekuensi dinyatakan TIDAK LULUS untuk mata kuliah kerja magang yang telah saya tempuh dan status kesarjanaan strata satu yang sudah diterima akan dicabut.
PERANCANGAN UI/UX APLIKASI MOBILE PADA PT AMANAH UMROH HANDAL (UMROH.COM)
ABSTRAK Oleh: Thalia Sari Landi
PT Amanah Umroh Handal atau Umroh.com merupakan anak perusahaan dari PT Global Tiket Network (Tiket.com) yang berfokus pada online marketplace untuk travel haji dan umroh di Indonesia. Umroh.com menyediakan platform bagi travel umroh di Indonesia untuk memasarkan paket umroh dan haji miliknya serta menjadi tempat bagi umat muslim di Indonesia untuk mencari paket umroh dan haji dengan pilihan yang lengkap dari berbagai macam travel yang tersedia.
Pada Umroh.com, tim UI/UX berperan sebagai tim yang memulai dalam proses pembuatan dan pengembangan produk karena posisi ini berperan penting dalam menentukan perilaku dan pengalaman user dalam menggunakan website dan aplikasi mobile yang dibangun serta merancangnya agar dapat terlihat menarik dan mudah dipaham oleh user. Posisi penting ini membuat PT Amanah Umroh Handal membutuhkan tenaga bantuan sehingga menerima lowongan kerja magang sebagai UI/UX Designer.
Selama program kerja magang berlangsung, tugas yang dikerjakan adalah membuat rancangan UI/UX (prototype) untuk aplikasi mobile Umroh.com yang baru dibangun. Kerja magang dilaksanan selama 56 hari kerja ini memberikan banyak wawasan terutama dalam menentukan perilaku dan pengalaman pengguna dalam suatu sistem serta pengalaman seperti mengetahui cara bekerja di sebuah perusahaan bidang IT.
DESIGNING UI/UX MOBILE APPLICATION AT PT AMANAH UMROH HANDAL (UMROH.COM)
ABSTRACT
By: Thalia Sari Landi
PT Amanah Umroh Handal or Umroh.com is a subsidiary of PT Global Tiket Network (Tiket.com) which focuses on the online marketplace for Hajj and Umrah travel in Indonesia. Umroh.com is a platform for Umrah travels in Indonesia to market their Umrah and Hajj packages as well as a place for Muslims in Indonesia to look for Umrah and Hajj packages with a complete choice of the various types of travel available.
On Umroh.com, the UI / UX team acts as a team that starts in the process of making and developing products because this position plays an important role in determining the behavior and experience of users in using websites and mobile applications that are built and designing it so that it can be attractive and easily understood by users . This important position made PT Amanah Umroh Handal need help for this position so they accepted job vacancies (internship) as UI / UX Designer.
As long as the internship program is taking place, the task is to design a UI / UX (prototype) for the Umroh.com mobile application. The internship work carried out for 56 working days provides a lot of insight especially in determining the behavior and user experience in a system and experience such as knowing how to work in an IT company.
Keywords: Prototype, PT Amanah Umroh Handal, UI / UX Designer, Umroh.com
KATA PENGANTAR
Puji dan syukur kepada Tuhan Yang Masa Esa penulis sampaikan, karena berkat rahmat dan karunia-Nya penulis dapat menyelesaikan laporan kerja magang yang berjudul “Perancangan UI/UX Aplikasi Mobile Pada PT Amanah Umroh Handal (Umroh.com)” tepat pada waktunya. Laporan magang ini diajukan kepada Program Studi Sistem Informasi, Fakultas Teknologi dan Komunikasi, Universitas Multimedia Nusantara.
Dengan berakhirnya proses kerja magang dan penulisan laporan kerja magang ini, penulis ingin menyampaikan terima kasih kepada PT Amanah Umroh Handal yang telah memberi kesempatan bagi penulis untuk dapat melaksanakan kerja magang pada divisi UI/UX. Selain itu, penulis juga ingin menyampaikan terima kasih atas bimbingan, bantuan serta semangat yang diberikan kepada penulis sehingga dapat menyelesaikan laporan kerja magang ini kepada:
1. Ibu Ririn Ikana Desanti, S.Kom., M.Kom. selaku Ketua Program Studi Sistem Informasi Universitas Multimedia Nusantara, serta dosen pembimbing yang telah membimbing dan memberikan pengarahan kepada penulis selama pengerjaan laporan kerja magang.
2. Bapak Haidar Muthahari selaku pembimbing lapangan yang selalu membimbing dan memberikan arahan selama masa program magang berlangsung.
3. Rekan-rekan kerja di tempat magang yang telah bekerjasama dan membantu jika penulis menemukan kesulitan dalam melakukan pekerjaan di tempat magang. 4. Ayah dan Ibu selaku orang tua penulis yang telah memberikan doa dan motivasi kepada penulis.
5. Semua pihak yang telah memberikan dukungan yang tidak dapat penulis sebutkan secara satu per satu.
Semoga dengan adanya laporan kerja magang ini para pembaca mendapatkan informasi yang bermanfaat dan inspirasi mengenai pelaksanaan program kerja magang. Penulis menyadari bahwa laporan ini masih jauh dari kata sempurna dan terdapat banyak kekurangan di dalamnya. Oleh karena itu, penulis mengharapkan saran dan kritik yang membangun dari para pembaca untuk dapat menyempurnakan laporan kerja magang ini dan penulisan laporan berikutnya.
Tangerang, 10 Juni 2019
DAFTAR ISI
PERNYATAAN ... ii
HALAMAN PENGESAHAN ... Error! Bookmark not defined. ABSTRAK ... v
ABSTRACT ... vi
KATA PENGANTAR ... vii
DAFTAR ISI ... ix
DAFTAR GAMBAR ... xi
DAFTAR TABEL ... xiii
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang ... 1
1.2. Maksud dan Tujuan Kerja Magang ... 2
1.3. Waktu dan Prosedur Pelaksanaan Kerja Magang ... 3
1.3.1. Waktu Pelaksanaan Magang ... 4
1.3.2. Prosedur Pelaksanaan Magang ... 5
BAB II GAMBARAN PERUSAHAAN ... 7
2.1. Tentang PT Amanah Umroh Handal (Umroh.com) ... 7
2.2. Visi dan Misi Perusahaan ... 9
2.3. Struktur Organisasi Perusahaan ... 10
BAB III PELAKSANAAN KERJA MAGANG... 14
3.1 Kedudukan dan Koordinasi ... 14
3.2 Tugas yang Dilakukan ... 15
3.3.1 Perkenalan dan Membuat User Flow Fitur Tabungan Umroh (Minggu
1 - Minggu 2) ... 16
3.3.2 Membuat Rancangan Fitur Tabungan Umroh (Minggu 2 – Minggu 4) ………..18
3.3.3 Membuat Rancangan Pembayaran Paket Umroh (Minggu 4) ... 26
3.3.4 Membuat Rancangan Menu Pesanan Mobile Application ... 29
3.3.5 Membuat Rancangan User Profile Mobile Application (Minggu 5 – Minggu 6) ... 31
3.3.6 Membuat Rancangan Sticky Features Mobile Application (Minggu 6 – Minggu 8) ... 36
3.3.7 Membuat User Flow Website Vendor Dashboard (Minggu 8-Minggu 11)………..39
3.3.8 Membuat Laporan Kerja Magang (Minggu 12 - Minggu 13) ... 39
3.4 Kendala yang Dihadapi ... 39
3.5 Solusi Atas Masalah ... 40
BAB IV KESIMPULAN DAN SARAN ... 41
4.1 Kesimpulan ... 41
4.2 Saran ... 42
4.2.1. Saran Bagi Perusahaan ... 42
4.2.2. Saran Bagi Universitas ... 43
4.2.3. Saran Bagi Para Mahasiswa ... 43
DAFTAR PUSTAKA ... 45
DAFTAR GAMBAR
Gambar 2.1. Logo PT Amanah Umroh Handal (Umroh.com) ... 7
Gambar 2.2. Press Conference Launching Mobile Application Umroh.com ... 9
Gambar 2.3. Struktur Organisasi PT Amanah Umroh Handal (Umroh.com) ... 10
Gambar 3.1. Flow Fitur Tabungan Umroh... 17
Gambar 3.2. Prototype Halaman Dashboard Tabungan Umroh ... 18
Gambar 3.3. Prototype Halaman Setor Tabungan Umroh Tahap 1 ... 19
Gambar 3.4. Prototype Halaman Setor Tabungan Umroh Tahap 2 ... 20
Gambar 3.5. Prototype Halaman Setor Tabungan Umroh Tahap 3 ... 21
Gambar 3.6. Prototype Halaman Riwayat Transaksi Fitur Tabungan ... 22
Gambar 3.7 Prototype Halaman Tarik Uang Tahap 1 ... 23
Gambar 3.8. Prototype Halaman Tarik Uang Tahap 2 ... 24
Gambar 3.9. Prototype Halaman Verifikasi Tarik Uang ... 25
Gambar 3.10. Prototype Halaman Pembayaran Tahap 1 ... 26
Gambar 3.11. Prototype Halaman Pembayaran Tahap 2 ... 27
Gambar 3.12. Prototype Halaman Pembayaran Tahap 3 ... 28
Gambar 3.13. Prototype Halaman Pesanan... 29
Gambar 3.14. Prototype Halaman Pesanan Terisi ... 30
Gambar 3.15. Prototype Halaman User Profile ... 31
Gambar 3.16. Prototype Halaman Edit Akun ... 32
Gambar 3.17. Prototype Halaman Edit Akun Dropdown ... 33
Gambar 3.19. Prototype Halaman Data Jamaah ... 35
Gambar 3.18. Prototype Halaman Arah Kiblat ... 36
Gambar 3.22. Prototype Halaman Al Quran ... 37
