Save to Excel and Read to Listview  MIT App Inventor - Assalamualaikum.wr.wb, Semoga Keselamatan dan rahmat Allah, serta keberkahan-Nya terlimpah pada kalian.Aminnn Ya robbalalamin, dari coba caba dan penasaran akkhirnya saya bisa mengkoneksikan MIT App Inventor dengan Mini Exel (Csv), Pada Tutorial Save to Excel and Read to Listview  MIT App Inventor saya berharap bagi pembaca bisa mengembangkankannya dan bermanfaat juga tentunya, apabila anda ingin melanjutkan project saya nenti bisa langsung Download Source Code Save to Excel and Read to Listview  MIT App Inventor.

Excel MIT App Inventor

Pada dasarnya project saya ini hanyalah menyimpan ke excel yang berextensi “Csv” yang isinya sangatlah sederhana sekali, Jika anda menemukan soruce code yang lebih sederhana saya harappun anda bisa berbagi dengan saya disini, karna saya maklumi saja masih pemula dan masih banyak belajar juga tapi meskipun ilmu saya sedikit saya sangat bersyukur dan terus belajar, semoga ada hikmahnya dibalik saya belajar ini, minimal bisa berbagi kepada seudara yang lagi membaca ini. Amin ya robbalalamin…

Kunjungi Juga : Cara Membuat Aplikasi Pemutar Musik Pada MIT App Inventor

Untuk menghemat waktu langsung saja kita praktekin cara membut project excel dengan MIT App Inventor, pertama anda buat dulu nama projectnya seperti gambar dibawah ini.

Tampilan Project Excel MIT App Inventor

Selanjutnya masukan komponen komponen yang diperlukan seperti gambar dibawah ini.

Tampilan Design Excel MIT App Inventor

Untuk propertynya silahkan anda sesuaikan dengan gambar diatas, kalau kurang mengerti sulahkan tinggalkan pesan dikolom komentar, selanjutnya kita menyusun block programnya.

Kunjungi Juga : Cara Membuat Game Edukasi Anak Mengenal Angka | MIT App Inventor

Pertama kita susun block prosedur untuk clear yang artinya menghapus string yang ada ditextbox secara berkelompok setelah melakukan input data, buat blocknya seperti gambar dibawah ini.

Tampilan block Prosedur clear textbox MIT App Inventor

Setelah menyusun block clear, ikuti selanjutnya menyusun block save yang artinya menyimpan data ke mini excel dan berextensi csv, seperti gambar dibawah ini.

Tampilan Save Excel MIT App Inventor

Keterangan : Untuk filename silahkankan masukan formatnya seperti ini “/[nama file].csv seperti block diatas.

Selanjutnya block untuk read yang berfungsi membaca file excel csv ke listview dan susun blocknya seperti gambar dibawah ini.

Tampilan Read Excel to ListView MIT App Inventor

Keterangan : Untuk filename silahkankan masukan formatnya seperti ini “/[nama file].csv seperti block diatas.

Nah, cumin segitu aplikasi simpan data ke excel menggunakan MIT App Inventor, silahkan beri saran dan silahkan juga bertanya apabila ada pertanyaan, Untuk lebih jelasnya bisa diklik video tutorianya : Video Tutorial Save to Excel and Read to Listview  MIT App Inventor . jangan lupa disubscribe dan tunggu video2 berikutnya..

Link Download :

Download Source Code Save to Excel and Read to Listview  MIT App Inventor | aia / Apk

Semoga setidaknya sedikit bermanfat untuk yang membaca sekarang ini. Amin...

Wassalam.

Cara Membuat Aplikasi Pemutar Musik Pada MIT App Inventor

Cara Membuat Aplikasi Pemutar Musik Pada MIT App Inventor - Allhamdulillah karna Rahmatnya kita masih bisa menuntut ilmu, pada kali ini saya akan membuat project sederhana MIT App Inventor dan pada Tutorial Cara Membuat Aplikasi Pemutar Musik Pada MIT App Inventor yaitu berisi tentang memutar audio dari SdCard yang akan diputar pada aplikasi, sebenarnya saya hanya membuat pemutar music sederhana saja dan masih jauh dari pada pemutar musik pada aplikasi yang sudah anda jalankan tapi disini anda bisa kembangkan nantinya, kalo ingin melanjutkan silahkan anda bisa langsung Download Souce Aplikasi Pemutar Musik Pada MIT App Inventor.

Pemutar Musik MIT App Inventor

Aplikasi Pemutar musik Android sekarang sudah banyak tampilan yang menarik dan fitur yang menarik juga tentunya, tapi alangkah bangganya kita sedikit tau tentang pembuatan program aplikasi tersebut meskipun jauh dari kesempurnaan, untuk membuat program sederhananya langsung saja kita praktekin.

Kunjumgi Juga : Cara Membuat  Game  Edukasi Anak Mengenal Angka

Buat nama projectnya seperti gambar dibawah ini atau ada nama yang lebih bagus dari ini, kalau saya buat seperti gambar dibawah ini.

Tampilan Project Pemutar Musik MIT App Inventor

Selanjutnya masukan komponen komponen yang dibutuhkan ke design project, untuk komponen yang dibutuhkan silahkan lihat gambar dibawah ini.

Tampilan Design Pemutar Musik MIT App Inventor

Catatan : 

1. Untuk property Image button silahkan anda masukan image/atau gambar yang anda suka
2. Untuk activityStarter silahkan ganti/tambahkan property (action= android.intent.action.GET_CONTENT)

Selanjutnya kita masuk keblocknya, silahkan susun blocknya seperti gambar dibawah ini.

Tampilan Block Pemutar Musik MIT App Inventor

Kunjungi Juga : Cara Membuat Game Edukasi Anak Belajar Mewarnai | MIT App Inventor

Setelah siap menyusun blocknya berarti siap membuat project sederhananya, silahkan kembangkan atau gunakan untuk mengatur property yang lainnya, Untuk lebih jelasnya atau melihat video tutorial MIT App Inventor pemula silahkan lihat disini : Video tutorial Cara Membuat Aplikasi Pemutar Musik Pada MIT App Inventor, jangan lupa subscribe supaya tidak ketinggalan tutorialnya.

Link Download :

Download Cara Membuat Aplikasi Pemutar Musik Pada MIT App Inventor | aia / apk

Mudah mudahan bermanfaat, silahkan tinggalkan komentar anda untuk mengajari saya kalau salah dan silahkan tinggalkan komentarnya juga bila ada pertannyaa. See you.

Cara Membuat Game Edukasi Anak Mengenal Angka – Part2 Latihan | Mit App Inventor

Cara Membuat Game Edukasi Anak Mengenal Angka – Part2 Latihan | Mit App Inventor – Assalamualaikum warahmatullahi wabarakatuh, Pada kali ini saya akan membahas lanjutan game edukasi pada anak anak, yaitu lanjutan dari part1 yang membahas pengenalan angka pada Tutorial Game Edukasi Mengenal Angka- Part2 Latihan | Mit App Inventor tujuannya adalah bisa mendidik anak, melatih mengenal angka tanpa harus kita memberikan latihan latihan atau pertanyaan pertanyaan kepada anak anak dari kita cukup dengan membuat aplikasi dan kita jelankan di smartphone android, nah pada nantinya anda bisa  Download Source Code Game Edukasi Mengenal Angka – Part2 Latiahan | Mit App Inventor dibawah ini.

Game Edukasi Mengenal Angka

Sebelum kita membuat projectnya alangkah baiknya anda baca atau pelajari dulu tentang pengenalan angka baca juga : Cara Membuat  Game  Edukasi Anak Mengenal Angka – Part1 Pengenalan | Mit App Inventor.

Untuk pembuatan projectnya ikutin cara  caranya dibawah ini :

Buat Project baru dengan nama Mengenal_Angka atau penamaannya terserah anda, atau mengikuti gambar dibawah ini.

Tampilan Project Game Edukasi Mengenal Angka

Selanjutnya anda masukan komponen yang diperlukan ke desain program seperti gambar dibawah ini.

Tampilan Design Game Edukasi Mengenal Angka

Keterangan:

1. Label  Property(untuk property ukuran atau nama silahkan anda buat sendiri sesuai judul anda).
2. Image Property(silahkan masukan gambar yang anda inginkan).
3. Image.
4. Button Property(untuk semua button supaya susunannya rapi silahkan dikasih layout, dan untuk  name button disini saya buat button1= image1, dan seterusnya sampai sembilan)kalau kurang jelas silahkan komentar atau liat video tutorialnnya..
5. Texttospeech (Untuk membaca angka yang ditekan atau button angka yang di klik)

Selanjutnya masuk ke block program, silahkan buat block untuk variable seperti gambar dibawah ini.

Tampilan Block variable Game Edukasi Mengenal Angka

Setelah anda buat block variable, silahkan susun block selanjutnya seperti gambar dibawah ini

Kunjungi juga : Cara membuat aplikasi Senter Android

Tampilan Block Game Edukasi Mengenal Angka

Selanjutnya yaitu block untuk pilihan atau pertanyaan selanjutnya, seperti gambar dibawah ini.

Tampilan Block Button Game Edukasi Mengenal Angka

Dan yang terakhir adalah block untuk game selesai atau penilaian,seperti gambar dibawah ini.

Kunjungi juga : cara membuat kuis pilihan ganda | MIT App Inventor

Tampilan Block Game Edukasi Mengenal Angka

Cuman segitu pembuatan aplikasi nya, maaf disini saya hanya bisa membuat tutorial sederhana saja, kalau sudah siap langsung coba atau dijalankan, Untuk lebih jelasnya bisa diklik video ini :Video tutorial MIT App Inventor cara membuat game edukasi mengenal angka  | Part 2 latiahan.  jangan lupa disubscribe dan tunggu video2 berikutnya..

Link Download :

Download Source  Code Game  Edukasi Anak Mengenal Angka – Part2 Latihan / aia

Mudah mudahan bermanfaat,  Sekian dari saya Assalamualaikum warahmatullahi wabarakatuh, 

Cara Membuat Game Edukasi Anak Mengenal Angka – Part1 Pengenalan | Mit App Inventor

Cara Membuat  Game  Edukasi Anak Mengenal Angka – Part1 Pengenalan | Mit App Inventor – Assalamualaikum warahmatullahi wabarakatuh, Pada kali ini saya akan membahas game edukasi pada anak anak, dimana tujuan pembuatan game sederhana ini atau pada Tutorial Game Edukasi Mengenal Angka | Mit App Inventor bisa mendidik anak secara mengikuti teknologi sekarang yaitu menggunakan android sebagai media pembelajaran bagi anak anak, nah pada nantinya anda bisa  Download Source Code Game Edukasi Mengenal Angka | Mit App Inventor dibawah ini.

Game Edukasi Mengenal Angka

Sebenarnya pada tutorial ini saya bagi dua pembahasan yaitu:

1. Mengenal Angka – Part1 Pengenalan
2. Mengenal angka – part2 Latihan

Tujuan dari pembagian ini supaya bisa atau mudah dimengerti bagi para pembaca, disini saya hanya membahas tentang Game Edukasi Mengenal Angka Pada Android, setelah anda pehami bagian mengenal angka ini silahkan dilanjutkan pada artikel selanjutnya yaitu Game Edukasi Latihan Mengenal Angka. Baiklah tanpa banyak kata mukodimah atau yang lainnya langsung saja kita praktekin membuat projectnya menggunakan MIT App Inventor.

Kunjungi Juga : Cara Membuat Game Edukasi Anak Belajar Mewarnai

Nah begini caranya :

Buat Project baru dengan nama Mengenal_Angka atau penamaannya terserah anda, atau mengikuti gambar dibawah ini.

Tampilan Project Edukasi Mengenal Angka MIT App Inventor

Selanjutnya anda masukan komponen ke desain program.

Tampilan Design Game Edukasi Mengenal Angka

Keterangan:

1. Label  Property(untuk property ukuran atau nama silahkan anda buat sendiri sesuai judul anda)
2. Image Property(silahkan masukan gambar yang anda inginkan)
3. Image
4. Button Property(untuk semua button supaya susunannya rapi silahkan dikasih layout, dan untuk  name button disini saya buat button1= image1, dan seterusnya sampai sembilan)kalau kurang jelas silahkan komentar atau liat video tutorialnnya.
5. Texttospeech (Untuk membaca angka yang ditekan atau button angka yang di klik)

Selanjutnya masuk ke block program, silahkan buat blocknya seperti gambar dibawah ini.

Kunjungi Juga : Cara penggunaan Sensor Accelerometer MIT App Inventor

Tampilan Block Game Edukasi Mengenal Angka

Setelah sudah menyusun blocknya silahkan di test di emulator, atau kalu sudah tidak ada yang error silahkan jadikan ke APK supaya bisa dipergunakan.

Untuk lebih jelasnya bisa diklik video ini : Video tutorial MIT App Inventor cara membuat game edukasi mengenal angka  | Part 1 Pengenalan.  jangan lupa disubscribe dan tunggu video2 berikutnya..

Link Download :

Download Source  Code Game  Edukasi Anak Mengenal Angka – part1 Pengenalan | aia / apk

Mudah mudahan bermanfaat, Sekian dari saya Assalamualaikum warahmatullahi wabarakatuh, 

Cara Membuat Game Edukasi Anak Belajar Mewarnai

Cara Membuat Game Edukasi Anak Belajar Mewarnai – Allhamdulillah karna Rahmatnya kita masih bisa menuntut ilmu, berawal dari pemikiran saya yang nantinya menjadi ayah :D :D,  saya berfikir kedepannya gimana saya akan mendidik anak saya?? Dengan pesatnya perkembangan teknologi maka saya tertarik berbagi sedikit ilmu dan membuat Tutorial Cara Membuat Game Edukasi Anak Belajar Mewarnai MIT App Inventor, Pada artikel saya ini, saya hanya bisa membahas pembuatan aplikasi android hanya untuk pemula nah bagi para master ini hanyalah soal gampang dan bagi yang masih belajar nanti bisa Download Source Code Game Edukasi Anak Belajar Mewarnai MIT App Inventor. 

Game Edukasi Mewarnai

Kunjungi Juga :Cara Membuat Aplikasi Senter MIT App Inventor

Berikut caranya ,Buat Project baru dengan nama Pain atau terserah yang anda buat, kalau nama project saya seperti dibawah ini:

Tampilan Project Edukasi Anak Mewarnai

Setelah membuat nama project selanjutnya anda tambahkan komponen komponen yang diperlukan seperti : label, button dan yang lainnya seperti gambar dibawah ini:

Tampilan Desain Project Edukasi Anak MIT App Inventor

Keterangan:

1. Button Property(Name=BTN_OpenMemory)
2.  Button Property(Name=BTN_Clear)  
3. Button Property(silahkan name dan bgcolor silahkan anda sesuaikan)
4. Kanvas Property(Height= fillparent, width=40 pixels)
5. Slider Property(width= fill parent,maxvalue=30,minvalue=1) 
6. Kanvas Property(width=fill parents,height= fill parents)
7. Starter property (action= android.intent.action.GET_CONTENT)

Selanjutnya masuk ke block program. Dan Susun block seperti gambar dibawah ini.

Tampilan Block Program Edukasi Anak Mewarnai

Lanjutkan susun blocknya seperti gambar dibawah ini.

 Kunjungi Juga : Cara penggunaan Barcode Scanner Pada MIT App Inventor

Tampilan Block Program Edukasi Anak Mewarnai

Lanjutkan susun blocknya seperti gambar dibawah ini.

Tampilan Block Program Edukasi Anak Mewarnai

Cuman segitu program edukasi mewarnainya, mungkin anda bisa kembangkan lagi karna yang saya buat adalah yang sederhana saja, kalau sudah membuat programnya langsung jalankan diemulator untuk melihat kesalahan sebelum dijadikan ke APK.

Untuk lebih jelasnya bisa diklik video ini : Video Tutorial cara membuat Game Edukasi Mewarnai dan jangan lupa disubscribe dan tunggu video2 berikutnya..

Link Download :

Download Source Game Edukasi Mewarnai MIT App Inventor | aia / apk

Mudah mudahan bermanfaat,  Sekian dari saya Wassalam,

FlashLight MIT App Inventor

FlashLight MIT App Inventor - Assalamualaikumwarahmatullahiwabarakatuh, Gimana Kabar saudaraku Sekarang dan gimana pula hari –harinya? Mudah mudahan sehat selalu ya dan hari harinya cerah, nah ngomong ngomong hari yang cerah ni dan membuat ide saya membuat Tutorial Membuat Aplikasi Senter MIT App Inventor. Awalnya saya berfikir begitu pesatnya perkembangan teknologi sekarang apakah saya bisa menciptakan sesuatu berbaur teknologi? Setelah saya cari referensi referensi ternyata membuat aplikasi senter android sengat gampang ya. Saya merasa sangat bersyukur setelah bisa membuat aplikasi senter meskipun itu soal gampang bagi para master master programmer tapi saya disini mau berbagi kepada yang belum tau cara membuatnya dan saudarapun bisa Download FlashLight MIT App Inventor dibawah ini. Ikuti totorialnya ya sampai akhir. 

Aplikasi Senter Android MIT App Inventor

Berikut caranya saudaraku, Buatlah Project baru dengan nama FlashLight seperti gambar dibawah ini.

Tampilan Project FlashLight MIT App Inventor

Selanjutnya import extension flashlight yang telah anda download. 

Tampilan Import Extension FlashLight MIT App Inventor

Masukan extension flashlight ke desain dan jangan lupa juga button, Layout,dan yang lainnya seperti gambar dibawah ini.

Kunjungi Juga : Cara Membuat Kuis Pilihan Ganda MIT App Inventor

Tampilan Design Flashlight MIT App Inventor

Keterangan:
Nah sekarang saya jelasin deh apa itu panah panah yang berwarna merah :

1. HorizontalArragement - ganti propertinya (Alignhorizontal = Center, AlignVertikal = Center,Height=FillParent, Width= FillParent).
2. HorizontalArragemen - ganti propertinya (Height=FillParent, Width= 40 percent).
3. HorizontalArragement - ganti propertinya (Alignhorizontal = Center, AlignVertikal = Center,Height=FillParent, Width= FillParent).
4. Button - ganti propertinya (Height=FillParent ,Width = 50 Percent, Image=Off.png).
5. Extension FlahsLight
6. Upload Gambar Button ON dan OFF senter.

Selanjutnya masuk ke block program, Susun Block Programnya seperti gambar dibawah ini.

Kunjungi Juga :  Membuat Data Penduduk Menggunakan database Firebase

Tampilan Block Program FlashLight MIT App Inventor

Nah kalo sudah selesai menyusun blocknya, coba test menggunakan emulator mana tau sebelum di compile ada yang error, mudah mudahan ngak error ya. Nah Untuk lebih jelasnya bisa diklik video ini : Video Tutorial FlashLight MIT App Inventor. jangan lupa disubscribe dan tunggu video2 berikutnya..

Link Download :

Download Source code Flashlight MIT App Inventor | aia / apk

Semoga bermanfaat,Silahkan di download, O iya Kalau ada salah pembuatan programnya tolong dikomentarinnya apa lagi yang mau bertanya insyaallah saya jawab. Sekian dari saya Wassalamualaikum warahmatullahi wabarakatuh,