Vergelijkbare documenten
Grafisch ontwerp. Referenties.

Vakinhoudelijke uitwerking Keuzevak Applicatieontwikkeling van het profiel MVI vmbo beroepsgericht

Inhoudsopgave: Whisper380-computerhulp.net

Hoe moet je een prachtige presentatie maken?

Schoolwebsite.nu. Snel aan de slag met uw website. Versie 4.0

Tips en Trucs voor gebruik website

Logo quiz Project Inleiding op de Logo!

Yeshivath Sharashim. Hand- Users

FAQ (veel gestelde vragen) nieuwe website

Raspberry Pi The ultieme hobby computer. Wim Hendrikse 2 januari 2017, Leiderdorp

Raspberry Pi The ultimate hobby computer. Bert Mengerink HCC Haaglanden Zoetermeer

Handleiding voor het gebruik van de community website van OBS t Padland

Handleiding Joomla CMS

MMIO Verslag. Groepsopdracht week 1. Hoe zorgen we dat kinderen van jongs af aan gezonder leren eten?

Stappenplan. De ontwikkeling van een interface doorloopt bij Studio Wolf vier stappen. Deze stappen verduidelijken de weg naar het eindresultaat.

Beschrijvings SW gebruikers handleiding (V1.1) Voor Apple Macintosh computers Voor Macintosh Computer

Praktijk voorbeeld 1: het begin

Raspberry pi snel start handleiding

HANDLEIDING INFOGRAPHIC SOFTWARE Versie 2.3 / jan 2014

Gebruikershandleiding

Museumbezoek onder Studenten

ActiveBuilder Handleiding

App: Arcsoft Showbiz. In de Windows Store verkrijgbaar: Arcsoft Showbiz Kies : Nieuw Project

(Versie 1.4) THUISWERKPLEK INSTELLEN

Dennis Wagenaar v 1.0

Uitleg van het bovenmenu:

Over deze handleiding

Handleiding Digibordsoftware Malmberg

Gratis films downloaden van het internet Een volledige gebruiksaanwijzing van A tot Z

AMO Smart TV Design Sophie van Kaam Samuel Tehrani Marten Posthumus Freek van der Weij

Probeer nu GRATIS. Start met het uitzenden van uw Narrowcasting boodschap

MINDSTORM LEGO ROBOTS

Naam: Valérie den Besten Klas: G&I A Datum: Module: Project 100% presence Begeleider: Irene van Peer Groep 11 (team 14)

Deze handleiding geeft uitleg over de installatie van hard- en software van HTvision V.O.F.

NuVinci Desktop (Harmony Programmering) Software. Verstrekt aan Fabrikanten en Dealers

2 poorts Mini DisplayPort KVM switch - USB 2.0-4k

Meehelpen met de ontwikkeling van nieuwe of verbetering van bestaande spellen. Pag. 1

Handleiding Wordpress CMS

Web Presence Builder. Inhoud

Interactieontwerp Groepsopdracht Week 3, Opdracht 2

01/05. Websites Nederland over. Mobile marketing. Whitepaper #03/2013. Mabelie Samuels internet marketeer

Technisch ontwerp. Referenties

Het definitieve prototype van Foliostory zal op basis van een usability test getest worden.

SYSTEEMVEREISTEN TRACK VERZUIM 4

VMBO-ICT-Route examen 2009 Naam: Marc Schattorie Datum:

Verkeerslichten. De Verkeerslichten & de PLC in het TIBBLTO / VICTO lokaal. Werkplek 1. Leer & werkboek.

Project interactieve multimedia 2014

Grafisch Vormgeven 10 verbeterde designs. Youri Stans GAR-1B

2-poort Dual DVI USB KVM-switch met Audio en USB 2.0-hub

handleiding Mediaplayer X9 XBMC / Kodi handleiding

Handleiding Digibordsoftware. Versie 1.1

P O W E R P O I N T - onderdeel van Microsoft Office 2000 pakket (nl) De Windows versies van Powerpoint kunnen onderling afwijken

Week 3 Opdracht 1 Visual design website sportmerk Meile Houtsma

Uitleg van de Systeeminstellingen in Ubuntu.

Handleiding van de Bibliotheek: e-books lezen op je e-reader - voor OS X (Mac)

Handleiding wordpress

Windows Training voor 50-plussers. PC50plus trainingen Eikbosserweg AK Hilversum tel:

OUTLOOK WEBACCESS (MAIL.MYLENDAV.EU)

Versie: 1.0. Datum: 19 november Eigenaar:

HANDLEIDING. WordPress LAATSTE VERSIE: RODER!CKVS WEBDESIGN & WEBHOSTING

De Kleine WordPress Handleiding

ZorgInlogPortaal.nl. Geachte gebruiker, Handleiding Mijn Virtuele Schijf Versie 2.0

b. verbind je laptop ook met het smartboard via de usb kabel. Deze kabel sluit je aan op het usb kabel aan de rechterkant van het bord.

Versie 2. Opdracht deel B Inhoud. Raoul Vos Hogeschool Leiden Studentnummer:

Scratch! Les 5. Werkblad 6 Aan de slag met. 52 talentenkijker LEERLINGENWERKBLADEN

Dit werkt voor Mac, Windows en sommige versies van Linux. In de filmpjes gebruiken wij de versie in de browser.

Handleiding HBO GO V.2

Windows Phone 8S HTC

Installatiehandleiding Aequos Online

Windows Movie Maker opstarten: Start het programma op via Start > Alle programma s > Applicaties > Audio en video > Movie Maker.

PROJECT INTERACTIEVE MULTIMEDIA ASSIGNMENT 3 BESCHRIJVING

i3sync PLUG & PLAY DRAADLOOS PRESENTATIE MIDDEL

input for your imagination. Het ideale input gereedschap voor ieder computer-programma

Windows 8.1. Wat brengt Windows 8.1 ons voor nieuws. Hoe zit het nu met de Startknop. En nog iets meer. HCC-Haaglanden Tim Woldring

Als eerste bedankt voor het aanschaffen van deze PDF waarin ik je handige tips en trucs zal geven over het schrijven van een handleiding.

Handleiding Nieuwe versie Wikiwijs Maken. Overzicht van veranderingen en nieuwe functionaliteiten

Instructies Zitecraft Content Management System (CMS)

Handleiding Geluidsopname maken

Om zelf een live stream op te zetten heb je een aantal dingen nodig:

Support website WATCH

Inhoud van de website invoeren met de ContentPublisher

Sophie van Kaam Marten Posthumus Freek van der Weij Samuel Tehrani

SAN v3. Update document uitgebracht door OCEN

Handleiding opmaken Wageningen UR Blog. Oktober 2015

PROJECT EXPO PROJECTDOCUMENT

Windows Media Player:

2-poorts DisplayPort KVM switch - USB 2.0-4K

Hoofdstuk 1 Afbeeldingen scannen via Intramed OnLine

1. Windows-instellingen en de werkomgeving

Nieuws sites hebben een krantachtige vormgeving; de informatie staat voorop.

Gebruiksaanwijzing voor

Handleiding Wordpress

1. ONTWIKKEL EEN MOBIELE VERSIE

Help, hij doet het niet

Alle helponderwerpen Over blokken Over

Gebruikers Handleiding Quick Guide

Het besturingssysteem of operating system, vaak afgekort tot OS is verantwoordelijk voor de communicatie van de software met de hardware.

Installatie. Volg de stappen hieronder om de installatie voort te zetten. A. Sta de installatie toe. B. Selecteer uw taal.ok. C. Welkom scherm.

5,5. Werkstuk door een scholier 1934 woorden 3 februari keer beoordeeld. Nederlands

Transcriptie:

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.

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.

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.

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.