{"id":25552,"date":"2024-07-13T05:07:43","date_gmt":"2024-07-12T22:07:43","guid":{"rendered":"https:\/\/dte.telkomuniversity.ac.id\/?p=25552"},"modified":"2024-07-13T05:09:09","modified_gmt":"2024-07-12T22:09:09","slug":"mit-app-inventor","status":"publish","type":"post","link":"https:\/\/dte.telkomuniversity.ac.id\/en\/mit-app-inventor\/","title":{"rendered":"MIT App Inventor"},"content":{"rendered":"\n

Pengertian App Inventor<\/em><\/strong><\/h2>\n\n\n\n

MIT App Inventor<\/em> adalah platform<\/em> untuk memudahkan proses pembuatan aplikasi sederhana tanpa harus mempelajari atau menggunakan bahasa pemrograman yang terlalu banyak. Seseorang dapat mendesain aplikasi android sesuai keinginan.<\/p>\n\n\n\n

Proses desain tersebut dapat menggunakan berbagai macam layout<\/em> dan komponen yang tersedia. Berikut ini merupakan langkah-langkah mudah untuk membuat aplikasi dengan menggunakan MIT App Inventor.<\/em><\/p>\n\n\n\n

1. Membuka MIT App Inventor<\/em><\/strong><\/h3>\n\n\n\n

Untuk mengakses MIT App Inventor online<\/em>, pengguna bisa mengunjungi appinventor.mit.edu. Di sini pengguna akan dihadapkan pada berbagai informasi seputar App Inventor<\/em>, termasuk program-program pendidikan yang terkait dengannya.<\/p>\n\n\n\n

Sebelum menjalankan MIT App Inventor, pilih menu get started. <\/em>Hal tersebut untuk mempelajari lebih jauh tentang tata cara memulai menggunakan aplikasi ini.<\/p>\n\n\n\n

2. Login Menggunakan Akun Google<\/strong><\/h3>\n\n\n\n

Login ke akun google, masukkan username<\/em> dan password<\/em> akun Google. Setelah itu, pengguna akan diarahkan ke halaman permission<\/em> request <\/em>yang berisi permintaan izin untuk mengakses beberapa informasi akun Google Anda.<\/p>\n\n\n\n

Di sini cukup pilih Allow. S<\/em>etujui terms of service<\/em> yang muncul setelahnya dan aplikasi MIT App Inventor<\/em> akan terbuka.<\/p>\n\n\n\n

3. Membuat Project <\/em>Baru<\/strong><\/h3>\n\n\n\n

Pengguna bisa mulai membuat aplikasi baru dengan mengklik tombol Start New Project <\/em>atau melalui menu Projects > Start New Project<\/em>. Selanjutnya, beri nama project<\/em> yang ingin dibuat.<\/p>\n\n\n\n

4. Menambahkan Komponen yang Dibutuhkan<\/strong><\/h3>\n\n\n\n

Untuk membuat Button<\/em> 1 dan Button <\/em>2 sejajar, maka terlebih dahulu masuk ke bagian layout<\/em> dan memilih Horizontal Arrangement.<\/em> Selanjutnya untuk mengubah nama Text for Button<\/em> 1 menjadi nama yang diinginkan, masuk ke bagian properties.<\/em><\/p>\n\n\n\n

Terdapat kolom text <\/em>dan silahkan mengubahnya sesuai dengan yang kita inginkan. Selanjutnya masuk ke bagian media untuk memasukkan suara.<\/p>\n\n\n\n

Di bagian ini, pengguna juga dapat meng-output<\/em>-kannya melalui android yang akan digunakan. Cara untuk memasukkannnya dengan meng-klik<\/em> bagian yang diinginkan dan tahan hingga masuk ke bagian button<\/em>.<\/p>\n\n\n\n

5. Mengatur Block Edi<\/em>tor<\/strong><\/h3>\n\n\n\n

Desain tampilan utama aplikasi telah selesai dibuat. Kini waktunya masuk ke halaman Blocks<\/em> untuk mulai menyusun sisi backend<\/em> aplikasi yang ingin dibuat.<\/p>\n\n\n\n

Untuk melakukannya, klik<\/em> tombol Blocks <\/em>yang ada pada bagian kanan atas interface <\/em>MIT App Inventor.<\/em> Setelah meng-klik<\/em> tombol tersebut, maka akan berpindah dari jendela designer<\/em> ke jendela blocks<\/em>.<\/p>\n\n\n\n

6. Memulai Coding<\/em> Dengan Menggunakan Blocks<\/em><\/strong><\/h3>\n\n\n\n

Block<\/em> tersebut bertujuan untuk mengeluarkan suara pada saat tombol di tekan. Pada saat tombol 1 ditekan, akan mengeluarkan suara dan pada saat tombol 2 ditekan akan mengeluarkan suara juga.<\/p>\n\n\n\n

Untuk memasukkan block<\/em> yang di inginkan cukup menekan bagian button<\/em> yang terdapat pada menu Block<\/em>. Untuk mengeluarkan suara, klik bagian TextToSpeech<\/em> yang terdapat di menu Block<\/em>.<\/p>\n\n\n\n

7. Test<\/em> Aplikasi yang telah Dibuat<\/strong><\/h3>\n\n\n\n

Setelah semua proses di atas selesai dilakukan, kini tiba saatnya melakukan test <\/em>aplikasi. Untuk melakukan test<\/em>, pengguna membutuhkan smartphone<\/em> yang terhubung ke internet.<\/p>\n\n\n\n

Selanjutnya, download MIT AI2 Companion <\/em>melalui Play Store. M<\/em>asukkan kode unik yang muncul saat pengguna memilih menu Connect > All Companion<\/em> pada halaman utama MIT App Inventor.<\/em><\/p>\n\n\n\n

Pengguna juga bisa memasukkannya dengan menggunakan barcode<\/em> yang tersedia. Pastikan untuk memasukkan kode tersebut saat MIT AI2 Companion<\/em> telah terinstal pada perangkat. Jika sudah selesai, Pengguna bisa mulai mencoba aplikasi yang baru saja.<\/p>\n\n\n\n

\/\/AZS<\/p>\n\n\n\n

referensi : [1<\/a><\/strong>][2<\/a><\/strong>]<\/p>\n","protected":false},"excerpt":{"rendered":"

Pengertian App Inventor MIT App Inventor adalah platform untuk memudahkan proses pembuatan aplikasi sederhana tanpa harus mempelajari atau menggunakan bahasa pemrograman yang terlalu banyak. Seseorang dapat mendesain aplikasi android sesuai keinginan. Proses desain tersebut dapat menggunakan berbagai macam layout dan komponen yang tersedia. Berikut ini merupakan langkah-langkah mudah untuk membuat aplikasi dengan menggunakan MIT App […]<\/p>\n","protected":false},"author":25,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":271,"footnotes":""},"categories":[271,51,100],"tags":[965,968,967,964],"class_list":["post-25552","post","type-post","status-publish","format-standard","hentry","category-artikel","category-prodi-d3tt","category-teknologi","tag-apa-itu-mit-app-inventor","tag-definisi-mit-app-inventor","tag-langkah-langkah-membuat-aplikasi-dengan-mit-app-inventor","tag-mit-app-inventor"],"_links":{"self":[{"href":"https:\/\/dte.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/25552","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dte.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dte.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dte.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/dte.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/comments?post=25552"}],"version-history":[{"count":2,"href":"https:\/\/dte.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/25552\/revisions"}],"predecessor-version":[{"id":25557,"href":"https:\/\/dte.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/25552\/revisions\/25557"}],"wp:attachment":[{"href":"https:\/\/dte.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media?parent=25552"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dte.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/categories?post=25552"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dte.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/tags?post=25552"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}