Ontwerp en implementatie als Mash-Up

Maat: px
Weergave met pagina beginnen:

Download "Ontwerp en implementatie als Mash-Up"

Transcriptie

1 Ontwerp en implementatie als Mash-Up Groep 5 Maarten Decat 1e Master Ingenieurswetenschappen: Computerwetenschappen Optie Gedistribueerde systemen Benjamin Slegers 1e Master Ingenieurswetenschappen: Computerwetenschappen Optie Gedistribueerde systemen Thomas De l Arbre 3e Bachelor Informatica Minor Verbreding Wouter Theetaert 1e Master Ingenieurswetenschappen: Computerwetenschappen Optie Gedistribueerde systemen ABSTRACT Bij dit derde luik van de cursus was het de bedoeling om mashups te integreren in de muziekapplicatie. Er werd teruggegrepen naar het oorspronkelijk idee: het aanbieden van een platform waar jonge bandjes zichzelf kunnen voorstellen (en waar ze kunnen gevonden worden door organisatoren van concerten). Het spreekt voor zich dat de applicatie bijgeschaafd diende te worden in vergelijking met de Flex-implementatie. Hiertoe werd een nieuw storyboard ontworpen. De grootste wijziging situeert zich in het feit dat de groepjes niet langer zelf de data aanbrengen die gebruikt wordt om hun groepspagina op te vullen, maar dat die data op externe locaties wordt gehaald en wordt verwerkt tot een dynamisch geheel. Zowel bij het implementeren van de zoekfunctie (Google Maps) als bij het uitwerken van de groepspagina s (YouTube, Flickr, Seeqpod) werd gebruik gemaakt van mash-ups. In tegenstelling tot het Flex-gedeelte van de opdracht lag de klemtoon deze keer minder op de grafische kant, maar meer op de functionaliteit. Het resultaat (de uiteindelijke applicatie) kan online bekeken worden [1]. Er staat ook een link naar de applicatie op de wiki. 1. O TWERP Bij het uitwerken van deze opdracht werd in de eerste plaats teruggegrepen naar het oorspronkelijk idee dat ontstaan was na de brainstorm uit de eerste sessie. Het was dan de bedoeling een platform aan te bieden met een duale werking: enerzijds konden jonge, onbekende bandjes er zichzelf op een multimediale manier voorstellen (video, geluid, tekst, foto,...) en anderzijds konden organisatoren van optredens op zoek gaan naar geschikte groepen om hun line-up te vervolledigen. Dit idee werd ook succesvol gerealiseerd in Adobe Flex. Al snel werd duidelijk dat dit ontwerp aangepast diende te worden om een nuttige implementatie met mash-ups mogelijk te maken. Er moest zelfs geschoven worden met het kernidee: jonge bandjes brachten oorspronkelijk zelf hun materiaal aan (video's die ze zelf konden uploaden, eigen foto's, eigen muziek) terwijl het bij het gebruik van mash-ups de bedoeling is om materiaal vanop andere plaatsen te verzamelen en te presenteren. Er werd dus eerst en vooral gezocht naar een toepassing van mash-ups. Een voor de hand liggend idee is het aanbieden van een site met groepspagina's, waarbij de inhoud van de groepspagina een mash-up is van verschillende sites. Het nadeel van dit idee is dat het helemaal niet origineel is (er bestaan al een hoop websites die een dergelijke functionaliteit aanbieden) waardoor het project geen toegevoegde waarde zou hebben. Het leek ons echter belangrijk het doelpubliek van ons oorspronkelijk ontwerp niet uit het oog te verliezen: onbekende bandjes. Wanneer een site met groepspagina's van onbekende groepjes wordt gemaakt, biedt het project wel een meerwaarde. Het is bovendien mogelijk om ook voor de zoekfunctie (uit het tweede aspect van onze Flex-applicatie) een mash-up te gebruiken: Google Maps. Deze piste voldoet aan alle voorwaarden: ze ligt in de lijn van het oorspronkelijk project, ze maakt gebruik van mash-ups en ze biedt een meerwaarde aangezien iets dergelijks nog niet bestaat. Het probleem bij het werken met onbekende bandjes is het ontbreken van informatie. Het leek ons in eerste instantie erg moeilijk om op een gestructureerde manier dezelfde informatie van verschillende groepjes te vinden en te verwerken. Voor bekende groepen zijn heel wat API's beschikbaar, zoals die van MusicBrainz. Locatie, groepsleden, playlists en dergelijke meer liggen slechts een muisklik verwijderd. Zoals eerder aangehaald was het echter niet de bedoeling om een mash-up te maken voor groepspagina's van bekende groepen (dit bestaat al) maar wel van onbekende groepen. Zij zijn echter niet te vinden in MusicBrainz, noch in enige andere API. Gelukkig kwamen we op onze zoektocht naar alternatieven bij Poppunt [2] terecht. Deze site biedt exact wat we nodig hebben: een overzicht van honderden onbekende bandjes in België, op een gestructureerde manier voorgesteld en met alle info die voor onze implementatie nodig is: de naam en de locatie van de bandjes. Om de info van Poppunt te gebruiken werd een screen scraper geschreven. Deze applicatie, die geschreven is in Java en waarover meer info kan gevonden worden in paragraaf 3.1, haalt de nodige gegevens van de website van Poppunt op (concreet: een lijst van de beschikbare groepjes en hun locatie) en stopt deze in een lokale database. Hierop kunnen op een zeer eenvoudige manier queries worden uitgevoerd.

2 De vraag kan gesteld worden waarom de informatie van Poppunt eenmalig in een lokale database wordt gestopt. Een alternatief is om bij elke zoekopdracht de site van Poppunt te gaan screen scrapen. Er is bewust voor gekozen om dit niet te doen. Vooreerst is de info van de site van Poppunt vrij statisch: de info die in onze toepassing gebruikt wordt (de naam van een groepje en de locatie ervan) zal niet snel wijzigen. Daarnaast zou het telkens binnenhalen van meer dan 3000 namen de applicatie nodeloos vertragen. Het is de bedoeling de gegevens in de lokale database op regelmatige basis te gaan updaten door op regelmatige tijdstippen een scrape uit te voeren. Voor de toepassing die wij voor ogen hadden moet dit zeker volstaan. Nu de gegevens beschikbaar zijn, kan de echte mash-up beginnen. Het globale project kan opgesplitst worden in twee grote delen: enerzijds de zoekfunctie voor het opzoeken van de groepjes, anderzijds de groepspagina's die een multimediale mash-up van de groepjes aanbieden (video, muziek, foto). Voor de zoekfunctie werd gebruik gemaakt van Google Maps. Wanneer de gebruiker een zoekopdracht start wordt een kaart van België getoond, met daarop een merkteken (een marker in de terminologie van Google Maps) per gemeente waar één of meerdere groepjes beschikbaar zijn. Bij het klikken op een dergelijk merkteken komt een tekstballon te voorschijn met daarin de beschikbare genres binnen de gemeente, en het aantal groepen binnen dat genre. Wanneer een gemeente effectief wordt aangeklikt, krijgt de gebruiker een overzicht van alle beschikbare groepjes in die gemeente (gerangschikt per genre). Het aanklikken van een groepsnaam voert de gebruiker naar de bijhorende groepspagina. Het globale idee van de groepspagina is ongewijzigd gebleven in vergelijking met wat uit de brainstorm is voortgevloeid en geïmplementeerd werd in Flex. Een groepspagina is nog steeds een platform waar een onbekend groepje zich op een multimediale manier kan voorstellen. Het grote verschil met de Fleximplementatie is dat de groepjes de data nu niet meer zelf aanbrengen, maar dat deze met behulp van mash-ups vanop verschillende locaties wordt opgehaald. De groepspagina bestaat uit een mash-up van drie componenten. Met de bandnaam als zoekterm wordt op YouTube gezocht en het eerste filmpje uit de resultatenlijst wordt op de groepspagina afgespeeld. Er is eveneens een overzicht van de gerelateerde filmpjes, zodat de gebruiker eventueel andere video's van dezelfde groep kan bekijken. Daarnaast wordt ook een zoekopdracht op Flickr uitgevoerd. De eerste vier foto's die hieraan voldoen worden eveneens op de groepspagina gepresenteerd. Een derde en laatste component is Seeqpod. Dit is de muziekcomponent: aan de hand van de groepsnaam wordt gezocht naar MP3-files die daarna worden afgespeeld. Meer info over de concrete implementatie van deze componenten kan gevonden worden in paragraaf STORYBOARD Voor de uitwerking van de opdracht met behulp van mash-ups werd een nieuw storyboard uitgewerkt. De lay-out is zeer analoog aan die van het Flex-project (met uitzondering van het coverfloweffect natuurlijk, dat eigen was aan de Flex-implementatie). Na dat eerste project werd immers beslist om minder tijd te verliezen aan het grafische, de design-kant van de komende projecten. Er zijn natuurlijk lichte wijzigingen aangebracht in het storyboard, maar de rode draad is gelijk gebleven. Verderop in dit verslag staan de verschillende stappen in het storyboard beschreven, samen met een kleine figuur. De figuren kunnen op ware grootte gevonden worden als bijlage bij dit verslag, alsook op de wiki [3]. Op elke pagina van het storyboard zijn vier verschillende deelvensters te zien. Twee ervan blijven hetzelfde over de hele applicatie: het bovenste venster (met daarin het logo van de website en de gebruikers-gerelateerde menu-items zoals Profiel, Berichten, Favorieten, ) en het onderste venster (met daarin de verschillende zoekmogelijkheden). Het tweede venster (de titel van de pagina) en het derde venster (de eigenlijke pagina-inhoud) veranderen wel. Wanneer de gebruiker op de website terechtkomt, krijgt hij/zij een welkomstboodschap te zien en een overzicht van het laatste nieuws op BandStart (figuur 1). Het is ook mogelijk om de gebruiker enkele persoonlijke zaken mee te delen (laatste inlogbeurt, aantal nieuwe berichten, ). Figuur 1: Welkomstpagina Als de gebruiker ervoor kiest om te zoeken volgens locatie (hij/zij klikt op de knop Locatie in het onderste deelvenster) komt hij/zij op de pagina zoals getekend in figuur 2. De kaart van België verschijnt, met markers op de steden waarvan er groepjes in de database zitten. Figuur 2: Zoeken op Locatie Het is de bedoeling dat de gebruiker op de stad van zijn/haar keuze klikt. Wanneer dit gebeurd is, verschijnt een lijst van de verschillende genres waarvan er groepjes vertegenwoordigd zijn in die stad. Per genre staat eveneens aangegeven hoeveel groepjes er bekend zijn. Dit alles kan gezien worden op figuur 3.

3 Figuur 3: Resultaat van het zoeken op locatie Als het aanbod de gebruiker bevalt, kan hij/zij op de naam van de stad klikken (helemaal bovenaan in de lijst). Er verschijnt een lijst van alle genres die binnen de stad vertegenwoordigd zijn, met daaronder een opsomming van de verschillende groepjes binnen dat genre. Het geheel ziet eruit zoals aangegeven op figuur 4. Figuur 4: Overzicht per stad Wanneer de gebruiker tenslotte op een bandnaam heeft geklikt, komt hij/zij terecht op de groepspagina van de gekozen band (figuur 5). De gebruiker ziet een filmpje van de betreffende groep (YouTube), kan muziek beluisteren (Seeqpod) en enkele foto s bewonderen (Flickr). Figuur 5: Groepspagina 3. IMPLEME TATIE 3.1 Screenscrapen Het vinden van gegevens over jonge, onbekendere Vlaamse bandjes was niet gemakkelijk. De voor de hand liggende gegevensbronnen (vb. de bekende API's, zoals Musicbrainz ([4], [5])) geven heel nuttige en bruikbare informatie over bekendere groepen, maar geven nauwelijks tot geen informatie over onbekende bands. Daarom was het onmogelijk om op een dynamische manier data te vinden, en werd er gekozen voor de klassiekere statische methode, nl. screenscrapen. De site van Poppunt [2] bleek een heel handige site om te scrapen, om verschillende redenen. Ten eerste geeft deze site een relatief volledig overzicht van onbekende Vlaamse groepjes (meer dan 3000 zijn er in de database van Poppunt opgenomen). Ten tweede is deze site ook makkelijk te scrapen, omdat alle info over navigatie en zoeken in de URL wordt opgeslagen. Het is mogelijk de URL op een zodanige manier aan te passen dat alle groepjes op één pagina worden weergegeven. Een extra pluspunt is ook dat de database van Poppunt alle locaties van de bandjes bevat, nodig om de overzichtskaart op te bouwen. Omdat voor dit project niet meer nodig was, is de scraper volledig opgebouwd rond deze site. De navigatie via de URL's binnen Poppunt was zo overzichtelijk, dat in theorie het dynamisch uitlezen van data ook had kunnen gebeuren. Er is echter voor gekozen om dit niet te doen, omdat de applicatie voor het overzichtskaartje altijd een overzicht van alle bands nodig heeft (naam en locatie). Dit elke keer dynamisch scrapen zou een zeer trage applicatie opleveren. Bovendien werd in de URL van specifieke band-pagina's gebruik gemaakt van een ID dat niet logisch te achterhalen was, dus was er in elk geval ook een (statisch) overzicht nodig dat de bandnaam aan de band-id koppelt. Als de informatie op de site van Poppunt dikwijls zou veranderen, en ook interessanter zou zijn voor de mash-up, was het gedeeltelijk dynamisch uitlezen wel nuttig geweest. Dan zouden bijvoorbeeld ID en locatie van de band statisch opgezocht en opgeslagen kunnen worden, maar andere, vluchtigere data had dan dynamisch opgehaald kunnen worden. De scraper is volledig geschreven in Java. Er had eventueel een bestaande scraper gebruikt kunnen worden, maar de site van Poppunt was zo eenvoudig om te scrapen dat dat een beetje overbodig was. De data die de scraper vond werd vervolgens opgeslagen in een MySQL-database. Conclusie: De screen scraper is misschien niet de modernste manier om data te zoeken voor een mash-up, maar in het geval van dit project zonder twijfel wel de eenvoudigste en de efficiëntste manier. 3.2 Google Maps Google Maps is een handige API van Google [6] die toelaat vanop elke website de Google tools te gebruiken. De API is volledig te gebruiken in Javascript en blinkt uit in gebruiksgemak. De code blijft compact en eenvoudig leesbaar en levert in korte tijd zeer bruikbare resultaten op. De API Reference [7] is overzichtelijk en levert snel de antwoorden op de meeste vragen omtrent het gebruik van de aangeboden klassen. In combinatie met de vele voorbeelden die op de website van Google Maps en de rest van het net te vinden zijn, leverde het de keuze voor deze API in ons geval weinig problemen op. De beschikbare klassen zijn grosso modo in te delen in twee grote stukken. Enerzijds bevat de API klassen en methodes om gemakkelijk adressen om te zetten naar coördinaten en omgekeerd (wat Google "geocoding" en "reverse geocoding" noemt). Anderzijds is het mogelijk om in enkele regels de typische Google Maps kaartjes toe te voegen aan een website. Aan dit kaartje kunnen markers en info windows toegevoegd worden. Een marker is een aanduiding van een bepaalde plaats op de kaart (gedefinieerd door zijn coördinaten) zonder verdere info. Een info

4 window is een tekstballonnetje dat eveneens toegekend wordt aan een bepaalde plaats op de kaart waarin ook enkele eenvoudige regels HTML weergegeven kunnen worden. Ons doel met Google Maps is het weergeven van alle plekken in België waar groepjes gevonden kunnen worden. Op die manier moet het gemakkelijk zijn om naar groepjes te zoeken in een bepaalde omgeving. In ons geval wordt elke gemeente of stad waar bands aanwezig zijn, weergegeven door een marker. Met een eenvoudige klik op deze marker wordt een info window getoond met daarin bondige informatie omtrent hoeveel groepjes in welke genres er daar aanwezig zijn. In de info window staat eveneens een link naar een pagina waarop al deze groepjes iets gedetaileerder weergegeven kunnen worden. Bij standaard gebruik van het kaartje worden alle bands op alle plekken getoond. Uiteraard kan er eerst gezocht worden op één of ander zoekcriterium (bvb. genre of taal) waarbij het aantal weergegeven groepjes kleiner wordt. Er kan ook gemakkelijk gezocht worden op locatie, waarbij enkel de groepjes daar in de buurt getoond worden op het kaartje. Met Google Maps zijn weinig tot geen problemen ondervonden. De Google Maps API wordt aangesproken m.b.v. Javascript, wat voor moeilijkheden zorgde voor het gebruik van de data. In ons geval kwam de dummy data nog steeds uit een MySQL database. We verbinden hier niet mee vanuit Javascript om verschillende redenen. Enerzijds kan gesteld worden dat het niet slim is private data (bvb. het paswoord van de database) te laten downloaden naar de client zijde (wat steeds gebeurt bij javascript code). Anderzijds is het eenvoudiger en efficiënter de data op te halen naar de server aangezien die meestal in rechtstreeks contact staat met de database, als die al niet op dezelfde machine draait. Om die redenen hebben we voor een soort hybride oplossing tussen Javascript en PHP gekozen: Er wordt verbonden met de database vanuit PHP-scripts op de server. Daarin wordt meteen ook de data verwerkt en wordt Javascript-code geprint. Meer specifiek worden hierbij addmarker() Javascript-statements geprint om per locatie een marker toe te voegen aan het kaartje met de juiste informatie erbij. Voor de gebruiker lijkt de Javascriptcode die alle markers toevoegt statische HTML, maar aan de serverkant wordt deze code wel degelijk dynamisch opgebouwd. Het grootste punt van belang is echter het verwerken van de gebruikte data zelf. Een eerste aandachtspunt is de granulariteit van de data. Per locatie wordt een marker toegevoegd aan het kaartje. Langs de ene kant is een kleine granulariteit van deze locaties gewenst zodat de gebruiker nog een gedetailleerd overzicht van alle groepjes kan krijgen. Anderzijds mogen ook niet te veel markers toegevoegd worden om het overzicht te bewaren. Een goede afweging is omtrent dit probleem zeer belangrijk. Een ander aandachtspunt is de korte weergave van de groepjes in elke gemeente. De gebruikte manier is het weergeven van alle genres op die locatie met daarbij het aantal groepjes in dat genre op die locatie. Op die manier komen we echter terecht bij het algemene probleem van het indelen van de genres. De mogelijke genres beperken tot een vaste lijst, levert mooie resultaten bij de korte weergave van een locatie maar geeft weinig vrijheid aan de bandjes om hun genre te omschrijven. De bandjes zelf hun genre volledig laten ingeven als vrije tekst zorgt echter voor een immens aantal genres waarin maar zeer weinig groepjes zullen spelen. Dit levert een zeer uitgebreide korte inhoud bij een locatie en is niet bruikbaar in ons geval. Een uitgebreide hiërarchie van genres zou de perfecte oplossing zijn. Op die manier kan elk groepje zijn specifiek genre vastleggen en kunnen al deze subgenres toch tot enkele overzichtelijke hoofdgenres gegroepeerd worden. Als besluit kunnen we stellen dat de ervaringen met de Google Maps API positief waren. De API is eenvoudig in gebruik en levert mooie resultaten. Als men niet meer dan een eenvoudig, mooi en overzichtelijk kaartje met wat extra info wil toevoegen aan een website, is deze API zeker de juiste keuze! De moeilijkheden in ons geval kwamen vooral van de data zelf. Hoeveel markers moeten precies weergegeven worden op een kaartje? Hoe gaan we de genres overzichtelijk weergeven? Dat zijn de voornaamste vragen die moeten opgelost worden in de definitieve versie van onze applicatie. 3.3 YouTube Voor het aanspreken van YouTube is een vrij grote API beschikbaar onder Google Code [8]. Deze valt uiteen in twee grote delen: enerzijds kan je beschikbare data opvragen, anderzijds kan je nieuwe filmpjes toevoegen. Voor dit project is enkel de eerste functionaliteit van belang. In de API is documentatie en voorbeeldcode aanwezig voor het aanspreken van YouTube via Java,.NET, PHP, Python en Javascript. Waarschijnlijk verloopt het gebruik in elke taal even vlot en efficiënt; in ons project is het YouTube-gedeelte uitgewerkt in Javascript. Java en.net vielen uit de boot (het project diende te runnen op een beschikbare server), de stap naar Python leek ons te groot. De keuze tussen PHP en Javascript is louter een kwestie van voorkeur, beide talen waren een mogelijkheid. Omdat voor de Javascript-implementatie geen authentication key diende aangevraagd te worden en omdat geen server nodig is bij het ontwikkelen werd voor deze taal gekozen. Bij het implementeren van de YouTube-mashup werd vertrokken van een bestaand Javascript [9]. Bij het voorbeeld diende de gebruiker een zoekterm in een tekstvak in te geven, waarna de vijf eerste resultaten na het zoeken bij YouTube werden getoond. Na het klikken op het gewenste resultaat speelde het filmpje af. Er werd eveneens plaats voorzien voor het weergeven van gerelateerde filmpjes en filmpjes van dezelfde gebruiker. De code die in ons project is gebruikt is een aangepaste versie van deze implementatie. De gebruiker dient niet manueel een groepsnaam in te vullen, deze wordt automatisch meegegeven bij het openen van de betreffende groepspagina. Bovendien krijgt de gebruiker niet vijf maar slechts een resultaat te zien (het eerste resultaat dat YouTube teruggeeft) en dient hij niet meer te klikken om het filmpje te starten (het start automatisch). Tijdens deze implementatie kon ondervonden worden dat het vaak moeilijker is om bestaande code te wijzigen dan om zelf van nul te beginnen schrijven. Javascript liet ook niet echt debugging toe: ofwel werkte het, ofwel werkte het niet. Uiteindelijk heeft de volharding wel resultaat opgeleverd: de huidige applicatie doet wat ze moet doen. De zoekparameter wordt meegeleverd bij het laden van de pagina, en het overeenkomstige eerste zoekresultaat van YouTube wordt op de groepspagina weergegeven en afgespeeld. 3.4 Seeqpod De web services van SeeqPod kunnen voor verschillende doeleinden gebruikt worden, die allemaal min of meer met zoekfuncties te maken hebben. Wat voor dit project vooral nuttig

5 is, is de zoekfunctie die voor een gegeven artiest en nummer MP3's daarvan zoekt. Wat SeeqPod extra interessant maakt is de eenvoudige manier om de web service aan te spreken, nl. door een bepaalde URL in te geven. SeeqPod voert dan een zoekopdracht uit, en geeft op diezelfde URL een XML-bestand dat de resultaten van de zoekopdracht bevat. Bovendien zoekt SeeqPod op het web naar deze liedjes, en bvb. niet in een eigen database. Het leek voor dit project met onbekende groepjes dan ook een interessantere manier om MP3-bestanden te vinden. Uiteindelijk viel de werking van SeeqPod toch tegen. Het belangrijkste probleem om SeeqPod te gebruiken, is het feit dat een zoekopdracht zowel de naam van de artiest als een nummer nodig heeft. In de database waarvan de mash-up gebruik maakt, worden geen nummers opgeslagen. Veel locaties die SeeqPod vond, waren niet meer geldig (of zijn misschien nooit geldig geweest). SeeqPod bleek uiteindelijk toch geen antwoord te bieden op het probleem van de onbekende groepjes. Alleen van de bekendste artiesten werden liedjes gevonden, van de artiesten waar wij mee werkten vond SeeqPod helemaal geen liedjes. Als er extra tijd was geweest, had dit laatste probleem wel nog opgelost kunnen worden. M.b.v. last.fm kan er gezocht worden naar liedjes die lijken op een gegeven liedje, en dan konden deze liedjes gebruikt worden om naar te zoeken. Samenvattend kan dus gesteld worden dat Seeqpod veelbelovend was voor het gebruik in deze applicatie, maar iet of wat teleur bleek te stellen. 3.5 Flickr Een laatste multimediaal aspect van de voorstelling van de bandjes is het gebruik van foto s. Het lag voor de hand hiervoor de Flickr-diensten te gebruiken, daar Flickr de bekendste aanbieder van beeldmateriaal is en er bovendien een uitgebreide API ter beschikking wordt gesteld. De API kan aangesproken worden vanuit verschillende talen. Een eerste poging gebeurde in Java, omdat de syntax van die taal geen probleem meer vormt en er dus op de API zelf kon geconcentreerd worden. De uiteindelijke applicatie moest echter een webapplicatie worden. In die context was Java niet zo n goed idee, dus werd overgeschakeld op PHP. Het bleek uiteindelijk erg eenvoudig om de Flickr API op deze manier aan te spreken. Het is mogelijk zeer veel metadata op te vragen die bij een bepaalde Flickr-foto hoort. De eigenaar van de afbeelding, het aantal keer dat deze bekeken is, : alles lag binnen handbereik. Voor onze applicatie bleken veel van deze mogelijkheden overbodig. Op basis van een gegeven zoekterm (de bandnaam) wordt op Flickr gezocht naar afbeeldingen. De eerste vier resultaten die worden teruggegeven worden op de pagina van een groep weergegeven. Deze methode werkt vlot en goed, ware het niet dat Flickr met hetzelfde probleem worstelt als Seeqpod en YouTube: er is erg weinig data beschikbaar over onbekende groepjes, waardoor men soms tot vreemde resultaten komt 4. RESULTAAT Het resultaat van de mash-up is tegelijk positief en negatief. Technisch gezien werkt alles: het aanspreken van Google Maps, YouTube, Flickr en Seeqpod is gelukt, er is geen enkele feature die in het storyboard stond maar niet kon geïmplementeerd worden. Bovendien zou het niet zo'n grote moeite zijn om extra elementen in de mash-up op te nemen. Op dit moment zit er bijvoorbeeld geen component in uit de sociale sector (Facebook, LinkedIn, Netlog,...) omdat de implementatietijd ontbrak en deze functies niet prioritair waren. Het mag echter geen probleem vormen om bijvoorbeeld op basis van de groepsnaam een link naar een profiel te leggen. Aan de andere kant moet gesteld worden dat het resultaat van dit project het slachtoffer is geworden van zijn eigen uitgangspunt: het werken met onbekende groepjes. De gegevens van die groepjes werden op een centraal punt gevonden (de site van Poppunt) maar als je met die gegevens grote websites als YouTube en Flickr gaat aanspreken, krijg je vreemde resultaten. Het probleem is dat dergelijke groepjes te weinig naambekendheid hebben om het eerste zoekresultaat in YouTube of Flickr te worden - als ze al tussen de zoekresultaten voorkomen. Onbekende groepjes hebben daarenboven vaak namen waarin een bestaand woord voorkomt; het spreekt voor zich dat men dan vaak zoekresultaten krijgt die niet tot het groepje maar wel tot dat woord gerelateerd zijn. Aangezien bij YouTube het eerste filmpje en bij Flickr de eerste twee foto's worden weergegeven, krijg je zelden het filmpje of de foto's die bij het betreffende bandje horen te zien. Een oplossing voor dit probleem is niet zo eenvoudig. Als een persoon een zoekopdracht ingeeft in YouTube, kan hij/zij tussen de resultaten zelf het gewenste item selecteren. Een computer kan dit natuurlijk niet. Het is zeer moeilijk om de zoekresultaten op de een of andere manier te gaan filteren om zo tot het gewenste resultaat te komen. Een mogelijkheid die zou kunnen overwogen worden is het zoeken met zoveel mogelijk zoektermen (ipv enkel op de groepsnaam te zoeken) zodat het zoeken gerichter is en de kans op een juist resultaat groter. Op deze manier kan voorkomen worden dat er filmpjes worden weergegeven die niets met de band in kwestie te maken hebben. Wanneer er geen resultaat wordt gevonden, kan het aantal zoektermen verminderd worden. Dit alles implementeren is echter niet zo eenvoudig, en wegens tijdsgebrek is dit dan ook niet aanwezig in de oplossing. Met het oorspronkelijke idee in het achterhoofd (het aanbieden van een platform waar jonge bandjes zichzelf kunnen presenteren) is het eventueel mogelijk om aan de bandjes te vragen een video op YouTube up te loaden met de juiste naam (= de bandnaam), of foto's op Flickr te zetten. Dit vergroot de kans dat de resultaten van de mash-up op onze site verbeteren. Op die manier wordt de grens tussen een mash-up en het zelf hosten en aanbieden van de multimedia natuurlijk een stuk kleiner. 5. CO CLUSIE 5.1 Mash-up Het idee van een mash-up is een typisch gevolg van de huidige webcultuur: alles moet gedeeld en herbruikt worden. Dit heeft duidelijk voordelen, maar dit project heeft toch ook duidelijk de limieten van mash-ups aangetoond.

6 Wat zeer goed werkt, is het aanspreken van de bekende, degelijke API's (zoals die van GoogleMaps, YouTube,...) en deze integreren in de mash-up. Dit leidt tot een snel, eenvoudig en direct ook relatief mooi resultaat. Het nadeel is dat de ontwikkelaars heel afhankelijk zijn van de API's die ze gebruiken. Er worden wel veel API's aangeboden, maar niet altijd alles wat nodig is voor een applicatie. Daar komt nog bij dat heel wat API's, los van de bekende API's, nauwelijks of niet onderhouden worden, en dus mindere resultaten geven (vb. SeeqPod). Een mash-up is dus een handige manier om een applicatie te maken, als er gewerkt kan worden met algemene gegevens. Voor applicaties die snel gemaakt moeten worden en die er toch erg mooi moeten uitzien kan een mash-up zeker de efficiëntste oplossing zijn. Er moet dan wel rekening gehouden worden met de functionaliteit van de aparte componenten, er mogen m.a.w. geen wonderen worden verwacht qua extra functionaliteit. Het samenbrengen van de afzonderlijke componenten is een voordeel in die zin dat ze coherent kunnen gebruikt worden en op die manier eventueel een meerwaarde brengen. In projecten zoals het onze, waarbij de data niet zo algemeen verspreid is en waarbij er met onbekende onderwerpen gewerkt moet worden, is een mashup zeker moeilijker dan bvb. een RIA gemaakt in Flex. Een mashup zou wel een snellere oplossing geven, maar niet de beste, zoals dit project bewezen heeft. 5.2 Teamwork Met de werkpunten van het eerste project in het achterhoofd, is er aan dit project met een heel andere ingesteldheid begonnen. I.p.v. direct allemaal moeilijke elementen van de applicatie beginnen te maken, is er beslist om eerst een werkende mash-up te ontwikkelen, hoe eenvoudig ook. Pas als er een werkend resultaat was, kon er dan eventueel aan uitbreidingen gewerkt worden, afhankelijk van de overgebleven tijd. Uiteindelijk is er wel een beetje van deze strategie afgeweken, omdat anders de taakverdeling onmogelijk werd, maar het heeft wel tot een werkend resultaat geleid. Het enige wat achteraf anders aangepakt had kunnen worden, was de herwerking van het ontwerp. Met wat we nu bijgeleerd hebben over mash-ups, hadden we beter een ander uitgangspunt kunnen nemen dan onbekende Vlaamse bands. Er was immers geen enkele API die goed overweg kon met zo'n onbekende data. 6. REFERE TIES [1] De applicatie: BandStart (Mash-up implementatie) [2] Poppunt [3] Storyboard Mash-up Groep 5 op Wiki _-_Sessie_7 [4] MusicBrainz [5] MusicBrainz API [6] Google API [7] Google API Reference ence.html [8] YouTube API (Google Code) [9] Javascript-implementatie voor het aanspreken van YouTube API r.html [10] Tijdsbesteding Groep 5 op Wiki teding_groep5 APPE DIX A. APPE DIX: TIJDSBESTEDI G De volledige en gedetailleerde tijdsbesteding voor groep 5 kan gevonden worden op de wiki-pagina van de groep (doorklikken via Tijdsbesteding [10]. De tijdsbesteding zoals hieronder in de tabel aangegeven geldt enkel voor het derde deel van de cursus, de mash-upimplementatie. Iedereen is elke sessie aanwezig geweest, de kleine verschillen die opduiken zijn te wijten aan het later aankomen of vroeger vertrekken. Grosso modo kan gesteld worden dat iedereen evenveel binnen de sessies heeft gewerkt. Thomas en Benjamin hebben zich in het begin bezig gehouden met het zoeken naar bronnen die info bevatten over onbekende bandjes. Benjamin heeft zich daarna bezig gehouden met het implementeren van de screen scraper en heeft een helpende hand geboden bij de YouTube- en Seeqpod-integratie. Thomas heeft ervoor gezorgd dat foto s van Flickr konden worden gehaald. Maarten en Wouter hadden als eerste taak het zoeken naar geschikte API s. Maarten stortte zich vol overgave op Google Maps en implementeerde dit dan ook met succes. Hij hielp later ook bij het Seeqpod-gedeelte. Wouter heeft de YouTube-API onder handen genomen en zich daarna bezig gehouden met het ontwerp en de lay-out van de website. Aan het verslag heeft iedereen zijn steentje bijgedragen, waarbij dat van Wouter het zwaarste woog. aam Binnen sessie Buiten sessie Maarten 14.5u 9u Thomas 13u 9.5u Benjamin 14.5u 10.5u Wouter 15u 11.5u

Bij problemen of vragen omtrent de login gegevens, kan er contact worden opgenomen met de webmaster bij Lannoo.

Bij problemen of vragen omtrent de login gegevens, kan er contact worden opgenomen met de webmaster bij Lannoo. Jean-Baptiste de Ghellincklaan 13, Bus 301 9051 Gent +32/497.52.61.20 www.misterduke.be Manual: Aanmaak Event/ Expo : Lannoocampus-Academie.nl 1. Inloggen CMS Via http://www.lannoocampus-academie.nl/beta/cms

Nadere informatie

Handleiding Website Laatste update: april 2014

Handleiding Website Laatste update: april 2014 Laatste update: april 2014 1. Google Search Tijdens de ontwikkeling van uw website werd er veel aandacht besteed aan optimalisatie voor zoekmachines zoals Google. Dit onder andere door de broncode technisch

Nadere informatie

Ontwerp en implementatie in Flex

Ontwerp en implementatie in Flex Ontwerp en implementatie in Flex Maarten Decat 1e Master Ingenieurswetenschappen: Computerwetenschappen Optie Gedistribueerde systemen maarten.decat@student.kuleuven.be Benjamin Slegers 1e Master Ingenieurswetenschappen:

Nadere informatie

Handleiding. HetSchoolvoorbeeld.nl. HetSchoolvoorbeeld 2.1. Websites voor het onderwijs. Websites Social media Mediawijsheid Grafisch ontwerp

Handleiding. HetSchoolvoorbeeld.nl. HetSchoolvoorbeeld 2.1. Websites voor het onderwijs. Websites Social media Mediawijsheid Grafisch ontwerp HetSchoolvoorbeeld.nl Websites voor het onderwijs Handleiding HetSchoolvoorbeeld 2.1 Websites Social media Mediawijsheid Grafisch ontwerp Handleiding HetSchoolvoorbeeld 2.1 Pagina 1 Inhoud 1 Opbouw van

Nadere informatie

ProjectHeatmap. Onderzoeksrapport v0.5 11-03-11 Dennis Wagenaar

ProjectHeatmap. Onderzoeksrapport v0.5 11-03-11 Dennis Wagenaar ProjectHeatmap Onderzoeksrapport v0.5 11-03-11 Dennis Wagenaar 1 Inhoudsopgave Inleiding...3 Gheat...4 Info...4 Voordelen...4 Nadelen...4 Google Fusion Tables...5 Info...5 Voordelen...5 Nadelen...5 OLHeatmap...6

Nadere informatie

Bijlage bij FeniksInformatiebrief nummer 1, jaargang 2, Thiememeulenhoff

Bijlage bij FeniksInformatiebrief nummer 1, jaargang 2, Thiememeulenhoff De terugkeer van de tijdbalk: interactief en multimediaal Hij is terug: de tijdbalk!weggezuiverd uit het thematische onderwijs tussen 1980 en 2000 en in ere hersteld door de canonieke leerstellingen van

Nadere informatie

Handleiding. CROW Kennisbank. Contentmanagement

Handleiding. CROW Kennisbank. Contentmanagement Handleiding CROW Kennisbank Contentmanagement Inhoudsopgave Inleiding... 2 Hoofdstuk 1 - Navigeren door de inhoudsopgaven... 3 1.1 Indeling inhoudsopgave wijzigen... 3 1.2 Selecteren van titels in de navigatie...

Nadere informatie

Google Drive: uw bestanden openen en ordenen

Google Drive: uw bestanden openen en ordenen Google Drive: uw bestanden openen en ordenen Gebruik Google Drive om vanaf elke gewenste locatie uw bestanden, mappen, Google-documenten, Google-spreadsheets en Google-presentaties op te slaan en te openen.

Nadere informatie

Handleiding Wordpress

Handleiding Wordpress Handleiding Wordpress Inhoudsopgave 1. Inloggen 2. Berichten en Pagina s 3. Afbeeldingen en video s 4. Weblinks 1. Inloggen 1.1 Inloggen bij Wordpress We starten met het inloggen op je WordPress gebaseerde

Nadere informatie

Handleiding. HetSchoolvoorbeeld.nl. Versie 2.2 - juni 2014. Websites voor het onderwijs. Meest recente uitgave: www. hetschoolvoorbeeld.

Handleiding. HetSchoolvoorbeeld.nl. Versie 2.2 - juni 2014. Websites voor het onderwijs. Meest recente uitgave: www. hetschoolvoorbeeld. HetSchoolvoorbeeld.nl Websites voor het onderwijs Handleiding Versie 2.2 - juni 2014 Meest recente uitgave: www. hetschoolvoorbeeld.nl/handleiding Handleiding HetSchoolvoorbeeld 2.2 Pagina 1 Inhoud Inhoud

Nadere informatie

V O O R W O O R D... 3 1 V O O R U Z I C H K U N T A A N M E L D E N B I J G O O G L E +... 4 2 D E E L N E M E N A A N G O O G L E +...

V O O R W O O R D... 3 1 V O O R U Z I C H K U N T A A N M E L D E N B I J G O O G L E +... 4 2 D E E L N E M E N A A N G O O G L E +... Handleiding Google+ Inhoud V O O R W O O R D... 3 1 V O O R U Z I C H K U N T A A N M E L D E N B I J G O O G L E +..... 4 2 D E E L N E M E N A A N G O O G L E +... 7 3 F O T O S B E K I J K E N... 14

Nadere informatie

HANDLEIDING DOIT BEHEER SYSTEEM

HANDLEIDING DOIT BEHEER SYSTEEM HANDLEIDING DOIT BEHEER SYSTEEM ALGEMENE INFORMATIE Het Doit beheer systeem is een modulair opgebouwd systeem waarin modules makkelijk kunnen worden toegevoegd of aangepast, niet iedere gebruiker zal dezelfde

Nadere informatie

Workshop 2. Inhoud. 1. Foto s verkleinen 2. Hoe media embedden? 3. Tips en Trics 4. Google Analytics

Workshop 2. Inhoud. 1. Foto s verkleinen 2. Hoe media embedden? 3. Tips en Trics 4. Google Analytics Workshop 2 Inhoud 1. Foto s verkleinen 2. Hoe media embedden? 3. Tips en Trics 4. Google Analytics 1. Foto s verkleinen Er zijn een aantal opties om foto s te verkleinen. Zo zit er in het besturingssysteem

Nadere informatie

STRABRECHT COLLEGE WORDPRESS WEBSITE

STRABRECHT COLLEGE WORDPRESS WEBSITE STRABRECHT COLLEGE WORDPRESS WEBSITE Na het bekijken van de aangeleverde.psd bestanden, blijkt er nog veel onduidelijkheden over de functionaliteit van de website. Met name wat de elementen zijn en de

Nadere informatie

3. MAAK JE KAART MET GOOGLE MAP

3. MAAK JE KAART MET GOOGLE MAP EEN MULTIMODAAL TOEGANGSPLAN OPSTELLEN MET BEHULP VAN GOOGLE MAP 1. INLEIDING Het opstellen van een multimodaal toegangsplan is één van de verplichte maatregelen van het bedrijfsvervoerplan. Veel bedrijven

Nadere informatie

www.westhoekverbeeldt.be

www.westhoekverbeeldt.be Navigatiebalk: Logo WESTHOEK verbeeldt - home: terugkeren naar de homepagina met een introductie op alle functies Contact / info / help: contactgegevens meer informatie over het project hulp bij veel gestelde

Nadere informatie

Algemene WordPress Handleiding uitleg basics Karin de Wit Design

Algemene WordPress Handleiding uitleg basics Karin de Wit Design Inhoudsopgave Inhoudsopgave... 2 Algemene informatie... 3 Introductie... 4 Inloggen bij WordPress... 5 Introductie in het dashboard... 6 Berichten en pagina's... 8 Bericht Categorieën... 8 Nieuw Bericht...

Nadere informatie

Analyse Programmeertalen

Analyse Programmeertalen Analyse Programmeertalen De keuze van een programmeertaal mag niet onderschat worden. Het is dankzij deze taal dat de gebruiker interactie heeft met het complete systeem. Het is dus vanzelfsprekend dat

Nadere informatie

www.invallersonline.nl

www.invallersonline.nl Speciaal ontwikkeld voor scholenverenigingen! Geen verouderde, onoverzichtelijke en tijdrovende papieren lijsten met invallers meer, maar alles digitaal en altijd up-to-date. www.invallersonline.nl Informatiebrochure

Nadere informatie

Technologieverkenning

Technologieverkenning Technologieverkenning Videocontent in the cloud door de koppeling van MediaMosa installaties Versie 1.0 14 oktober 2010 Auteur: Herman van Dompseler SURFnet/Kennisnet Innovatieprogramma Het SURFnet/ Kennisnet

Nadere informatie

Gebruikershandleiding websitebeheer m.b.v. Wordpress

Gebruikershandleiding websitebeheer m.b.v. Wordpress Gebruikershandleiding websitebeheer m.b.v. Wordpress Saft Websites Gebruikershandleiding Wordpress pag. 1 Inhoudsopgave Inhoudsopgave Inhoudsopgave Inleiding Inloggen in administratorgedeelte Informatie

Nadere informatie

C a s e S t u d y E l k o f i n C o n t a c t i n f o r m a t i e

C a s e S t u d y E l k o f i n C o n t a c t i n f o r m a t i e C a s e S t u d y E l k o f i n C o n t a c t i n f o r m a t i e Koen Piers Boudewijnlaan 1 Ondernemingsnr. 0808.450.557 0486/666.543 3590 Diepenbeek Rekeningnr. 979-5766597-49 koen@aurealis.be België

Nadere informatie

IMPACTS SITES BEZOOM V2.1 GEBRUIKSAANWIJZING

IMPACTS SITES BEZOOM V2.1 GEBRUIKSAANWIJZING INHOUD I. LOGIN IMPACTS SITES BEZOOM V2.1 GEBRUIKSAANWIJZING II. BEHEER UW WEBSITE 1. ONDERWERP A. Informatie B. Contactpersoon C. Links D. Footer E. Favicon 2. CMS A. Toevoegen (een pagina) B. SEO 3.

Nadere informatie

Bijlage bij Getting Started Guide International English Edition

Bijlage bij Getting Started Guide International English Edition Bijlage bij Getting Started Guide International English Edition Chapter 3: Aan de slag met Inspiration, een beginnersles Deze beginnersles is een goed startpunt voor het leren gebruiken van Inspiration.

Nadere informatie

www.historischekranten.be

www.historischekranten.be Navigatiebalk: Logo Historische Kranten home: terugkeren naar de homepagina met een introductie op alle functies Bladeren: een krant naar eigen keuze doorbladeren Zoeken: gericht op zoek gaan naar krantenartikelen

Nadere informatie

Modulehandleiding VivianCMS. Zoeken

Modulehandleiding VivianCMS. Zoeken Modulehandleiding VivianCMS Zoeken Versie: 1.0 Startdatum: 22-05-2006 Datum laatste wijziging: 19-06-2006 Opmerking: Gepubliceerd op http://www.viviancms.nl Inhoudsopgave 1. Inleiding...3 1.1. Algemene

Nadere informatie

WEBDOC V2 mini-handleiding voor eindgebruikers

WEBDOC V2 mini-handleiding voor eindgebruikers WEBDOC V2 mini-handleiding voor eindgebruikers Wat is webdoc... 2 De site... 3 Toegang tot Webdoc... 4 Aanmelden.... 4 Hoe te gebruiken... 5 Documenten raadplegen... 5 Documenten met betrekking tot volgende

Nadere informatie

v.1.11 Verenigingenweb handleiding Genkgo koppeling: Exact Online

v.1.11 Verenigingenweb handleiding Genkgo koppeling: Exact Online v.1.11 Verenigingenweb handleiding Genkgo koppeling: Exact Online Inhoud Welke koppelingen zijn er?...3 Koppeling A ) Synchronisatie profielen (relaties)...3 Koppeling B ) Koppeling van debiteurenkaarten...3

Nadere informatie

HANDLEIDING DMS. Handleiding DMS. Dit document is de handleiding voor het DMS (Document Management Systeem) op drie verschillende niveau s:

HANDLEIDING DMS. Handleiding DMS. Dit document is de handleiding voor het DMS (Document Management Systeem) op drie verschillende niveau s: HANDLEIDING DMS Dit document is de handleiding voor het DMS (Document Management Systeem) op drie verschillende niveau s: Gebruiker Coördinator Administrator end2end solutions pagina 1 Op het DMS van Ieper

Nadere informatie

JOBSITE Handleiding (19-01-2010)

JOBSITE Handleiding (19-01-2010) JOBSITE Handleiding (19-01-2010) 19/01/2010 2/22 Inhoudsopgave INHOUDSOPGAVE... 2 INLEIDING... 3 JOBSITE FUNCTIONALITEITEN... 4 JOBSITE: BEZOEKER ZONDER ACCOUNT... 5 HOMEPAGE... 5 BEZOEKERS ZONDER ACCOUNT

Nadere informatie

Looproute Microsoft OneNote 2010 versie 1.0. Looproute Microsoft OneNote 2010. Inleiding

Looproute Microsoft OneNote 2010 versie 1.0. Looproute Microsoft OneNote 2010. Inleiding 1 Looproute Microsoft OneNote 2010 Inleiding Dit document beschrijft de werking van het computerprogramma Microsoft OneNote (versie 2010) en is bedoeld voor docenten en leerlingen van het basis- en voortgezet

Nadere informatie

HANDLEIDING DMS Plugin Installatie, configuratie & werking

HANDLEIDING DMS Plugin Installatie, configuratie & werking HANDLEIDING DMS Plugin Installatie, configuratie & werking Dit document is de handleiding voor de installatie, configuratie en werking van de DMS Plugin. Versie 1-12/09/2005 Inhoudstafel 1 Installatie...

Nadere informatie

Om in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm:

Om in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm: CMS Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 7 Een link toevoegen... 8 Een afbeelding toevoegen... 10 Foto s plaatsen op de fotopagina... 12 Media...

Nadere informatie

Central Station. CS website

Central Station. CS website Central Station CS website Versie 1.0 18-05-2007 Inhoud Inleiding...3 1 De website...4 2 Het content management systeem...5 2.1 Inloggen in het CMS... 5 2.2 Boomstructuur... 5 2.3 Maptypen... 6 2.4 Aanmaken

Nadere informatie

JPTrain. JPTrainBeta versie 25 mei 2015. Android client voor GBtrainHost

JPTrain. JPTrainBeta versie 25 mei 2015. Android client voor GBtrainHost JPTrain JPTrainBeta versie 25 mei 2015 Android client voor GBtrainHost Inhoud 1. Benodigd voor JPTrain... 3 2. Installatie JPTrain... 3 2.1 Conversie van oude versie(s)... 3 3. Eerste kennismaking met

Nadere informatie

BRICONweb voor de club

BRICONweb voor de club BRICONweb voor de club Starten met BW! 3 Aanmelden! 4 Registreren! 4 Club verantwoordelijke! 5 Bestaande club! 5 Nieuwe club aanmaken! 5 Aanmaken wedstrijd! 6 Betekenis icoontjes! 7 Inkorven! 8 Aantallen

Nadere informatie

Release Notes CheQpoint 2.0. Versie 30. Efficiency through innovation

Release Notes CheQpoint 2.0. Versie 30. Efficiency through innovation Release Notes CheQpoint 2.0 Versie 30 Efficiency through innovation 1 (PIBU) #CON: Importeren van contracten 1.1 Doelstelling Het doel van deze tool is om de vorige contracten, uit een ander softwarepakket,

Nadere informatie

2. Hoe zoeken in deze databank?... 2. 2.1 Snelzoeken... 2. 2.2 Eenvoudig zoeken... 4. 2.3 Geavanceerd zoeken... 5. 2.4 Zoeken via zoekbomen...

2. Hoe zoeken in deze databank?... 2. 2.1 Snelzoeken... 2. 2.2 Eenvoudig zoeken... 4. 2.3 Geavanceerd zoeken... 5. 2.4 Zoeken via zoekbomen... Abraham Gids voor het gebruik van de databank Inhoudsopgave 1. Wat is Abraham?... 2 2. Hoe zoeken in deze databank?... 2 2.1 Snelzoeken... 2 2.2 Eenvoudig zoeken... 4 2.3 Geavanceerd zoeken... 5 2.4 Zoeken

Nadere informatie

Handleiding digitaal dossier

Handleiding digitaal dossier Handleiding digitaal dossier Handleiding digitaal dossier... 1 Omschrijving... 2 Login met persoonlijke account... 3 Geen persoonlijke account... 3 Automatisch omwisselen naar persoonlijke account... 4

Nadere informatie

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.

HTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. Terminologie HTML en CSS HTML: Hyper Markup language Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. CSS: Cascading StyleSheet stylesheet for

Nadere informatie

icafe Project Joeri Verdeyen Stefaan De Spiegeleer Ben Naim Tanfous

icafe Project Joeri Verdeyen Stefaan De Spiegeleer Ben Naim Tanfous icafe Project Joeri Verdeyen Stefaan De Spiegeleer Ben Naim Tanfous 2006-2007 Inhoudsopgave 1 2 1.1 Programmeertaal PHP5..................... 2 1.2 MySQL database......................... 3 1.3 Adobe Flash...........................

Nadere informatie

MULTIMEDIA 2008-2009 1/10. iphone toepassing. Groep 8 Blog http://mume09-desp.blogspot.com/

MULTIMEDIA 2008-2009 1/10. iphone toepassing. Groep 8 Blog http://mume09-desp.blogspot.com/ MULTIMEDIA 2008-2009 1/10 iphone toepassing Groep 8 Blog http://mume09-desp.blogspot.com/ Peter De Roovere, 1 e Master Ingenieurswetenschappen (CW) Emma Eyckmans, 3 e Bachelor Informatica Steven Vermeeren,

Nadere informatie

PHP-OPDRACHT SITE BOUWEN

PHP-OPDRACHT SITE BOUWEN PHP-OPDRACHT SITE BOUWEN PERIODE 4 LEERJAAR 1 Opleiding: Duur: Applicatieontwikkelaar 1 onderwijsperiode (4-8 weken) Voorkennis: Basiscursus PHP 5.4 Victor Peters (978 90 125 8499 9) Basiscursus XHTML,

Nadere informatie

Gebruikershandleiding websitebeheer m.b.v. Wordpress incl. Woo-Commerce

Gebruikershandleiding websitebeheer m.b.v. Wordpress incl. Woo-Commerce Gebruikershandleiding websitebeheer m.b.v. Wordpress incl. Woo-Commerce Saft Websites Gebruikershandleiding Wordpress icm Woocommerce pag. 1 Inhoudsopgave Inhoudsopgave Inhoudsopgave Inleiding Liever persoonlijke

Nadere informatie

I. Vorming 4-5 (3&10/05/2012)

I. Vorming 4-5 (3&10/05/2012) I. Vorming 4-5 (3&10/05/2012) 1. Windows Live Photo Gallery Om de foto s op onze computer te beheren, hebben we voor de vorming gekozen om met Windows Live Photo Gallery te werken. Photo Gallery biedt

Nadere informatie

TRAINERSSITE.NL VOETBALCLUB2000.NL HANDLEIDING

TRAINERSSITE.NL VOETBALCLUB2000.NL HANDLEIDING TRAINERSSITE.NL VOETBALCLUB2000.NL HANDLEIDING Website Opmaak Laatste update: 14 augustus 2013 Welkom Welkom bij de handleiding voor het opmaken van uw clubomgeving/website. Toegang tot de sites Voordat

Nadere informatie

Handleiding HBO GO V.2

Handleiding HBO GO V.2 Handleiding HBO GO V.2 Inhoudsopgave: Inhoudsopgave 2 Ophalen HBO GO Ipad applicatie in de App Store. 3 Ophalen HBO GO Android Tablet applicatie in de Google Play Store.. 4 HBO GO Registreren en Inloggen..

Nadere informatie

Screencast-O-Matic HANDLEIDING

Screencast-O-Matic HANDLEIDING Screencast-O-Matic HANDLEIDING Inhoud 1 Inleiding 3 2 Stap voor stap 3 3 Conclusie 9 4 Meer info 10 4.1 Hulp nodig? 10 4.2 Vragen en opmerkingen 10 4.3 Trefwoordenlijst 10 4.4 Lijst met afbeeldingen 10

Nadere informatie

Word 2013. Nieuw in. Danny Devriendt www.wwwsoft.be

Word 2013. Nieuw in. Danny Devriendt www.wwwsoft.be Word 2013 Nieuw in Danny Devriendt www.wwwsoft.be 1 Inhoud 1 Inhoud... 2 1 Office 365 en Office 2013?... 3 2 Gebruikersinterface... 3 2.1 Tabblad Ontwerpen... 4 2.2 Lint weergeven/verbergen... 4 2.3 Aanraakmodus...

Nadere informatie

Software Design Document

Software Design Document Software Design Document PEN: Paper Exchange Network Software Engineering groep 1 (se1-1415) Academiejaar 2014-2015 Jens Nevens - Sander Lenaerts - Nassim Versbraegen Jo De Neve - Jasper Bevernage Versie

Nadere informatie

Zicht - Content Management Systeem een algemene beschrijving

Zicht - Content Management Systeem een algemene beschrijving Zicht - Content Management Systeem een algemene beschrijving Versie april/2008 Zicht nieuwe media ontwerpers 2008 1 Inleiding Een Content Management Systeem (CMS) is een webapplicatie waarmee je zonder

Nadere informatie

Om met Symbaloo te werken, moet u zich aanmelden bij de website van Symbaloo. www.symbaloo.com

Om met Symbaloo te werken, moet u zich aanmelden bij de website van Symbaloo. www.symbaloo.com Heeft u dat nou ook? Je typt het adres van een internetpagina in en dan krijg u een foutmelding. Uhh? O ja, ik heb het adres verkeerd ingetypt. Vanaf nu hoeft dat niet meer gebeuren. We werken gewoon met

Nadere informatie

Handleiding NBB Basketball app

Handleiding NBB Basketball app Handleiding NBB Basketball app Versie 1.17 8 februari 2012 Introductie Deze handleiding beschrijft de functionaliteit van de NBB Basketball app voor android telefoons. Deze app is gratis te downloaden

Nadere informatie

Beschrijving functioneel en technisch design van de website

Beschrijving functioneel en technisch design van de website Bespreking Punten: Beschrijving functioneel en technisch design van de website Nr. Punt 1 Student 2 Bedrijf 3 Algemene lay out 4 Technologieën 5 Webruimte en datatrafiek 1. Student Registratie Bij de registratie

Nadere informatie

Handleiding competitie.nevobo.nl

Handleiding competitie.nevobo.nl De competitiewebsite, welke via http://competitie.nevobo.nl/ te bereiken is, wordt steeds belangrijker in de volleybalcompetities van de Nevobo. In dit document vindt u informatie over de werking van deze

Nadere informatie

Drupal. Handleiding voor medewerkers. Wim Hambrouck V1.1 (januari 2011)

Drupal. Handleiding voor medewerkers. Wim Hambrouck V1.1 (januari 2011) Drupal Handleiding voor medewerkers Wim Hambrouck V1.1 (januari 2011) * + INHOUDSTAFEL Inhoudstafel... 2 1. Inloggen... 3 2. Menu opties... 3 3. Inhoud aanmaken... 4 3.1 Algemene instellingen voor nieuwe

Nadere informatie

Shell Card Online e-invoicing Service Gebruikershandleiding. Versie 2.8

Shell Card Online e-invoicing Service Gebruikershandleiding. Versie 2.8 Gebruikershandleiding Versie 2.8 november 2012 Inhoud 1 Voor toegang tot Shell Card Online e-invoicing Service... 3 1.1 Inloggen in Shell Card Online... 3 1.2 Wat als u uw wachtwoord bent vergeten... 3

Nadere informatie

YouTube. Voor Utrechtse initiatieven die bekender willen worden

YouTube. Voor Utrechtse initiatieven die bekender willen worden YouTube Voor Utrechtse initiatieven die bekender willen worden Deze informatie is opgesteld door Team 2015 Utrecht om Utrechtse initiatieven te ondersteunen bij hun PR. We verwelkomen het gebruik van dit

Nadere informatie

Je website is het centrum van al je online activiteiten. Dat werkt allerlei kanten op.

Je website is het centrum van al je online activiteiten. Dat werkt allerlei kanten op. Kathleenferrier.nl: het KF centrum online Handleiding voor de Blog & Nieuwssectie Je website is het centrum van al je online activiteiten. Dat werkt allerlei kanten op. Het is de plek waarvandaan mensen

Nadere informatie

Inhoud van de website invoeren met de ContentPublisher

Inhoud van de website invoeren met de ContentPublisher Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.

Nadere informatie

Cursus Google Drive. Lieve D Helft. ICT in het basisonderwijs

Cursus Google Drive. Lieve D Helft. ICT in het basisonderwijs Cursus Google Drive Lieve D Helft ICT in het basisonderwijs Auteur: Lieve D Helft Titel: Cursus Google Drive April 2013 2013, Lieve D Helft Lieve.dhelft@telenet.be Alle rechten voorbehouden. Niets van

Nadere informatie

Hoofdstuk 18: Een presentatie maken

Hoofdstuk 18: Een presentatie maken Hoofdstuk 18: Een presentatie maken 18.0 Inleiding De focus van een PowerPoint presentatie valt meestal op één dia. Dit betekend dat een PowerPoint presentatie een goed middel is om concepten via punten

Nadere informatie

Groepsleden: Pieter Luts HTML 5 Arno Neyens 12/03/2015 Joachim Geerts

Groepsleden: Pieter Luts HTML 5 Arno Neyens 12/03/2015 Joachim Geerts Groepsleden: Pieter Luts HTML 5 Arno Neyens 12/03/2015 Joachim Geerts Vince Vandormael Project Bootstrap Project Bootstrap 1 AANDACHTSPUNTEN JUMBOTRON 1.1 WAT IS JUMBOTRON Een jumbotron fungeert als een

Nadere informatie

Een website omzetten naar WordPress

Een website omzetten naar WordPress 1 Een website omzetten naar WordPress Er zijn talloze programma s beschikbaar om websites te maken. In de titels Basisgids Websites maken met WordPress en Websites maken met WordPress voor senioren wordt

Nadere informatie

Websites aanpassen. Voor iedereen.

Websites aanpassen. Voor iedereen. Websites aanpassen. Voor iedereen. Teksten aanpassen en afbeeldingen toevoegen. Links naar andere pagina s of documenten. Pagina s toevoegen, kopiëren en verplaatsen. Ondersteuning voor meerdere talen.

Nadere informatie

WordPress Handleiding

WordPress Handleiding Algemene Informatie Disclaimer: Bij het samenstellen van dit boek is de grootst mogelijke zorg besteed aan de juistheid van de opgenomen informatie. Wij kunnen echter niet verantwoordelijk gesteld worden

Nadere informatie

Release nieuwe versie 1.9.3

Release nieuwe versie 1.9.3 Release nieuwe versie 1.9.3 November 2013 www.siteop.mobi www.siteop.mobi - Kingsfordweg 151-1043 GR Amsterdam Tel: 085 40 123 92 - support.siteop.mob Release Versie Item Versie Datum SiteOpMobi Platform

Nadere informatie

1click updatemodule. Hoe bereiken? U kunt uw CMS eenvoudig bereiken door vlak achter uw domeinnaam /cms te plaatsen. Bv. www.uwsite.be/cms.

1click updatemodule. Hoe bereiken? U kunt uw CMS eenvoudig bereiken door vlak achter uw domeinnaam /cms te plaatsen. Bv. www.uwsite.be/cms. 1click updatemodule Introductie 1Click Light is wat men in de termen van het vak noemt een CMS of Content Management System. Wanneer we dit letterlijk vertalen betekent dit Inhoud Beheer Systeem. Kort

Nadere informatie

Handleiding Videoplatform AmersfoortBreed. www.amersfoortbreedtv.nl

Handleiding Videoplatform AmersfoortBreed. www.amersfoortbreedtv.nl Handleiding Videoplatform AmersfoortBreed www.amersfoortbreedtv.nl Inhoud 1. Algemene instructie p. 2 Video bekijken 2. Zoeken op het videoplatform p. 3 3. Video delen p. 4 4. Reacties bekijken / plaatsen

Nadere informatie

Selenium IDE Webdriver. Introductie

Selenium IDE Webdriver. Introductie Selenium IDE Webdriver Het Wielsem 10, 5231 BW s- Hertogenbosch, telefoon 073-6409311 e- mail info@testwork.nl internet http://www.testwork.nl 1 Inhoudsopgave 1 Inhoudsopgave... 2 2 Selenium IDE... 3 3

Nadere informatie

Auteur: Niels Bons. Handleiding Koepeldatabase Zakelijk toerisme: aanmelden organisatie. 2014, Provincie Fryslân. Uitgegeven in eigen beheer

Auteur: Niels Bons. Handleiding Koepeldatabase Zakelijk toerisme: aanmelden organisatie. 2014, Provincie Fryslân. Uitgegeven in eigen beheer Auteur: Niels Bons Handleiding Koepeldatabase Zakelijk toerisme: aanmelden organisatie 2014, Provincie Fryslân Uitgegeven in eigen beheer (mail@infofryslan.nl) Alle rechten voorbehouden. Niets uit deze

Nadere informatie

Culture Shock -PIM. GROEP 7 ESRA ATESCELIK STUDENT NR: 1783262 JUNI 2009 Eak500@few.vu.nl. Esra Atescelik juni 2009 1

Culture Shock -PIM. GROEP 7 ESRA ATESCELIK STUDENT NR: 1783262 JUNI 2009 Eak500@few.vu.nl. Esra Atescelik juni 2009 1 GROEP 7 ESRA ATESCELIK STUDENT NR: 1783262 JUNI 2009 Eak500@few.vu.nl Esra Atescelik juni 2009 1 Inhoudsopgave 1. Concept Culture Shock.3 1.1 Definitief concept 4 1.2 Interactief gedeelte van de film..4

Nadere informatie

Dit is een handleiding voor: Weebly

Dit is een handleiding voor: Weebly Dit is een handleiding voor: Weebly Inhoudsopgave Aanmelden bij Weebly... 3 Webpagina s toevoegen... 6 Bouwen: elementen toevoegen... 8 Basis... 9 Structuur... 10 Media... 11 Meer..... 12 Site publiceren...13

Nadere informatie

Globale kennismaking

Globale kennismaking Globale kennismaking Kennismaking Tesla CMS 1. Dashboard 2. pagina beheer - pagina aanmaken - pagina aanpassen - pagina verwijderen - pagina seo opties - zichtbaarheid pagina 3. subpagina beheer - subpagina

Nadere informatie

Handleiding. Opslag Online voor Windows Phone 8. Versie augustus 2014

Handleiding. Opslag Online voor Windows Phone 8. Versie augustus 2014 Handleiding Opslag Online voor Windows Phone 8 Versie augustus 2014 Inhoudsopgave Hoofdstuk 1. Inleiding 3 Hoofdstuk 2. Installatie 4 2.1 Downloaden van KPN Opslag Online QR Code 4 2.2 Downloaden van KPN

Nadere informatie

GWL wiki manual Beginnen Maak een nieuwe pagina Bewerken

GWL wiki manual Beginnen Maak een nieuwe pagina Bewerken GWL wiki manual De GWL wiki is een onderdeel van de ZOHO online office suite. ZOHO biedt allerlei mogelijkheden voor on-line (samen)werken. Ook als je daar geen gebruik van maakt moet je een account aanmaken

Nadere informatie

Muziek downloaden MP3 WMA Liedjes of albums? Collectie Waar?

Muziek downloaden MP3 WMA Liedjes of albums? Collectie Waar? Muziek downloaden Muziek downloaden kan op verschillende manieren en bij verschillende diensten. Op deze pagina leggen we uit wat de mogelijkheden zijn. Formaten Verschillende download diensten bieden

Nadere informatie

SAN v3. Update document 2010. uitgebracht door OCEN

SAN v3. Update document 2010. uitgebracht door OCEN SAN v3 Update document 2010 uitgebracht door OCEN Inhoudsopgave. Inleiding...3 1 Navigatie...4 1.1 Navigatie: het menu...4 1.2 Navigatie: dashboard...4 1.3 Navigatie: kruimelpad...4 1.4 Navigatie: iconen

Nadere informatie

HTML. Media. Hans Roeyen V 3.0

HTML. Media. Hans Roeyen V 3.0 Media Hans Roeyen V 3.0 12 maart 2015 Inhoud 1. (Multi)Media op websites... 3 2. Flash en Websites... 4 3. Video op je website... 4 3.1. YouTube insluiten op de pagina... 4 3.2. Video zonder YouTube...

Nadere informatie

C a s e S t u d y Y i f e C o n t a c t i n f o r m a t i e

C a s e S t u d y Y i f e C o n t a c t i n f o r m a t i e C a s e S t u d y Y i f e C o n t a c t i n f o r m a t i e Koen Piers Boudewijnlaan 1 Ondernemingsnr. 0808.450.557 0486/666.543 3590 Diepenbeek Rekeningnr. 979-5766597-49 koen@aurealis.be België D o e

Nadere informatie

Handleiding Dance.nl CMS Systeem

Handleiding Dance.nl CMS Systeem Handleiding Dance.nl CMS Systeem 1 Voorwoord 3 Introductie 3 Aantal vooraf gestelde regels.3 Goed om te weten..3 Promotionele mogelijkheden.3 Vragen en/of opmerkingen..3 Registreren voor gebruik van het

Nadere informatie

Multimedia: modelleren en programmeren

Multimedia: modelleren en programmeren Multimedia: modelleren en programmeren Verslag: ontwerp en implementatie Groep 9 http://professorduvaliseengenie.wordpress.com/ Joris Baken, 3de fase Informatica Stijn Dejongh, 3de fase Informatica Pieter

Nadere informatie

Projectdocument Airport Suite. The Wright Company: Zehna van den Berg Steven Both Reinier Maas Adolfo Ochagavía Bas Ouwerkerk Thijs van der Zaan

Projectdocument Airport Suite. The Wright Company: Zehna van den Berg Steven Both Reinier Maas Adolfo Ochagavía Bas Ouwerkerk Thijs van der Zaan Projectdocument Airport Suite The Wright Company: Zehna van den Berg Steven Both Reinier Maas Adolfo Ochagavía Bas Ouwerkerk Thijs van der Zaan December 2013 Contents 1. Overzicht... 4 2. Planning... 5

Nadere informatie

Documentatie gereedschapbeheer android applicatie. GB Inspect. Handleiding Gereedschapbeheer android applicatie GB Inspect - 1

Documentatie gereedschapbeheer android applicatie. GB Inspect. Handleiding Gereedschapbeheer android applicatie GB Inspect - 1 GB Inspect Handleiding Gereedschapbeheer android applicatie GB Inspect Datum: 10 september 2014 Behorende bij app versie 1.1.5-1 1. Inleiding De Gereedschapbeheer.nl app is bedoeld voor het inspecteren

Nadere informatie

HANDLEIDING CONTENT MANAGEMENT SYSTEEM

HANDLEIDING CONTENT MANAGEMENT SYSTEEM HANDLEIDING CONTENT MANAGEMENT SYSTEEM Het CMS in het kort Middels het CMS zijn alle pagina s aanpasbaar, met uitzondering van het inschrijfformulier en sitemap. Een beheersysteem zorgt in de eerste plaats

Nadere informatie

De Kleine WordPress Handleiding

De Kleine WordPress Handleiding Introductie Dit is geen uitgebreide handleiding om een WordPress website of blog mee te bouwen. Het is ook geen overzicht van alle aspecten die een WordPress website zo bijzonder maken en geen verhandeling

Nadere informatie

Mach3Framework 5.0 / Website

Mach3Framework 5.0 / Website Mach3Framework 5.0 / Website Handleiding Mach3Builders Inhoudsopgave 1 Inloggen...5 1.1 Ingelogd blijven...6 1.2 Wachtwoord vergeten...7 2 Applicatie keuzescherm...8 2.1 De beheeromgeving openen...9 3

Nadere informatie

Inleiding... 3. Het e-mailadres... 3. Hoe werkt e-mail?... 3. Je emailadres registreren... 4. Aanmelden bij Outlook... 7. Schermonderdelen...

Inleiding... 3. Het e-mailadres... 3. Hoe werkt e-mail?... 3. Je emailadres registreren... 4. Aanmelden bij Outlook... 7. Schermonderdelen... E-MAIL INHOUD Inleiding... 3 Het e-mailadres... 3 Hoe werkt e-mail?... 3 Je emailadres registreren... 4 Aanmelden bij Outlook... 7 Schermonderdelen... 8 Mailen... 10 Een mail lezen... 10 Een mail versturen...

Nadere informatie

Handleiding: CIA - User Management

Handleiding: CIA - User Management Handleiding: CIA - User Management Onderwerp: Project: Ten behoeve van: Vanwege: Handleiding beheer gebruikers van CIA - Gerechtsdeurwaarders CIA Central Identification & Authentication server NKGB National

Nadere informatie

Google Drive. Wat is google drive. Wat heb je nodig en wat krijg je. Je aanmelden aan de cloud

Google Drive. Wat is google drive. Wat heb je nodig en wat krijg je. Je aanmelden aan de cloud Google Drive Wat is google drive Google drive is het cloud systeem van google. Je kan er documenten, beelden, films. op kwijt. Het is ook mogelijk om gebruik te maken van hun online applicaties zoals google

Nadere informatie

Google Drive: uw bestanden openen en organiseren

Google Drive: uw bestanden openen en organiseren Google Drive: uw bestanden openen en organiseren Met Google Drive kunt u bestanden, mappen en Google documenten opslaan en openen, waar u ook bent. Wanneer u een bestand op internet, uw computer of een

Nadere informatie

1. Proloog webtechno, rauwkost

1. Proloog webtechno, rauwkost 9 1. Proloog webtechno, rauwkost Voor men kan beginnen met het maken het aanpassen van een website is het nuttig om eerst eens een kijkje te nemen naar bestaande sites. Bij deze, mogelijk hernieuwde, kennismaking

Nadere informatie

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase

Grafisch ontwerp. Referenties. https://developers.google.com/webmasters/mobile-sites/ http://www.bluetrainmobile.com/mobile-showcase Mobiel Datanose Op dit moment is mobiel datanose niet goed gedaan; je krijgt gewoon de site te zien zoals je het te zien krijgt op pc's of laptops. Maar vaak heb je het probleem dat je op je mobiel moet

Nadere informatie

Werken met de bordboeken van die Keure. 2 De eerste stap: materiaal registreren op Knooppunt.

Werken met de bordboeken van die Keure. 2 De eerste stap: materiaal registreren op Knooppunt. Werken met de bordboeken van die Keure 1 Wat is een bordboek? Een bordboek is de digitale en interactieve versie van je handboek. Je kunt het bordboek gebruiken in combinatie met een digitaal schoolbord

Nadere informatie

Symbol for Windows Planner Versie 0.8

Symbol for Windows Planner Versie 0.8 Symbol for Windows Planner Versie 0.8 Inhoud Inleiding... 3 1. Weergaven... 4 2. RealTime modus (de agenda raadplegen)... 6 2.1. Wat is een modus... 6 2.2. Eenvoudigste weergave... 6 2.3. Uitgebreidere

Nadere informatie

OFFICE 365. Start Handleiding Medewerkers

OFFICE 365. Start Handleiding Medewerkers OFFICE 365 Start Handleiding Medewerkers Meer info: Naast deze handleiding is er zeer veel informatie reeds voorhanden op het internet of door op het vraagteken te klikken in de Office 365 omgeving. Ook

Nadere informatie

Workshop Centrale ELO naar Blackboard 9.1 31 maart 2011. 1. Introductie. 2. Inloggen

Workshop Centrale ELO naar Blackboard 9.1 31 maart 2011. 1. Introductie. 2. Inloggen Workshop Centrale ELO naar Blackboard 9.1 31 maart 2011 1. Introductie Momenteel gebruikt de Open Universiteit binnen Studienet versie 7.2 van Blackboard. Het project Upgrade Blackboard is onlangs gestart,

Nadere informatie