CORE013 / Barbora Bühnová1
Přednáška 9
Algoritmické myšlení II
CORE013 Vývoj softwarových systémů: od myšlenky k funkčnímu řešení
CORE013 / Barbora Bühnová2
9. Algoritmické myšlení II
̶ MIT App Invertor
̶ Interaktivní demo na vytvoření chatovací aplikace
Domácí práce a příprava na tuto přednášku
̶ Prosím přineste si vlastní notebooky a na své chytré
telefony (pokud máte) si nainstalujte MIT AI2 Companion
̶ https://appinventor.mit.edu/explore/ai2/setup-device-wifi
CORE013 / Barbora Bühnová3
VÝVOJ APLIKACE PRAKTICKY
CORE013 / Adéla Bierská / https://appinventor.mit.edu/explore/ai2/clouddb-chat4
Vývoj chatovací aplikace
̶ Máme za úkol vyvinout základní chatovací aplikaci pomocí MIT App
Inventoru.
̶ Po nainstalování této aplikace uživatel zadá své jméno a poté pod ním
může posílat textové zprávy.
̶ Tyto zprávy se zobrazují jako seznam na obrazovce a zároveň se
ukládají do databáze.
̶ Při každé aktualizaci databáze se aktualizuje i seznam zpráv na
obrazovce aplikace (tím se uživateli zobrazí nově příchozí zprávy).
CORE013 / Adéla Bierská5
Vývojové prostředí - http://ai2.appinventor.mit.edu/
CORE013 / Adéla Bierská6
Vývojové prostředí - http://ai2.appinventor.mit.edu/
CORE013 / Adéla Bierská7
Rozvržení a komponenty
HorizontalArrangement
TextBox
ListView
Label
Button
Nevididelné komponenty:
CloudDB
CORE013 / Adéla Bierská8
Rozvržení a komponenty
Kategorie Komponenta Název Vlastnost Nastavení
User Interface Label Label1 Text “Enter your name
to join the chat”
Layout HorizontalArrangement HorizontalArrangement1 Width
AlignHorizontal
“Fill Parent”
“Center: 3”
User Interface TextBox TextBox1
User Interface Button SubmitButton Text “Submit”
User Interface ListView ListView1 BackgroundColor
TextColor
“White”
“Black”
Storage CloudDB CloudDB1
CORE013 / Adéla Bierská9
Po spuštění
CORE013 / Adéla Bierská10
Přihlášení uživatele
CORE013 / Adéla Bierská11
Odeslání zprávy
CORE013 / Adéla Bierská12
Submit Button
CORE013 / Adéla Bierská13
Zobrazení zpráv
CORE013 / Barbora Bühnová14
ROZŠÍŘENÍ
CORE013 / Adéla Bierská15
Časové značky
̶ Je třeba v Designer módu přidat Sensors -> Clock
CORE013 / Adéla Bierská16
Lokální uložení jména
̶ Je třeba v Designer módu přidat Storage -> TinyDB
CORE013 / Adéla Bierská17
Lokální uložení jména
CORE013 / Adéla Bierská18
Vytvoření místností
̶ Je třeba v Designer módu přidat User Interface -> Spinner s
vyplněnými Elements
CORE013 / Adéla Bierská19
Vytvoření místností
̶ Je třeba nahradit všechny tagy “message” proměnnou room
CORE013 / Adéla Bierská20
Další možnosti vylepšení:
̶ Tlačítko Clear, které vymaže všechny zprávy
̶ Tlačítko Change name, kterým uživatel může změnit své jméno
̶ Automatické zaslání zprávy, že někdo vstoupil do konverzace (např.
“*Alice has joined the chat.*”)
̶ Zobrazování nových zpráv na vrcholu seznamu
̶ ...
CORE013 / Barbora Bühnová21
CO NÁS ČEKÁ PŘÍŠTĚ
CORE013 / Barbora Bühnová22
10. Provoz softwarových systémů
̶ Příprava infrastruktury
̶ Nasazení na infrastrukturu, po částech (releases), automatizovaně (CI/CD)
̶ Testovací provoz
̶ Zaškolení uživatelů
̶ Ostrý provoz
̶ Kontinuální rozvoj, opravování a vylepšování systému
Domácí práce a příprava na příští přednášku
̶ Pročíst si články odkázané z této prezentace