ICT41. Blokart website DOCUMENTATIE. Gemaakt door. Thomas Anten & Sander van Gestel

Transcriptie

1 ICT41 Blokart website DOCUMENTATIE Gemaakt door Thomas Anten & Sander van Gestel

2 Week 1 - Opdrachten Opdracht 1 We hebben even rondgekeken naar verschillende CMS mogelijkheden, namelijk Joomla, Drupal en Wordpress. Al snel besloten we echter om verder te gaan met Wordpress, dit omdat we hier al ervaring mee hadden, en het meer dan genoeg mogelijkheden biedt voor wat we willen maken. Opdracht 2 We hebben een aantal gekke ideeën op papier gezet. 1. Statistieken over snelheid, afstand, windkracht, weersomstandigheden etc. 2. Afgelegd traject zichtbaar op kaart dmv GPS. 3. Races 4. Uitdagingen 5. Wall of Fame 6. Wall of PAIN 7. Tochten voorstellen dmv stem systeem 8. Stunter of blunder Opdracht 3 We hebben ervoor gekozen Wordpress te gebruiken. Thomas heeft het op zijn eigen site geïnstalleerd. Doormiddel van het admin account kunnen we allebei de site aanpassen. Opdracht 4 We hebben gekozen om de Wall of Pain aan de site toe te voegen. Ook gaan we het GPS idee verder uitwerken. Week 1 - Logboek We hebben als onderwerp gekozen voor Blokart. Bij deze sport is het de bedoeling om met karretjes met daarop zeilen over het strand te racen. De wind is hierbij de aandrijving. We hebben een aantal gekke ideeën gekozen (zie hierboven) en we hebben een CMS systeem geïnstalleerd.

3 Week 2 - Opdrachten Opdracht 1 We hebben even rondgekeken naar verschillende landing pages. Wat we vonden opvallen is dat er slim gebruik wordt gemaakt van kleuren en tekst. We gaan kijken hoe we deze technieken op onze eigen site kunnen gebruiken. Sander Ik koos deze twee landing pages omdat ik het mooi vond hoe er gebruik gemaakt werd van schaduw en licht effecten. Dit doe ik zelf ook regelmatig. Ook vond ik het gebruik van een gele submit knop ook slim. Er is meteen duidelijk wat de bedoeling is Thomas Wat deze landingpages bijzonder maakte voor mij was dat ze goed gebruik maken van de volgorde waarin de kijker de verschillende onderdelen ziet. Bij het onderste plaatje wordt de aandacht meteen op het grote OPEN bord gevestigd, en bij het bovenste plaatje wordt er een heel verhaal verteld naar mate je lager op de pagina komt. Opdracht 2 De doelgroep van onze website is mensen met een interesse voor Blokart. Dit zijn mensen met een leeftijd tussen de Opdracht 3 Wat we willen bereiken met onze landing page is dat de bezoeker heel even krijgt te zien wat er te doen is op de website. Hiervoor hebben we niet erg veel nodig, we zitten er aan te denken om gewoon een afbeelding te gebruiken. Het is de bedoeling dat de bezoeker het even ziet en daarna wegklikt.

4 Week 2 - Logboek Deze week hebben we - naast alle activiteiten hierboven- de mogelijkheden voor de lay-out bekeken. Hierbij hebben we onderstaande schetsen gebruikt. Onze voorkeur gaat vooralsnog uit naar de schets rechts onder in beeld. We vinden een grote afbeelding belangrijk en het leek ons ook het beste om het menu aan de ene kant te hebben, en de sidebar aan de andere kant.

5 Week 3 - Opdrachten Opdracht 1 We hebben ervoor gekozen om een plug-in te gaan gebruiken voor SEO, aangezien Wordpress zelf niet veel mogelijkheden heeft op dit gebied. Wij hebben voor een van de meest populaire gratis plugins gekozen, namelijk Yoast. Opdracht 2 We hebben gekozen voor de Yoast plugin, deze kreeg heel veel goede beoordelingen en leek ook precies te doen wat we wilden. De plugin configureerde automatisch onze Wordpress instellingen voor een optimale werking. Week 3 - Logboek Deze week hebben we een thema uitgezocht om te gaan gebruiken op de website. Het is de bedoeling dat we dit thema zelf gaan aanpassen zodat het aan al onze wensen voldoet. Wat ons het meest aansprak aan dit thema is de grote afbeelding die er meteen uitspringt zodra je de pagina bezoekt. Er zit een soort curve in de onderkant van de afbeelding, wat ons doet denken aan de zeilen waarmee blokarts worden voortgeduwd. De manier waarop het menu gepositioneerd is was niet zoals we het oorspronkelijk in gedachten hadden, maar we vinden het best mooi. Dit laten we dus zo. Een ander voordeel van het thema is dat het al responsive is. Dat scheelt ons een hoop werk. Ook hebben we al gewerkt aan een header afbeelding die goed bij ons thema past.

6 Week 4 - Logboek Deze week ging het niet zo goed. We kregen ietwat negatieve feedback van onze docent. Hij was niet zo tevreden met ons design en de voortgang van onze website in zijn geheel. Ook was onze weer plugin niet goed, hij liet slechts een plaatje zien. We zijn aan het overwegen om ons huidige thema te dumpen en met een compleet nieuw design te komen. Wat we ook doen; we hebben nog een hoop werk, en de tijd begint te dringen. Week 5 - Logboek Deze week hebben we erg veel gedaan. Het design van de site is compleet omgegooid. We hebben voor een wat ruwer design gekozen waarbij felle kleuren en scherpe hoeken een belangrijke rol spelen. Ook hebben we een systeem gemaakt waarbij de grote afbeelding steeds veranderd. Er zijn twee verschillende afbeeldingen: een algemene afbeelding met wat stukjes tekst, en een afbeelding voor onze wall of pain pagina. Deze wisselen elkaar om de 5 seconden af.

7 De site werkt erg goed bij het kleiner maken van het beeldscherm. Gebruikers en Plugins GPS lokalisering en route plugin Er is hier gekozen voor Breadcrumbs plugin, deze voldoet aan onze eisen en wensen. Het is mogelijk om via deze plugin een route uit te zetten of een bereden route op een gemakkelijke manier te plaatsen op de blokart website. Dit doormiddel van het plaatsen van een shortcode met het id van de op stand-alone applicatie geplaatste of geimporteerde route, die via benaderd kan worden. Photo contest plugin Er is hier gekozen voor Photocontest plugin, deze voldoet aan onze eisen en wensen. Via deze plugin is het mogelijk om gebruikers, die zich hebben geregistreerd, foto s te laten uploaden en automatisch (of via een fiat van een administrator) mee te doen aan een photo contest. Bezoekers op de blokart website kunnen de deelnemende foto s bekritiseren door middel van punten uit te delen. Aan een contest kan een bepaalde doorlooptijd gekoppeld worden, aan het einde van de doorlooptijd is de foto met de meeste punten de winnaar. Agenda plugin Er is hier gekozen voor Google Callendar events, deze voldoet aan onze eisen en wensen. Betreffende plugin importeert, via een open feed van een persoonlijke Google Agenda, afspraken.