VERENIGINGSWIJZER.NL FINAL DOCUMENT

Vrije Universiteit Amsterdam Faculteit der Exacte Wetenschappen Project Multimedia Peter van Ulden Studentnr. 1494759 VERENIGINGSWIJZER.NL FINAL DOCUMENT

INHOUDSOPGAVE 1 Inleiding...3 2 Aanpak & Techniek...4 2.1 Aanpak... 4 2.2 Data gathering... 4 2.3 Software... 5 2.4 Wijzer logarithme... 5 2.5 Verenigingswijzer Admin... 6 3 Zelfreflectie...7 3.1 Tegenslagen... 7 3.2 Leerpunten... 7 3.3 Verbeterpunten... 7 4 Conclusie...8 4.1 Toekomst... 8 2

1 INLEIDING Dit document is mijn final document voor het vak Project Multimedia 2011 waarvoor ik de website VerenigingWijzer.nl heb gemaakt. De website staat inmiddels live en is bereikbaar via www.verenigingswijzer.nl. Dit document en overige documenten zijn te vinden op docs.verenigingswijzer.nl. De structuur van dit document ziet er als volgt uit. Eerst zal ik bespreken hoe ik te werk ben gegaan en welke technieken (programmeer talen, software, tools, etc.) ik hierbij heb gebruikt. Het volgende hoofdstuk, zelf reflectie, zal ik mijn persoonlijke ervaring rondom het project toelichten; Wat viel mee, wat viel tegen, wat heb ik geleerd, etc. Als laatste zal ik afsluiten met een conclusie waarin ik mijn ervaringen samenvat en ook mijn verwachtingen ten opzichte van de website zal toelichten. Er vanuit gaande dat de doelgroep van de website beschikt over moderne en up- to- date browsers is de website getest in Internet Explorer 9, Safari 5.0, FireFox 3.6 en Chrome 12. En dus niet in oudere versies van de betreffende browsers. 3

2 AANPAK & TECHNIEK Voordat ik ga uitleggen hoe ik het ontwikkelen van de website heb aangepakt en hoe ik te werk ben gegaan wil ik graag eerst even benadrukken dat ik iedere regel code zelf heb geschreven. Ik heb geen gebruik gemaakt van bestaande CMS systemen (vb. Joomla of WordPress), web development software (vb. Dreamweaver of iweb) of gratis standaard scripts.tot aan de laatste regel heb ik alles 100% zelf geprogrammeerd. 2.1 AANPAK Gedurende de uiteindelijke ontwikkeling van de website ben ik iets afgeweken van het oorspronkelijke project plan. Ik heb gebruik gemaakt van agile development methode. Agile ontwikkelen wil zeggen dat ik altijd een werkende versie van de website had draaien. Aan deze werkende versie van de website voegde ik stap voor stap nieuwe onderdelen toe, welke uitgebreid werden getest voordat ik aan de volgende fase begon. Voordeel van deze aanpak was dat ik erg flexibel was en gedurende het proces gemakkelijk mij kon aanpassen aan nieuwe ontdekkingen. Het ontwerpen van deze website was voor mij een uitdaging waarbij ik veel nieuwe dingen geleerd heb. Doormiddel van het gebruik van agile kon ik deze nieuwe ervaringen en technieken direct in de website verwerken. AFBEELDING 1. AGILE DEVELOPMENT MODEL 2.2 DATA GATHERING Voor de diverse data op de website heb ik drie verschillende data gathering methodes gebruikt. Interviewing, groep discussies en literatuur onderzoek, hiermee bedoel ik het Internet. Alle data met betrekking tot de verenigingen heb ik gevonden op verschillende websites, waaronder de websites van de verenigingen zelf en de website van de AkvV. Voor de data van de verenigingen met betrekking tot de verenigingswijzer heb ik ook nog diverse interviews en groep discussies gehouden. Helaas liet de beschikbare tijd het niet toe om met een lid van iedere studentenvereniging te praten. De verschillende interviews en groep discussies zijn gehouden met kennissen die actief zijn in het Amsterdamse studentenleven en lid zijn bij verschillende verenigingen. In een later stadium, gedurende de verdere ontwikkeling en verbetering van de website, hoop ik nog met leden van iedere studentenvereniging een interview te kunnen houden om de kwaliteit van de verenigingswijzer te verbeteren. Zoals eerder verteld was hier binnen dit project helaas niet genoeg tijd voor beschikbaar. 4

2.3 SOFTWARE Voor het grafisch ontwerp heb ik voornamelijk gebruik gemaakt van Adobe Photoshop en een beetje van Adobe Illustrator (het logo). Voor afgaande van het project waren mijn photoshop skills beperkt tot het knippen, plakken en formaat wijzigen van foto s, gedurende het project heb ik mijn photoshop skills redelijk uitgebreid met behulp van diverse online turorials en fora. Het programmeren heb ik gedaan met behulp van NetBeans. NetBeans is een succesvol Open Source- project van Sun Microsystems. Het is een ontwikkelingsomgeving voor programmeurs om programma s en/of websites te schrijven, compileren, debuggen of implementeren. Zie http://www.netbeans.org. Voor het beheren van de MySQL database gebruik ik phpmyadmin. PhpMyAdmin is een Open Source tool geschreven in PHP met als doel het eenvoudig beheren van MySQL databases. Gedurende het ontwikkelproces had ik op mijn imac een local server geinstalleerd, genaamd MAMP. MAMP is local server omgeving, voor de Mac, voor het lokaal testen van websites. Vanaf het moment van lancering staat Google Analytics geinstalleerd op de website om de gebruikers te volgens en inzicht te krijgen in de bezoekers aantallen. 2.4 WIJZER LOGARITHME Over het te gebruiken logarithme voor de wijzer heb ik lang na gedacht, dit kan natuurlijk op vele verschillende manieren. Na diverse oplossing bedacht te hebben, de voor en nadelen te hebben overwogen heb ik uiteindelijk gekozen voor relatief eenvoudig logarithme. Gebruikers dienen 21 stellingen te beantwoorden met eens, oneens of geen mening. Om de volgende redenen heb ik voor dit algorithme gekozen: Scholieren en studenten, gebruikers van de wijzer, zijn over het algemeen lui. Wat betekend dat de verenigingswijzer niet te uitgebreid moet zijn en gebruikers niet teveel opties ter beschikking moeten hebben. Eenvoud, duidelijkheid en herkenning, gebruikers begrijpen het systeem. Veel gebruikers zullen het herkennen van stemwijzer.nl waar ze op ongeveer dezelfde manier werken. Het algorithme blijft overzichtelijk en begrijpelijk voor mij, een amateur programmeur in opleiding met relatief weinig ervaring op dit gebied. 5

Hieronder een korte schematische omschrijving van het wijzer algorithme, het complete algorithme is terug te vinden in de bijgeleverde bron bestanden. foreach(vereniging){ foreach(stelling){ if(stelling relevant voor vereniging){ aantal_relevante_stellingen+1; if(gebruiker heeft mening){ if(antwoord gebruiker is gelijk aan antwoord vereniging){ score+1; else{ //Doe niets mening gebruiker komt niet overeen met vereniging. else{ score+1; //Gebruiker heeft geen mening, alles is goed. else{ //Doe niets, stelling niet relevant voor vereniging. match = (score / aantal_relevante_stellingen) * 100 //Eind score in procenten. 2.5 VERENIGINGSWIJZER ADMIN Lokaal heb ik een admin pagina gemaakt waarbij ik de verenigingsdata kan invullen om de wijzer aan te sturen. Ik zag geen noodzaak om deze pagina ook online te publiceren, dus uit veiligheids overwegingen heb ik deze pagina enkel lokaal staan. AFBEELDING 2. SCREENSHOT ADMIN PAGINA. 6

3 ZELFREFLECTIE 3.1 TEGENSLAGEN De grootste tegenslag waar ik tegen aanliep was de tijd die het kost om een complete website te maken. Dit had ik zwaar onderschat en alles koste veel meer tijd dan ik had ingeschat. Met name het grafische ontwerp was erg tijd rovend; ik heb diverse layouts geprobeerd en ook bij ieder nieuw onderdeel was het weer stoeien met het grafische ontwerp. Ik was me er ook al bewust van dat dit een zwak punt van mij is, ik ben grafisch niet erg sterk. Daarnaast was het bedenken van de correcte vragen voor de wijzer een erg lastige klus. Ik had verwacht dat ik dit wel even in een middag kon bedenken. Echter heeft dit uiteindelijke vele uren denkwerk van mijzelf en twee, verschillende, groeps discussies met studenten van diverse verenigingen uit Amsterdam gekost om het resultaat te krijgen wat er nu staat en eigenlijk ben ik nog steeds niet helemaal tevreden. De reden dat dit zo moeilijk is, is omdat veel vereniging feitelijk gezien erg op elkaar lijken en maakt vooral de sfeer die op de vereniging hangt het onderscheid. Probeer dit maar eens in een dergelijke wijzer te verwerken. Dit heeft tot gevolg dat bij het doen van de wijzer scores van verenigingen in sommige gevallen erg dicht bij elkaar kunnen liggen. 3.2 LEERPUNTEN Nog niet eerder had ik zo n complete (en omvangrijke) website helemaal zelf geprogrammeerd. Ik had wel eerder wat kleine websites gemaakt, joomla/wordpress website gemaakt en mensen geholpen bij hun website. Wat ik hiervan heb geleerd is dat het uiterst belangrijk is om zeer gestructureerd te werken en veel comments in de programmeer code te gebruiken om overzicht te houden in je werk. De opmaak van deze website is volledig opgemaakt met behulp van CSS, kortom de website is CSS gestuurd. Dit was voor mij nieuw, maar een uiterst leerzame ervaring en ik zie nu duidelijk de waarde van Cascading Style Sheets in. Daarnaast heb ik voor het eerst de theorie geleerd tijdens het vak, Databases I, in praktijk kunnen brengen bij het opzetten van een MySQL database. Dit ging relatief gemakkelijk en de kennis opgedaan tijdens dat vak was erg waardevol. 3.3 VERBETERPUNTEN Bij toekomstige projecten zal ik proberen meer object- geörienteerd te programmeren. Het voordeel en het nut van deze manier van programmeren was mij reeds bekend. Voor het eerste heb ik geprobeerd dit in de praktijk te brengen. Dit is enigszins gelukt, maar kan beter bij toekomstige projecten. Samenhangend met het vorige punt moet ik gestructureerder leren programmeren en meer gebruik maken van comments. Ik denk dat de broncode van de website niet op ieder punt even duidelijk en overzichtelijk is voor buitenstaanders. 7

4 CONCLUSIE Dit was niet de eerste website die ik had gemaakt. Wel is het mijn eerste website van deze omvang, waarbij de opmaak compleet CSS gestuurd is, die echt potentie heeft om bezoekers te trekken en waarbij ik geen gebruik heb gemaakt van een bestaand CMS zoals Joomla of WordPress. Het was voor mij een zeer leerzame ervaring om van scratch af aan een complete website te programmeren, het heeft mij doen realiseren hoeveel tijd er in gaat zitten om een complete website te programmeren. Op dit moment staat er, naar mijn mening, een mooie werkende website online. Echter realiseer ik mij dat deze website nog lang niet perfect is, eigenlijk is een website nooit af. Vooral de wijzer hoop ik de komende tijd nog te kunnen verbeteren. 4.1 TOEKOMST Met dit document en de huidige website hoop ik succesvol het vak Project Multimedia af te ronden, echter betekend dit niet het einde van VerenigingsWijzer.nl. Aangezien ik denk dat er serieus potentie zit in deze website wil ik gedurende deze zomer de website perfectioneren, enigzins via gratis/goedkope kanalen promoten en kijken wat de interesse is voor een dergelijke verenigingswijzer gedurende de introductieperiode 2011. Wanneer blijkt dat hier inderdaad interesse voor is denk ik erover na om hier gedurende de introductieperiode van 2012 een commerciele draai aan te geven en eventueel uit te breiden naar andere studenten steden. Ik ben vooral benieuwd naar de mening van de studentenverenigingen. Zullen zij het een interessant initiatief vinden en het promoten onder eerstejaars of zien zij liever hun vereniging niet terug in de verenigingswijzer? 8