Project documentatie Project Expo

Transcriptie

1 Project documentatie Project Expo Klas: IP110 Groep:3 Groepsleden: Leonard Breitkopf Nander Konijn Onno van Gijssel Contactgegevens: 1

2 Inhoudsopgave Inhoudsopgave... 2 Inleiding... 3 De doelgroepsanalyse... 4 Het storyboard... 7 Functioneel ontwerp Technisch ontwerp

3 Inleiding Hierbij leggen wij onze projectdocumentatie van project EXPO aan u voor. Hierin zullen wij beschrijven hoe wij tijdens dit project te werk zijn gegaan. Wij zullen de volgende stappen beschrijven met daarin de aanpak en werkwijze: De doelgroep analyse Het storyboard Functioneel ontwerp Technisch ontwerp 3

4 De doelgroep analyse Voor het project Expo hebben wij een van de volgende sectoren toegewezen gekregen: Handel Industrie Zorg Onderwijs Zakelijke dienstverlening Overheid Hiervan hebben wij de sector zorg toegewezen gekregen. Deze sector is een van de belangrijkste sectoren in een land. Iedereen heeft ooit wel eens te maken gehad met een van de faciliteiten van deze sector. Het ziekenhuis, De huisarts of de apotheek. Iedereen in deze sector zorgt voor het welzijn van de patiënten en klanten die meestal noodzakelijk een bezoek moeten brengen. Binnen onze sector hebben we twee branches gekozen: Gezondheidszorg Doordat de diversiteit van een ziekenhuis erg hoog is, is dit een goede plek om onze creativiteit en expertise te uiten. Er kan veel worden verbeterd voor de patiënten en het personeel zelf. Maatschappelijke dienstverlening In de maatschappelijke dienstverlening is veel diversiteit zoals slachtofferhulp of mantelzorg. In veel van deze soorten maatschappelijke dienstverlening kan nog veel worden verbeterd. 4

5 Binnen de branche gezondheidszorg hebben wij gekozen voor de volgende organisaties. Academisch Medisch Centrum Amsterdam VU Medisch Centrum Leids Universitair Medisch Centrum Wij hebben voor deze organisaties gekozen omdat dit alle drie universitaire ziekenhuizen zijn. Hierdoor zal de technologie steeds verbeteren en uitbreiden binnen het ziekenhuis. Binnen de branche maatschappelijke dienstverlening hebben wij gekozen voor de volgende organisaties. Nursing een centrum voor ouderenzorg Mantelzorgcentrum Slachtofferhulp Nederland Deze organisaties zetten zich in voor maatschappelijke dienstverlening. Veel van dit soort organisaties kunnen wel verbetering gebruiken in de ICT hierbij zou ITopia een goede uitkomst bieden. Wij hebben voor onze MME gekozen voor ziekenhuizen. Binnen het ziekenhuis hebben we de volgende doelgroepen: Directeuren en managers Klanten/patiënten De directeuren en managers willen het ziekenhuis zo klantvriendelijk mogelijk maken. Maar ze willen ook dat dit niet teveel geld gaat kosten. De klanten willen altijd zo snel en vriendelijk mogelijk geholpen worden. Wij willen voor onze MME een systeem ontwerpen wat de behoeften van beide doelgroepen tegoedkomt. 5

6 Personalia: Sander de Ruiter Sander de Ruiter is manager in het Vu medisch centrum. Hij is manager personeelszaken dus moet ervoor zorgen dat alle klanten op tijd worden geholpen door zijn personeel en zo goed mogelijk. Dit doet hij door Mensen aan te nemen die klantgericht zijn en graag bijdragen aan de gezondheid van de medemens. Sander is 34 jaar en heeft naast zijn werk ook een druk sociaal leven. Hij heeft een vrouw genaamd Bernadette zij is 32 jaar. Samen hebben ze 2 kinderen, Constantijn is 16 jaar en zit op het Jac P. Thijsse college. Gijsbertha is 11 en zit nog op de basisschool. Sander heeft een goed betaalde baan in het ziekenhuis en rijdt in een Porsche Panamera waar zijn hele gezin inpast. Sander heeft voor zijn werk veel communicatieve vaardigheden nodig. Dit oefent hij ook in zijn vrije tijd bij de basketbalvereniging als trainer. Hans de Vries Hans de Vries is werkt in Academisch medisch centrum Amsterdam. Hans is daar project manager. Verschillende projecten in het ziekenhuis worden door Hans geleid. Zoals de verbouwing van de afdeling radiologie. Hier zorgt Hans ervoor dat alles er praktisch mogelijk word ingericht en het project op tijd af komt. Hans is 26 jaar en woont in Zandvoort. Hij heeft sinds een paar jaar een vriendin genaamd Mieke, Mieke is 25 jaar. Hans sport in het weekend graag en zit op de lokale voetbalclub. Hans gaat iedere dag met de auto naar zijn werk. Hij rijdt in een Citroen Xantia. Hans moet ook in zijn vrije tijd goed bereikbaar zijn voor zijn projecten daarom heeft hij altijd een mobiel van de zaak op zak. Anne Bakker Anne Bakker is al een paar jaar patiënt van het VU medisch centrum. Anne heeft last van haar hart en moet om de 2 weken op controle. Anne vindt het fijn in het ziekenhuis als ze snel geholpen word zodat ze meteen naar haar afspraak kan. Dit komt nog niet vaak voor dus ze vindt dat dit nog goed verbeterd kan worden. Anne kan vanwege haar problemen geen zwaar werk doen en werkt dus niet heel veel. Anne werkt als oppas bij andere mensen thuis die het druk hebben. Ze heeft veel plezier in het oppassen en dit geeft haar veel afleiding. Anne is 48 jaar en getrouwd met haar man Patrick van 47 jaar. Zelf hebben ze geen kinderen. 6

7 Het storyboard 7

8 8

9 In ons storyboard kan je heel simpel zien hoe onze multimedia experience werkt. Plaatje 1 is de stand als er niemand binnen is. Plaatje 2 is de bewegingssensor afgebeeld als iemand daardoor heen loopt kom je bij het menu zoals afgebeeld in plaatje 3. Plaatje 4 is de booth van boven afgebeeld met de dingen die erop staan en erin zijn verwerkt. Plaatje 5 is wat er gebeurd als er een van de nfc kaarten voor de reader wordt gehouden. En plaatje 6 is weer het menu als deze gereset wordt door een nfc kaart. 9

10 Functioneel ontwerp De Stand van onze multimedia experience zal bestaan uit 2 beamers aangestuurd door 2 laptops. Op een van de beamers zal een reclame filmpje constant lopen zolang er niemand in de stand is. Zodra er iemand de stand inloopt word het reclame filmpje gestopt en zal het menu van onze multimedia experience verschijnen. Dit zal gebeuren door middel van een bewegingssensor, deze zal detecteren als iemand de stand binnenloopt en een commando aan de computer doorgeven dat deze de multimedia experience in het menu zal zetten. Vervolgens zal er een menu verschijnen met 5 opties, deze opties staan allemaal voor een business unit. De namen van de business units zelf zullen niet op het scherm verschijnen maar een klantvriendelijke naam. Op het linker scherm zijn 3 opties te zien en rechterscherm 2 optiesmet daaronder het ITopia logo. De keuze tussen de verschillende opties zal worden gemaakt door een nfc kaart. Deze staan op een tafel in het midden van de stand in een daarvoor bestemd rekje. Voor iedere business unit is een aparte nfc kaart. Onder deze tafel zal een nfc reader bevestigd worden. De nfc kaart van de gewenste business unit zal alleen boven het stuk tafel gehouden hoeven worden waar de nfc reader onder zit en er zal informatie en/of een filmpje over de business unit op de schermen komen. Er zal ook een neutrale nfc kaart zijn waarbij de multimedia experience gereset zal worden. 10

11 Technisch ontwerp Er waren twee mogelijke keuzes gepresenteerd door teamleden. De eerste was om het geheel te gaan bouwen in een Java omgeving met een interface op basis van Swing en de media presentatie op basis van het Java Media Framework. Dit idee werd gerivaliseerd door een ietwat meer ambitieus plan. Dit plan betrok drie programmeertalen en één interface taal bij de bouw van het project. Doordat dit plan veel ambitieuzer en dus ook veel moeilijker zou zijn was niet gelijk iedereen voor dit plan. Toch is er uiteindelijk gekozen voor het inzetten van dit plan omdat het resultaat gewoonweg veel mooier zou zijn. Wij hebben gebruik gemaakt van 2 Phidgets. Beide Phidgets worden uitgelezen door middel van het gebruik van Java. De data word dan direct gebruikt en er word een event via het http-protocol naar de kern van het systeem gestuurd. De code achter het proces van de Phidgets word in bijlage 1.1, 1.2, 1.3 laten zien en ook verhelderd. In de kern, die gebaseerd is op de taal C# en techniek MVC 3, word het event dan weer klaar gemaakt voor het verzenden naar de web clients. Het word verzonden door een eventstream naar de clients toe, zodat de clients het kunnen oppakken als server sent events, welke in de nieuwe html 5 standaard zijn geïmplementeerd. De code achter de kern word in bijlage 2.1, 2.2, 2.3 en 2.4 laten zien en verhelderd. De clients weten dan wat er moet gebeuren met welke events en zorgen ervoor dat de aangevraagde onderdelen worden gestart. Dit kan dus betekenen dat de reclameloop word beëindigt of dat er een business unit presentatie word gestart. De clients zijn gebaseerd op JavaScript voor de communicatie met de kern en html5 en CSS voor het presenteren van de verschillende onderdelen. De JavaScript & interface code worden in bijlage 3.1 laten zien en verhelderd. 11

12 Bijlage 1.1 Auteur Code: Nander Konijn Taal: Java import com.phidgets.*; import com.phidgets.event.*; import EXPO.Controller.*; public class Phidgets public static final void main(string args[]) throws Exception RFIDPhidget rfid; EXPOController expocontroller = new EXPOController(); rfid = new RFIDPhidget(); TagGainListener tgl = new TagGainListener(); public void taggained(taggainevent tag) if(tag.getvalue().equals("1e00acf06b")) System.out.println("SE"); expocontroller.startse(); if(tag.getvalue().equals("1e00ad42ed")) System.out.println("SNE"); expocontroller.startsne(); else if(tag.getvalue().equals("1e00ad2f48")) System.out.println("TC"); expocontroller.starttc(); else if(tag.getvalue().equals("1e00ad37be")) System.out.println("GD"); expocontroller.startgd(); else if(tag.getvalue().equals("1e00ad2b5e")) System.out.println("HCD"); expocontroller.starthcd(); else if(tag.getvalue().equals("1e00ad4796")) System.out.println("ITM"); expocontroller.startitm(); 12

13 ; rfid.addattachlistener(new AttachListener() public void attached(attachevent phidget) Try ((RFIDPhidget)phidget.getSource()).setAntennaOn(true); ((RFIDPhidget)phidget.getSource()).setLEDOn(true); catch (PhidgetException ex) System.out.println("attachment of " + phidget); ); rfid.adddetachlistener(new DetachListener() public void detached(detachevent phidget) System.out.println("detachment of " + phidget); ); rfid.adderrorlistener(new ErrorListener() public void error(errorevent ee) System.out.println("error event for " + ee); ); rfid.addtaggainlistener(tgl); rfid.addtaglosslistener(new TagLossListener() public void taglost(taglossevent tag) System.out.println(tag); ); 13

14 rfid.addoutputchangelistener(new OutputChangeListener() public void outputchanged(outputchangeevent tag) System.out.println(tag); ); rfid.openany(); System.out.println("waiting for RFID attachment..."); rfid.waitforattachment(); System.in.read(); rfid.close(); rfid = null; System.out.println("Done"); if (false) System.out.println("wait for finalization..."); System.gc(); In dit stuk code word laten zien hoe de tags van de verschillende business units worden uitgelezen uit de scanner en daarna worden doorgegeven aan de EXPO Controller, die in bijlage 1.2 word verhelderd. Dit gebeurd door middel van het gebruik van events die de phidget21 jar blootstellen voor het gebruik met de Phidgets. 14

15 Bijlage 1.2 Auteur Code: Leonard Breitkopf Taal: Java import com.sun.org.apache.xerces.internal.impl.dv.util.base64; import flexjson.*; import java.io.*; import java.net.*; import java.security.*; public class EXPOController private String ServerName = " private String token; private JSONDeserializer<StandardResult> serializer = new JSONDeserializer<>(); public EXPOController(String ServerName, String HandlerName) throws Throwable this.servername = " + ServerName + "/" + HandlerName + "/"; try SessionResult SessRes = (new JSONDeserializer<SessionResult>()).deserialize( (new BufferedReader(new InputStreamReader((new URL(ServerName + "create/" + Base64.encode(MessageDigest.getInstance("hmacMD5").digest(("EXPO ").getBytes("ASCII"))) ).openstream()))).readline())); if (SessRes.Action) this.token = SessRes.Token; else throw new Exception(); catch (Exception E) throw new ControllerException("The action was unsuccessfull."); 15

16 public EXPOController() throws Throwable try SessionResult SessRes = (new JSONDeserializer<SessionResult>()).deserialize( (new BufferedReader(new InputStreamReader((new URL(ServerName + "create/" + Base64.encode(MessageDigest.getInstance("hmacMD5").digest(("EXPO ").getBytes("ASCII"))) ).openstream()))).readline())); if (SessRes.Action) this.token = SessRes.Token; else throw new Exception(); catch (Exception E) throw new ControllerException("The action was unsuccessfull."); public void StartLoop() throws Throwable try StandardResult response = serializer.deserialize((new BufferedReader(new InputStreamReader(( new URL(ServerName + "startloop/" + token)).openstream()))).readline()); if (!response.action) throw new ControllerException("The action was unsuccessfull."); catch (Exception E) throw new Exception("An exception has occured on runtime."); 16

17 public void ExitLoop() throws Throwable try StandardResult response = serializer.deserialize((new BufferedReader(new InputStreamReader(( new URL(ServerName + "exitloop/" + token)).openstream()))).readline()); if (!response.action) throw new ControllerException("The action was unsuccessfull."); catch (Exception E) throw new Exception("An exception has occured on runtime."); public void StartSE() throws Throwable try StandardResult response = serializer.deserialize((new BufferedReader(new InputStreamReader(( new URL(ServerName + "startse/" + token)).openstream()))).readline()); if (!response.action) throw new ControllerException("The action was unsuccessfull.");\ catch (Exception E) throw new Exception("An exception has occured on runtime."); public void StartITM() throws Throwable try StandardResult response = serializer.deserialize((new BufferedReader(new InputStreamReader(( new URL(ServerName + "startitm/" + token)).openstream()))).readline()); if (!response.action) throw new ControllerException("The action was unsuccessfull."); catch (Exception E) throw new Exception("An exception has occured on runtime."); 17

18 public void StartSNE() throws Throwable try StandardResult response = serializer.deserialize((new BufferedReader(new InputStreamReader(( new URL(ServerName + "startsne/" + token)).openstream()))).readline()); if (!response.action) throw new ControllerException("The action was unsuccessfull."); catch (Exception E) throw new Exception("An exception has occured on runtime."); public void StartHCD() throws Throwable try StandardResult response = serializer.deserialize((new BufferedReader(new InputStreamReader(( new URL(ServerName + "starthcd/" + token)).openstream()))).readline()); if (!response.action) throw new ControllerException("The action was unsuccessfull."); catch (Exception E) throw new Exception("An exception has occured on runtime."); public void StartGD() throws Throwable try StandardResult response = serializer.deserialize((new BufferedReader(new InputStreamReader(( new URL(ServerName + "startgd/" + token)).openstream()))).readline()); if (!response.action) throw new ControllerException("The action was unsuccessfull."); catch (Exception E) throw new Exception("An exception has occured on runtime."); 18

19 public void StartTC() throws Throwable try StandardResult response = serializer.deserialize((new BufferedReader(new InputStreamReader(( new URL(ServerName + "starttc/" + token)).openstream()))).readline()); if (!response.action) throw new ControllerException("The action was unsuccessfull."); catch (Exception E) throw new Exception("An exception has occured on runtime."); private class StandardResult public boolean Action; private class SessionResult public boolean Action; public String Token; Dit is de EXPO Controller het word ingezet als intermediair tussen de kern en de code die de Phidgets afhandelt. Dit is zo opgezet om verwarring te voorkomen en eventuele problemen te voorkomen. Deze code zorgt ervoor dat op de instantiëring van een nieuw object van het type EXPOController er een sessie word aangemaakt op de server waaraan dan later de clients weer kunnen hangen om gebruik te maken van de events binnen de sessie. Uiteindelijk na het instantiëren kan er eenvoudig een event gestuurd worden door het simpelweg aanroepen van de corresponderende functie. 19

20 Bijlage 1.3 Auteur Code: Leonard Breitkopf Taal: Java public class ControllerException extends Throwable public String Message; public ControllerException(String Message) this.message = Message; Deze class ter ondersteuning van de EXPOController class. Het zorgt ervoor dat de gebruiker eenvoudig kan zien welke fout er is ontstaan tijdens het uitvoeren van de code van EXPOController. 20

21 Bijlage 2.1 Auteur Code: Leonard Breitkopf Taal: C#.Net using System; using System.Collections.Generic; using System.Linq; using System.Threading; using System.Web; namespace Project.EXPO public class SessionResult public bool Action get; set; public string SessionToken get; set; public class StandardResult public bool Action get; set; public class EventResult public string Event get; set; public string Data get; set; public class SessionInput public bool leftright get; set; public string token get; set; public class SendSession public string Token get; set; public bool LeftFilled get; set; public bool RightFilled get; set; 21

22 public class SessionWrap public string Event get; set; public string Data get; set; public bool LeftFilled get; set; public bool RightFilled get; set; public Dictionary<int, ManualResetEvent> EventPool = new Dictionary<int, ManualResetEvent>(); Dit zijn de types die gebruikt zijn tijdens het opzetten van de omgeving van de kern. Deze types worden gebruikt voor serialisatie of voor het vast houden van andere objecten. 22

23 Bijlage 2.2 Auteur Code: Leonard Breitkopf Taal: C#.Net using System; using System.Collections.Generic; using System.Linq; using System.Threading; using System.Web; namespace Project.EXPO public class Collective public static Dictionary<string, SessionWrap> SessionPool = new Dictionary<string, SessionWrap>(); Dit object word gebruikt om de verschillende sessies in te bewaren tijdens het gebruik van de kern. 23

24 Bijlage 2.3 Auteur Code: Leonard Breitkopf Taal: C#.Net using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace Project.EXPO public class ServerSentEventResult : ActionResult public delegate string GetContent(); public GetContent Content get; set; public int Version get; set; public override void ExecuteResult(ControllerContext context) if (context == null) throw new ArgumentNullException("context"); if (this.content!= null) HttpResponseBase response = context.httpcontext.response; response.contenttype = "text/event-stream"; response.bufferoutput = false; response.charset = null; 24

25 string[] newstrings = context.httpcontext.request.headers.getvalues("last-event-id"); if (newstrings == null newstrings[0]!= this.version.tostring()) try response.write("retry:250\n"); response.write(string.format("id:0\n", this.version)); response.write(string.format("data:0\n\n", this.content())); response.end(); catch (HttpException e) else response.write(string.empty); Dit zorgt ervoor dat de code in de EventController leesbaar blijft en het zorgt ervoor dat er makkelijker gebruik gemaakt kan worden van de omgeving doordat je meer overzicht behoud. Dit stuk zorgt eigenlijk alleen voor het prepareren van de data en streams voor het verzenden van de events. 25

26 Bijlage 2.4 Auteur Code: Leonard Breitkopf Taal: C#.Net using System; using System.Collections.Generic; using System.Linq; using System.Security.Cryptography; using System.Threading; using System.Web; using System.Web.Mvc; using System.Text; using System.Web.Script.Serialization; namespace Project.EXPO.Controllers public class EventController : Controller public JavaScriptSerializer Serializer = new JavaScriptSerializer(); public ActionResult Index() return Content("Error: Call the event handler with the appropriate parameters."); #region "Client Send Events" public ActionResult Create(string verifier) if (verifier == Convert.ToBase64String((new HMACMD5()).ComputeHash(Encoding.ASCII.GetBytes("EXPO ")))) String token = Convert.ToBase64String((new HMACMD5()).ComputeHash(Encoding.ASCII.GetBytes((new Random()).Next(10000, ).ToString()))); Collective.SessionPool.Add(token, new SessionWrap()); return Content(Serializer.Serialize(new SessionResult() Action = true, SessionToken = token )); else return Content(Serializer.Serialize(new StandardResult() Action = false )); public ActionResult StartLoop(string token) 26

27 try Collective.SessionPool[token].Event = "onstartloop"; Collective.SessionPool[token].Data = "true"; foreach (KeyValuePair<int, ManualResetEvent> E in Collective.SessionPool[token].EventPool) E.Value.Set(); return Content(Serializer.Serialize(new StandardResult() Action = true )); catch (Exception e) return Content(Serializer.Serialize(new StandardResult() Action = false )); public ActionResult ExitLoop(string token) try Collective.SessionPool[token].Event = "onexitloop"; Collective.SessionPool[token].Data = "true"; foreach (KeyValuePair<int, ManualResetEvent> E in Collective.SessionPool[token].EventPool) E.Value.Set(); return Content(Serializer.Serialize(new StandardResult() Action = true )); catch (Exception e) return Content(Serializer.Serialize(new StandardResult() Action = false )); public ActionResult StartSE(string token) try Collective.SessionPool[token].Event = "onstartse"; Collective.SessionPool[token].Data = "true"; foreach (KeyValuePair<int, ManualResetEvent> E in Collective.SessionPool[token].EventPool) E.Value.Set(); return Content(Serializer.Serialize(new StandardResult() Action = true )); catch (Exception e) return Content(Serializer.Serialize(new StandardResult() Action = false )); 27

28 public ActionResult StartITM(string token) try Collective.SessionPool[token].Event = "onstartitm"; Collective.SessionPool[token].Data = "true"; foreach (KeyValuePair<int, ManualResetEvent> E in Collective.SessionPool[token].EventPool) E.Value.Set(); return Content(Serializer.Serialize(new StandardResult() Action = true )); catch (Exception e) return Content(Serializer.Serialize(new StandardResult() Action = false )); public ActionResult StartSNE(string token) try Collective.SessionPool[token].Event = "onstartsne"; Collective.SessionPool[token].Data = "true"; foreach (KeyValuePair<int, ManualResetEvent> E in Collective.SessionPool[token].EventPool) E.Value.Set(); return Content(Serializer.Serialize(new StandardResult() Action = true )); catch (Exception e) return Content(Serializer.Serialize(new StandardResult() Action = false )); public ActionResult StartHCD(string token) try Collective.SessionPool[token].Event = "onstarthcd"; Collective.SessionPool[token].Data = "true"; foreach (KeyValuePair<int, ManualResetEvent> E in Collective.SessionPool[token].EventPool) E.Value.Set(); 28

29 return Content(Serializer.Serialize(new StandardResult() Action = true )); catch (Exception e) return Content(Serializer.Serialize(new StandardResult() Action = false )); public ActionResult StartGD(string token) try Collective.SessionPool[token].Event = "onstartgd"; Collective.SessionPool[token].Data = "true"; foreach (KeyValuePair<int, ManualResetEvent> E in Collective.SessionPool[token].EventPool) E.Value.Set(); return Content(Serializer.Serialize(new StandardResult() Action = true )); catch (Exception e) return Content(Serializer.Serialize(new StandardResult() Action = false )); public ActionResult StartTC(string token) try Collective.SessionPool[token].Event = "onstarttc"; Collective.SessionPool[token].Data = "true"; foreach (KeyValuePair<int, ManualResetEvent> E in Collective.SessionPool[token].EventPool) E.Value.Set(); return Content(Serializer.Serialize(new StandardResult() Action = true )); catch (Exception e) return Content(Serializer.Serialize(new StandardResult() Action = false )); #endregion #region "Server Sent Events" public ActionResult Hook(string token) try 29

30 ManualResetEvent Event = new ManualResetEvent(false); int EID = (new Random()).Next(100, ); Collective.SessionPool[token].EventPool.Add(EID, Event); Event.WaitOne(); Collective.SessionPool[token].EventPool.Remove(EID); return new ServerSentEventResult() Content = () => return Serializer.Serialize(new EventResult() Data = Collective.SessionPool[token].Data, Event = Collective.SessionPool[token].Event );, Version = (new Random()).Next(100, ) ; catch (Exception e) return Content("Error: An error has occured on the hooked thread. Re-hook to try again."); public ActionResult SetSession(string input) try SessionInput SessIn = Serializer.Deserialize<SessionInput>(input); if (SessIn.leftRight) Collective.SessionPool[SessIn.token].RightFilled = true; else Collective.SessionPool[SessIn.token].LeftFilled = true; return Content(Serializer.Serialize(new StandardResult() Action = true )); catch (Exception e) return Content(Serializer.Serialize(new StandardResult() Action = false )); public ActionResult GetSessions() List<SendSession> Temp = new List<SendSession>(); foreach (KeyValuePair<string, SessionWrap> E in Collective.SessionPool) if (E.Value.LeftFilled == false E.Value.RightFilled == false) Temp.Add(new SendSession() Token = E.Key, LeftFilled = E.Value.LeftFilled, RightFilled = E.Value.RightFilled ); 30

31 return Content(Serializer.Serialize(Temp.ToArray())); #endregion Dit is waar het echte werk gebeurt. Hierin worden de events van de Phidgets opgevangen en daarna weer doorgestuurd naar de clients. Alle data komt hier binnen als JSON en word ook weer verzonden als JSON. Dit zorgt ervoor dat de JavaScript omgeving minder ingewikkeld word. 31

32 Bijlage 3.1 Auteur Code: Leonard Breitkopf Taal: JavaScript function EventHandler(sessionToken) var registeredevents = new Array(); this.registerevent = function (name, e) registeredevents.push(new keyvaluepair(name, e)); ; this.startlistener = function () var esource = new EventSource('event/hook/' + sessiontoken); esource.onmessage = function (e) var data = JSON.parse(e.data); if (data.data == 'true') for (e in registeredevents) e = registeredevents[e]; if (e.key == data.event) e.value(); ; esource.onopen = function () console.log('connection is open.'); ; ; this.setsessiontoken = function (leftright, token) var req = new XMLHttpRequest(); req.open('get', 'event/setsession/' + JSON.stringify(new tokenresult(leftright, token)), false); req.send(); if (JSON.parse(req.responseText()).Action == true) sessiontoken = token; return true; else return false; ; 32

33 this.getavailablesessions = function () var req = new XMLHttpRequest(); req.open('get', 'event/getsessions', false); req.send(); return JSON.parse(req.responseText()); ; function keyvaluepair(key, value) this.key = key; this.value = value; ; function tokenresult(leftright, token) this.leftright = leftright; this.token = token; ; ; window.eventhandler = new EventHandler(''); Dit zorgt ervoor dat je de events in JavaScript kunt opvangen en eenvoudig mee kunt omgaan in de omgeving. Dit systeem maakt gebruik van HTML 5. Ook kun je hiermee de client aan een sessie in de kern hangen en aangeven of het het linker of het rechter scherm is waar het om gaat. 33