1
LAPORAN PRAKTIK MAGANG
PEMBUATAN WEB PROFILE WISATA EMBUNG BLUBUK KULON PROGO (USER INTERFACE DESIGN)
Oleh :
Nama: Hamizan Hibatullah Nim: 1900018015
PROGRAM STUDI S1 INFORMATIKA FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS AHMAD DAHLAN
TAHUN 2023
i
HALAMAN PERSETUJUAN INSTANSI
Laporan Praktik Magang ini telah disetujui sebagai proses pengajuan seminar bagi
Nama : Hamizan Hibatullah
NIM : 1900018015
Tempat Praktik Magang : Blubuk, Sendangsari, Kulonprogo Realisasi Waktu Pelaksanaan : 5 Bulan
Yogyakarta, 22 Januari 2023 Menyetujui,
Kelompok Wisata Embung Blubuk
(Yunanto Abdul ) NIP. 6019
ii
HALAMAN PENGESAHAN
PRAKTIK MAGANG
PEMBUATAN WEB PROFILE WISATA EMBUNG BLUBUK KULON PROGO
(USER INTERFACES DESIGN)HAMIZAN HIBATULLAH 1900018015
PEMBIMBING : Arfiani Nur Khusna, S.T., M.Kom ..., ...
NIY : 60090586
PENGUJI : Dr. Ardiansyah, S.T., M.Cs. ..., ...
NIY :
60030476
Yogyakarta, Februari 2023 Kaprodi S1 Informatika
Dr. Murinto, S.Si., M.Kom.
NIY. 60040496 17/02/2023
iii
KATA PENGANTAR
Assalamualaikum Wr. Wb.
Alhamdulillah puji dan syukur penulis panjatkan kehadirat Allah SWT atas rahmat dan hidayah-Nya, sehingga penulis dapat menyelesaikan Laporan Kerja Praktek ini dengan Judul “Pembuatan Website Profile Wisata Embung Blubuk Sengangsari Kulonprogo”.
Shalawat serta salam semoga tetap tercurahkan kepada junjungan besar Nabi Muhammad SAW, yang telah membawa umat manusia dari zaman jahiliyah ke zaman yang terang benderang, seperti saat ini. Semoga kita sebagai umatnya dapat memperoleh syafaatnya di akhirat nanti.
Dalam penyusunan laporan ini, penyusun memperoleh bantuan, ilmu dan pengetahuan, serta doa dan dukungan dari beberapa pihak. Oleh karena itu penulis ingin mengucapkan Terimakasih kepada:
1. Bapak
Dr. Murinto, S.Si., M.Kom.Selaku Ketua Prodi Informatika, Fakultas Teknologi Industri, Universitas Ahmad Dahlan.
2. Ibu Arfiani Nur Khusna, S.T., M.Kom selaku dosen Pembimbing yang telah memberikan bimbingan sehingga dapat menyelesaikan laporan Kerja Praktek ini.
3. Bapak Nurli Anwar, S.T., M.Kom. selaku Dosen Pengampu mata kuliah Kerja Praktek Universitas Ahmad Dahlan.
4. Segenap Dosen yang terlibat dalam pengabdian Masyarakat ini
5. Serta kedua orang tua dan teman-teman yang selalu mendukung dan memberikan doa sehingga laporan kerja praktek ini dapat terselesaikan.
Penulis menyadari bahwa dalam Laporan Kerja Praktek ini masih banyak kekuarangan dan jauh dari kata sempurna. Oleh karena itu, kritik dan saran membangun selalu penulis harapkan guna penyusunan laporan yang Lebih baik untuk kedepannya.
Wassalamu’alaikum Wr. Wb.
Yogyakarta, 30 November 2022
Hamizan Hibatullah
iv
DAFTAR ISI
HALAMAN PERSETUJUAN INSTANSI ... i
HALAMAN PENGESAHAN ... ii
KATA PENGANTAR ... iii
DAFTAR ISI ... iv
DAFTAR GAMBAR ... v
DAFTAR TABEL ... vi
BAB I ... 1
PENDAHULUAN ... 1
A. Latar Belakang Kegiatan ... 1
B. Urgensi Kegiatan ... 3
BAB II ... 4
TUJUAN KEGIATAN PENGABDIAN ... 4
BAB III ... 5
SASARAN DAN MANFAAT KEGIATAN ... 5
A. Sasaran ... 5
B. Manfaat ... 5
BAB IV ... 6
PELAKSANAAN KEGIATAN ... 6
A. Tempat ... 6
B. Waktu ... 6
C. Rincian Pelaksanaan ... 7
D. Hasil Kegiatan ... 7
1. Survei Awal, Pengumpulan Data ... 7
2. Analisis Kebutuhan User ... 8
3. Tahapan Prototype ... 11
E. Kendala Pelaksanaan ... 21
BAB V ... 22
KESIMPULAN DAN SASARAN ... 22
A. Kesimpulan ... 22
B. Saran ... 22
Lampiran ... 23
v
DAFTAR GAMBAR
Gambar 4.1 Lokasi Google Maps Wisata Embung Blubuk ... 6
Gambar 4.2 Diagram Use Case ... 8
Gambar 4.3 Activity Diagram Halaman view Home ... 9
Gambar 4.4 Activity Diagram view Profile ... 10
Gambar 4. 5 Activity Diagram view Gallery ... 10
Gambar 4. 6 Activity Diagram view Rute & Lokasi ... 11
Gambar 4.7 Project Sitemap ... 12
Gambar 4.8 Pembuatan Style Guidelines ... 13
Gambar 4. 9 Wireframe Homepage ... 14
Gambar 4.10 Wireframe Laman Profile ... 15
Gambar 4.11 Wireframe Halaman Galeri ... 16
Gambar 4. 12 Wireframe Rute & Lokasi ... 17
Gambar 4. 13 Wireframe Navigation Bar ... 17
Gambar 4. 14 Wireframe Footer ... 17
Gambar 4.15 Desain Prototype Halaman Home ... 19
Gambar 4.16 Desain Prototype Laman Profile ... 19
Gambar 4.17 Desain Prototype Laman Galery ... 20
Gambar 4.18 Desain Prototype Laman Rute & Lokasi ... 20
Gambar 4.19 Desain Prototype Footer ... 21
vi
DAFTAR TABEL
Table 4. 1 Tabel Rincian Pelaksanaan PPM ... 7
