Uppgiften
- Appen skulle ha samma visuella uttryck som presentationen på den stora LED-skärmen
- Det skulle vara enkelt för deltagarna att öppna appen
- Varje deltagare behövde automatiskt få en egen påhittad identitet
- Det skulle vara enkelt för deltagarna att svara på quiz-frågorna
- Frågorna och resultaten behövde kunna visas på stora LED-skärmen samtidigt som de presenterades muntligen av moderatorn
- Visning av frågor och resultat på LED-skärmen skulle följa julvisningens visuella uttryck
- Visningen behövde kunna visa det ”lilla extra”
Målsättningen var att visa hur man kan använda tecViz Event i avancerade sammanhang där kraven på enkel hantering, driftsäkerhet och visuell anpassning är höga.
Det var viktigt att redan från start ta höjd för det ”lilla extra” och man testade en idé att kunna göra en sömlös visning på mittdelen av LED-skärmen där man med en animation från golv till tak kunde ”öppna” skärmen för att visa frågor och resultat.
Med HTML, CSS och den senaste tecViz-uppfinningen Conditional CSS Engine kunde man få två paneler, som vardera innehöll varsin halva av den ursprungliga CTFest22-grafiekn, att glida isär och frilägga frågor och resultat.
En annan viktig utmaning var att upplevelsen i appen behövde matcha CTFest22’s visuella form och även sticka ut som något som man vanligen inte ser i liknande sammanhang. Våra i tecViz-utvecklare löste detta med ett datorspelinspirerat typsnitt, glow-effekter samt en rörlig bakgrund.
Med en sammanhållen grafik i appen och på LED-skärmen hade man nu skapat en upplevelse som sträckte sig från deltagarens hand till moderatorn och det som hände på scenen.
Fler funktioner
QR-kod: Eftersom QR-läsaren numera är inbyggd i kameran både i iPhone och Android så kunde deltagarna enkelt öppna appen när QR-koden visades på LED-skärmen.
Anonyma deltagare: En ny funktion i tecViz Event låter operatören automatiskt tilldela namn till anonyma deltagare. Så fort man öppnat appen med QR-koden får deltagaren ett ledigt namn ur en tidigare skapad namnlista. Man valde här att använda kända Disney-figurer och Hollywood-skådisar.
Enkelt att svara: Ytterligare en ny funktion i tecViz Event låter deltagaren klicka på svarsalternativet och det skickas direkt: One-click-submit. Snabbt och enkelt!
Synkronisering: För att synkront visa frågor och resultat tillsammans med moderatorn använde vi tecViz Event för att trigga formulär och andra händelser. Det nya var att händelserna nu kunde fångas av en webbsida och manipuleras med hjälp av Conditional CSS Engine utan att man behöver skriva JavaScript-kod. Syftet med den nya funktionen är att jobba mer effektivt och att ge nya kreativa möjligheter när man skapar händelsedrivna webbsidor.
Sammanfattningsvis blev presentationen av tecViz under CTFest22 Gothenburg mycket lyckad. Tillsammans med produktionsteamet på plats kunde man på kort tid skapa en sammanhängande och spektakulär upplevelse. Med hjälp av tecViz kunde man lägga mer kraft på den visuella upplevelsen och mindre på programmering.
