Riešené úlohy k 5. a 6. lekcii AI pre webmasterov Nové

V predchádzajúcom cvičení, Riešené úlohy k 18. a 19. lekcii AI pre webmasterov, sme si precvičili získané skúsenosti z predchádzajúcich lekcií.

Nasledujúce 3 cvičenia vám pomôžu precvičiť znalosti z kurzu AI pre webmasterov z minulých lekcií. Vo vlastnom záujme sa ich pokúste vyriešiť sami. Pod článkom máte na kontrolu riešenie na stiahnutie. Ale pozor, akonáhle sa naň pozriete bez vyriešenia príkladov, stráca pre vás cvičenie zmysel a nič sa nenaučíte:)

Ak si naozaj nebudete vedieť rady, pozrite sa radšej znova do minulého tutoriálu a pokúste sa na to prísť.

Ohlasy študentov

Jednoduchý príklad

Navrhnite základné wireframe (kostru úvodnej stránky) pre web "Enigma Escape" - spoločnosť prevádzkujúca futuristické únikové hry. Ide o high-tech únikové miestnosti s filmovou atmosférou. Každá hra je interaktívny zážitok, kde sa hráči stávajú hrdinami vlastného príbehu. Web ponúkne tri netradičné miestnosti, Metro 2049, Laboratórium Dr. Chrona a Chrám zabudnutého kódu.

Nemusíte dopĺňať obsah do blokov ani popisy - ide len o prehľad toho, čo na stránke má byť av akom poradí.

Výstupom bude krátky textový zoznam blokov v poradí, ako by boli na stránke usporiadané a aké budú hlavné stránky webu.

Pokročilý príklad

Navrhnite hero grafiku (úvodný obrázok) pre web "Akadémie lovcov kyber-drakov" - online akadémiu, kde sa programovanie učí formou gamifikovaného fantasy zážitku. Študenti sa učia kódovať tým, že bojujú s digitálnymi príšerami. Každý bug je monštrum, každý algoritmus kúzlo a každý kurz quest. Web má pôsobiť ako brána do fantastického kybernetického sveta, ktorý spája programovanie, fantáziu a hrdinské dobrodružstvo.

Vašou úlohou je vytvoriť presný prompt pre DALL·E, ktorý vygeneruje hero image (hlavnú grafiku webu). V prompte musí byť jasne uvedené:

• čo má byť v popredí (programátor-bojovník, kyber-drak),
• aká má byť scéna (digitálna aréna, prúdy kódu, fantasy atmosféra),
• aký má byť vizuálny štýl (moderný, minimalistický, vhodný pre web),
• farebnosť (jasné výrazné farby),
• formát (16:9, optimalizovaný pre web hero).

Nemusíte dopĺňať nadpisy ani CTA tlačidlá – cieľom je vytvoriť iba grafický prompt pre DALL·E.

Výstupom bude 1 finálny prompt a finálna grafika hero sekcie webu.

Príklad pre náročných - BONUS

Navrhnite kolekcie a hlavné menu pre e-shop "NerdForge" - online obchod s technickými a nerdskými doplnkami, ktoré premenia každé pracovné miesto na kreatívne centrum.

NerdForge je e-shop, ktorý cieli na fanúšikov technológií, gamingu a kreatívnych pracovných priestorov. Neponúka bežný kancelársky nábytok - ponúka geekovské hračky a doplnky, ktoré spríjemnia prácu aj hranie. Od RGB svetiel až po herné organizéry - všetko s nádychom originality a komunity.

Vašou úlohou je požiadať ChatGPT o návrh 4 hlavných kolekcií produktov a názvy prípadne ručne upravte. Vytvorte kategórie pre:

• Ergonomické stoličky & stoly (pre pohodlie pri hraní aj práci),
• Tech vybavenie (mikrofóny, webkamery, slúchadlá, docky),
• Smart doplnky (RGB svetlá, múdre hodiny, ambientné panely),
• Nerd dekorácie (plagáty, figúrky, stolné organizéry s geek motívmi).

Ku každej kolekcii doplňte krátky popis (1–2 vety). Ďalej navrhnite hlavné menu e-shopu so 4–5 položkami vrátane podkategórií.

Výstupom bude dokument so zoznamom 4 kolekcií a ich popisom a stromovou mapou menu.

V nasledujúcom cvičení, Riešené úlohy k 16. a 17. lekcii AI pre webmasterov, si precvičíme nadobudnuté skúsenosti z predchádzajúcich lekcií.

 

Na absolvovanie tohto cvičenia prosím splň všetky príklady tým, že ich úspešne odovzdáš na otestovanie.