alex-mp4 / te4-intro

Alexanders Realistiska Äventyr Genom Utbildning och Arbetslivet

Genom att använda 'vite' skapar jag en sida vars mål är att göra en interaktiv historia med grenande val. Med hjälp av HTML, css och Javascript ska detta uppfyllas (helt felfritt, såklart). Den ska vara komiskt belagd och långt från verklighetsanpassad. Med det sagt är målgruppen inriktad till vem som helst, i teorin, men i en icket-professionel närvaro. Alltså ska den inte användas som utbyte för ett vanligt CV, utan mer i stilen av ett spel (ifall det kan definieras sådan). ChatGPT ska vara föraren i att skapa självaste berättelsen men med mina mer specifika tillämpningar och prompter.

Planering:

• Design
  • Figma
    • Länk
• Skapa historia
  • ChatGPT
  • Introduktion
  • Indelningar
    • Namngivning + Introducerande val om karaktären ("character creation")
    • Ungdom + Utbildning
    • In i arbetsmarknaden

Dokumentation:

September 6 | Onsdag - Eftermiddag

I stort sätt användes liknande tekniker till vad 'vite-project' först visade. Det finns en array med kommande scenarion, och beroende på valen förs man vidare till nästa scenario. Detta görs dynamiskt eftersom den återanvänder knappar och divar då den endast förnyar informationen på dessa medel. Framöver ska de faktiska valen färdigställas och en story ska vara gjord. Dessutom ska designen anpassas.

September 7 | Torsday - Förmiddag

Det har skapats en introduktion till berättelsen och en gnutta story. Nu finns det möjligheten att dynamiskt utse knappar beroende på antalet val till scenariot. När man klickar på en knapp visas alla scenarion och dina val ovan. Sist men inte minst har jag anpassat css utseendet till hur figma ser ut. Framöver gäller det endast att utveckla alla dessa fronter samt fixa buggen med "history" när du klickar på ett val, då den ibland repeterar scenarion.

September 7 | Torsdag - Eftermiddag

Efter feedback från Jens har jag omformaterat stora delar av min kod. Exempelvist genom att använda en JSON-fil för självaste berättelsen och genom att skapa knappar med hjälp av informationen denna JSON-fil kan ge. Nu är historiken på berättelsen finare. Framöver behöver jag ta bort gamla knappar som har använts redan, bygga på berättelsen och göra css:en finare och finare!!

September 8 | Fredag - Förmiddag

Nu försvinner knappar när man klickar på ett specifikt val. Dessutom har det skapats små css-ändringar, främst när det kommer till knapparnas upplägg. Mer av berättelsen har såklart också skapats men den är långt från klar. Framöver behöver det finnas ett slags slut, gamestates, och responsivitet.

September 11 | Måndag - Förmiddag

Kaj gjorde en solid igenomkoll på programmet och berättade sina åsikter och upplevelser. Allt som allt lät han nöjd men han frågade efter fler funktioner som skulle göra programmet verkligen mitt, samt att jag bör fundera på framtida funktioner. Queue genomgången om kreativitet här. Därefter, då det inte fanns mycket tid över, hann jag bara implementera en scroll anchor som håller användaren på botten av sidan (alltså där ny information poppar fram) och responsivitet (någorlunda).

September 12 | Tisdag - Förmiddag

Då det fanns funktioner jag ville implemtera behövde jag omformatera hur javascriptet och HTML:en jobbar med varandra. Nu skapa JS fler element för att kunna urskilja de olika bitarna av den. Med detta kan ny text (ny-uppvisade scenarion) flyta in med en animation för ytterligare klarhet vart man bör läsa då det kan bli mycket text. Dessutom blir valen i text format likadana i färg jämfört med knapparna. Mer klarhet alltså. Dessutom för att utveckla känslan av ett klassiskt terminal-typ-spel så har jag implementerat en blinkande box (som om du skulle skriva).