Transcriptie

1 Concept Deze week hebben wij ervoor gekozen om de tiled display, die rechts van de ESC balie staat, te verbeteren door een interactieve applicatie eraan te verbinden. Op dit moment is het display, alhoewel het een zeer aantrekkelijk en modern design heeft, zeer gebrekig aan functionaliteit. Op het scherm worden voornamelijk willekeurige documentaires getoond, soms met, maar ook vaak zonder ondertiteling. Verder zorgt het gebrek aan een audio functie voor een breuk tussen de daadwerkelijke kijkervaring en het beeldmateriaal. Wanneer een film wordt afgespeeld en de gebruiker heeft geen hulpmiddelen om te begrijpen wat er gebeurt, of wat de inhoud ervan is, dan wordt het al gauw oninteressant. Om die reden hebben wij besloten om de schermen te onderbouwen met een nieuwe, interactieve applicatie. Voor het scherm komt een kleine Linux-computer te staan die de applicatie afspeelt. Deze applicatie geeft gebruikers de mogelijkheid om zelfstandig documentaires of ander beeldmateriaal af te spelen. Daarnaast hebben veel studenten die zich meestal in Science Park bevinden redelijke programmeerervaring. Wij bieden studenten die games maken de mogelijkheid om hun zelfgemaakte games af te laten spelen op de nieuwe applicatie. Zo kunnen andere studenten die langslopen de games testen en feedback nalaten, waardoor de spellenontwikkelaars hiermee hun games kunnen verbeteren. Deze games worden met behulp van een controller, of muis & keyboard die aan de computer vastzit gespeeld. Studenten die geïnteresseerd zijn in het showcasen van hun games, kunnen bij de ESC balie hun bestanden in het systeem uploaden. Hier zijn natuurlijk wel eisen aan verbonden. Het gebrek aan audio is een groot probleem dat de complete speel- en kijkervaring hindert. Het is overigens de bedoeling dat het niet voor overlast zorgt bij andere studenten die zich in de buurt van het scherm bevinden, maar wel de volle ervaring overbrengt aan gebruikers van de applicatie. Wij willen daarom een klein Bluetooth apparaat naast de bank plaatsen die ervoor zorgt dat gebruikers hun eigen audioapparaten kunnen aansluiten en daarmee het geluid van de applicatie kunnen horen. Wanneer de applicatie, ondersteund door een goedwerkende computer en audiosysteem geïmplementeerd wordt, zal de interactiviteit van de tiled display enorm toenemen.

2 Interactieontwerp Bij een openbaar systeem zoals dit systeem is het belangrijk dat het begrijpbaar is voor alle gebruikers. Nu zijn de gebruikers vooral studenten, maar ook in deze doelgroep zit een groot verschil in technische kennis. Daarom zitten in de interface alleen de belangrijkste en basis functies, zodat het een overzichtelijk en eenvoudig te gebruiken geheel is. Ook is het belangrijk dat het systeem de huidige functie blijft behouden, namelijk het afspelen van filmpjes / documentaires als er geen gebruik van gemaakt word. Het is de bedoeling dat als er een x hoeveelheid tijd geen gebruik word gemaakt van het systeem het vanzelf overspringt naar het laten zien van de filmpjes. Als er dan ook maar iets van gebruikersinput is dan schiet het kleine scherm aan en kan er gebruik gemaakt worden van het systeem. Door het op deze manier te laten werken zorgt het ervoor dat het gebruik eenvoudig en intuïtief word, wat zeer belangrijk is; als het systeem lastig te gebruiken is dan is de drempel om het te gebruiken hoog, en dit is niet de bedoeling van een openbaar systeem. Verder is het belangrijk dat het displayen op de grote schermen zo laat mogelijk in het proces gebeurt, het liefst pas op het moment dat de gebruiker dit wilt; als hij bijvoorbeeld een first time user is en nog niet weet hoe alles precies werkt, kan het vervelend zijn als iedereen op het grote scherm kan zien dat het niet goed lukt, als dit elke keer voorkomt dan is de drempel om het systeem te gebruiken hoger en het gebruik zou dan ook lager liggen. Het uploaden van de websites of games gaat via de servicebalie, dit om misbruik te voorkomen. Het doel is om de projecten zo snel mogelijk goed te keuren, zodat de gebruiker niet lang hoeft te wachten voordat het testen kan beginnen. Als het project eenmaal geüpload is dan kan het echte werk beginnen. Iedereen kan het project testen, in het geval van een website kan men navigeren door een menu en als het project aangeklikt word dan word in dit geval de website geopend in de standaard browser en er kan dan getest worden. In dit menu kan ook gesorteerd worden op naam, tijd en score. Dit maakt het zoeken naar specifieke projecten makkelijker. Als de tester klaar is dan wordt er afgesloten en dan komt er een Pop-up scherm waarin feedback gegeven word. Het geven van een cijfer is verplicht, maar er kan ook geschreven feedback gegeven worden, dit zegt natuurlijk veel meer dan een cijfer.

3 Grafisch ontwerp Er is in dit ontwerp gekozen voor een zelfde kleurenschema als op de website van de Universiteit van Amsterdam. De belangrijkste reden hiervoor is om affiniteit te creëren met de universiteit. Daarnaast ziet het er professioneel en zakelijk uit. Het gaat hier voornamelijk om de twee kleuren rood (cc0033) en wit/ grijs (cccccc). De achtergrond heeft de wit/ grijze kleur gekregen. Daarin zijn rode tekstblokken geplaatst met daarin weer zwarte teksten. De font-familie van deze tekst is Merriweather Sans. In de header wordt gebruikt gemaakt van de bold variant. In de overige rode vakken, tabellen en tekstvelden wordt de Regular versie gebruikt. Het is een zakelijke lettertype dat eenvoudig is om te lezen. Er hoeft dan weliswaar geen lap tekst gelezen te worden, maar dit ziet er toch strakker uit op een universiteit dan een decoratief lettertype. Het contrast tussen alle kleuren is erg rustig. Dit maakt het prettig om naar te kijken. Doordat de achtergrond ook niet helemaal wit is, maar meer grijs, maakt het prettiger voor de ogen. Een fel witte achtergrond op een televisiescherm is erg vermoeiend om naar te kijken namelijk. De twee onderste tekstblokken staan op hun zijkanten uitgelijnd met de bovenste header. Dit zorgt voor symmetrie binnen het hele plaatje. Deze tekstblokken hebben dezelfde grootte. In de header is wat minder witruimte dan in de twee tekstvlakken waar op geklikt kan worden. Dit is zodat het blok waar op gedrukt moet worden, niet zo klein is. Hiermee worden frustraties voorkomen. Aan de rode tekstblokken is een stukje schaduw meegegeven. Dat maakt het iets minder vlak, het creëert een dieptebeeld. Aan de homepagina is verder niet veel toe te voegen. Het uiteindelijke resultaat hiervan ziet er als volgt uit: In de schermen waarin het prototype van een student te zien is, zal niet meer van deze layout te zien zijn. Deze prototypen zullen het hele scherm overnemen. Dit heeft ook met de resoluties te maken en het feit dat het hele scherm door negen andere schermen gevormd wordt. Verder zijn er niet veel soortgelijke applicaties te vinden als deze. Alle layout is daarom zelf bedacht. Zoals gezegd komt het kleurenschema van de website van de Universiteit van Amsterdam, maar dit is niet per se een soortgelijke applicatie.

4 Technisch Ontwerp Op de schermen wordt een computer aangesloten, die het beeld verzorgt. Op deze computer kan worden gekozen wat er wordt weergegeven op het scherm. Zoals bij het concept beschreven kunnen dit games zijn, maar ook bijvoorbeeld documentaires. De computer hoeft niet high-end te zijn, maar moet wel geschikt zijn om games te kunnen draaien. Deze games zullen grafisch niet heel zwaar zijn. De games worden door studenten gemaakt en kunnen door studenten worden ingestuurd. Er worden dus geen commerciële games op gedraaid. Er is wel wat grafische kracht nodig, dus een grafische kaart is een vereiste, maar dit hoeft geen high-end kaart te zijn. De grafische kaart moet ook minimaal twee uitgangen hebben. Zo'n systeem is eenvoudig te bouwen voor onder de 1000 euro. Voor 500 euro is het al mogelijk om een systeem te bouwen met goede specificaties. Omdat het systeem veel aan zal staan, investeren we in goede kwaliteit onderdelen. Snelheid is niet het belangrijkste, het systeem moet betrouwbaar zijn. Het was ook mogelijk geweest om met een opstelling met meerdere grafische kaarten te werken. Met 3 grafische kaarten kan je over 9 uitgangen beschikken en dus alle schermen aansturen. Dit wordt echter te duur. De schermen worden door een controller aangestuurd die het beeld van 1 ingang over de schermen verdeeld, wij zullen dus ook van die controller gebruik maken. Het systeem komt in een tafel te zitten die voor de bank staat. Dit zal een lage tafel zijn. Op deze tafel komt een scherm met toetsenbord en muis. Op dit scherm kunnen mensen de applicatie kiezen die op het grote scherm weergegeven moet worden. De computer draait op Linux. Hiervoor is gekozen omdat de computer geen commerciële software hoeft te draaien die alleen voor Windows of Mac bestaat. De computer draait zelfgemaakte games, dus men kan bij het programmeren van de games al rekening houden met het feit dat de computer op Linux draait. Verder hoeft er ook geen desktopomgeving te zijn. Dit zal alleen maar gedoe opleveren, we willen immers niet dat mensen in de desktopomgeving gaan rommelen. Daarom kiezen we voor een kale Linux computer. We ontwerpen zelf een interface, die op de monitor wordt weergegeven. Deze interface hoeft niet uitgebreid te zijn, men hoeft alleen maar iets aan te kunnen klikken, zoals een game. Alle games en andere applicaties worden als tegels op de monitor weergegeven. Als iemand een applicatie aanklikt, wordt deze op het grote scherm weergegeven. Hiernaast is de opstelling te zien. Voor de bank staat de tafel. Daarin zit de pc, die met een DVI kabel op de controller voor de schermen is aangesloten. Daarnaast is er natuurlijk een stroomkabel naar het systeem.

5