Kniha App Inventor
| Site: | Virtuálna Univerzita Mateja Bela |
| Course: | Zábavné programovanie |
| Book: | Kniha App Inventor |
| Printed by: | Guest user |
| Date: | Saturday, 6 June 2026, 3:31 AM |
Description
Táto časť obsahuje študijne materiály k vývojovému prostrediu MIT App Inventor
1. Vývojárske prostredie App Inventor
MIT App Inventor je intuitívne vizuálne programovacie prostredie, ktoré umožňuje každému - dokonca aj deťom - vytvárať plne funkčné aplikácie pre telefóny s Androidom, iPhony a tablety s Androidom alebo iOS.
Registrovaných je až 14,9 milióna používateľov zo 195 krajín, tí doposiaľ vytvorili viac než 67 miliónov aplikácií.
Tento nástroj vznikol na MIT. Je akousi vstupnou bránou do programovania mobilných aplikácií. Konkrétne pre Android a už aj iOS. Jeho výhodou je, že
začiatočník nemusí poznať programovací jazyk v jeho čistej forme, programovanie prebieha pomocou blokov podobne ako Scratch, alebo MakeCode s ktorými sme už mali možnosť stretnúť
1.1. Tvorba projektu
Naše aplikácie vytvárame na stránke MIT App Inventor | Explore MIT App Inventor. Tu sa náchdzajú rôzne sekcie, kde sa sa o App Inventor môžeme dozvedieť viac, nás bude v tejto kapitole zaujímať sekcia Create Apps.
Na začiatok je potrebné mať vytvorené google konto, celý čas je potrebné aj internetové pripojenie.
2. Práca v prostredí
Na začiatok je potrebné sa s prostredím zoznámiť, aj keď možno najskôr vyzerá zložito je spracované prehľadne a práca v ňom je z veľkej časti intuitívna a zvládajú ju aj deti na ZŠ. Nevýhodou môže byť nutnosť stáleho pripojenia na internet pokiaľ v aplikácii pracujeme
Na hornej lište vľavo sa nachádza názov projektu , ďalej tlačidlo na výber obrazovky v ktorej chceme pracovať a tlačidlo na pridanie novej obrazovky. Na okraji ľavej strany máme paletu, tu sa nachádzajú komponenty ktoré slúžia na tvorbu používateľského rozhrania, to sú napríklad rôzne druhy tlačidiel. Každý komponent ktorý použijeme sa nám zobrazí na obrazovke telefónu, ktorá sa nachádza v strede a taktiež ho nájdeme na lište components vpravo. Keď si tento komponent rozklikneme - jeho zložky sa nám zobrazia na vedľajšej lište properties, tu tento komponent nastavujeme podľa jeho charakteru (meníme názov tlačidla, veľkosť, farbu, ...)
Pokiaľ sa preklineme na blokové programovanie vpravo hore, dostaneme možnosť naše jednotlivé komponenty programovať jednoducho pomocou blokov, tu opäť závisí od charakteru komponentu akým spôsobom s ním budeme pracovať.
2.1. Usere Interface
užívateľské rozhranie, slúži nám na pridávanie tlačidiel, obrázkov, pozadia, textových polí,....
2.2. Blokové programovanie
Pri blokovom programovaní máme klasické bloky ako napríklad: pre logické operácie, matematické či na prácu s textom, ...
Menu s výberom blokov sa nachádza na ľavej strane obrazovky. V prvej časti máme možnosť výberu zo všeobecných blokov, no pre uľahčenie práce s jednotlivými komponentami nám po kliknutí na ne App Invetor ponúkne možnosti ich programovania.
Hneď vedľa sa nachádza pracovná plocha, kde jednotlivé bloky skladáme dokopy. toto skladanie funguje jednoducho podobne ako v Sratch alebo MakeBlock.
Pokiaľ počas kódovania urobíme chybu App Inventor nás na to upozorní pomocou ikoniek ktoré sa nachádzajú na spodku pracovnej plochy .
2.3. Ďalšie možnosti práce v App Inventor
Keďže sa je dná o program na tvorbu mobilných aplikácií, App Inventor nám ponúka možnosť zapájať do aplikácie aj možnosti našich mobilných zariadení ako je GPS, mapy, senzory(meranie teploty, svetelný senzor, barometer, ....), prístup ku kontaktom, úložisko, fotografie, ....
Zaujímavosťou je možnosť programovania Lego Mindstorms a to priamo pre modely EV3 a NXT
2.4. Ukladanie projektu
Našu vytvorenú aplikáciu si môžeme jednoducho stiahnuť do svojho zariadenia pomocou QR kódu ktorý si vygenerujeme priamo na stránke.
Rozklikneme si tlačidlo build, tu nám ponúkne Android App, kde je potrebné mať v zátvorke skratku (.apk)
Následne nám po nejakom čase App Inventor vygeneruje QR kód ktorý si môžeme jednoducho oskenovať alebo priamo stiahnuť do nášho zariadenia,
2.5. Testovanie aplikácie
Ešte pred tým ako si našu novovytvorenú aplikáciu stiahneme, App Inventor nám ponúka možnosť si ju odtestovať. Pripojiť sa môžeme viacerými spôsobmi. V sekcii connect máme 3 možnosti a to:
Al Companion -
Emulator -
USB -
3. jednoduché úlohy na zoznámenie sa s prostredím
úlohy
3.1. App inventor otázka1
hssbjc jycncnjnnjcn nsjcnsTu sa nachádzaju zdrojové kódy k zadanej úlohe. Určite chcete zobraziť riešenie úlohy?
4. Zaujímavé aplikácie ktoré vytvorili študenti
App Inventor dopomohol ku vzniku množstvu, zaujímavých aplikácií, ktoré neslúžia len pre zábavu, no môžu byť aj nápomocné v každodennom živote, pri týchto prácach je pekne vidieť ako je takéto programovanie ohraničené len našou fantáziu.
The Hello Navi Team: šestici dievčat zo strednej školy z Resaci sa podarilo vytvoriť aplikáciu ktorá napomáha ich nevidiacemu spolužiakovi orientovať sa v priestoroch školy. Boli pozvaný aby svoju aplikáciu predviedli v Bielom Dome
5. Výzkumi a články zaoberajúce sa App Inventor
Implementing IT0/CS0 with scratch, app inventor for android, and lego mindstormsCieľom autorov tohto článku je zhrnúť svoje skúsenosti s výučbou v programovacom jazyku Sratch, App Inventor pre Android a robotickou pomôckou Lego Mindstorm.
Dôvodom prečo sa autori rozhodli tento článok napísať je trend klesajúceho záujmu žiakov o výpočtové oblasti v kombinácii so zvýšeným dopytom zo strany trhu práce. Táto skutočnosť vyzýva vyučujúcich, aby prišli s novými a atraktívnymi metodikami na prilákanie a udržanie študentov v tomto odbore. Dôležité je žiakov motivovať aby boli ochotný získavať nové skúsenosti a celoživotne sa v tomto sektore vzdelávať
-----------------------------------------------------------------------------------------
Zdroj: (PDF) Implementing IT0/CS0 with scratch, app inventor for android, and lego mindstorms (researchgate.net)
Teaching computing and programming fundamentals via App Inventor for Android
V dnešnej dobe kedy rastie význam interdisciplinárneho štúdia sa oblasť výpočtovej techniky a jej nepostrádateľná zložka - programovanie, sa stali čoraz dôležitejšími nielen v oblasti STEM, ale aj v mnohý ďalších oblastiach. Výpočtová chémia, bio-informatika, výpočtová lingvistika, výpočtová toxikológia atď. Toto sú len niektoré príklady crossoverových disciplín, ktoré významne profitujú z vývoja v oblasti výpočtovej techniky a informačných technológií (IT). Učitelia dnes čelia väčším výzvam ako kedykoľvek predtým v snahe prísť s novými, aktuálnymi a atraktívnymi metodikami na prilákanie a udržanie študentov v oblasti počítačových a IT. Počítačové kurzy a témy pre študentov potrebujú nové prístupy, ktoré ich motivujú v štúdiu. Cieľom autorov tohto článku je zhrnúť vlastnécskúsenosti s výučbou a veľký potenciál App Inventor aplikácií pre Android (AIA) pri rozširovaní príťažlivosti a šírenia základných výpočtových a programovacích konceptov s pedagogickým základom.
-----------------------------------------------------------------------------------------
Zdroj: (PDF) Teaching computing and programming fundamentals via App Inventor for Android (researchgate.net)
Skill progression in MIT app inventor
Tento dokument prispieva k rastúcemu počtu výskumov, ktoré sa pokúšajú merať online, neformálne učenie. Autor analyzuje postup zručností v MIT App Inventor. Cieľom prieskumu je pochopiť, ako sa ľudia učia koncepty výpočtového myslenia pri vytváraní mobilných aplikácií s Aplikáciou Inventor. Autor zaujíma najmä vzťah medzi postupom zručností pri používaní funkcií App Inventor a používaním konceptov výpočtového myslenia, pretože študenti vytvárajú viac aplikácií. Modeluje postup zručností v dvoch dimenziách: šírke a hĺbke schopností. Výskum prebiehal na vzorke 10 571 náhodných probantov, z ktorých každý vytvoril najmenej 20 aplikácií, analyzuje vzťah medzi preukazovaním zručností špecifických pre danú doménu pomocou funkcií App Inventor a všeobecných zručností pomocou konceptov výpočtového myslenia. Zo zistení vyplýva, že podobne napredujú zručnosti špecifické pre danú oblasť a zovšeobecnené zručnosti. Existuje spoločný model rozširovania šírky schopností pomocou nových zručností počas prvých 10 projektov a potom rozvíja hĺbku schopností pomocou predtým zavedených zručností, na vytváranie sofistikovanejších aplikácií.
-----------------------------------------------------------------------------------------
Zdroj: (PDF) Skill progression in MIT app inventor (researchgate.net)
Measuring the Usability and Capability of App Inventor to Create Mobile Applications
Autori analyzujú vzorku 5 228 náhodných projektov z celkových 9,7 milióna a skupinových projektov podľa funkčnosti. Potom zaraďujú počet jedinečných blokov v projektoch ako metriku, aby lepšie pochopili použiteľnosť a realizovanú schopnosť používať Aplikáciu Inventor na implementáciu špecifických funkcií. Zavádzajú pojem skóre použiteľnosti a výsledky naznačujú, že úvodné tutoriály silne ovplyvňujú použiteľnosť aplikácie Inventor na implementáciu konkrétnych funkcií. Zistenia autorov naznačujú, že sekvenčná povaha vzdelávacích zdrojov App inventora vedie k tomu, že používatelia si uvedomujú iba časť schopností aplikácie a navrhujú zlepšenia týchto vzdelávacích zdrojov, ktoré sú prenosné do iných programovacích prostredí a nástrojov.
-----------------------------------------------------------------------------------------
Zdroj: (PDF) Measuring the Usability and Capability of App Inventor to Create Mobile Applications (researchgate.net)