Lav Android -applikation til små virksomheder ved hjælp af MIT APP og Google Fusion Table: 7 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:27

Har du nogensinde ønsket at lave din egen applikation, som kan være tilgængelig i Google Play Store !!! Hvis du har en virksomhed, vil denne vejledning ændre dit liv. Efter at have læst dette omhyggeligt vil du være i stand til at lave din egen applikation. Inden du begynder med denne instruktionsbog, skal du læse yderligere to instruktioner. Link mellem disse to er givet nedenfor. Disse instruktioner er de grundlæggende øvelser i appudvikling.

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

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

Så for at lave en ansøgning antog vi, at vi havde en lille tebutik med 20 numre af te, så ved hjælp af din egen applikation kan kunderne bestille te inden de ankommer til din tebutik eller til levering hjem.

Denne vejledning forudsætter, at du er fortrolig med det grundlæggende i App Inventor, herunder brug af Component Designer til at opbygge en brugergrænseflade og bruge Blocks Editor til at angive appens adfærd. Hvis du ikke kender det grundlæggende, kan du prøve at gennemgå nogle af de grundlæggende selvstudier, før du fortsætter.

Inden vi gjorde denne instruktive, har vi gennemgået så mange forskellige ideer, som om vi vil lave en app til medicinbutik, restaurant, kosmetik, bildele, bøger butik osv. Endelig har vi besluttet at lave en app til tebutik. Navnet på denne app er besluttet at være "TeaCelebration".

Samme applikation kan bruges til alle typer virksomheder med næsten ingen investeringer. Så lad os starte det.

Trin 1: Indsamling af værktøjer

Hovedværktøj til at opbygge dette projekt er at være fortrolig med MIT APP Inventor, Google Fusion Table, Google Console, Google Play store. Lille kendskab til disse er tilstrækkeligt, Ingen grund til at gå i dybden med dette emne. Vi har dog dækket alle de nødvendige trin for at bygge dette projekt på en let måde.

Andre ting, der kræves, før du starter dette projekt, er:-

1. Internetforbindelse.
2. MIT Inventor -app installeret på mobilen.
3. Gmail -konto
4. Fusionstabel- En fusionstabel er en Google-tjeneste, der understøtter indsamling, administration, deling og visualisering af data. Data gemmes i Googles sky. Alle data gemmes i en offentlig tabel (eller tabeller), der kan tilgås via Google Drev, og giver forskellige brugere mulighed for at tilføje oplysninger til tabellerne.

Trin 2: Oprettelse af skærmbillede af TeaCelebration

TeaCelebration -appen gør brug af flere andre typer komponenter. Det antages, at du har lært, hvordan du bruger disse i tidligere nævnte selvstudier. Brug designervinduet til at oprette grænsefladen til TeaCelebration. Når den er færdig, skal designeren ligne den vedhæftede figur med navnet Screen1.

Jeg håber, at du kender den komponent, der bruges til at lave denne skærm, og hvordan de fungerer. Hvis du har problemer med denne skærm, kan du se figuren:- Komponent1 & Komponent2.

Trin 3: Sådan opretter du en servicekonto til fusionstabeller med Google Developers Console

Fusionstabeller er en fantastisk skybaseret måde at gemme data til din App Inventor-app. Inden du kan bruge Fusion Tables, skal du konfigurere flere ting.

1. Åbn console.developers.google.com

Klik på "Opret nyt projekt", eller vælg projektet fra rullelisten, hvis du allerede har et projekt. Google vil bede dig om et projektnavn. Vælg et navn, der ikke indeholder mellemrum. Her har vi valgt projektnavn TeaCelebration. Hvilket kan ses på den vedhæftede figur.

2. Når du har oprettet et projekt, skal du klikke på menuen i øverste venstre hjørne af udviklerkonsollen (tre vandrette linjer).

3. klik på API -manager

4. Hvis du ikke allerede kigger på det, skal du klikke på API Manager i menuen Udviklerkonsol.

5. søg efter "Fusion Tables" på listen over API, og klik på Fusion Tables API

6. Klik på "Aktiver"

Når den er aktiveret, ændres knappen, og du bliver bedt om at oprette legitimationsoplysninger. (API'en er kun aktiveret for det aktuelt valgte projekt. Hvis du kun har en, er der ikke noget problem)

7. Klik på knappen "Gå til legitimationsoplysninger" for at fortsætte.

8. Hvis du kom fra knappen "Gå til legitimationsoplysninger" (7), finder du sætningen, der siger "Hvis du ønsker det, kan du springe dette trin over og oprette en API -nøgle, klient -id eller servicekonto." Klik på "servicekonto".

8.1 (alternativ til 8) Hvis du ikke kom fra knappen "Gå til legitimationsoplysninger", skal du vælge "Legitimationsoplysninger" efter at have valgt API -manager i menuen Udviklerkonsol. Klik derefter på "Nye legitimationsoplysninger" og derefter "Servicekontonøgle"

9. Klik på "Opret servicekonto"

10. Giv det et enkelt navn uden mellemrum, som TeaCelebration.

Marker "Aktiver Google Apps domæne-delegering" Indtast dit produktnavn, som er navnet på den app, du bygger! Klik derefter på Opret. Efter et øjeblik vil den rapportere "Servicekonto oprettet." Klik på "luk"

11. Servicekonto -id - Du skulle nu se en side med titlen "IAM & Admin", der viser servicekonti til dit projekt. Det skal se ud som nedenfor med den nye servicekonto opført og en (lang) e -mail -adresse med titlen "Servicekonto -id". Du skal bruge denne e -mail -adresse senere i App Inventor.

Hvis du har brug for at vende tilbage til denne IAM & Admin -side, kan du finde den ved at gå til udviklerkonsollen https://console.developers.google.com og vælge IAM & Admin i menuen med tre vandrette linjer øverst til venstre. Vælg derefter enten servicekonti eller tilladelser for at se e -mailadressen (servicekonto -id).

12. Få din nøgle- Med en servicekonto nu oprettet, kan du få en nøgle til at bringe ind i App Inventor. Fra siden API-legitimationsoplysninger vælger du din servicekonto. klik på "Opret legitimationsoplysninger". Vælg, at du vil have en servicekontonøgle. Vælg, hvilken konto du vil have en nøgle til (du har sandsynligvis kun en, den vi lige har oprettet - vælg den på rullelisten, og vælg Nøgletype: P12. Klik på "Opret".

Du vil straks downloade en ny fil, der ender på.p12. Dette er den fil, du skal uploade til App Inventor. Hvis denne fil har mellemrum i navnet, skal du omdøbe filen for at fjerne mellemrummene. App Inventor vil afvise filen, hvis den har mellemrum eller mærkelige tegn i navnet, så du kan lige så godt tjekke den nu.

Du får også mulighed for at oprette en adgangskode til nøglen med det oprindelige kodeord "notasecret". Du kan lade dette være, som det er, medmindre du vil oprette din servicekonto App Inventor -app.

Puha! Det var en lang proces. I slutningen af alt dette skal du have en servicekonto sammen med et konto -id (e -mail -adresse) og en p12 servicekontonøgle

Trin 4: Sådan opretter du tabeller til deling

Du har nu mulighed for at dele Fusion -borde. Her diskuterer vi, hvordan du opretter tabeller til deling.

Åbn Google Drev på drive.google.com

1. "Tilslutning" af fusionstabeller til drev

Klik på "NEW", derefter "More" og derefter "Connect more apps". (Fusionstabeller er muligvis allerede tilgængelige i denne menu, i så fald kan du springe dette trin over.)

Søg efter "fusionstabeller" og klik på "CONNECT" på Fusion Tables -kortet.

2. Opret en ny tabel

Klik på "NY" i Drev, vælg "Mere" og klik på "Google Fusion Tables".

Det vil spørge dig, om du vil importere en eksisterende datafil eller starte med en helt tom ny tabel. Valgene her er dine, og dine alene! Bagefter vil det bringe dig ind i dit nye Fusion Table.

Hvordan du konfigurerer tabellens data og struktur, afhænger af din app.

3. Del tabellen med servicekonto.

For at App Inventor kan få adgang til denne tabel, skal den deles med den servicekonto -e -mail, du har oprettet. I fusionstabellen skal du klikke på "Del" Under "Inviter folk" indtaste din servicekontos e -mail fra udviklerkonsollen (f.eks. Myservice …@Developer.gserviceaccount.com) Sørg for, at "Kan redigere" er valgt. Klik på "underret folk" (servicekontoen er ikke en rigtig person, så det er ligeglad med meddelelsen) Klik på "OK", og når der står "spring over at sende besked?" klik på "OK". Klik på "Udført"

Trin 5: Bestemmelse af din fusionstabels URL og tabel -id

I blokke -editoren vil du indstille WebViewer -komponentens HomeURL -ejendom til at pege på URL'en til din tabel. Sådan finder du din fusionstabels URL:

1. Naviger til din fusionstabel, du lige har oprettet, i din browser.

2. Gå til menuen, og vælg Værktøjer> Publicer.

3. Du får vist en meddelelse, der siger: "Dette bord er privat og vil ikke være synligt".

4. Klik på det blå link, der siger "Skift synlighed". På listen over "Hvem har adgang" skal du klikke på det blå "Skift …" -link ud for "Privat - Kun personer, der er angivet nedenfor …"

5. Vælg "Offentlig på Internettet" eller "Enhver med linket". Begge disse indstillinger fungerer for denne vejledning. I fremtiden bør du beslutte denne indstilling baseret på følsomheden af dine data.

6. Klik på den grønne knap Gem, derefter på den blå Udført -knap.

7. Tilbage på siden Fusionstabel, gå til menulinjen og vælg Værktøjer> Publicer. Vælg webadressen i det øverste tekstfelt (mærket "Send i en e -mail eller IM"), kopier webadressen og vende tilbage til App Inventor. Du indsætter webadressen i definitionsblokken for TABLE_URL.

8. Du kan finde tabel -id'et ved at gå til din tabel og derefter vælge Filer> Om denne tabel i menuen.

Upload din.p12 -nøglefil

I designeren skal du uploade den nøglefil, du har downloadet fra udviklerkonsollen. Upload den under medier, på samme måde som du ville uploade en billedfil. Klik på FusiontablesControl1 -komponenten, og find egenskaben KeyFile. Klik, hvor der står "ingen" under KeyFile, og vælg.p12 -filen, du tidligere har uploadet.

Trin 6: Lav blokke i MIT APP

Åbn Blocks Editor, så du kan programmere appens adfærd. Inden du læser dette trin, bedes du se alle vedhæftede skærmbilleder, fordi jeg er sikker på, at du nemt kan lave blokke som vist i skærmbillede uden at læse nedenfor Procedure.

1. Det er vigtigt at udføre nogle initialiseringstrin, når appen startes. Disse udføres i blokken "Screen1. Initialize". For denne app skal vi indstille startværdierne for FusionTable -komponentens servicekontoejendom (indstillet til global SERVICE_ACCOUNT_EMAIL) og WebViewer -komponentens HomeURL -ejendom (indstillet til global TABLE_URL). Se vedhæftede skærmbillede for bedre forståelse.

2. Indstil proceduren "resetForm" som vist herunder. Efter registrering af en post nulstiller denne procedure grænsefladen tilbage til den oprindelige tilstand.

3. Listevælgerblokke

I designeren angiver du valgmulighederne for te- og snacks -typerne ved at udfylde egenskaben "Selection" med kommaseparerede lister. Disse forprogrammerede valg vises på brugergrænsefladen, så brugeren kan vælge deres te og snacks. Deres valg gemmes i variablerne Te og snacks.

4. Indsættelse af data i fusionstabellen

FusiontablesControl -komponenten bruges til at sende dataene til fusionstabellen. Denne handling vil oprette en ny række i fusionstabellen, der angiver værdierne for de forskellige involverede kolonner. App Inventor gør dette let at gøre, men du skal være forsigtig med at indsætningsforespørgslen er formateret korrekt. Først er der en liste over kolonnenavne efterfulgt af en liste med værdier. Rækkefølgen på kolonnenavne og værdienavne skal være i samme rækkefølge, så de stemmer overens. Et eksempel på, hvordan dette kan se ud, er vedhæftet. Først skal du konfigurere en ny procedure med resultat, der tager en streng som et argument og returnerer den samme streng omgivet af enkelte anførselstegn. Proceduren quotify bruges i proceduren InsertDataInTable til at placere anførselstegn omkring alle værdierne i forespørgslen. Det sørger også for at "undslippe" alle enkelte citater eller apostrofer, der indsættes af brugeren. Du kan sende enkelte apostrofer som en del af en værdi i forespørgslen, så blokken "erstat alle" tilføjer et ekstra enkelt citat. To enkelte citater i træk fortolkes som et enkelt citat. Nedenstående figurer viser, hvordan proceduren udføres. Bemærk, at du skal fortælle procedureblokken for at tilføje en parameter. Du gør dette med det blå ikon, der dukker op i et lille vindue, hvor du angiver, hvor mange elementer du skal bruge som parametre. I dette tilfælde har du bare brug for en. App Inventor navngiver automatisk parameteren "x", men du kan omdøbe den til "str" ved at klikke på x og skrive direkte i blokken. På samme måde kan du omdøbe proceduren fra "procedure" til "citere" ved at skrive direkte i blokken.

Brug Fusion Table -komponentens InsertRow -blok. For at konstruere værdilisten bruger vi App Inventor's tekstblok.

For denne app skal kolonnens navne stemme overens med kolonnenavne i tabellen, vi har oprettet tidligere. Deres respektive værdier er taget fra procedurens globale variabler. Bemærk: Hvis du ikke brugte disse nøjagtige ord til tabellenes kolonner, skal du sørge for at bruge tabellens kolonnenavne, når du bygger din forespørgsel.

5. Når brugeren har indtastet sit navn, te -valg og kommentarer, klikker de på knappen Send. Appen tester for at sikre, at felterne navn, te og snacks indeholder værdier, og beder brugeren om at prøve igen, hvis et af de nødvendige svar mangler. Bemærk, at blokken sammenligne tekster bruges (find den under Indbygget palet, Tekstskuffe). Denne blok sammenligner to tekststrenge for at se, om de er ens. Hvis alle nødvendige oplysninger er til stede, kalder det proceduren InsertDataInTable (se vedhæftede figur).

6. Håndtering af svar fra Fusion Tables Service

Hændelsen FusiontablesControl. GotResult udløses, når appen modtager et svar fra Googles Fusion Tables Service. For en indsættelsesforespørgsel returnerer tjenesten rowID'et for den nye række, der blev indsat, eller en fejlmeddelelse, hvis noget gik galt. I dette enkle eksempel bruger vi blokken "indeholder" (find den under indbygget palette, tekstskuffe) til at kontrollere, om resultatstrengen har rowID'et i den. Hvis ja, ved vi, at rowID'en blev modtaget, og vi påberåber os derefter WebViewer. GoHome -proceduren, som genindlæser "HomeURL" som angivet i WebViewer -egenskaberne. Bemærk, at dette sæt blokke også kalder resetFormprocedure. Efter at have registreret en post, nulstiller den grænsefladen tilbage til den oprindelige tilstand.

Du er færdig! Pak appen ved at gå til Package to Phone on the Designer. Du kan nu teste appen med henblik på TeaCelebration. Når du forstår denne vejledning, er du klar til at lave nye fusionstabeller og ændre appen for at indsamle forskellige typer data fra brugere.

Trin 7: Upload af appen i Google Play Butik

Det er meget let at uploade appen til Google Play Store. Du skal blot google "Sådan uploader du appen i Google Play Butik", og du får alle oplysninger fra Google selv. Nedenfor er linket til google:-

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

Kun du skal uploade APK -filen i Play Console.

For at gemme APK -filen skal du gå til Build in MIT App og vælge indstillingen "Gem.apk på min computer".

Endelig efter at have gjort alle disse ting, er din applikation klar til brug. Hvis du ikke vil uploade appen til Google Play Butik, skal du blot dele appen med din vens/ kunder osv.

Dette er kun til læringsformål, og du har nu så mange muligheder for at øge, formindske, Vis skjul fusionstabellen.

Dette instruerbare er meget unikt. Nu er det op til dig at bruge proceduren. Mødes i Næste instruerbare.

Tak fordi du læste.