commit to user
PERANCANGAN USER INTERFACE APLIKASI MOBILE PHONE BERBASIS ANDROID PANDUAN WISATA
DIENG UNTUK MENDUKUNG PARIWISATA DATARAN TINGGI DIENG
Disusun Guna Melengkapi dan Memenuhi Persyaratan Mencapai Gelar Sarjana Seni Rupa
Program Studi Desain Komunikasi Visual
Disusun oleh Dian Angga Saputra
C0716019
PROGRAM STUDI DESAIN KOMUNIKASI VISUAL FAKULTAS SENI RUPA DAN DESAIN
UNIVERSITAS SEBELAS MARET SURAKARTA
2020
commit to user i
commit to user ii
commit to user iii
commit to user iv
PERSEMBAHAN
Karya ini saya persembahkan untuk:
Keluarga tercinta, sahabat dan teman tersayang yang telah mendukung.
commit to user v
MOTTO
Jangan urusi hidup orang lain, waktu tak selonggar itu
commit to user vi
KATA PENGANTAR
Puji syukur penulis panjatkan kepada Allah SWT yang telah memberikan limpahan rahmat, bimbingan, serta ridho hingga penulis dapat menyelesaikan Karya Tugas Akhir ini meskipun dengan berbagai hambatan yang ada. Dengan bantuan, bimbingan, serta arahan dari berbagai pihak, maka penulisan Proposal Tugas Akhir dengan judul PERANCANGAN USER INTERFACE APLIKASI MOBILE PHONE BERBASIS ANDROID PANDUAN WISATA DIENG UNTUK MENDUKUNG PARIWISATA DATARAN TINGGI DIENG ini dapat terselesaikan dengan baik. Untuk itu penulis ingin menyampaikan rasa terimakasih kepada:
1. Dr. Rahmanu Widayat, M.Sn. selaku Dekan Fakultas Seni Rupa dan Desain Universitas Sebelas Maret Surakarta.
2. Andreas Slamet Widodo S.Sn., M.Hum. selaku Ketua Program Studi S1 Desain Komunikasi Visual
3. Anugrah Irfan Ismail S.Sn., M.Sn. selaku pembimbing I yang telah memberikan pengarahan serta kritik yang membangun.
4. Arif Ranu Wicaksono S.Kom., M.Kom selaku pembimbing II yang telah banyak memberikan arahan, masukan, dan saran yang bermanfaat dalam Karya Tugas Akhir ini.
5. Seluruh Dosen dan karyawan Fakultas Seni Rupa dan Desain Universitas Sebelas Maret Surakarta, khususnya S1 Desain Komunikasi Visual.
6. Keluarga dan para sahabat yang senantiasa mendukung penulis untuk tetap bersemangat dalam menyelesaikan kuliah dengan baik dan lancar.
commit to user vii
7. Teman˗teman serta seluruh pihak yang telah membantu penulis dalam menyelesaikan Proposal Tugas Akhir.
Penulis menyadari bahwa dalam penyusunan Proposal Tugas Akhir ini masih jauh dari sempurna, karena keterbatasan penulis dalam berbagai hal. Oleh karena itu saran dan kritik yang sifatnya membangun sangat penulis harapkan dari para pembaca. Akhir kata penulis ucapkan terimakasih dan penulis berharap semoga apa yang telah penulis susun ini dapat bermanfaat serta menambah wawasan bagi pembaca.
Surakarta, 2 Juli 2020
Penulis
commit to user viii
DAFTAR ISI
HALAMAN JUDUL... Error! Bookmark not defined.
TUGAS AKHIR ... Error! Bookmark not defined.
LEMBAR PERSETUJUAN ... Error! Bookmark not defined.
PENGESAHAN ... Error! Bookmark not defined.
PERNYATAAN ... ii
PERSEMBAHAN ... iv
MOTTO ... v
KATA PENGANTAR ... vi
DAFTAR ISI ... viii
DAFTAR BAGAN ... x
DAFTAR TABLE ... xi
DAFTAR GAMBAR ... xii
ABSTRAK ... xv
ABSTRACT... xvi BAB I PENDAHULUAN ... Error! Bookmark not defined.
A. Latar Belakang ... Error! Bookmark not defined.
B. Rumusan Masalah ... Error! Bookmark not defined.
C. Tujuan dan Perancangan ... Error! Bookmark not defined.
D. Manfaat Perancangan ... Error! Bookmark not defined.
E. Metode Peneliian ... Error! Bookmark not defined.
F. Metode Analisis Data ... Error! Bookmark not defined.
BAB II LANDASAN TEORI... Error! Bookmark not defined.
A. Tinjauan Perancangan ... Error! Bookmark not defined.
B. Tinjauan User Interface ... Error! Bookmark not defined.
C. Tinjauan Aplikasi ... Error! Bookmark not defined.
D. Tinjauan tentang Android ... Error! Bookmark not defined.
BAB III IDENTIFIKASI ... Error! Bookmark not defined.
A. Identifikasi Objek ... Error! Bookmark not defined.
B. Target User ... Error! Bookmark not defined.
commit to user ix
C. Komparasi SWOT Aplikasi Sejenis . Error! Bookmark not defined.
D. Analisis SWOT ... Error! Bookmark not defined.
BAB IV KONSEP PERANCANGAN... Error! Bookmark not defined.
A. Konsep Kreatif Aplikasi ... Error! Bookmark not defined.
B. Konsep Kreatif Media Pendukung .... Error! Bookmark not defined.
BAB V PROSES PERANCANGAN ... Error! Bookmark not defined.
A. Alur Perancangan Mobile App ... Error! Bookmark not defined.
B. Pengembangan Desain ... Error! Bookmark not defined.
C. Tampilan Visual Apps ... Error! Bookmark not defined.
D. Desain Media Pendukung ... Error! Bookmark not defined.
PENUTUP ... Error! Bookmark not defined.
A. Kesimpulan ... Error! Bookmark not defined.
B. Saran ... Error! Bookmark not defined.
DAFTAR PUSTAKA ... Error! Bookmark not defined.
LAMPIRAN ... Error! Bookmark not defined.
commit to user x
DAFTAR BAGAN
Bagan 1. Struktur organisasi ... Error! Bookmark not defined.
Bagan 2. Prediksi biaya produksi aplikasi ... Error! Bookmark not defined.
Bagan 3. Prediksi biaya media pendukung ... Error! Bookmark not defined.
commit to user xi
DAFTAR TABLE
Tabel 1. Tabel Fasilitas Pendukung Kawasa Wisata DiengError! Bookmark not defined.
Tabel 2. Tabel analisis SWOT ... Error! Bookmark not defined.
Tabel 3. Usability testing user persona 1... Error! Bookmark not defined.
Tabel 4. Usability testing user persona 2... Error! Bookmark not defined.
Tabel 5. Usability testing user persona 3... Error! Bookmark not defined.
Tabel 6. Perbaikan UI dan UX ... Error! Bookmark not defined.
commit to user xii
DAFTAR GAMBAR
Gambar 1 Design thingking ... Error! Bookmark not defined.
Gambar 2. Kawah sikidang ... Error! Bookmark not defined.
Gambar 3. Telaga warna dan telaga pengilon ... Error! Bookmark not defined.
Gambar 4. Telaga cebong ... Error! Bookmark not defined.
Gambar 5. Telaga Merdada ... Error! Bookmark not defined.
Gambar 6. Gunung sikunir/golden sunrise ... Error! Bookmark not defined.
Gambar 7. Komplek candi arjuna ... Error! Bookmark not defined.
Gambar 8. Candi Gatotkaca ... Error! Bookmark not defined.
Gambar 9. Tuk Bima lukar... Error! Bookmark not defined.
Gambar 10. Museum Kailasa ... Error! Bookmark not defined.
Gambar 11. Agrowisata Tambi ... Error! Bookmark not defined.
Gambar 12. Dieng Plateau Theater ... Error! Bookmark not defined.
Gambar 13. Tampilan menu utama aplikasi Wisata NgawiError! Bookmark not defined.
Gambar 14. Tampilan menu utama aplikasi Wis SemarError! Bookmark not defined.
Gambar 15. User Persona1 ... Error! Bookmark not defined.
Gambar 16. User persona 2 ... Error! Bookmark not defined.
Gambar 17. Gambar diagram flow aplikasi Wisata DiengError! Bookmark not defined.
Gambar 18. Keterjangkauan penggunaan satu tangan.Error! Bookmark not defined.
commit to user xiii
Gambar 19. Kolom ... Error! Bookmark not defined.
Gambar 20. Gutter ... Error! Bookmark not defined.
Gambar 21. Margin ... Error! Bookmark not defined.
Gambar 22. Keterjangkauan penggunaan satu tangan. ... 60 Gambar 23. Font Lato ... Error! Bookmark not defined.
Gambar 24. Apps bar: top ... Error! Bookmark not defined.
Gambar 25. Navigation drawer... Error! Bookmark not defined.
gambar 26. Logo Aplikasi Wisata Alam ... Error! Bookmark not defined.
gambar 27. Low fidelity landing page dan home ... Error! Bookmark not defined.
gambar 28. Low fidelity menu dan deskripsi ... Error! Bookmark not defined.
gambar 29. Low fidelity detai deskripsi dan pencarianError! Bookmark not defined.
gambar 30. Low fidelity peta dan foto ... Error! Bookmark not defined.
gambar 31. High Fidelity landing page ... Error! Bookmark not defined.
gambar 32. High Fidelity home dan menu... Error! Bookmark not defined.
gambar 33. High Fidelity deskripsi dan detai deskripsiError! Bookmark not defined.
gambar 34. High Fidelity peta dan pencarian ... Error! Bookmark not defined.
gambar 35. Style guide ... Error! Bookmark not defined.
gambar 36. Mood board ... Error! Bookmark not defined.
gambar 37. User persona 1 ... Error! Bookmark not defined.
gambar 38. User persona 2 ... Error! Bookmark not defined.
gambar 39. User persona 3 ... Error! Bookmark not defined.
commit to user xiv
gambar 40. Aplikasi Wisata Dieng ... Error! Bookmark not defined.
gambar 41. Tampilan home dan menu ... Error! Bookmark not defined.
gambar 42. Tampilan kategori ... Error! Bookmark not defined.
gambar 43. Tampilan pencarian ... Error! Bookmark not defined.
gambar 44. Tampilan deskripsi... Error! Bookmark not defined.
gambar 45. Tampilan foto dan peta ... Error! Bookmark not defined.
gambar 46. Media pendukung online banner(facebook)Error! Bookmark not defined.
gambar 47. Media pendukung x˗banner ... Error! Bookmark not defined.
gambar 48. Media pendukung poster... Error! Bookmark not defined.
gambar 49. Media pendukung instagram post ... Error! Bookmark not defined.
gambar 50. Meda pendukung instagram story ... Error! Bookmark not defined.
gambar 51. Lampiran media utama, home, menu, dan sub menu ... Error!
Bookmark not defined.
gambar 52. Lampiran media utama deskripsi dan fotoError! Bookmark not defined.
gambar 53. Lampiran media utama tiketing pemesanan tiket wisata ... Error!
Bookmark not defined.
gambar 54. Lampiran media utama penginapan dan tiketingError! Bookmark not defined.
gambar 55. Lampiran media utama sistem pembayaran pemesanan ...Error! Bookmark not defined.
commit to user xv
gambar 56. Lampiran media pendukung instagram post dan story ... Error!
Bookmark not defined.
gambar 57. Lampiran media pendukung online bannerError! Bookmark not defined.
gambar 58. Lampiran media pendukung poster .... Error! Bookmark not defined.
gambar 59. Lampiran media pendukung x˗banner Error! Bookmark not defined.
commit to user xvi
Perancangan User Interface Aplikasi Mobile Phone Berbasis Android Panduan Wisata
Dieng Untuk Mendukung Pariwisata Dataran Tinggi Dieng
--- Dian Angga Saputra1
Anugrah Irfan Ismail S.Sn., M.Sn.2 Arif Ranu Wicaksono S.Kom., M.Kom.3
ABSTRAK
Dian Angga Saputra. 2020. Pengantar karya Tugas Akhir ini berjudul “Perancangan user interface aplikasi mobilephone berbasis Android panduan wisata dieng untuk mendukung pariwisata dataran tinggi dieng”. Dataran Tinggi Dieng merupakan kawasan wisata yang memiliki banyak sekali obyek wisata yang tiap tahun meningkat jumlah kunjungan wisatanya. Namun kurangnya informasi dan platform pendukung wisata membuat wisatawan kurang mengetahui wisata apa saja yang ada di Dieng. Adapun penelitian yang digunakan adalah penelitian kualitatif, yaitu data yang disajikan dalam bentuk kata verbal. Berdasarkan paparan di atas, dibuatlah setrategi kreatif berupa sebuah media berupa aplikasi Android agar masyarakat lebih nyaman dalam berwisata di Dataran Tinggi Dieng. Aplikasi tersebut nantinya akan bersifat interaktif, informatif, dan praktis. Aplikasi menggunakan foto asli dari obyek wisata yang ada di Dieng dan menggunakan user interface yang sederhana dengan elemen desain yang mudah dikenali. Media yang dihasilkan berupa Aplikasi mobile yang berjudul Wisata Dieng yang berjalan pada smartphone Android yang digunakan oleh wisatawan untuk mengakses informasi (lokasi wisata, harga tiket, penginapan, dan wisata pendukung) dan pemesanan serta pembelian tiket masuk wisata dan penginapa. Kemudian didukung oleh media pendukung berupa online ads, poster, X-banner, dan Instagram post dan story.
Dengan dibuatnya aplikasi wisata Dieng, diharapkan bisa mempermudah wisatawan untuk mendapatkan informasi mengenai obyek wisata yang ada di Dieng. Dan membantu memperkenalkan wisata Dieng.
Kata kunci : aplikasi, wisata, Dieng.
____________________________
1 Mahasiswa Prodi S1 Desain Komunikasi Visual FSRD UNS
2 Dosen Pembimbing I
3 Dosen Pembimbing II
commit to user xvii
Designing an Android-based mobilephone application interface for Dieng Tourism Guides to
support Dieng Plateau Tourism
--- Dian Angga Saputra4
Anugrah Irfan Ismail S.Sn., M.Sn.5 Arif Ranu Wicaksono S.Kom., M.Kom.6
ABSTRACT
Dian Angga Saputra. 2020. Introduction to this Final Project entitled "Designing an Android-based mobilephone application interface for Dieng Tourism Guides to support Dieng Plateau Tourism". Dieng Plateau is a tourist area that has a lot of tourist attractions which each year increases the number of tourist visits. But the lack of information and tourist support platforms makes tourists less aware of what tourism is in Dieng. The research method used in this assignment is qualitative, it is based on verbal words, not numbers. Based on the explanation above, a creative strategy is made in the form of an Android application so that people are more comfortable traveling in the Dieng Plateau. The application will be interactive, informative, and practical. The application uses real photos of tourist objects in Dieng and uses a simple user interface with easily recognizable design elements.
The resulting media is a mobileapplication entitled Wisata Dieng which runs on an Android smartphone which is used by tourists to access information (tourist locations, ticket prices, lodging, and supporting tours) and ordering and purchasing tourist and lodging entrance tickets. Then supported by supporting media in the form of online ads, posters, X˗banners, and Instagram posts and stories. For the sake of supporting access to information for tourists who are growing rapidly, Dieng tourism application was made as a Dieng tourism information platform. With the creation of the Dieng tourism application, hopefully, that it can make it easier for tourists to get information about the tourism site in Dieng. And Dieng tourism will most likely to be known.
Keywords: application, travel, Dieng.
____________________________
4 The student of Visual Communication Design Faculty of Fine Art and Design Sebelas Maret University
5 Guide Lecture I
6 Guide Lecture II
commit to user 1
