4. diel - Wireframy a kontrola špecifikácie vo VS Code s Codexom Nové
V minulej lekcii, Špecifikácia MVP vo VS Code s Codexom , sme vo Visual Studio Code rozšírili špecifikáciu portálu EnergoSun o cieľový proces, užívateľské role, rozsah MVP a základné pravidlá požiadavky.
V tomto tutoriále kurzu vývoja aplikácií s
AI navrhneme základné obrazovky portálu interných požiadaviek
EnergoSun. Pomocou ChatGPT vytvoríme jednoduché
wireframy, ich obsah zapíšeme vo Visual Studio
Code do súboru SPEC.md a doplníme akceptačné
kritériá. Nakoniec pomocou Codexu skontrolujeme
konzistenciu špecifikácie.
Programový kód zatiaľ vytvárať nebudeme. Najprv chceme overiť, že navrhnuté rozhranie a pravidlá zodpovedajú rozsahu MVP.
Základné obrazovky
Než začneme programovať, pomôže nám predstaviť si základné obrazovky aplikácie. Jednoduchý náčrt užívateľského rozhrania označujeme ako wireframe. Môžeme si ho predstaviť ako plánik miestnosti, ktorý ukazuje umiestnenie dôležitých častí, ale zatiaľ neriešia farby, dekorácie ani konečný vzhľad.
Wireframy použité v tomto tutoriále sme vytvorili pomocou AI podľa
doterajšieho obsahu SPEC.md Rovnaký postup si môžeme
vyskúšať aj sami. Na vytvorenie wireframu nemusíme používať Codex. Prompt
môžeme vložiť napríklad do ChatGPT a nechať si vytvoriť jednoduchý
obrázok:
Podle následující specifikace navrhni jednoduché černobílé low-fidelity wireframy interní webové aplikace. Potřebuji tři obrazovky: 1. přehled požadavků, 2. formulář nového požadavku, 3. detail požadavku. Použij pouze funkce uvedené ve specifikaci. Nepřidávej další funkce ani konečný grafický design. [sem vložíme obsah SPEC.md]
Výstup:
...koniec náhľadu článku...
Pokračuj ďalej
Došiel si až sem a to je super! Veríme, že ti prvé lekcie ukázali niečo nového a užitočného.
Chceš v kurze pokračovať? Prejdi do prémiovej sekcie.
ročné PREDPLATNÉ
44 €
mesačne, platené ročne (528 €)14 000+ lekcií, cvičení a testov
6 000+ ti zostane navždy
Neobmedzený prístup ku všetkým aktuálnym
aj pripravovaným kurzom.
Kúpiť iba tento kurz
Získaj okamžitý prístup ku kurzu bez
časového obmedzenia.
1 €
Obsah článku spadá pod licenciu Premium, kúpou článku súhlasíš s Prevádzkovými podmienkami.
- Prístup k jednotlivým lekciám podľa spôsobu obstarania.
- Kvalitné znalosti v oblasti IT.
- Zručnosti, ktoré ti pomôžu získať vysnívanú a dobre platenú prácu.
Popis článku
Požadovaný článok má nasledujúci obsah:
Vo Visual Studio Code navrhneme wireframy portálu EnergoSun, doplníme akceptačné kritériá a pomocou Codexu skontrolujeme konzistenciu špecifikácie.
