Cara Membuat Form Email (Mengirim Email) di MIT App Investor 2 (AI2)

Membuat aplikasi android dengan menggunakan layanan web MIT App Investor 2 (AI2) memang terbilang sederhana dan cukup mudah, tetapi kamu perlu mengetahui dasar-dasar tentang pengkodingan jika ingin membuat aplikasi yang cukup menarik di sana.

Oke, pada pertemuan kali ini saya akan membagikan tentang tutorial membuat form email di MIT App Investor 2 (AI2), di mana pengguna bisa mengirim email melalui aplikasi android yang sudah di buat. Nah, untuk langkah dan cara-caranya bisa dilihat pada point dan video di bawah:

Pertama, Buatlah Desain Tampilan Screen Email Form Terlebih Dahulu :

1. Silahkan masuk ke akun MIT App Investor 2
2. Upload background gambar screen (tanpa background gambar juga tak masalah)
3. Klik “Label” pada submenu “User Interface”, ganti text menjadi “Email”
4. Klik “TextBox” pada submenu “User Interface”
Silahkan sesuaikan lebar dan panjang, ganti “TextBox1” menjadi “EmailText” (misalnya seperti tutorial ini).
5. Klik “Label” pada submenu “User Interface”, ganti text menjadi “Subject”
6. Klik “TextBox” pada submenu “User Interface”
Silahkan sesuaikan lebar dan panjang, ganti “TextBox2” menjadi “SubjectText” (misalnya seperti tutorial ini).
7. Klik “Label” pada submenu “User Interface”, ganti text menjadi “Text”
8. Klik “TextBox” pada submenu “User Interface”
Silahkan sesuaikan lebar dan panjang, ganti “TextBox3” menjadi “TextEmail” (misalnya seperti tutorial ini).
9. Klik “Button” pada submenu “User Interface”
Silahkan sesuaikan ukuran, warna, dan letaknya, kemudian ganti text menjadi “Kirim” dan jangan lupa ganti nama “Button1” menjadi “SendButton” (misalnya seperti tutorial ini).
10. Seret “ActivityStarter” pada submenu “Connectivity” ke halaman viewer

Tampilan DEMO seperti gambar di atas.

Kedua, Atur Komponen Pada Halaman Blocks :

1. Klik “Blocks” pada pojok kanan atas
2. Klik “SendButton”, lalu klik “When SendButton Click – Do”
3. Klik “ActivityStarter1” lalu klik “Set [ActivityStarter1] Action – To”
4. Klik “ActivityStarter1” lalu klik “Set [ActivityStarter1] Data URL – To”
5. Klik “ActivityStarter1” lalu klik “Set [ActivityStarter1] Extras – To”
6. Klik “List” lalu klik “Make a List”
Duplikat komponen “Make a List” menjadi 4 duplikat (klik kanan “Make a list” – duplikate). Buat satu list baru pada salah satu komponen “Make a list” (Klik tanda gerigi biru pada komponen “Make a list” – tambahkan satu “item” lagi)
7. Klik “EmailText” lalu klik “[EmailText] – text”
8. Klik “SubjectText” lalu klik “[SubjectText] – text”
9. Klik “TextEmail” lalu klik “[TextEmail] – text”
10. Klik “Text” lalu klik text kosong
Duplikat text kosong menjadi 5 duplikat. Isi masing-masing text kosong dengan kode di bawah ini :

android.intent.action.VIEW

mailto:MASUKKAN_EMAIL_KAMU@gmail.com 

android.intent.extra.EMAIL 

android.intent.extra.SUBJECT 

android.intent.extra.TEXT

11. Klik “ActivityStarter1” lalu klik “call [ActivityStarter1] StartActivity”.
12. Jika sudah, gabungkan komponen-komponen tersebut menjadi seperti gambar di bawah ini :

Nah, untuk lebih jelas mengenai tutorial ini, kamu bisa mempelajarinya sendiri melalui video berikut ini:


Namun, untuk totorial ini, kamu perlu mengetahui bahwa ketika tombol kirim diklik, maka secara otomatis pengguna akan memasuki default browser atau aplikasi email di smartphone yang kemudian baru mengirimkan email dari sana.

Baca juga :
Cara Membuat Screen Menu Utama Aplikasi Android di MIT App Investor 2
Cara Memasukkan Link Website ke Button Image di MIT App Investor 2 (AI2)
Cara Menghubungkan 2 Screen Aplikasi Android di MIT App Investor 2 (AI2)
Cara Membuat Sound Klik Pada Tombol Aplikasi Android di MIT App Investor 2 (AI2)
Cara Membuat Tombol Exit Dengan Notifikasi di MIT App Investor 2 (AI2).