Membuat Aplikasi Android untuk Usaha Kecil Menggunakan MIT APP dan Google Fusion Table: 7 Langkah

2024 Pengarang: John Day | [email protected]. Terakhir diubah: 2024-01-30 09:55

Pernahkah Anda ingin membuat Aplikasi sendiri yang tersedia di google play store!!! Jika Anda memiliki bisnis maka tutorial ini akan mengubah hidup Anda. Setelah membaca ini dengan seksama, Anda akan dapat membuat Aplikasi Anda sendiri. Sebelum memulai dengan Instructable ini, Anda perlu membaca dua Instructable lagi. Tautan dari keduanya diberikan di bawah ini. Instruksi ini adalah tutorial dasar pengembangan Aplikasi.

www.instructables.com/id/How-to-Use-MIT-Ap…

www.instructables.com/id/Course-on-MIT-App…

Jadi untuk membuat Aplikasi kami berasumsi bahwa kami memiliki toko Teh kecil dengan 20 jumlah varietas Teh, kemudian dengan bantuan aplikasi Anda sendiri, pelanggan dapat memesan teh sebelum tiba di toko teh Anda atau untuk pengiriman ke rumah.

Tutorial ini mengasumsikan Anda sudah familiar dengan dasar-dasar App Inventor, termasuk menggunakan Component Designer untuk membangun antarmuka pengguna, dan menggunakan Blocks Editor untuk menentukan perilaku aplikasi. Jika Anda tidak terbiasa dengan dasar-dasarnya, coba ikuti beberapa tutorial dasar sebelum melanjutkan.

Sebelum membuat Instruksi ini, kami telah melalui begitu banyak ide yang berbeda. Seperti kami akan membuat aplikasi untuk toko Obat, Restoran, Kosmetik, suku cadang mobil, toko Buku, dll. Akhirnya kami memutuskan untuk membuat App for Tea shop. Nama untuk Aplikasi ini diputuskan menjadi "TeaCelebration".

Aplikasi yang sama dapat digunakan untuk semua jenis bisnis dengan investasi hampir nol. Jadi mari kita mulai.

Langkah 1: Mengumpulkan Alat

Alat utama untuk membangun proyek ini adalah mengenal MIT APP Inventor, Google Fusion Table, Google Console, Google Play store. Pengetahuan kecil tentang ini sudah cukup, Tidak perlu membahas topik ini secara mendalam. Namun kami telah membahas semua langkah yang diperlukan untuk membangun Proyek ini dengan cara yang mudah.

Hal-hal lain yang diperlukan sebelum memulai proyek ini adalah: -

1. Konektivitas Internet.
2. Aplikasi MIT Inventor dipasang di ponsel.
3. Akun Gmail
4. Fusion table- Fusion Table adalah layanan Google untuk mendukung pengumpulan, pengelolaan, berbagi, dan visualisasi data. Data disimpan di cloud Google. Semua data disimpan dalam tabel publik (atau tabel) yang dapat diakses melalui Google Drive, dan memungkinkan pengguna yang berbeda untuk menambahkan informasi ke tabel.

Langkah 2: Membuat Layar TeaCelebration

Aplikasi TeaCelebration menggunakan beberapa jenis komponen lainnya. Diasumsikan bahwa Anda telah mempelajari cara menggunakannya dalam tutorial yang disebutkan sebelumnya. Gunakan jendela desainer untuk membuat antarmuka untuk TeaCelebration. Setelah selesai, desainer akan terlihat seperti gambar terlampir bernama Screen1.

Saya harap Anda akan terbiasa dengan komponen yang digunakan untuk membuat layar ini dan cara kerjanya. Jika Anda mengalami masalah terkait layar ini, silakan lihat gambar: - Component1 & Component2.

Langkah 3: Cara Membuat Akun Layanan untuk Fusion Tables Dengan Google Developers Console

Fusion Tables adalah cara berbasis cloud yang bagus untuk menyimpan data untuk aplikasi App Inventor Anda. Sebelum Anda dapat menggunakan Fusion Tables, Anda perlu menyiapkan beberapa hal.

1. Buka console.developers.google.com

Klik "Buat Proyek Baru" atau pilih proyek dari daftar dropdown jika Anda sudah memiliki proyek. Google akan menanyakan nama proyek Anda. Pilih nama yang tidak termasuk spasi. Di sini kami memilih nama proyek TeaCelebration. Yang dapat dilihat pada gambar terlampir.

2. Setelah membuat proyek, klik menu di sudut kiri atas konsol pengembang (tiga garis horizontal).

3. klik pengelola API

4. Jika Anda belum melihatnya, klik Manajer API dari menu Konsol Pengembang.

5. cari "Fusion Tables" di daftar API dan klik Fusion Tables API

6. Klik "Aktifkan"

Setelah diaktifkan, tombol akan berubah, dan akan meminta Anda membuat kredensial. (API hanya diaktifkan untuk proyek yang dipilih saat ini. Jika Anda hanya memiliki satu, tidak masalah)

7. Klik tombol "Pergi ke Kredensial" untuk melanjutkan.

8. Jika Anda datang dari tombol “Go to Credentials” (7), maka temukan kalimat yang mengatakan "Jika Anda mau, Anda dapat melewati langkah ini dan membuat kunci API, ID klien, atau akun layanan." Klik "akun layanan".

8.1 (Alternatif dari 8) Jika Anda tidak membuka tombol "Buka Kredensial", pilih "Kredensial" setelah memilih Manajer API di menu Konsol Pengembang. Kemudian klik "Kredensial baru" lalu "Kunci akun layanan"

9. Klik “Buat akun layanan”

10. Beri nama sederhana tanpa spasi, seperti TeaCelebration.

Centang "Aktifkan Delegasi Seluruh Domain Google Apps" Ketik nama Produk Anda, yang merupakan nama aplikasi yang Anda buat! Kemudian klik Buat. Setelah beberapa saat, itu akan melaporkan "Akun layanan dibuat." Klik "tutup"

11. ID Akun Layanan - Anda sekarang akan melihat halaman berjudul “IAM & Admin” yang menunjukkan akun layanan untuk proyek Anda. Seharusnya terlihat seperti di bawah ini, dengan akun layanan baru terdaftar dan alamat email (panjang), berjudul "ID akun layanan". Anda akan memerlukan alamat email itu nanti di App Inventor.

Jika Anda perlu kembali ke halaman IAM & Admin ini, Anda dapat menemukannya dengan membuka konsol pengembang https://console.developers.google.com dan memilih IAM & Admin dari menu tiga garis horizontal di kiri atas. Kemudian pilih salah satu Akun Layanan atau Izin untuk melihat alamat email (id akun layanan).

12. Dapatkan Kunci Anda- Dengan akun layanan yang sekarang disiapkan, Anda bisa mendapatkan kunci untuk dibawa ke App Inventor. Dari halaman Kredensial Manajer API, pilih akun layanan Anda. klik "Buat Kredensial". Pilih bahwa Anda menginginkan kunci akun layanan. Pilih akun mana yang Anda inginkan kuncinya (Anda mungkin hanya memiliki satu, yang baru saja kita buat -- pilih dari daftar tarik-turun, dan pilih Jenis kunci: P12. Klik "Buat."

Anda akan langsung mendownload file baru yang berakhiran.p12. Ini adalah file yang perlu Anda unggah ke App Inventor. Jika file ini memiliki spasi dalam namanya, ganti nama file untuk menghapus spasi. App Inventor akan menolak file jika memiliki spasi atau karakter aneh pada namanya, jadi sebaiknya Anda memeriksanya sekarang.

Anda juga akan diberikan opsi untuk membuat kata sandi untuk kunci tersebut, dengan kata sandi awal “notasecret”. Anda dapat membiarkan ini apa adanya, kecuali jika Anda ingin menjadikan akun layanan Anda sebagai aplikasi App Inventor.

Wah! Itu adalah proses yang panjang. Di akhir semua ini, Anda harus memiliki akun layanan, bersama dengan id akun (alamat email) dan kunci akun layanan p12

Langkah 4: Cara Membuat Tabel untuk Dibagikan

Anda sekarang memiliki kemampuan untuk berbagi tabel Fusion. Di sini kita membahas cara membuat tabel untuk dibagikan.

Buka Google Drive di drive.google.com

1. "Menghubungkan" Tabel Fusion ke Drive

Klik "BARU", lalu "Lainnya", lalu "Hubungkan lebih banyak aplikasi". (Tabel Fusion mungkin sudah tersedia di menu ini, dalam hal ini, Anda dapat melewati langkah ini.)

Cari “fusion tables” dan klik “CONNECT” pada kartu Fusion Tables.

2. Buat Tabel baru

Klik "BARU" di Drive, pilih "Lainnya" dan klik "Tabel Fusion Google".

Ini akan menanyakan apakah Anda ingin mengimpor file data yang ada, atau untuk memulai dengan tabel baru yang benar-benar kosong. Pilihan di sini adalah milikmu, dan milikmu sendiri! Setelah itu, itu akan membawa Anda ke Fusion Table baru Anda.

Cara menyiapkan data dan struktur tabel bergantung pada aplikasi Anda.

3. Bagikan Tabel dengan Akun Layanan.

Agar App Inventor dapat mengakses tabel ini, tabel ini harus dibagikan dengan email Akun Layanan yang Anda buat. Di Fusion Table, klik "Bagikan" Di bawah "Undang orang" masukkan email akun layanan Anda, dari Konsol Pengembang (mis. layanan saya …@developer.gserviceaccount.com) Pastikan "Dapat Mengedit" dipilih. Hapus klik "beri tahu orang" (akun layanan bukan orang sungguhan sehingga tidak peduli dengan notifikasi) Klik "OK", dan ketika tertulis "lewati pengiriman notifikasi?" klik "Oke". Klik “Selesai”

Langkah 5: Menentukan URL Tabel Fusion dan ID Tabel Anda

Di editor blok, Anda akan mengatur properti HomeURL komponen WebViewer untuk menunjuk ke URL tabel Anda. Untuk menemukan URL Fusion Table Anda:

1. Di browser Anda, navigasikan ke Fusion Table yang baru saja Anda buat.

2. Buka menu dan pilih Alat > Terbitkan.

3. Anda akan melihat pemberitahuan yang mengatakan: "Tabel ini bersifat pribadi dan tidak akan terlihat".

4. Klik tautan biru yang bertuliskan "Ubah Visibilitas". Dalam daftar "Siapa yang Memiliki Akses", klik tautan biru "Ubah…" di sebelah "Pribadi - Hanya orang yang tercantum di bawah…"

5. Pilih "Publik di Web" atau "Siapa saja yang memiliki tautan". Salah satu dari pengaturan ini akan berfungsi untuk tutorial ini. Di masa mendatang, Anda harus memutuskan pengaturan ini berdasarkan sensitivitas data Anda.

6. Klik tombol Simpan berwarna hijau, lalu tombol Selesai berwarna biru.

7. Kembali ke halaman Fusion Table, buka menu bar dan pilih Tools > Publish. Pilih URL dari kotak teks atas (berlabel "Kirim email atau IM"), salin URL dan kembali ke App Inventor. Anda akan menempelkan URL ke blok definisi untuk TABLE_URL.

8. Anda dapat menemukan ID Tabel dengan menelusuri tabel Anda, lalu memilih File > Tentang tabel ini di menu.

Unggah file kunci.p12 Anda

Di desainer, unggah file kunci yang Anda unduh dari Konsol Pengembang. Unggah di bawah Media, dengan cara yang sama seperti Anda mengunggah file gambar. Klik pada komponen FusiontablesControl1, dan temukan properti KeyFile. Klik di mana dikatakan "tidak ada" di bawah KeyFile, dan pilih file.p12 yang sebelumnya Anda unggah.

Langkah 6: Membuat Blok di MIT APP

Buka Editor Blok sehingga Anda dapat memprogram perilaku aplikasi. Sebelum membaca langkah ini, silakan lihat semua Screenshot terlampir karena saya yakin Anda dapat dengan mudah membuat blok seperti yang ditunjukkan pada Screenshot tanpa membaca Prosedur di bawah ini.

1. Penting untuk melakukan beberapa langkah inisialisasi setiap kali aplikasi dimulai. Ini dilakukan di blok "Screen1. Initialize". Untuk aplikasi ini, kita perlu menyetel nilai awal untuk properti akun layanan komponen FusionTable (disetel ke SERVICE_ACCOUNT_EMAIL global) dan properti HomeURL komponen WebViewer (disetel ke TABLE_URL global). Silakan lihat tangkapan layar terlampir untuk pemahaman yang lebih baik.

2. Atur prosedur "resetForm" seperti yang ditunjukkan di bawah ini. Setelah merekam entri, prosedur ini mengatur ulang antarmuka kembali ke keadaan semula.

3. Daftar Blok Picker

Di desainer, Anda mengatur pilihan untuk jenis Teh dan Makanan Ringan dengan mengisi properti "Pilihan" dengan daftar yang dipisahkan koma. Pilihan yang telah diprogram ini akan ditampilkan pada antarmuka pengguna sehingga pengguna dapat memilih Teh dan Makanan Ringan mereka. Pilihan mereka disimpan dalam variabel Teh dan Makanan Ringan.

4. Memasukkan Data ke dalam Fusion Table

Komponen FusiontablesControl digunakan untuk mengirim data ke Fusion Table. Tindakan ini akan membuat baris baru di Fusion Table, mengatur nilai dari berbagai kolom yang terlibat. App Inventor membuat ini mudah dilakukan, tetapi Anda harus berhati-hati agar kueri penyisipan diformat dengan benar. Pertama ada daftar nama kolom, diikuti dengan daftar nilai. Urutan nama kolom dan nama nilai harus dalam urutan yang sama agar cocok. Contoh tampilannya terlampir. Pertama, siapkan Procedure With Result baru yang mengambil string sebagai argumen dan mengembalikan string yang sama yang dikelilingi oleh tanda kutip tunggal. Prosedur quotify digunakan dalam prosedur InsertDataInTable untuk menempatkan tanda kutip di sekitar semua nilai dalam kueri. Itu juga menangani "melarikan diri" dari setiap tanda kutip atau apostrof yang dimasukkan oleh pengguna. Anda dapat mengirim apostrof tunggal sebagai bagian dari nilai dalam kueri, sehingga blok "ganti semua" menambahkan satu kutipan tambahan. Dua kutipan tunggal berturut-turut ditafsirkan sebagai satu kutipan tunggal. Gambar di bawah menunjukkan cara membuat prosedur. Perhatikan bahwa Anda harus memberi tahu blok prosedur untuk menambahkan parameter. Anda melakukan ini dengan ikon biru yang muncul di jendela kecil di mana Anda menentukan berapa banyak item yang Anda butuhkan untuk bertindak sebagai parameter. Dalam hal ini, Anda hanya perlu satu. App Inventor akan secara otomatis memberi nama parameter "x" tetapi Anda dapat mengganti namanya menjadi "str" dengan mengklik x dan mengetik langsung ke blok. Demikian pula, Anda dapat mengganti nama prosedur dari "prosedur" menjadi "quotify" dengan mengetik langsung ke blok.

Gunakan blok InsertRow komponen Fusion Table. Untuk menyusun daftar nilai, kami menggunakan blok teks gabungan App Inventor.

Untuk aplikasi ini, nama kolom harus sesuai dengan nama kolom dari tabel yang kita buat sebelumnya. Nilai masing-masing diambil dari variabel global prosedur. Catatan: Jika Anda tidak menggunakan kata-kata persis ini untuk kolom tabel Anda, pastikan untuk menggunakan nama kolom tabel Anda saat membuat kueri.

5. Setelah pengguna memasukkan nama, pilihan Teh, dan komentar, mereka akan mengklik tombol Kirim. Aplikasi menguji untuk memastikan bahwa bidang nama, Teh, dan Makanan Ringan memiliki nilai di dalamnya, dan meminta pengguna untuk mencoba lagi jika salah satu jawaban yang diperlukan tidak ada. Perhatikan bahwa blok teks perbandingan digunakan (temukan di bawah Palet bawaan, Laci teks). Blok ini membandingkan dua string teks untuk melihat apakah keduanya sama. Jika semua informasi yang diperlukan ada, ia memanggil prosedur InsertDataInTable (lihat gambar terlampir).

6. Menangani Tanggapan dari Layanan Fusion Tables

Acara FusiontablesControl. GotResult akan diaktifkan saat aplikasi menerima respons dari Layanan Fusion Tables Google. Untuk kueri penyisipan, layanan akan mengembalikan rowID dari baris baru yang dimasukkan atau pesan kesalahan jika terjadi kesalahan. Dalam contoh sederhana ini, kami menggunakan blok "berisi" (temukan di bawah Palet bawaan, Laci teks) untuk memeriksa apakah string hasil memiliki ID baris di dalamnya. Jika demikian, maka kita tahu bahwa rowID telah diterima, dan kemudian kita memanggil prosedur WebViewer. GoHome, yang memuat ulang "HomeURL" sebagaimana ditentukan dalam properti WebViewer. Perhatikan bahwa kumpulan blok ini juga memanggil prosedur resetForm. Setelah merekam entri, itu me-reset antarmuka kembali ke keadaan semula.

Kamu sudah selesai! Kemas aplikasi dengan membuka Paket untuk Telepon di Perancang. Anda sekarang dapat menguji aplikasi untuk keperluan TeaCelebration. Setelah Anda memahami tutorial ini, Anda akan siap untuk membuat Fusion Tables baru dan memodifikasi aplikasi untuk mengumpulkan berbagai jenis data dari pengguna.

Langkah 7: Mengunggah Aplikasi di Google Play Store

Sangat mudah untuk mengunggah aplikasi di Google play store. Cukup google "Cara mengunggah Aplikasi di Google Play Store" dan Anda akan mendapatkan semua informasi dari google itu sendiri. Di bawah ini adalah tautan dari google: -

support.google.com/googleplay/android-deve…

Hanya Anda yang perlu mengunggah file APK di Konsol Play.

Untuk menyimpan file APK, buka Build in MIT App dan pilih opsi "Simpan.apk ke komputer saya".

Akhirnya setelah melakukan semua hal ini Aplikasi Anda siap digunakan. Jika Anda tidak ingin mengunggah aplikasi di Google Play store, cukup bagikan aplikasi ke teman/Pelanggan Anda, dll.

Ini hanya untuk tujuan pembelajaran dan Anda sekarang memiliki begitu banyak pilihan untuk meningkatkan, Mengurangi, Menampilkan sembunyikan Tabel Fusion.

Instruksi ini sangat Unik. Sekarang terserah Anda untuk menggunakan prosedurnya. Akan bertemu di Next Instructable.

Terima kasih sudah membaca.