Výučba programovania mobilných aplikácií v App Inventore 2

Naprogramujte kresliaci editor, v ktorom sa na každom mieste dotyku zobrazí na plátne kruh.

ls_drawing_pad1.aia, ls_drawing_pad1.apk

metodika (2014), pracovný list (2014)

Screenshot

Komponenty (Udalosti)

Canvas (Touched)

Metódy, vlastnosti, programové koncepty

Canvas (DrawCircle)

Naprogramujte kresliaci editor, v ktorom sa na každom mieste dotyku zobrazí na plátne kruh, pri ťahaní sa nakreslí na plátne čiara, pri potrasení mobilným zariadením sa zmaže obrazovka.

ls_drawing_pad2.aia, ls_drawing_pad2.apk

pracovný list (2016)

Screenshot

Komponenty (Udalosti)

Canvas (Touched, Dragged), AccelerometerSensor (Shaking)

Metódy, vlastnosti, programové koncepty

Canvas (DrawCircle, DrawLine, Clear)

Naprogramujte kresliaci editor, v ktorom sa na každom mieste dotyku zobrazí na plátne kruh, pri ťahaní sa nakreslí na plátne čiara, pri potrasení mobilným zariadením sa zmaže obrazovka. Ďalej doplňte tlačidlá na zmenu farby pera, zmenu farby plátna na bielu, nastavenie plátna na aktuálnu fotografiu získanú vstavaným fotoaparátom, uloženie aktuálneho obsahu plátna do mobilného zariadenia a jeho opätovné vyvolanie, vloženie do obrázka textovej poznámky s dátumom a časom, vyvolanie ukončenia behu aplikácie, vytvorenie a nastavenie vlastnej ikony aplikácie.

ls_drawing_pad_icon.gif, exit.gif, new.gif, photo.gif, save.gif

ls_drawing_pad3.aia, ls_drawing_pad3.apk

pracovný list (2016), riešenie (2016)

Screenshot

Komponenty (Udalosti)

Canvas (Touched, Dragged), AccelerometerSensor (Shaking),
Button (Click),
TextBox,
Camera (AfterPicture),
Clock, Screen (Initialize)

Metódy, vlastnosti, programové koncepty

Canvas (DrawCircle, DrawLine, Clear, DrawText, Height, Width, PaintColor, LineWidth, BackgroundImage, SaveAs),
TextBox (Text),
Camera (TakePicture),
Clock (Now, FormatDateTime),
aritmetické operácie (x, -),
join,
close application

Vytvorte hru Postreh, ktorá bude v pravidelných casových intervaloch zobrazovat cervenú loptu na náhodné miesta obrazovky. Úlohou hráca je co najskôr sa dotknút tejto lopty. Po dotyku lopty sa ozve krátky zvuk.

ls_postreh_ikona.gif, ts.flac

ls_hra_postreh1.aia, ls_hra_postreh1.apk

metodika, pracovný list

Screenshot

Komponenty (Udalosti)

Clock (Timer),
Ball (Touched)

Metódy, vlastnosti, programové koncepty

Ball (MoveTo),
Sound (Play),
generovanie náhodného čísla

Vytvorte hru Postreh, ktorá bude v pravidelných časových intervaloch zobrazovať červenú loptu na náhodné miesta obrazovky. Úlohou hráča je čo najskôr sa dotknúť tejto lopty. Po dotyku lopty sa ozve krátky zvuk. Ďalej doplňte registrovanie úspešných dotykov (po každom úspešnom dotyku sa zaznamená a zobrazí počet úspešných dotykov a doplnenie tlačidla na vynulovanie počtu úspešných dotykov, ukončenie hry po 10 úspešných dotykov so skrytím lopty a zobrazením času trvania hry.

ls_hra_postreh2.aia, ls_hra_postreh2.apk

Screenshot

Komponenty (Udalosti)

Clock (Timer),
Ball (Touched),
Screen (Initialize),
Label

Metódy, vlastnosti, programové koncepty

Ball (MoveTo, Visible),
Sound (Play),
Clock (Now, Duration, TimerEnabled),
Label (Text),
generovanie náhodného čísla,
globálna premenná (inicializácia, priradenie, inkrementácia),
aritmetické operácie (/, +), logické hodnoty true/false,
vlastná procedúra,
join,
if-then

Vytvorte hru Guľôcka, v ktorej nakláňaním mobilného zariadenia ovládate malú červenú guľku tak, aby sa čo najskôr dotkla troch zelených kruhov a vyhla sa čiernemu kruhu predstavujúcemu jed. Pri dotyku guľky so zeleným kruhom, kruh zmizne a získavate za neho 10 bodov, pri dotyku s okrajom plátna strácate 2 body a pri dotyku s jedom (čiernym kruhom) strácate 40 bodov. Hra koncí po dotknutí sa troch zelených kruhov alebo pri získaí záporného skóre hry.

ls_ball_game1_icon.gif

ls_ball_game1.aia, ls_ball_game1.apk

Screenshot

Komponenty (Udalosti)

Screen (Initialize),
Canvas,
Ball (CollidedWith),
Clock (Timer),
Sound,
OrientationSensor

Metódy, vlastnosti, programové koncepty

Clock (TimerEnabled),
Sound (Play, Source),
Label (Text),
Ball (X, Y, Radius, Visible, EdgeReached),
Canvas (DrawText, Clear, Width, Height),
OrientationSensor (Roll, Pitch),
generovanie náhodného čísla,
globálna premenná (inicializácia, priradenie, inkrementácia),
aritmetické operácie (/, +), logické hodnoty true/false,
vlastná procedúra,
join,
if-then

Vytvorte aplikáciu pre slabozrakých, či zaneprázdnených ľudí, ktorá okrem zobrazenia azimutu a svetovej strany na kompase bude hovoriť aktuálnu svetovú stranu syntetickým hlasom (4 hlavné a 4 vedľajšie svetové strany).

ls_kompas_ikona.gif, kompas.gif

ls_kompas1.aia, ls_kompas1.apk

Screenshot

Komponenty (Udalosti)

Canvas,
ImageSprite,
Label,
OrientationSensor (OrientationChanged),
TextToSpeech,

Metódy, vlastnosti, programové koncepty

Label (Text),
ImageSprite (Heading),
TextToSpeech (Speak),
vlastná procedúra,
údajový typ zoznam (vytvorenie, výber prvku),
globálna a lokálna premenná (inicializácia, priradenie, porovnanie),
funkcie modulo, floor, format as decimal number, aritmetické operácie (+, x ,/),
if-then

Vytvorte aplikáciu pre slabozrakých, či zaneprázdnených ľudí, ktorá prečíta nahlas prichádzajúcu SMS správu syntetickým hlasom.

ls_sms_reader_icon.gif

ls_sms_reader.aia, ls_sms_reader.apk

Screenshot

Komponenty (Udalosti)

Label,
Texting (MessageReceived),
TextToSpeech

Metódy, vlastnosti, programové koncepty

Label (Text),
TextToSpeech (Speak)

Vytvorte mobilnú aplikáciu, ktorá bude merať počet prejdených krokov (resp. urobených drepov, či pohybov rúk).

ls_krokomer_ikona.gif, t2.mp3

ls_krokomer.aia, ls_krokomer.apk

Screenshot

Komponenty (Udalosti)

Label, Button (Click),
Slider (PositionChanged),
Screen (Initialize),
Accelerometer (AccelerationChanged),
Clock,
Sound,
File

Metódy, vlastnosti, programové koncepty

Label (Text),
Clock (Now, GetMillis),
Sound (Play),
File (AppendToFile, Delete),
vlastná procedúra a funkcia,
globálna premenná (inicializácia, priradenie, porovnanie),
zložená podmienka (and),
aritmetické operácie (+, ^), sqrt,
join,
if-then

Vytvorte mobilnú aplikáciu, ktorá zo zoznamu adries umožní vybrať adresu/adresy a ukázať miesto/trasu medzi miestami pomocou aplikácie Google maps.

ls_ukaz_na_mape_ikona.gif

ls_ukaz_na_mape.aia, ls_ukaz_na_mape.apk

Screenshot

Komponenty (Udalosti)

Screen (Initialize),
Label,
ListPicker (BeforePicking, AfterPicking),
Button (Click),
ActivityStarter

Metódy, vlastnosti, programové koncepty

Label (Text),
ActivityStarter (StartActivity, Action, DataUri),
globálna premenná (priradenie),
join

Vytvorte mobilnú aplikáciu, ktorá umožní uložiť GPS pozíciu miesta a neskôr sa na to miesto vrátiť na základe vypočítania vzdialenosti a smeru od aktuálnej GPS pozície k uloženej GPS pozícii.

ls_cache_icon.gif, a.mid, a1.mid

ls_cache.aia, ls_cache.apk

Screenshot

Komponenty (Udalosti)

Screen (Initialize),
Canvas,
Label,
Button (Click),
TextBox,
LocationSensor (LocationChanged),
OrientationSensor,
Clock (Timer),
TinyDB,
Sound

Metódy, vlastnosti, programové koncepty

Canvas (Clear, PaintColor, DrawCircle, DrawLine),
Label (Text, TextColor),
TextBox (Text),
Sound (Play, Source),
LocationSensor (Latitude, Longitude, Accuracy, HasLongitudeLatitude),
OrientationSensor (Azimuth),
TinyDB (GetValue, StoreValue),
globálna a lokálna premenná (inicializácia, priradenie),
vlastná procedúra, funkcie sin, cos, atan2, sqrt, convert degrees to radians,
aritmetické operácie (+,-,x),
join,
if-then, if-then-else