App Inventor | Cara buat Aplikasi 25 Kisah Nabi

Assalammuaikum Warahmatullaihi Wabarakatu


Hallo..!!

Kembali lagi di Blogger saya πŸ˜€
Karena kali ini saya sedang belajar App Inventor,Jadi kali ini saya akan memberikan Tutorial App Inventor.
Dan yang kita buat kali ini adalah....."Kisah 25 Nabi"
Oke Langsung saja Yuk kita ke toturialnya!!!




Website App Inventor : http://appinventor.mit.edu/explore/#


Tampilan Website App Inventor

Lalu kalian klik Create apps!

My Project
Lalu klik Start new project Seperti diatas

Mengatur Design

Langkah Pembuatan:

1.Splash Screen
Contoh Splash Screen


Pelette User Interface
Components Design
Image:User Interface
Label:User Interface
Clock:Sensor
Pengaturan User Interface Clock


Blog Splash
Penjelasan Blog Splash Screen ...:Jadi Apa bila Waktunya Sudah Habis Dia akan berpindah screen Menu


2.Menu


Tampilan Menu


Components Menu


Pilih Layout VerticalScrollArraganment
Lalu susun tombol/button Dari Nabi Adam sampai Nabi Muhammad Saw


Bila ingin dikasih jarak antara Tombol dan Tombol lain,Kasihlah Label.
Button:User Interface
Label:User interface

Sebelum itu ikutilah cara Screen Cerita
Penjelasan:
Apabila klik tombol nabi yang dipilih akan muncul kisah yang dipilih

3.Screen Cerita
Buatlah Screen Nabi Adam sampai Nabi Muhammad Saw

Lalu isi masing masing cerita sesuai kisah Nabinya.


Contoh Tampilan


Designnya.
VerticalScroll:layout
Label:User Interface
Image:User Interface




Contoh penempatan

Kalian bisa cari ceritannya di Google,saya cari di Website : http://www.masuk-islam.com/nama-nama-25-nabi-lengkap-dengan-riwayat-dan-kisahnya.html

Lalu buatlah critanya sampai Nabi Muhammad

Dah selesai....aplikasinya sudah bisa dipakai teman teman :)



Kalian bisa melihat contohnya disini
sebenarnya ini juga belum jadi karena
tidak ada waktu :v


Oke mungkin segitu aja yang saya bisa sampaikan,terima kasih atas perhatiannya.
Akhir kata Wassalammualaikum Warahmatullaihi wabarakatu.


╭╮╱╱╭╮╱╱╱╱╱╱╱╱╱╱╱╭━━━╮╱╱╱╱╱╱╭╮ ┃╰╮╭╯┃╱╱╱╱╭╮╱╱╱╱╱┃╭━━╯╱╱╱╱╱╱┃┃ ╰╮╰╯╭┻━┳╮╭┫┣━┳━━╮┃╰━━┳━━┳┳━━┫┃ ╱╰╮╭┫╭╮┃┃┃┣┫╭┫┃━┫┃╭━━┫╭╮┣┫╭━┻╯ ╱╱┃┃┃╰╯┃╰╯┃┃┃┃┃━┫┃╰━━┫╰╯┃┃╰━┳╮ ╱╱╰╯╰━━┻━━╯╰╯╰━━╯╰━━━┫╭━┻┻━━┻╯ ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱┃┃ ╱╱╱╱╱╱╱╱


















Komentar

Postingan populer dari blog ini

App Inventor | Cara Membuat Aplikasi Absen Kelas Modern

Cara Membuat Game Fly and Shoot Di Scratch 2

Cara Buat Game Flappy Plane Di Scratch 2