3. odovzdávka – Implementovaný prototyp a reflexia

Implementovaný prototyp a reflexia (12. týždeň)

Ako odovzdať

Odovzdávajte prostredníctvom systému Moodle, Zadanie časť 3.

• Potrebné odovzdať: 1 odkaz na Git a 1 odkaz na video.
• Termín: pred začatím 13. cvičenia.

Git repozitár aj videoprezentácia musia byť sprístupnené na čítanie. Odkaz na tú istú videoprezentáciu musí byť uvedený aj v súbore repozitára README.md. Všetky ostatné povinné informácie musia byť uvedené v README.md.

Povinné časti

Odovzdávka musí obsahovať:

• Git repozitár so zdrojovým kódom a súborom README.md obsahujúci:
  • návod na inštaláciu a spustenie projektu,
  • odkaz na verejnú videoprezentáciu finálneho prototypu v dĺžke najviac 3 minúty s ukážkou hlavného aj problémového alebo neštandardného scenára a responzivity,
  • stručnú reflexiu výsledku a najdôležitejších zmien oproti digitálnemu prototypu,
  • deklaráciu použitia generatívnej AI podľa pravidiel predmetu.

Videoprezentáciu na YouTube nastavte ako verejnú (Unlisted); môže byť zdieľaná na webových stránkach alebo sociálnych sieťach KPI. Nezverejňujte v nej osobné údaje, dôverný obsah ani podobizne iných osôb bez ich súhlasu. Ak verejné zverejnenie nie je možné pre povahu bakalárskeho projektu, vopred sa dohodnite s cvičiacim na inom spôsobe odovzdania.

V reflexii uveďte:

• ktoré pôvodné rozhodnutie sa ukázalo ako nesprávne,
• ktorý problém zostal nevyriešený,
• čo by ste testovali alebo zmenili v ďalšej iterácii.

Nepovinné časti

Pri práci môžete vytvoriť a podľa vlastného uváženia uviesť v samostatnej sekcii README.md s názvom „Nepovinné podklady“ aj:

• podrobný prehľad zmien oproti digitálnemu prototypu,
• odkaz na projekt FigJam, kde uvediete:
  • obrázky implementovaného prototypu,
  • dokumentáciu komponentov alebo dizajnového systému,
  • implementáciu ďalších scenárov,
  • výsledky druhého používateľského testovania implementovaného prototypu a porovnanie výsledkov s prvým testovaním.
• odkaz na projekt Figma Design.

Podrobný prehľad zmien môžete spracovať vo forme:

Nepovinné podklady sa samostatne nehodnotia a nesmú byť vložené medzi povinné časti README.md.

Požiadavky na implementovaný prototyp

Prototyp realizujte pomocou HTML, CSS a webového rámca React.

Prototyp musí:

• umožniť vykonať hlavný scenár,
• obsahovať scenár pre relevantný problémový alebo neštandardný stav,
• byť responzívny a prístupný,
• konzistentne používať zvolený dizajnový systém,
• mať vhodnú štruktúru kódu založenú na moduloch a komponentoch.

Prototyp môže používať simulované lokálne dáta a funkcionalitu; databáza ani backend nie sú povinné.

Používateľské testovanie implementovaného prototypu je dobrovoľné. Ak ho vykonáte, porovnajte výsledky s predchádzajúcim testovaním.

Požadovaný postup pri tvorbe prototypu:

• Figma Make na vytvorenie hlavnej štruktúry, komponentov a ich variánt,
• export do Figma Design podľa potreby,
• export React projektu,
• ďalšie úpravy priamo v zdrojovom kóde,
• dokumentovanie zmien v Gite.

Hodnotenie

• funkčnosť vybraných scenárov — 3 body,
• responzivita, prístupnosť a konzistentnosť — 2 body,
• videoprezentácia finálneho prototypu — 1 bod,
• kritická reflexia výsledku a zmien — 2 body.