Follow Us @soratemplates

Kamis, 20 September 2018

Tutorial Menggunakan MIT App Inventor dan menghubungkannya ke Smartphone Android


Tujuan:

Untuk mengetahui cara merancang sebuah sistem untuk membunyikan suara pada smartphone Android dengan menggunakan MIT App Inventor.

Langkah-langkah :

1. Buka website MIT App Inventor di web browser PC, kemudian akan muncul tampilan beranda seperti berikut:



2. Klik Create apps!


3. Setelah meng-klik Create apps! Maka akan muncul tampilan seperti berikut:


4. Kemudian masukkan email dan password, setelah itu akan muncul gambar seperti dibawah ini :


5. Klik Start New Project


6. Kemudian, tulis nama project yang diinginkan


7. Kemudian klik OK dan akan muncul tampilan seperti berikut:


8. Pada kolom User Interface, pilih menu Button kemudian tarik dan letakkan pada screen 1


9. Pada kolom properties ubah menu Width menjadi "Fill Parent"
  

10. Untuk mengubah nama Button, cek pada kolom properties pada menu "Text"


11. Kemudian pilih Media pada kolom Palette dan pilih menu "TextToSpeech" kemudian tarik dan letakkan pada Screen1



12. Untuk mengetahui "TextToSpeechsudah berada pada Screen1 atau belum dapat di cek pada kolom Components. Langkah selanjutnya, klik Blocks.


14. Kemudian muncul tampilan seperti berikut:


15.  Pada kolom Blocks, pilih Button1 dan akan muncul pilihan seperti berikut:

    
16. Karena tujuan utama adalah ketika Button1 di klik akan mengeluarkan bunyi, maka yang dipilih pada pilihan gambar diatas adalah .Click, dan muncul gambar seperti dibawah ini:


17. Selanjutnya pada kolom Blocks, pilih TextToSpeech1 kemudian pilih ".Speakkotak berwarna ungu


18. Kemudian tarik kotak tersebut dan letakkan pada bagian kosong pada block Button1


19. Selanjutnya, pilih menu Text pada Build-in dan pilih kotak seperti pada gambar dibawah ini. Kemudian tarik kotak tersebut dan letakkan pada kotak ungu TextToSpeech1. Jangan lupa untuk mengisi kata yang akan dibunyikan. Contohnya "Hello Anggi”



   

20. Kemudian buka pilihan Build dan pilih "App for Google Play (save .apk to my computer)"

    Kemudian file .apk akan otomatis terdownload di PC


21. Buka pilihan Connect dan pilih "AI Companion". Fungsinya adalah untuk menampilkan barcode agar dapat dibuka pada Android menggunakan aplikasi MIT AI2 Companion.


 22. Berikut adalah tampilan dari MIT AI2 Companion setelah di download pada Android

    Kemudian masukkan barcode tadi dan pilih connect with code. Setelah itu nanti akan terdownload apk yang ada di PC tadi ke dalam Android. Kemudian apk di install pada Android.

23. Setelah apk terinstall pada Android, buka apk tersebut sehingga terlihat seperti tampilan berikut


    Kemudian tekan Tombol 1 dan akan keluar suara "Hello Anggi!" dari Android anda. Maka akan keluar suara melalui Android anda sesuai teks.


Thank you for reading my blog ðŸ˜ƒ

Tidak ada komentar:

Posting Komentar