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

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

MIT App Investor 2 (AI2) - tutorial membuat form email di mana pengguna bisa mengirim email melalui aplikasi android

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 :
Komponen Blocks - Form Email (Mengirim Email) di MIT App Investor 2 (AI2)

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).

COMMENTS

Nama

Bisnis Online Blogging Doa-doa Elektronik Fiqih Gaming Inspirasi Internet Keluarga Kisah teladan Life Pekerjaan Pendidikan Relationship Religi Teknologi Tips Tutorial Blog
false
ltr
item
Pelangi Blog: Cara Membuat Form Email (Mengirim Email) di MIT App Investor 2 (AI2)
Cara Membuat Form Email (Mengirim Email) di MIT App Investor 2 (AI2)
MIT App Investor 2 (AI2) - tutorial membuat form email di mana pengguna bisa mengirim email melalui aplikasi android
https://4.bp.blogspot.com/-l8mz9nqANdY/WfhpVSYVvyI/AAAAAAAAEcI/fMe55Pb78ZcjDjSqKZN732fqHkVB4KxuQCLcBGAs/s640/Cara%2BMembuat%2BForm%2BEmail%2B%2528Mengirim%2BEmail%2529%2Bdi%2BMIT%2BApp%2BInvestor%2B2%2B%2528AI2%2529.jpg
https://4.bp.blogspot.com/-l8mz9nqANdY/WfhpVSYVvyI/AAAAAAAAEcI/fMe55Pb78ZcjDjSqKZN732fqHkVB4KxuQCLcBGAs/s72-c/Cara%2BMembuat%2BForm%2BEmail%2B%2528Mengirim%2BEmail%2529%2Bdi%2BMIT%2BApp%2BInvestor%2B2%2B%2528AI2%2529.jpg
Pelangi Blog
http://www.pelangiblog.com/2017/08/cara-membuat-form-email-mengirim-email.html
http://www.pelangiblog.com/
http://www.pelangiblog.com/
http://www.pelangiblog.com/2017/08/cara-membuat-form-email-mengirim-email.html
true
6152984874501812302
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy