Izrada mobilnih aplikacija u MIT App Inventor Edu

Projektni zadatak

Izrada mobilnih aplikacija u MIT App Inventor Edu

MIT App Inventor je besplatan alat koji omogućuje izradu mobilnih aplikacija koristeći se programskim jezikom temeljenim na blokovima. Blokovi koji olakšavaju stvaranje složenih aplikacija u znatno kraćem vremenu od tradicionalnih programskih okruženja. Alatu se pristupa putem web-preglednika (Chrome, Firefox, Edge, Safari). Intuitivno, vizualno programsko okruženje omogućuje izradu potpuno funkcionalnih aplikacija za Android telefone, iPhone i Android ili OS tablete.
Vrijeme potrebno za početnika da napravi novu aplikaciju u MIT App Inventoru je manje od 45 minuta.
U ovom projektnom zadatku na početku objašnjeni su osnovni pojmovi i mogućnosti alata, te prikazano nekoliko gotovih primjera. Nakon toga, učenici će se detaljnije upoznati sa alatom i načinom rada te sami izraditi primjer mobilne aplikacije kojeg će kasnije moći uređivati i prilagoditi svojim potrebama.

Uvod:
S razvojem mobilne tehnologije, sve je veća potražnja za aplikacijama koje olakšavaju svakodnevni život korisnika. Međutim, razvoj mobilnih aplikacija može biti izazovan za one koji ne vole ili nemaju iskustva u programiranju. Upravo tu dolazi do izražaja MIT App Inventor; intuitivna, vizualna razvojna okolina koji omogućuje korisnicima stvaranje aplikacija bez prethodnog znanja programiranja. Koristeći blokove koda korisnici mogu dizajnirati korisničko sučelje i definirati ponašanje aplikacije. Ova platforma je posebno korisna u obrazovnom kontekstu, gdje potiče razvoj računalnog razmišljanja i kreativnosti.

Prijava:
Da biste se prijavili na MIT App Inventor, morate koristiti Google račun. Upotreba tog računa podliježe Googleovim uvjetima pružanja usluge za račune. MIT nema pristup vašem Google računu ili informacijama koje ste dali za njega osim adrese e-pošte računa koju koristi u slučaju potrebe za kontaktiranje

Otvorite poveznicu:
https://appinventor.mit.edu/

Krenite odabirom CREATE APP povežite se sa svojim e-mail računom i potvrdite da se slažete sa uvjetima edukacijske platforme za izradu mobilnih aplikacija:

Imenujte svoj prvi projekt i krenite sa odabirom razlučivosti

2) Krenimo sa ispisom teksta na zaslonu:

prenesimo lijevom tipkom miša oznaku LABEL na zaslon našeg virtualnog mobitela (tableta)

U desnom djelu prozora u oknu sa postavkama uredimo tekst za prikaz i njegova svojstva:
3) Umetnimo jedan gumb za odabir ili potvrdu

U desnom djelu prozora u oknu sa postavkama uredimo postavke gumba

4) Umetnim i jednu fotografiju na zaslon:

Uredimo svojstva fotografije i prenesimo fotografiju po želji:

5) Izgled zaslona nakon prve faze umetanja teksta, gumba i fotografije na zaslon:6) Sada se prebacimo iz pogleda dizajna (eng. Designer) u blokove za programiranje (eng. Blocks):

7) Krenimo sa programiranjem:

8) Izrada aplikacije za Android:
Na izborniku BUILD odaberemo ANDROID APP

9) Aplikacijom za skeniranje na svojem pametnom telefonu skenirajmo kod koji nam je aplikacija MIT App Inventor generirala:

Uživajte u svojoj prvoj aplikaciji na pametnom telefonu 🙂

Preuzmite PDF projekta ovdje: