Anda di halaman 1dari 30

Membuat Aplikasi Wisata

(Part 2)
Oleh :
Deuis Nur Astrida, M.Kom.
Screen 1  halaman utama
Screen 2  halaman Tempat Wisata
Screen 3  halaman Kuliner
Screen 4  halaman Pusat Belanja
Screen 5  halaman Penginapan
14. Tambahkan Screen2 untuk membuat halaman tempat wisata

1
2

3
15. Desain tampilan pada Screen2 untuk menampilkan tempat wisata
Catatan :
Jika tidak muat dalam satu tampilan, maka centang kotak scrollable pada menu properties untuk membuat
tampilan scroll ke bawah

Tambahkan tampilan untuk tempat wisata sebanyak 3 gambar lengkap dengan nama dan penjelasan
mengenai tempat wisata tersebut (seperti contoh pada slide sebelumnya).
16. Kembali ke Screen1 dan masuk ke tampilan Blocks untuk
menuliskan kode program pada Button1
17. Drag and drop pada tampilan lembar kerja

18. Pilih menu control, lalu pilih open another screen


19. Drag and drop pada button 1

20. Pilih text


21. Drag and drop open another screen dan tuliskan Screen2
(sama dengan judul screennya)
22. Tambahkan button Back pada Screen 2
23. Tambahkan kode program berikut untuk kembali ke Screen 1
24. Tambahkan Screen 3 dan desain tampilannya seperti berikut :

Tambahkan tampilan untuk kuliner sebanyak 3 gambar


lengkap dengan nama dan penjelasan mengenai kuliner
tersebut (seperti contoh pada slide sebelumnya).
25. Kembali ke Screen1 dan masuk ke tampilan Blocks untuk
menuliskan kode program pada Button2
26. Kembali ke Screen3 dan masuk ke tampilan Blocks untuk
menuliskan kode program pada Button1
27. Tambahkan Screen4 dan desain tampilannya seperti berikut :

Tambahkan tampilan untuk tempat belanja oleh-oleh


sebanyak 3 gambar lengkap dengan nama dan penjelasan
mengenai tempat belanja oleh-oleh tersebut (seperti contoh
pada slide sebelumnya).
28. Kembali ke Screen1 dan masuk ke tampilan Blocks untuk
menuliskan kode program pada Button3
29. Kembali ke Screen4 dan masuk ke tampilan Blocks untuk menuliskan
kode program pada Button1
30. Tambahkan Screen5 dan desain tampilannya seperti berikut :

Tambahkan tampilan untuk penginapan sebanyak 3 gambar


lengkap dengan nama dan penjelasan mengenai tempat
penginapan tersebut (seperti contoh pada slide sebelumnya).
31. Kembali ke Screen1 dan masuk ke tampilan Blocks untuk menuliskan
kode program pada Button4
32. Kembali ke Screen5 dan masuk ke tampilan Blocks untuk menuliskan
kode program pada Button1
33. Buat map pada button lihat peta lokasi, buat Screen6
34. Buka di google untuk mencari koordinat
35. Tuliskan Lokawisata Baturraden
36. Copikan nilai Latitude dan Longitude ke CenterFromString
37. Tambahkan marker untuk menentukan lokasi
38. Tambahkan button kembali
39. Kembali ke Screen1 dan masuk ke tampilan Blocks untuk
menuliskan kode program pada Button5

40. Kembali ke Screen6 dan masuk ke tampilan Blocks untuk menuliskan kode
program pada Button1
41. Buat Screen7 dan buat desain seperti berikut :
42. Kembali ke Screen1 dan masuk ke tampilan Blocks untuk menuliskan
kode program pada Button6

43. Kembali ke Screen7 dan masuk ke tampilan Blocks untuk menuliskan


kode program pada Button1
Terimakasih

Anda mungkin juga menyukai