Realizarea aplicației Android pentru întreprinderile mici utilizând MIT APP și Google Fusion Table: 7 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:43

Ați dorit vreodată să creați propria aplicație care poate fi disponibilă la magazinul Google Play !!! Dacă aveți o afacere, acest tutorial vă va schimba viața. După ce ați citit cu atenție acest lucru, veți putea să vă creați propria aplicație. Înainte de a începe cu acest Instructable, trebuie să citiți încă două Instructables. Legătura dintre aceste două este prezentată mai jos. Aceste Instrucțiuni sunt tutoriale de bază pentru dezvoltarea aplicațiilor.

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

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

Deci, pentru a face o cerere, am presupus că avem un mic magazin de ceai cu 20 de numere de ceai, apoi cu ajutorul propriei aplicații, clienții pot comanda ceaiul înainte de a ajunge la magazinul de ceai sau pentru livrarea la domiciliu.

Acest tutorial presupune că sunteți familiarizați cu noțiunile de bază ale App Inventor, inclusiv folosind Designerul de componente pentru a construi o interfață cu utilizatorul și utilizarea Editorului de blocuri pentru a specifica comportamentul aplicației. Dacă nu sunteți familiarizați cu elementele de bază, încercați să parcurgeți câteva dintre tutorialele de bază înainte de a continua.

Înainte de a face acest Instructable am trecut prin atât de multe idei diferite, cum ar fi să facem aplicații pentru magazin de medicină, restaurant, cosmetică, piese auto, magazin de cărți etc. În cele din urmă, am decis să creăm o aplicație pentru magazinul de ceai. Numele acestei aplicații este decis să fie „TeaCelebration”.

Aceeași aplicație poate fi utilizată pentru toate tipurile de companii cu investiții aproape zero. Deci, să începem.

Pasul 1: Adunarea instrumentelor

Instrumentul principal pentru a construi acest proiect este să vă familiarizați cu MIT APP Inventor, Google Fusion Table, Google Console, magazinul Google Play. Câteva cunoștințe despre acestea sunt suficiente, nu este nevoie să aprofundați acest subiect. Cu toate acestea, am parcurs toți pașii necesari pentru a construi acest proiect într-un mod ușor.

Alte lucruri necesare înainte de începerea acestui proiect sunt: -

1. Conectivitate la Internet.
2. Aplicația MIT Inventor instalată pe mobil.
3. Cont Gmail
4. Fusion Table - A Fusion Table este un serviciu Google pentru a sprijini colectarea, gestionarea, partajarea și vizualizarea datelor. Datele sunt stocate în cloud Google. Toate datele sunt stocate într-un tabel public (sau tabele) care poate fi accesat prin Google Drive și permite diferiților utilizatori să adauge informații în tabele.

Pasul 2: Crearea ecranului TeaCelebration

Aplicația TeaCelebration folosește alte câteva tipuri de componente. Se presupune că ați învățat cum să le utilizați în tutoriale menționate anterior. Utilizați fereastra de proiectare pentru a crea interfața pentru TeaCelebration. După finalizare, designerul ar trebui să arate ca figura atașată numită Screen1.

Sper că veți fi familiarizați cu componenta utilizată pentru realizarea acestui ecran și cu modul în care funcționează. Dacă aveți vreo problemă cu privire la acest ecran, vă rugăm să consultați figura: - Component1 și Component2.

Pasul 3: Cum să creați un cont de serviciu pentru tabelele Fusion cu consola Google Developers

Fusion Tables este un mod excelent bazat pe cloud pentru a păstra date pentru aplicația App Inventor. Înainte de a putea folosi Fusion Tables, trebuie să configurați mai multe lucruri.

1. Deschideți console.developers.google.com

Faceți clic pe „Creați un proiect nou” sau selectați proiectul din lista derulantă dacă aveți deja un proiect. Google vă va cere un nume de proiect. Alegeți un nume care nu include spații. Aici am selectat numele proiectului TeaCelebration. Ceea ce poate fi văzut în figura atașată.

2. După crearea proiectului, faceți clic pe meniul din colțul din stânga sus al consolei dezvoltatorilor (trei linii orizontale).

3. faceți clic pe Manager API

4. Dacă nu îl priviți deja, faceți clic pe API Manager din meniul Consolei dezvoltatorului.

5. căutați „Fusion Tables” în lista API și faceți clic pe Fusion Tables API

6. Faceți clic pe „Activați”

După ce este activat, butonul se va schimba și vă va solicita să creați acreditări. (API-ul este activat doar pentru proiectul selectat în prezent. Dacă aveți doar unul, nicio problemă)

7. Faceți clic pe butonul „Accesați acreditările” pentru a continua.

8. Dacă ați venit de la butonul „Mergeți la acreditări” (7), găsiți propoziția care spune „Dacă doriți, puteți sări peste acest pas și să creați o cheie API, un ID client sau un cont de serviciu”. Faceți clic pe „cont de serviciu”.

8.1 (Alternativă la 8) Dacă nu ați venit din butonul „Mergeți la acreditări”, selectați „acreditări” după ce ați selectat API Manager în meniul Consolei dezvoltatorului. Apoi faceți clic pe „Noi acreditări”, apoi pe „Cheia contului de serviciu”

9. Faceți clic pe „Creați un cont de serviciu”

10. Dă-i un nume simplu, fără spații, cum ar fi TeaCelebration.

Bifați „Activați delegația la nivel de domeniu Google Apps” Tastați numele produsului, care este numele aplicației pe care o creați! Apoi faceți clic pe Creați. După un moment, va raporta „Cont de serviciu creat”. Faceți clic pe „închidere”

11. ID cont de serviciu - Ar trebui să vedeți acum o pagină intitulată „IAM & Admin” care afișează conturile de servicii pentru proiectul dvs. Ar trebui să arate ca mai jos, cu noul cont de serviciu listat și o adresă de e-mail (lungă), intitulată „ID cont de serviciu”. Veți avea nevoie de acea adresă de e-mail mai târziu în App Inventor.

Dacă trebuie să reveniți la această pagină IAM și Admin, o puteți găsi accesând consola pentru dezvoltatori https://console.developers.google.com și selectând IAM și Admin din meniul cu trei linii orizontale din stânga sus. Apoi selectați fie Conturi de serviciu, fie Permisiuni pentru a vedea adresa de e-mail (ID-ul contului de serviciu).

12. Obțineți cheia - Cu un cont de serviciu configurat acum, puteți obține o cheie pe care să o introduceți în App Inventor. Din pagina API Manager acreditări selectați contul de serviciu. faceți clic pe „Creați acreditări”. Alegeți că doriți o cheie de cont de serviciu. Alegeți pentru ce cont doriți o cheie (probabil că aveți doar unul, cel pe care tocmai l-am creat - selectați-l din lista derulantă și selectați Tip cheie: P12. Faceți clic pe „Creați”.

Veți descărca imediat un fișier nou care se termină în.p12. Acesta este fișierul pe care va trebui să îl încărcați în App Inventor. Dacă acest fișier are spații în numele său, redenumiți fișierul pentru a elimina spațiile. App Inventor va respinge fișierul dacă are spații sau caractere ciudate în nume, așa că este posibil să-l verificați acum.

De asemenea, vi se va oferi opțiunea de a crea o parolă pentru cheie, cu parola inițială „notasecret”. Puteți lăsa acest lucru așa cum este, cu excepția cazului în care doriți să creați contul dvs. de aplicație App Inventor.

Vai! A fost un proces lung. La finalul tuturor, ar trebui să aveți un cont de serviciu, împreună cu un ID de cont (adresa de e-mail) și o cheie de cont de serviciu p12

Pasul 4: Cum să creați tabele de partajat

Acum aveți posibilitatea de a partaja tabele Fusion. Aici discutăm despre cum să creăm tabele de partajat.

Deschideți Google Drive la drive.google.com

1. „Conectarea” tabelelor de fuziune la unitate

Faceți clic pe „NOU”, apoi pe „Mai multe”, apoi pe „Conectați mai multe aplicații”. (Fusion Tables poate fi deja disponibil în acest meniu, caz în care puteți sări peste acest pas.)

Căutați „tabele de fuziune” și faceți clic pe „CONECTARE” pe cardul Fusion Tables.

2. Creați un nou tabel

Faceți clic pe „NOU” în Drive, selectați „Mai multe” și faceți clic pe „Google Fusion Tables”.

Vă va întreba dacă doriți să importați un fișier de date existent sau să începeți cu un tabel nou complet gol. Alegerile de aici sunt ale tale și numai ale tale! Ulterior, te va aduce în noul tău Fusion Table.

Modul de configurare a datelor și structurii tabelului depinde de aplicația dvs.

3. Partajați tabelul cu contul de serviciu.

Pentru ca App Inventor să poată accesa acest tabel, acesta trebuie să fie partajat cu adresa de e-mail a contului de serviciu pe care ați creat-o. În tabelul Fusion, faceți clic pe „Distribuiți” Sub „Invitați persoane” introduceți adresa de e-mail a contului de serviciu, din Consola pentru dezvoltatori (de exemplu, myservice …@Developer.gserviceaccount.com) Asigurați-vă că este selectat „Poate edita”. Debifați „Notificați persoanele” (contul de serviciu nu este o persoană reală, așa că nu îi pasă de notificare) Faceți clic pe „OK” și când scrie „săriți trimiterea notificării?” faceți clic pe „OK”. Faceți clic pe „Terminat”

Pasul 5: Determinarea adresei URL a tabelului Fusion și a ID-ului tabelului

În editorul de blocuri, veți seta proprietatea HomeURL a componentei WebViewer pentru a indica adresa URL a tabelului. Pentru a găsi adresa URL a Fusion Table:

1. În browser, navigați la Tabelul Fusion pe care tocmai l-ați creat.

2. Accesați meniul și selectați Instrumente> Publicare.

3. Veți vedea o notificare care spune: „Acest tabel este privat și nu va fi vizibil”.

4. Faceți clic pe linkul albastru care indică „Schimbați vizibilitatea”. În lista „Cine are acces”, faceți clic pe linkul albastru „Schimbați …” de lângă „Privat - Numai persoanele enumerate mai jos …”

5. Alegeți „Public pe web” sau „Oricine are linkul”. Oricare dintre aceste setări va funcționa pentru acest tutorial. În viitor, ar trebui să decideți această setare pe baza sensibilității datelor dvs.

6. Faceți clic pe butonul verde Salvare, apoi pe butonul albastru Terminat.

7. Înapoi pe pagina Fusion Table, accesați bara de meniu și selectați Instrumente> Publicare. Selectați adresa URL din caseta de text din partea de sus (etichetată „Trimiteți un e-mail sau un mesaj IM”), copiați adresa URL și reveniți la App Inventor. Veți lipi adresa URL în blocul de definiție pentru TABLE_URL.

8. Puteți găsi ID-ul tabelului navigând la masa dvs., apoi selectând Fișier> Despre acest tabel din meniu.

Încărcați fișierul cheie.p12

În proiectant, încărcați fișierul cheie pe care l-ați descărcat din Developer Console. Încărcați-l sub Media, în același mod în care ați încărca un fișier imagine. Faceți clic pe componenta FusiontablesControl1 și găsiți proprietatea KeyFile. Faceți clic unde scrie „none” sub KeyFile și selectați fișierul.p12 pe care l-ați încărcat anterior.

Pasul 6: Realizarea blocurilor în aplicația MIT

Deschideți Editorul de blocuri, astfel încât să puteți programa comportamentul aplicației. Înainte de a citi acest pas, vă rugăm să vizualizați toate capturile de ecran atașate, deoarece sunt sigur că puteți face cu ușurință blocuri așa cum se arată în Captură de ecran fără a citi mai jos Procedura.

1. Este important să efectuați câțiva pași de inițializare ori de câte ori aplicația este pornită. Acestea se fac în blocul „Screen1. Initialize”. Pentru această aplicație trebuie să setăm valorile inițiale pentru proprietatea contului de servicii a componentei FusionTable (setată la SERVICE_ACCOUNT_EMAIL global) și proprietatea HomeURL a componentei WebViewer (setată la TABLE_URL global). Vă rugăm să consultați captura de ecran atașată pentru o mai bună înțelegere.

2. Configurați procedura „resetForm” așa cum se arată mai jos. După înregistrarea unei intrări, această procedură resetează interfața la starea inițială.

3. Listează blocurile de selecție

În proiectant, setați opțiunile pentru tipurile de ceai și gustări completând proprietatea „Selecție” cu liste separate prin virgulă. Aceste opțiuni pre-programate vor fi afișate pe interfața utilizatorului, astfel încât utilizatorul să își poată selecta ceaiul și gustările. Selecțiile lor sunt stocate în variabilele Ceai și Gustări.

4. Introducerea datelor în tabelul Fusion

Componenta FusiontablesControl este utilizată pentru a trimite datele către Fusion Table. Această acțiune va crea un nou rând în tabelul Fusion, setând valorile diferitelor coloane implicate. App Inventor face acest lucru ușor de făcut, dar trebuie să aveți grijă ca interogarea de inserare să fie formatată corect. În primul rând există o listă de nume de coloane, urmată de o listă de valori. Ordinea numelor coloanelor și a valorilor trebuie să fie în aceeași ordine, astfel încât să se potrivească. Un exemplu despre cum ar putea arăta acest lucru este atașat. Mai întâi, configurați o nouă procedură cu rezultat care ia un șir ca argument și returnează același șir înconjurat de ghilimele unice. Procedura quotify este utilizată în procedura InsertDataInTable pentru a plasa ghilimele în jurul tuturor valorilor din interogare. De asemenea, se ocupă de „evadarea” oricărui ghilimel sau apostrof care este introdus de utilizator. Puteți trimite apostrofe simple ca parte a unei valori din interogare, astfel încât blocul „înlocuiește toate” adaugă un citat unic suplimentar. Două ghilimele la rând sunt interpretate ca un singur ghilimel. Cifrele de mai jos arată cum se realizează procedura. Observați că trebuie să spuneți blocului de procedură pentru a adăuga un parametru. Faceți acest lucru cu pictograma albastră care apare într-o fereastră mică în care specificați câte articole trebuie să acționați ca parametri. În acest caz, ai nevoie doar de unul. App Inventor va denumi automat parametrul „x”, dar îl puteți redenumi în „str” făcând clic pe x și tastând direct în bloc. În mod similar, puteți redenumi procedura de la „procedură” la „cotați” tastând direct în bloc.

Utilizați blocul InsertRow al componentei Fusion Table. Pentru a construi lista de valori, folosim blocul de text de asociere App Inventor.

Pentru această aplicație, numele coloanelor trebuie să se potrivească cu numele coloanelor din tabelul pe care l-am creat anterior. Valorile lor respective sunt preluate din variabilele globale ale procedurii. Notă: dacă nu ați folosit aceste cuvinte exacte pentru coloanele tabelului, atunci asigurați-vă că utilizați numele coloanelor tabelului atunci când creați interogarea.

5. După ce utilizatorul și-a introdus numele, opțiunile pentru ceai și comentarii, va face clic pe butonul Trimite. Aplicația testează pentru a vă asigura că câmpurile de nume, ceai și gustări au valori în ele și îi solicită utilizatorului să încerce din nou dacă lipsește vreunul dintre răspunsurile necesare. Observați că este utilizat blocul de comparare a textelor (găsiți-l în Paleta încorporată, Sertar text). Acest bloc compară două șiruri de text pentru a vedea dacă sunt egale. Dacă toate informațiile necesare sunt prezente, apelează procedura InsertDataInTable (vezi figura atașată).

6. Gestionarea răspunsului de la serviciul Fusion Tables

Evenimentul FusiontablesControl. GotResult va fi declanșat atunci când aplicația primește un răspuns de la serviciul Google Fusion Tables. Pentru o interogare de inserare, serviciul va returna ID-ul rândului noului rând care a fost inserat sau un mesaj de eroare dacă ceva nu a mers bine. În acest exemplu simplu, folosim blocul „conține” (îl găsiți sub paletă încorporată, sertar text) pentru a verifica dacă șirul de rezultate are rândul ID în el. Dacă da, atunci știm că rowID a fost primit și apoi invocăm procedura WebViewer. GoHome, care reîncarcă „HomeURL” așa cum este specificat în proprietățile WebViewer. Rețineți că acest set de blocuri apelează și resetFormprocedure. După înregistrarea unei intrări, resetează interfața la starea inițială.

Ați terminat! Pachetează aplicația accesând pachet pentru telefon de pe Designer. Acum puteți testa aplicația în scopul TeaCelebration. După ce ați înțeles acest tutorial, veți fi gata să creați noi tabele Fusion și să modificați aplicația pentru a colecta date de tipuri diferite de la utilizatori.

Pasul 7: Încărcarea aplicației în Google Play Store

Este foarte ușor să încărcați aplicația în magazinul Google Play. Pur și simplu google „Cum se încarcă aplicația în Google Play Store” și veți obține toate informațiile de la google însuși. Mai jos este linkul google: -

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

Trebuie doar să încărcați fișierul APK în Play Console.

Pentru a salva fișierul APK accesați Build in MIT App și selectați opțiunea „Save.apk to my computer”.

În cele din urmă, după ce ați făcut toate aceste lucruri, aplicația dvs. este gata de utilizare. Dacă nu doriți să încărcați aplicația în magazinul Google Play, pur și simplu trimiteți aplicația prietenilor / clienților dvs. etc.

Acest lucru este doar în scop de învățare și acum aveți atât de multe opțiuni pentru a crește, Scădere, Afișare ascunde tabelul de fuziune.

Acest instructable este foarte unic. Acum depinde de dvs. să utilizați procedura. Ne vom întâlni în Următorul instructabil.

Mulțumesc pentru lectură.