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.

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:

  1. 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: