Hey! Bezoek

Je bent in staat om de xhtml, de javascript en de stijlbladen te bouwen. Hey. Je bent een frontend coder: een fronteer. Maar ook de achterliggende database kun je zelf modelleren. En de serverside scripting code schrijven is geen probleem. Je bent bekend met de aspecten van het zoekmachinevriendelijk bouwen van websites. Qua interactie en visueel ontwerp ben je redelijk creatief en kom je aardig uit de verf.

Met andere woorden: je bent wat ze in de wandelgangen een allround webbouwer noemen.

De uitdaging:
Hoe zorg je er als allround webbouwer voor dat je jouw website met tips voor een uitje op een plekje hoog in de boom krijgt in een markt met een behoorlijke concurrentie?

• Met een webontwerp dat onderscheidend is van de rest van de markt. Waarom kiezen voor dezelfde saaie look-and-feel als de concurrentie.
• Met inhoud die kwalitatief beter is dan die van de concurrentie.
• Met meer inhoud dan de concurrentie. Kwantiteit is ook belangrijk.
• Met een website met een duidelijke en eenvoudig te bedienen interactie. De bezoeker raakt niet in de war.
• Met het bouwen van innovatieve functionaliteit die andere websites niet hebben. Gemakkelijker zoeken. Instellingen bewaren. Het maakt niet uit. Iets nieuws dat ook nog eens nuttig is. Wauw!
• Door interactie te gebruiken die innovatief is voor de markt en hiermee buzz veroorzaakt. De ogen van je collega's zijn gericht op je website.
• Op basis van een analyse van de markt en de concurrentie. En door vervolgens gebruik te maken van de kansen die dit biedt.
• Met meerdere lagen waarop informatie wordt aangeboden.
• Met een aantrekkelijke, fris ogende website waar mensen graag op terugkomen.
• Met een concurrerende positie in de organische zoekmachineresultaten. Core keywords. Long tail keywords.
• Hoeveel mensen komen er vanuit de zoekmachinesop jouw website?
• Door bezoekers een website te bieden die WEL werkt. Ze zoeken niet alleen. Ze vinden ook nog wat.
• Met de integratie van functionaliteit die andere websites niet kunnen bieden. Google Maps common point filtering bijvoorbeeld. Points of Interest. Zoeken via meerdere cloud tags.
• Met de integratie met functionaliteit die je ook vindt op andere websites, maar dan STUKKEN BETER. Meer content. Meer resultaten. Meer RELEVANTE resultaten.
• Door informatie op een onderscheidende manier te ordenen en te koppelen.
• Door te investeren in een Google Adwords campagne om je site onder de aandacht te brengen.
• Met het schrijven van webteksten die getuigen van inzicht in de doelgroep en die goed scoren in de SERPs zonder dat het lijkt alsof ze door een keyword-bot werden uitgespuugd.
• Met een website met een a-commercieel imago, waarin mensen vertrouwen hebben.
• Door het inbouwen van een sociale component in de website. Mensen dragen graag bij aan jouw website.
• Door de website laagdrempelig te houden. Navigeren behoort geen hogere wiskunde te zijn. Het vinden van de gewenste informatie is gemakkelijk.
• Met aansprekend beeldmateriaal op de website. De beelden dragen bij aan het image van de website als hoogwaardige bron van informatie. High res en een aanvulling op de core content.
• Met authentieke content en een eerlijk imago. Dat schept vertrouwen.
• Met een groot marketing budget. Je bereikt snel een grote groep mensen als je reclame kunt maken.
• Door de markt te analyseren en te herkennen waar de concurrentie steken laat vallen.
• Met het aanbieden van een overvloed aan informatie. Waarom bescheiden met de info op een pagina? Er past zoveel meer info op een beeldscherm! Als het niet handig is voor de gebruiker, dan komt het toch zeker van pas als de zoekmachines je pagina's indexeren.
• Met een bewust erg leeg gehouden scherm. Less can be more. Kijk maar naar Google.
• Door op het goede moment allerlei nuttige informatie te (kruis)koppelen. Dat is de kans om nuttige maar recht-toe-de-dijk-uit informatie om te vormen tot iets bijzonders.
• Door innovatieve techniek op de juiste plek en op de juiste manier in te zetten.
• Door tijdens het ontwerp een vinger aan de pols te houden bij een panel van gebruikers. Doe je nog steeds wat voor een gebruiker logisch is? Sla je niet door in je innovatie? Wat vind de gebruiker van je spannende toepassing? Is het handig? Of juist onduidelijk in zijn doel? En verwarrend?
• Door video te integreren in de website. Streaming video is een extra laag van informatie.
• Linkbuilding. Google interne pagerank leunt voor een (belangrijk) deel op inkomende links.
• Met een ontwerp waarin vorm, inhoud en actie strict gescheiden zijn. Een technisch goede website performt beter.
• Vooral met veel geduld. Want kwaliteit komt vanzelf bovendrijven. Daar kun je op wachten.
• Door vooral met veel liefde te bouwen. En uit te bouwen. Want content is king. En oh ja, wist je al dat kwaliteit vanzelf boven komt drijven?
• Door op de website ook een blog bij te houden. Dat biedt mogelijkheden voor tekstuele long tail optimalisatie
• Met een herkenbare website. Met een goed logo. Met een sterke payoff. Dat zijn elementen die blijven hangen.

Dat zijn de dingen die in mij opkwamen toen ik antwoord probeerde te geven op de vraag hoe je een plekje hoog in de boom bemachtigt. Sommige van de genoemde punten zijn serieus bedoeld. Andere juist ironisch en invers.

En als het niet lukt? Als jouw website een voorbeeld is van crash and burn? Da's een realiteit. Naast kans op succes is er natuurlijk the chance of failure. Dus ... Wat zijn eigenlijk de risico's? Nou, dat valt best wel mee. Behalve een hoop tijd en moeite valt er niet zoveel te verliezen. Als je niet te dwaas deed met Adwords tenminste :-)

We gaan het beleven. Op naar OHP 2.0!

Toen ik voor het eerst begon met het bouwen van websites dacht ik dat het een kwestie was van leren en proberen. Vallen en opstaan. Om tenslotte door schade en schande wijs te worden. En dan ben je ready to roll. Dan maak je een superwebsite!

Uhhh ... Niet dus. Wat een misvatting. Begrijp me niet verkeerd. Het is niet zozeer de techniek die lastig is. Want zoiets als het maken van een website is te leren. En zelfs het in elkaar zetten van een fatsoenlijke website is geen hogere wiskunde. Er zijn andere leeuwen en beren op de weg:

De daaaaaata
Het is bijvoorbeeld de data die een beperkende factor vormt. Als ik een gammele Google Maps toepassing voorbij zie komen met 50K aan Points of Interest, dan wordt mijn humeur verpest. Ondanks het feit dat de website in kwestie technisch RUK is. Man, ik ben stikjaloers op de organisaties die comfortabel leunen op een fat-ass database vol met nuttige informatie. Klaar om in het gezicht van de bezoeker geslingerd te worden.

Daar sta je dan met al je bagage als bevlogen maker van mashup websites, maar je vergat dat het ook wel handig is om content te hebben. Da's net zoiets als een sportwagen bouwen en dan tot de ontdekking komen dat er geen brandstof voorhanden is. Het oogt geil, maar je hebt er geen klote aan. Als ik de beschikking had over een ruime hoeveelheid data / super ongelood, dan zag mijn leven als webbouwer / racer er een heel stuk rooskleuriger uit.

Interactie
Nog zo'n gevaarlijk beest: interactie. Interactieontwerp is een vak apart. Bij het maken van een simpele website is de impact van het interactieontwerp nog wel te overzien. Maar als de site wat complexer wordt, loop je al snel het gevaar zaken over het hoofd te zien. Mijn Google Maps mashup speeltjes zijn daarvan een goed voorbeeld. Daar ben ik er al een paar keer in een (te) laat stadium achter gekomen dat ik een ongelukkige keuze maakte bij het ontwerp.

Vol van de adrenaline werd je wakker. Uit de allernatste droom over een prachtige website. Snel wat op papier zetten over hoe de boel moet werken. En daarna bouwen met die handel. Te snel! Want je was vergeten om het ontwerp van alle kanten bekijken. Want wat gebeurt er als de gebruiker op die link klikt? En wat als er geen resultaten gevonden worden? Is er trouwens een relatie tussen de gegevens op de kaart en die in de lijst? Wat is de invloed van een afwijkende schermresolutie op de interactie? Onthoudt de website bovendien waar ik was als ik schakel tussen lijst en kaart? Wat bedoel je met "niet aan gedacht"?

Damn! Of het met Eminem's Lose Yourself te zeggen: Snap back to reality, oh there goes gravity. Met andere woorden: uithuilen, de boel overwegen en overnieuw beginnen.

Mijn portfolio website is altijd een beetje een stiefkindje geweest. Latent aanwezig, zonder echt de aandacht te krijgen die het verdient.

Tijdens mijn vakantie attendeerde Kees me er per e-mail op dat ik best wat zorgvuldiger om mag gaan met mijn potentiële klanten. En gelijk heeft hij. Hey! Waarom leeuwen en beren zien waar er uitdagingen in het verschiet liggen? En ik kan dan wel geen acquisitie doen en niet actief verwijzen naar mijn online portfolio, het kan natuurlijk geen kwaad om een beetje een commercieel verantwoorde site achter de hand te hebben.

Dussss ... om een lang verhaal kort te maken, ik heb de daad bij het woord gevoegd en Quirky Stuff / Nullbeta Internet tekstueel onder handen genomen. Natuurlijk is een tweede revisie van de teksten meer dan wenselijk (schrijven en herschrijven die hap), maar de ergste tekstuele zonden tegen een wervend karakter van de site zijn uit de weg geruimd.

In één adem is trouwens ook de look-and-feel van de website aangepast: het uiterlijk van de site stond me toch al een tijdje tegen. Gelukkig bestond het implementeren van een nieuw jasje voor Quirky Stuff voor het grootste deel uit het aanpassen van het achterliggende stijlblad.

Met Op het programma heb ik een website draaien die zich begeeft in het strijdperk van de dagjes uit. De OHP website heb ik in eerste instantie opgezet omdat het thema van gelokaliseerde informatie (wat is er waar te doen) zich goed leent voor de toepassing van een Google Maps applicatie, een onderwerp dat zich mag verheugen in mijn warme belangstelling.

Op het programma is inmiddels een paar maanden in de lucht en gevuld met zo'n 250 tips voor een dagje uit. Tijd om de boel eens te evalueren. Qua bezoekersaantallen doet-ie op het moment nog weinig tot niks. In de organische zoekresultaten scoort de website matig op concurrerende zoektermen. Met bezoek uit long tail search gaat het redelijk. Moet ik geduld hebben met deze website? Is het een kwestie van de boel verder uitbouwen qua functionaliteit, verbeteringen aanbrengen en er ondertussen verse content blijven inpompen? Heeft deze website een kans van slagen? If you build it, will they come?

Even kijken hoe anderen het doen in de vrolijke wereld van de dagtrips, de gezellige uitjes voor het hele gezin en de recreatieve tips. Ai. Natuurlijk ben ik weer eens met mijn naieve kop een mijnenveld ingewandeld. Het is niet zo'n dog eat dog markt als die van verzekeringen, hypotheken of vastgoed, maar behoorlijk competitief is-ie wel. Veel "erop uit" websites in Nederland zijn onderdeel van een netwerk. Blijkbaar valt er wel wat te verdienen met het venten van dagjes weg.

En als er wat te verdienen valt, dan kom je vanzelfsprekend ook veel spam tegen. Aan spammy content is er dus geen gebrek op het gebied van de recreatie-websites. Een kort (en ongetwijfeld onvolledig) overzicht van de ** kuch ** concurrentie en de mate waarin deze wat te bieden hebben:

Uit de hoge hoed van recreatief.nl
weekendplanner.nl - heeft weinig eigen content. Veel ge-include inhoud van booking websites en verder affiliated content van recreatief.nl. De zoek-functie is simpelweg een Google Custom Search Engine (CSE). Die natuurlijk vrijwel uitsluitend resultaten ophoest van het eigen netwerk.

edufield.nl - Hey, weer dezelfde Google CSE.

eropuit.tv - een YouTube-achtig kloontje in een poging uitjes gerelateerde info via een alternatief kanaal te bieden. Zo te zien in korte tijd gevuld en daarna vergeten. Geen tot weinig verse content. Spam.

enjoy.nl - spammy. De site schreeuwt conversie. Zie de overdreven lange ** ik bedoel beschrijvende ** ankerteksten.

Het waardeloze payoff netwerk
wegmetdekids.nl / www.tips4kidsgids.nl / www.wegmethetgezin.nl - op zich niet al te spammy. Duidelijk wel uit op het oogsten van e-mailadressen en op conversie. De Trade Doubler affiliate links zijn in elk geval rijkelijk vertegenwoordigd. Lekker dubbelzinnige payoffs trouwens: weg met de kids en weg met het gezin.

Gezellig weg
gezelligweg.nl is zo te zien geen onderdeel van het netwerk van websites. Maar de website blinkt wel uit in het aanbieden van slechte content. En is nogal spammy. Want hoezo keyword stuffing? LoL!

U kunt bij gezellig weg informatie vinden over:
Friesland, toerisme, uitgaanstips, Leeuwarden, stappen, uitgaan, hotel, rondleiding,evenementen pasen, evenementen paasdagen, eerste paasdag evenementen, evenementen 23 maart, evenementen 24 maart, tweede paasdag evenementen, zeilen, jacht, cafe, hotel, theater, cultuur, kinderen, informatie, vakantie, bootverhuur, zeiljacht, overnachting, waddeneilanden, friese meren, theater, steden, jeugdherberg, eilanden, rondvaarten, vvv, weg, gezellig, evenementen, vervoer, motorjachtverhuur, kamperen bij de boer, restaurants, reservering, recreatie, sport, bungalowpark, camping, museum, restaurant, weekend, musea, watersport, verenigingen, verhuur, prijs, zeilsport, boot, dagje, leeuwarden, boeking, sneek, gebouwen, exposities, boot, manege, dorpen, weekendje weg, activiteiten, artiesten, winkelen, goochelaar, boeken, wadden, partyservice, voetbal, Friesland, hobby, vrije tijd, kerst, uit eten, bioscopen, buurthuis, kermis, dorpshuis, familiepark, sauna, betaald, taxi, braderie, heerenveen, markten, rommelmarkt, busverhuur, bingo, verhuur, hotelreserveringen, zwemmen, ballonvaart, toneel en nog veel meer.


Ik vroeg me hierboven af of ophetprogramma.nl überhaupt een kans op succes heeft. En eerlijk gezegd ... ik durf er geen vergif op in te nemen. Eigenlijk is dat verontrustend, want inhoudelijk en technisch zit het met mijn website wel snor. De bezoeker wordt in staat gesteld om snel en gemakkelijk relevante informatie voor een dagje uit te bemachtigen. Het Google Maps kaartje zorgt voor toegevoegde waarde en nuttige functionaliteit. Onder andere in de vorm van een (printbare) routebeschrijving. De site is snel, toegankelijk en zoekmachinevriendelijk gebouwd.

Maar is kwaliteit alleen voldoende om boven te komen drijven? Kan OHP een plek bovenin de boom bemachtigen zonder de hulp van een spammy netwerk of een marketingbudget?

Wonen. Leven. Groeien. Da's de payoff van het nieuwe Ymere na de fusie op 1 januari 2008. Het heeft even geduurd, maar een half jaar na de fusie hebben we ook een nieuwe corporate website.

Ymere wil symbool zijn staan voor wonen, leven en groeien. Maar de afgelopen weken associeerde ik Ymere voornamelijk met Ploeteren. Zweten. Zwoegen.

Oftewel:

• Op het laatste moment erachter komen dat belangrijke backend functionaliteit ontbreekt
• Een beheeromgeving voor de content die maar voor de helft werkt
• Personen die zich niet bezwaard voelen je nog wat extra werk in de maag te splitsen, ondanks de niet geringe werkdruk
• Nare bugs in de beheeromgeving voor het actuele aanbod van het vastgoed van Ymere
• Het vrijwel geheel ontbreken van een beheeromgeving voor Ymere In de Buurt projecten
• Op de valreep nog een scheepsvracht met inhoudelijke wijzigingen

Man, wat een enorme k%*#@*bende. Maar we hebben het gered. Tenminste, de website is live en ik ben ook nog min of meer alive.

De site doet het. Robuust is anders. Overlopen van flexibiliteit doet de code niet. En bij de onderhoudbaarheid plaats ik m'n vraagtekens. Met andere woorden: een behoorlijk deel van de ambities zijn helaas niet waargemaakt. Die van mij in elk geval niet. En dat geeft toch een wat katerig gevoel.

Maar een kniesoor die daarop let. Want hij doet het. Ymere.nl is dood. Lang leve Ymere.nl

Bovendien heb ik de afgelopen tijd ook nog wat opgestoken (behalve dan dat een webproject zich als een ongeleid projectiel kan gedragen en alle kanten op kan schieten). Vooral op het gebied van SQL Server (eigenlijk helemaal niet mijn ding) ben ik een stukje vaardiger geworden. In het maken van stored procedures bijvoorbeeld.

Op naar de volgende ** kuch ** uitdaging ...

Onlangs besteedde ik aandacht aan de mogelijkheid om in Google Maps een cirkel te tekenen en vervolgens te bepalen of ander coordinaat binnen het oppervlak van de getekende cirkel valt. Dat resulteerde in dit demootje van een client side common point filter.

In die post had ik het over een mogelijke praktische toepassing van een common point filter: het tonen van gerelateerde info / in de buurt informatie voor mijn website met gezinsuitjes.

Het saaie deel van deze klus, het verzamelen van hotelinformatie, kon ik gelukkig uitbesteden aan een ** kuch ** creatief scriptje. Ik wist de hand te leggen op een xml bestand met hotels in Nederland, inclusief geo-informatie. Met de hoteldata voorhanden werd het duidelijk dat een client side oplossing eigenlijk geen optie is. Het is niet echt handig om in één keer anderhalve MB aan xml-data in te laden. Is er een alternatief?

Zeker. De oplossing is eenvoudig. Met php is een server side common point filter¹ snel te realiseren. Bij het laden van de details van een uitje wordt een php-functie aangeroepen die de records in de tabel met hotelgegevens doorloopt en de afstand tussen de locatie van het uitje en het hotels in kwestie berekent². Is deze afstand in kilometers minder dan een vooraf vastgestelde afstand (in mijn geval 10 kilometer)? Dan wordt de hotelinformatie getoond bij het uitje in kwestie.



function afstandTotPunt($lat1,$lng1,$lat2,$lng2) {

$a1 = deg2rad($lat1); //lat 1 in radialen
$a2 = deg2rad($lat2); //lat 2 (het xcoordinaat van het uitje) in radialen
$b1 = deg2rad($lng1); //lng 1 in radialen
$b2 = deg2rad($lng2); //lng 2 (het ycoordinaat van het uitje) in radialen

$r = 6378.8; //de radius / straal van de aarde in kilometers

return round(acos(cos($a1)*cos($b1)*cos($a2)*cos($b2) + cos($a1)*sin($b1)*cos($a2)*sin($b2) + sin($a1)*sin($a2)) * $r);

}



Achtergrondinformatie over het berekenen van de afstand tussen twee punten vind je trouwens hier: What is the best way to calculate the great circle distance en op de Haversine formula pagina van Wikipedia.

¹ Code: Beginning Google Maps Applications with PHP and Ajax van Michael Purvis, Jeffrey Sambells en Cameron Turner
² De serverload voor het doorlopen van de records in de tabel met hotelgegevens is niet al te zwaar. Dus neem ik niet de moeite om er andere filters op te zetten.

Voor Scouting Emmeloord word ik verantwoordelijk voor de verhuur van het clubhuis. In 2007 werd begonnen met de bouw van een nieuw clubhuis - de Woudloper. Eind maart 2008 werd het gebouw officieel opgeleverd. In tegenstelling tot het oude clubhuis De Boshut krijgen groepen de mogelijkheid om de Woudloper te huren.

Om de verhuur van De Woudloper te ondersteunen wil ik een verhuursite optuigen. Momenteel staat er wel wat verhuurinfo op een subdomein van de Scouting Emmeloord website, maar deze pagina's behoeven verbetering. Na wat gestoei met mockups van de layout staat een eerste html-opzet inmiddels online.

Het resultaat: een kleine website met een fris uiterlijk. Met informatieve pagina's waarop een potentiéle huurder snel en eenvoudig kan lezen onder welke voorwaarden De Woudloper te huur is. En over welke voorzieningen het clubhuis beschikt.


Clubhuis de Woudloper is te huur op tijden dat er geen scouting opkomsten zijn. Ook voor een dagdeel of een avond is de Woudloper te huur. Scholen, jongerenorganisatie, jeugdverenigingen, selecties van sportbonden en natuurlijk collega-scoutinggroepen kunnen de Woudloper boeken. Voorwaarde om de Woudloper te huren is dat er door de huurders scoutingactiviteiten of daaraan gerelateerde activiteiten ondernomen worden.

De Woudloper beschikt over twee royale activiteitenruimtes, een grote keuken, een vergaderruimte, toiletten en wasgelegenheden. Bij de bouw van het clubhuis is rekening gehouden met minder valide bezoekers. De Woudloper is dan ook drempelvrij, de deuren zijn breed genoeg voor een rolstoel en ook de sanitaire voorzieningen zijn ingericht op het bezoek van mensen met een handicap.


Nog te doen:
1) het concept over de huidige verhuursite heen zetten of de pagina's op een eigen domein publiceren.
2) een agenda-functie integreren, zodat de huurder in spé in één oogopslag kan zien of De Woudloper nog beschikbaar is in de gewenste periode. Een embedded versie van Google Calendar gebruikt. Snel en simpel. Een blik op de mogelijkheden om de agenda via de Google Calendar API te benaderen komt wellicht op een later tijdstip.
3) De website voorzien van beeldmateriaal van het interieur / de belangrijkste ruimtes.
4) de teksten nog eens tegen het licht houden en eventueel aanscherpen.

Het concept van de Woudloper website check je hier.

Al jaren heb ik een abonnement op PCM — Personal Computer Magazine. Echt stuklezen zoals 10 jaar geleden doe ik de PCM niet meer, maar nog steeds vind ik het blad de moeite van het doorbladeren waard. In PCM nummer 5, mei 2008, worden de geo-producten van Google en Microsoft vergeleken. Als frequent knutselaar met de Google Maps API spreekt ook de aandacht voor mash-ups voor Maps en Virtual Earth in Sitewatch! me wel aan. Wat schetst mijn verbazing: zie ik daar het kaartje met uittips terug dat tot voor kort op leukvoorkids.nl te zien was, maar dat nu een vervolg heeft gekregen op een eigen website: ophetprogramma.nl.

Lekker met de kinderen erop uit, maar waar vindt u snel een kindvriendelijke bezigheid in Friesland, op de Veluwe of in Zuid-Limburg? Leukvoorkids.nl had natuurlijk een lijstje per provincie kunnen maken, maar gelukkig waren ze slim genoeg om de attracties op een kaart te zetten. U kunt aanvinken welke attracties u al dan niet wilt zien en naar welke provincies uw interesse uitgaat. Wij ontdekten een Indonesisch dierenpark in Kallenkote en hadden nog nooit van Chimpie Champ in Oosterhout gehoord, maar wat restaurants betreft mag Leukvoorkids.nl het aanbod nog wel wat gaan uitbreiden: willen kinderen echt alleen maar pannenkoeken eten?

Op de website van PCMWeb valt te lezen dat PCM in een oplage van zo'n 50.000 exemplaren verschijnt. Dan levert dat stukje tekst over m'n mashup met uitje wellicht een aardig stukje extra exposure op.

Ach, extra verkeer of niet, het is sowieso gewoon leuk om één van je websites in een toch wel gerenommeerd blad terug te zien. En mijn dochter Lynn is helemaal trots dat ze met d'r koppie in een blad staat. Ook al is het dan maar een half koppie ...

Vorige zomer maakte ik voor Leuk voor kids een Google Maps kaartje met gezinsuitjes. In beginsel om de Maps API wat beter te leren kennen. Want hoe leer je de ins en outs van een API beter kennen dan ermee aan de slag te gaan.

In het begin van 2008 vatte ik het plan op om het Leukvoorkids kaartje onder eigen domein verder uit te bouwen. En da's Op het Programma geworden. Wat is er anders (in vergelijking met de Leukvoorkids.nl Google Maps kaart)?

De kaart is vloeibaar van ontwerp. Afhankelijk van de beschikbare ruimte op het scherm claimt de kaart meer of minder ruimte.

In de vorige versie zat de mogelijkheid om de route naar een uitje te bekijken. Maar in deze versie is de output voorzien van een custom style, zodat de routebeschrijving niet meer zoveel lijkt op de spuuglelijke uitvoer die de Google Maps Directions API standaard op je scherm zet. Daarnaast heb je nu de mogelijkheid om de kaart te printen. Een print-stijlblad zorgt ervoor dat er een mooie uitdraai uit je printer rolt. En als je wilt kun je de route naar het uitje van je keuze ook snel even op de e-mail zetten.

Er zijn genoeg websites die een Google Maps kaartje hebben. Het probleem is alleen dat er vaak weinig meer gebeurt dan een paar markertjes die op een landkaart worden gezet. Da's niet zo spannend. Ik heb een poging gewaagd om met Op het Programma een stapje verder te gaan. Op deze website kun je zelf een markertje op de kaart zetten. En daarmee een uittip toevoegen aan de kaart. Sleur en pleur een prikkertje naar de gewenste locatie op de kaart, voer informatie in voor een paar verplichte velden en sla de boel op. You're done! Om te voorkomen dat de 1 of andere halve gare besluit een ** kuch **18+ uitje ofzo te promoten, worden ingezonden tips wel eerst in een for review queue gezet voordat ze op de website worden getoond.

Verder zijn er natuurlijk nog een aantal features die ik (op korte termijn) in de Op het Programma website ga inbouwen. Zoals:

• Bedrijven die een plekje op de kaart willen, krijgen de mogelijkheid om hun informatie via een uitgebreid formulier in te voegen.
• Een simpel beoordelingssysteem is een aardige toevoeging. Om een uitje te beoordelen lijkt het me raadzaam om een bezoeker zichzelf te laten registreren. Eén of andere vorm van registratie is dus ook nog nodig.
• Een zoekfunctie om snel te kunnen filteren op uitjes is geen overbodige luxe. Dat staat dus ook nog op m'n to-do lijstje
• Verbeteringen aan interactie en interface — de functionaliteit van de kaart moet glashelder zijn en intuitief om te bedienen

Op het Programma is nog lang niet af (er zijn nog een aantal vormgevingsdingetjes waar ik niet tevreden over ben), maar naar mijn mening toch al functioneel genoeg om gepresenteerd te worden.

Met andere woorden, het is:

• (1) hoog tijd om live te gaan;
• (2) de boel zoals gebruikelijk wat te pluggen via deze website;
• (3) en tot slot pijlsnel een 301 - moved permanently redirect te zetten op de Google Maps kaart-pagina's van leuk voor kids. Want op een duplicate content penalty zit niemand te wachten.

Zojuist online gezet: de nieuwe website van Jules Goossens Bliksembeveiliging BV.

De opdracht: de vorige website die bestond uit een kuch ** pre-historische ** frameset met voornamelijk Adobe GoLive slices omzetten naar echte xhtml. Met behoud van de look and feel van de website. En, voor zover mogelijk, met een één-op-één omzetting van de pagina's. Da's een arbeidsintensief klusje gebleken — maar zeker niet onmogelijk.

Het meest opmerkelijke feit: tijdens het ombouwen heb ik me meerdere keren afgevraagd hoe het in hemelsnaam mogelijk is dat een reclamebureau (lees: het bedrijf dat in het verleden verantwoordelijk was voor de website) zo ontzettend niet op de hoogte kan zijn van de verschillen tussen offline en online media. Om te denken dat de export van een afbeelding naar een html tabel met geslicete plaatjes door kan gaan voor een webpagina. Onbegrijpelijk.

Gisteren had ik het erover met Dennis, mijn web collega bij Ymere. Er lijkt zich de laatste tijd in webdesign-land een duidelijke trend af te tekenen. We waren het erover eens:

De mockup ontwerpen die we binnen krijgen ogen ruimtelijker dan een jaar geleden.
Er wordt veelvuldig gebruik gemaakt van whitespace.
En — ter compensatie van de toch wat witte pagina's? — is het kleurgebruik behoorlijk uitbundig. Met name het gebruik van vrij harde kleuren springt in het oog. Geen moeilijke mengkleur rood, maar gewoon kopteksten in compromisloos #f00.
De kleurencombinaties zijn vaak spannend. En lijken soms de grens van vloeken met kleur op te zoeken.
Verder lijkt het gebruik van gradient kleuren grotendeels verbannen.
Evenals schaduwranden.

Eerlijk gezegd spreekt het hierboven genoemde gebruik van kleur en witruimte mij wel aan. Het resultaat is fris, clean en recht voor zijn raap. En met verloopkleuren heb ik het eigenlijk wel even gehad!

Voor Op het Programma, een Google Maps project waar ik dit voorjaar aan begonnen ben heb ik alle vrijheid qua vormgeving. Een mooie gelegenheid om eens met deze minimalistische manier van vormgeving te stoeien.

Het resultaat? Check de eerste opzet van Op het Programma en vergelijk deze met de huidige versie.

Misschien vind je het helemaal niks. Maar voor mij is duidelijk welke richting het ontwerp van de Op het Programma website zal opgaan.

Soms zit het mee. Soms zit het tegen. Je zal het niet geloven, maar nu zit het even mee. Every dog has its day!

(1) v.v. Giessen website

Een e-mailtje van Japo — voorzitter van de voetbalvereniging Giessen: of ik toch wil overwegen om de website van de v.v. Giessen te gaan doen? Want Interran webdesign uhhh Braindead Retarded Webs R Us die ze ervoor hadden ingehuurd blijkt (zoals ik iedereen bij de VVG van tevoren had kunnen vertellen en de voornaamste reden dat ik behoorlijk f%@#cking nijdig was dat ik vorig jaar werd uitgerangeerd) niet te voldoen. Voor wie de vorige afleveringen van de v.v. Giessen website soap gemist heeft: lees eerst even Voetbalvereniging Giessen reboot, Giessen zuigt, nou ja de website dan!. Okay. Je bent weer helemaal bij.

Die jongen snapt er echt helemaal niets van en heeft totaal geen aanleg voor commercie en wat deze site voor impact kan hebben in de regio. Na paar keer een aanzet gemaakt te hebben voor een lay-out, presteerde hij het zelfs om jouw design te pakken en dat als voorstel neer te leggen. Ik heb hem toen maar goed uitgelegd dat het op deze manier geen zin had om verder te gaan. Jezelf voorstellen als een designer en dan vervolgens de boel jatten van een ander is natuurlijk niet hoe je dingen aan moet pakken.

Ga ik dit project daadwerkelijk weer oppakken? Hmmm. Daar denk ik nog even heel diep over na ... Hoewel. Eigenlijk vind ik het wel een uitdaging om een goeie website weg te zetten voor een amateurvoetbalclub. Vooral de mogelijkheid om via een slimme manier uitslagen en standen te integreren in de website is een aantrekkelijke wortel voor dit code-ezeltje :-)

(2) Leukvoorkids Google Maps mashup

In augustus 2007 stuurde Remco Kouwenhoven van Nederkaart me een e-mailtje dat hij aandacht had besteed aan het kaartje van uitjes op Leukvoorkids.nl. Die Google Maps mashup met dagjes uit was een speels experimentje en een vingeroefening met de Google Maps API. Mede ingezet omdat de volgende generatie van de Ymere website een Google Maps applicatie moet bevatten. Kijkend naar mijn referrals zag ik afgelopen week een aantal verwijzingen vanaf nederkaart.nl

Wat blijkt? Remco doet elk jaar een beste Google Maps mashup verkiezing. En het kaartje dat ik afgelopen zomer in mekaar heb geflanst is hierbij genomineerd. Samen met apps als Funda Next en In Europa. LoL! Vanzelfsprekend zijn die andere mashups een heeeel stuk beter.

Maar dat ik met een projectje van een paar uur hobby'en met de Google Maps API überhaupt vermeld wordt. Dat motiveert om voor 2008 echt mijn best te doen om iets moois te maken op geo mashup gebied!

Het einde van het jaar. Op veel websites het moment om de balans op te maken: de meest besproken trends van 2007, 10 toffe tools in het afgelopen jaar, alle belangrijke internetdingen van 2007 op een rij, etc. En tijd om vooruit te kijken naar het jaar dat aan de deur loopt te rammelen.

Het is niet zo moeilijk om te voorspellen hoe nullbeta.net, het slechts gelezen techblog van de noordelijke hemisphere, er in 2008 uit zal zien. Zoals aan de grafiek van de verschrikkelijke neerwaartse spiraal van het aantal posts zich volgend jaar te zien is, valt er hier in afnemende mate iets te beleven.

Het is hier dan wel een digitale echoput, de stekker eruit trekken zal ik zo snel niet doen. Ach, wat is er ook op tegen om nullbeta.net een semi-comateus leven te laten leiden. De handel lekker te laten vegeteren. En mijn aandacht te richten op andere zaken. Een nieuw blog bijvoorbeeld :-) Een blog dat in tegenstelling tot deze website - wel gefocust is, minder vanuit een ik-ik-ik perspectief geschreven is, wel enige diepgang heeft, vriendelijker / toegankelijker van toon is, webtechnisch beter is opgezet en hogere ogen gooit op het gebied van SEO.

Een nieuwe maand. Tijd om even de balans van de vorige op te maken. De statistieken van leukvoorkids.nl dus.

In het kader van feel good vergelijk ik de cijfers van afgelopen maand graag met die van een jaar geleden — zolang er een opgaande lijn in zit tenminste :-)

Hey, da's aardig om te zien. In vergelijking met november 2006 is het aantal bezoekers dat rechtstreeks op Leuk voor kids beland vrijwel niet gewijzigd: 14779 afgelopen maand tegenover 14164 in november 2006. Dat roept een vraag op ... als de groei niet in de directe bezoekers zit, waar komt dat extra verkeer dan wel vandaan?

Onder andere uit de organische zoekresultaten van Google. Die zijn bijna verdubbeld ten opzichte van een jaar geleden (62953 versus 33672).

En als referral is de kleurplaat.goedbegin.com startpagina kloon een opvallend goede leverancier van verkeer. En laatste had ik eigenlijk niet verwacht ...

Heel soms lukt het gewoon niet om een website op te leveren. Het vernieuwen van de website van de voetbalvereniging Giessen is zo'n gevalletje. Een project dat op het eerste gezicht heel leuk leek, maar gaandeweg een blok aan het spreekwoordelijke been werd. En voor meer dan een beetje frustratie zorgde. De stand van zaken. Geheel subjectief. Vanuit mijn standpunt dus ...

mei 2006
Ik word door Jaap, mijn maatje van vroegàh en voorzitter van de vv Giessen (het Brabantse durpke waar ik oorspronkelijk vandaan kom en vreemd genoeg een normale jeugd heb gehad), gevraagd om de website van de voetbalvereniging opnieuw te bouwen. De site die er tot dan online staat is een Flash ding dat in verval is geraakt en bovendien hopeloos verouderde informatie bevat.

Kewl. Da's een easy win. Ik ga ermee aan de gang en maak een eerste opzet voor de vernieuwde website. Een goed begin is het halve werk zou je zeggen. Maar niet in dit geval. Want er gebeurt de maanden erna .... helemaal niks.

oktober 2006
Maar eens gebeld met Jaap omdat ik met regelmaat denk aan de concept website die stof ligt te happen en waarmee verder helemaal niks gebeurt. Zonde. Content heb ik nodig om het achterliggende Content Management System voor het beheer van de clubleden in te richten. Dan komt er aan de voorkant tenminste ook wat zinnigs uitrollen bij de elftallen. En foto's zouden ook handig zijn. Gewoon, omdat het wat lekkerder werkt als je een echte elftalfoto kunt tonen bij de A1 en niet een dom dummy ding.

Ik krijg een paar Excel bestanden met data van clubleden. Een export van wat ze bij de KNVB hebben. Niet direct geschikt om te gebruiken voor de website, maar met de nodige vertaalslagen en de bijbehoredne moeite kunnen een genormaliseerde database met de achterliggende databasetabellen gevuld worden.

december 2006
Afgesproken met Jaap op 29 december. Hij komt langs. Zodat we samen koppen met spijkers kunnen slaan met betrekking tot de website. De spreekwoordelijke kar vlot kunnen trekken. Want het schiet allemaal voor geen meter op. Sinds oktober is er geen enkele progressie meer geboekt. Ik ben die dag ziek, maar tussen de aanvallen van misselijkheid door, worden toch de puntjes op de i gezet.

Oudjaarsavond. Voordat we allebei teveel bier op hebben laat ik Jaap zien hoe de vlag erbij hangt. Want de dag ervoor heb ik met alle macht aan de website gewerkt. Alle ontwerpdingen die we een paar dagen eerder besproken hebben zijn geïmplementeerd. We drinken er een pilsje op. Gelukkig 2007. En met de website van de vvg komt het vast wel goed. Nu is het alleen de content die aangeleverd moet worden. Dat zal toch zeker geen probleem zijn?

september 2007

Content. Die vervloekte inhoud!

Niks is er de afgelopen maanden gebeurd. Nada. Het is om gek van te worden! En mij hangt de website inmiddels als een molensteen om de nek. Ik heb er best vaak aan gedacht, aan dat ontwerp dat daar een beetje ligt weg te rotten. Volgens mij niet omdat het zo slecht is, maar omdat de inhoud gewoon niet aangeleverd wordt. Wat mankeert die lui? Zijn ze in Giessen dan zo godvergeten lam dat ze er niet in slagen om een foto van elk elftal te nemen en op te sturen? Is het echt teveel moeite voor de activiteiten-commissie om de clubactiviteiten voor het komende seizoen in een Excel sheetje te zetten en door te mailen? Of ligt het aan Jaap die de mensen niet voldoende achter hun spreekwoordelijke vodden aanzit? Hey, ik weet het niet meer ...

Op bezoek bij Jaap (zijn zoon is jarig) vertelt hij ... er is iemand anders die de site van de vvg gaat doen. Een professional. Iemand in de vereniging heeft hem naar voren geschoven. Omdat het allemaal niet opschiet. In ruil voor een reclamebord langs de lijn bouwt-ie de site. Of ik het erg vind? Ik ben blij. Het gewicht van de molensteen voel ik plotseling niet meer. Succes, professional!

oktober 2007
Een belletje van Jaap. *** alarm *** Als Jaap mij belt is het nooit alleen voor de gezelligheid. Mijn voorgevoel heeft het bij het recht eind. Al snel komt de aap uit de mouw. Of ik het leuk zou vinden om mijn bijdrage aan de website ter beschikking te stellen van de huidige bouwer? Zodat-ie dat als basis kan nemen? Leuk? Nou. Nee! Natuurlijk vind ik dat niet leuk! Duhh!! Hoewel ik blij ben verlost te zijn van het maken van de nieuwe site van voetbalvereniging Giessen ben ik niet van plan een ander mooi weer te laten spelen met mijn back- of frontend code. Laat hem maar lekker zijn eigen ding doen. Als hij dat tenminste kan! Want waarom zou ie anders mijn dingen nodig hebben?

november 2007
Natuurlijk hou ik de ontwikkelingen rond de nieuwe en verbeterde website van de voetbalvereniging Giessen nauwlettend in de gaten. Zeker sinds Japo me in oktober belde.

Op het moment dat ik dit opschrijf is er nog steeds niks bijzonders online. Dat had ik eigenlijk ook niet verwacht. De inhoud (je weet wel, het stuk van de website waar je afhankelijk wordt van anderen) is wat mij genekt heeft. Tenzij mijn opvolger zelf actief achter content aanjaagt zal ook hij zeker geen succes hebben.

Wat me mateloos irriteert is dat de zogenaamde professional helemaal geen professional is. Dat ik aan de kant geschoven ben door de een of andere prutskip. Hoe weet ik dat? Omdat er sinds half november een soort van website online staat.

Fantasieloos. En behoorlijk talentloos. Op het gebied van ontwerp, client-side codering in elk geval. Een halve gare die anno 2007 nog steeds denkt dat je een website met frames bouwt. Een no-know die zijn javascripts via een What You See Is Not What You Get editor genereert. Die blijkbaar zonder blikken of blozen een ontwerp online durft te zetten dat in 1999 al passé was. Wat een bende.

En de content? Daar is-ie nog niet eens aan toegekomen.

Een beetje boos
Is het dan gek dat je een beeeetje boos bent?

Gek of niet. Het bovenstaande verhaal is mijn manier om de frustraties die ik in het het afgelopen anderhalf jaar opgebouwd heb met de website van de voetbalvereniging Giessen een beetje van me af te schrijven. En natuurlijk wil ik door middel van bovenstaande tekst mijn gram halen. Door goed te ranken op een voor mij irrelevante term als voetbalvereniging Giessen, v.v. giessen, vv giessen, vvgiessen en vvg.

Hoor en wederhoor
Iets te melden vanuit Giessen? Hey, use the comments!

Bij Ymere doen we graag aan stadvernieuwing. Als gevolg daarvan stampen we nogal eens een website voor een nieuwbouwproject uit de grond. Want een opknapbeurt van de buurt moet natuurlijk wel vergezeld gaan van een stukje aanwezigheid op internet.

Traditiegetrouw is het bij live-gang tijd om de boel even te pluggen op nullbeta.net.

Dit keer is het de Wonen in Batik website die uit zijn kooi gelaten wordt. Wonen in Batik — oftwel Batikblokken —


De Batikblokken van Ymere. Wonen in een pand uit de jaren ‘20, op en top Amsterdamse School. Maar dan wel helemaal gerenoveerd en voorzien van alle gemakken van deze eeuw. Mooier kan het niet, zouden we bij Ymere willen zeggen.

De Batikblokken liggen aan de Kramatweg, Batvaiastraat en de Semerangstraat. En die liggen dan weer aan of direct om de hoek van het Flevopark. Een stille, mooie plek om te wonen, met weinig doorgaand verkeer. In de directe omgeving van de Batikblokken wordt de komende jaren nog veel opgeknapt en vernieuwd door Ymere en andere woningbouwcorporaties. Het wordt dus alleen maar mooier, met de tijd…

In de Batikblokken worden verschillende soorten appartementen gerealiseerd. In totaal gaat het om 72 koopappartementen vanaf ca. € 160.000,- tot ca. € 260.000,- kosten koper ( prijspeil 2007) Je kunt kiezen uit verschillende typen appartementen. Er zijn bijvoorbeeld grote (gezins) appartementen die zich uitstrekken over 2 verdiepingen (3de en 4e verdieping), met 3 kamers en een fors dakterras, totaal circa 84 m2. Maar ook kleinere appartementen/studio’s, met 1 slaapkamer en een zonnig balkon.

De appartementen in de Batikblokken gaan – als de renovatie voorspoedig blijft verlopen – in het zomer van 2008 in verkoop. De prijzen zullen variëren van ca. € 160.000,- tot ca. € 260.000,- Kosten Koper ( prijspeil 2007)


Wat valt er te zeggen over de Batikblokken website? Even kijken. Een mockup ontwerp door een derde partij (** Achtung: Flash alarm **). Best leuk bedacht. De Kuifje-achtige-stripverhaal stijl van de website bijvoorbeeld spreekt me erg aan. En ook het idee om de achtergrond elk jaargetijde te veranderen is goed.

De vreemde obsessie die sommige ontwerpbureau's met layouts van websites hebben is naar mijn mening een absolute handicap. Het feit dat het ontwerp uitgaat van één schermresolutie is mijns inziens een vreselijke misser. Bij 1024 x 768 pixels ziet het geheel er smakelijk uit. Bij een hogere resolutie staat het ontwerp tamelijk verloren op het scherm. Het alles moet op het scherm passen syndroom werpt ook beperkingen op bij het tonen van content. Een plattegrond is al snel te groot voor de div met vaste afmetingen waarin de inhoud van Wonen in Batik getoond wordt. Dat wordt scrollen (** ugly **) of een popup (** onhandig **).

Wat wel leuk is aan deze website is de redelijk nette manier waarop client side code ingezet is. Weinig tot geen rare javascript her en der in de html, maar een nette scheiding van vorm, inhoud en actie. Nou nog een keertje een hosting omgeving uitkiezen waarin we onze urls kunnen herschrijven (isapi_rewrite).

Oh ja, om dit plugverhaal af te ronden nog even wat over Wonen in Batik. Of je checkt natuurlijk even de projectwebsite van Ymere om de Indische Buurt in Amsterdam Oost te vernieuwen:


Er zijn gebouwen die er gewoon zijn en er zijn gebouwen die de stad maken tot wat-ie is. De Batikblokken behoren tot de laatste categorie. Deze klassieke appartementengebouwen uit de jaren ‘20 – de tijd van de klare lijn (Kuifje!) en de Citroën Traction Avant- zijn toonbeelden van de beroemde architectuurstijl De Amsterdamse School. Op dit moment worden ze door Ymere grondig opgeknapt en vernieuwd. Daarna worden de appartementen verkocht. Dat zal waarschijnlijk zomer 2008 gaan gebeuren.

Een appartement kopen in de vernieuwde Batikblokken is een voorrecht. Want je koopt eigenlijk (zo goed als) nieuwbouw. Maar de sfeer en het karakter van de Batikblokken zijn en blijven zeer authentiek jaren ‘20. Voornaam. Bijzonder. Je woont in een klassieker uit de tijd van de eerste Philips-radio’s, de charleston en het Tuschinsky Theater. Maar wel met het comfort anno nu.

Amsterdam Oost is hard op weg om – na De Pijp - de volgende hotspot van Amsterdam te worden. Dat is een logische ontwikkeling. Het centrum van de stad zit vol. Huizen worden daar steeds duurder. En dus trekken we met z’n allen naar de ‘volgende cirkel’ rondom het centrum, onder meer naar Oost. Dat is erg gunstig voor mensen die in Oost een woning hebben gekocht of dat nu/binnenkort gaan doen. Wat je nu (nog) voor een redelijke prijs kunt kopen, wordt de komende tijd naar alle waarschijnlijkheid (snel) meer waard. Oost zit erg in de lift. Er is (en wordt) veel vernieuwd en opgeknapt. Steeds meer mensen zien dat je er heerlijk kunt wonen, vlakbij de stad.

De Indische buurt is een buurt met een heel eigen geschiedenis. Hij werd in de jaen 20-30 in grote haast gebouwd om in de toenemende woningnood te voorzien. De naam Indische Buurt en de straatnamen werden ontleend aan ‘Onze Koloniën’ in ‘De Oost’. Er werd door de corporaties en de gemeente erg gelet op het uiterlijk van de woningen. De Amsterdamse school, een idealistische architectuurrichting, bouwde verschillende blokken in de Indische Buurt, waaronder de Batikblokken en de Berlageblokken (van grootmeester Berlage, onlangs ook erg mooi vernieuwbouwd door Ymere). Later bleek de haastige bouw van de Indische Buurt toch niet zo verstandig: er moest veel worden gesloopt en vernieuwd in latere jaren. Zo werd de Indische buurt een lappendeken van oud en nieuw.

In Amsterdam-Oost zit veel beweging. Er wordt door corporaties veel opgeknapt, gerenoveerd en vernieuwd. Maar ook op sociaal en cultureel gebied is het stadsdeel ‘booming’. De mix van oud en nieuw is aangenaam veelkleurig en prikkelend. Er zijn toko’s, kleine fietsenmakers, Mediterrane huishoudwinkels en monumentale gebouwen, maar je vindt er ook steeds meer kunstenaarscollectieven, galeries, musea, theaters en festivals. De twee grote parken – Flevopark en Oosterpark – zijn minstens zo mooi als het Vondelpark. Heel fijn, op een zonnige dag in de lente. Maar ook prachtig op een zompige, sombere herfstdag met twintig kleuren blaadjes aan de bomen.

De Batikblokken zijn prima te bereiken per fiets, auto, bus, tram en zelfs trein (Muiderpoortstation, van daaruit 5 minuten fietsen). Vanaf de Ringweg A10 (afslag Zeeburg/Artis) ben je met de auto binnen een paar minuten thuis. Parkeren is nog geen groot probleem, in Amsterdam-Oost (al is het wel overal betaald).

Ik vind het altijd wel weer spannend om een nieuwe lay voor 1 van m'n websites te maken. Want echt lang blijf ik meestal niet in de huidige layout hangen. Voor leukvoorkids.nl heb ik de voorbereidingen al getroffen voor de wintertijd. Even wachten tot de Sinterklaas voorbij is (misschien dat ik daar nog iets mee doe in de vorm van een aangepaste banner ofzo) en dan ruil ik snel de huidige herfstkleuren in voor een winterse look and feel.

Voor een mooie kleurencombinatie ga ik meestal op bezoek bij Kuler van Adobe. Even zoeken op een sleutelwoord (in dit geval winter) en je krijgt een aantal (geslaagde en minder geslaagde) kleuren combi's voor je giechel. Make your pick zou ik zeggen.

Vorig jaar had ik me uitgeleefd op een banner met sneeuwvlokken. Zou het niet tof zijn om het (de sneeuw bedoel ik) dit jaar met een flash animatie te doen. Na een half uurtje knoeien met movieclips met een sneeuwvlok die neerdwarrelen op basis van een motion guide layer daagt het me — dit wordt geen succes. Waarom zelf wanhopig slim proberen te zijn als iemand anders het in een tutorial al uitgebreid online heeft gezet. Zie hier Kirupa's Snow 3.0 tutorial om behoorlijk realistische sneeuw te genereren in Actionscript. Hmm. Sweet!

Heb ik dan helemaal niks zelf gedaan? Toch wel. Een beetje tenminste. Niks is zo akelig als het willen tonen van een Flash animatie op een systeem dat het eigenlijk niet ondersteunt. Aan een half werkende pagina heeft niemand iets. Dus nagedacht over een beleefde manier van integratie (eerst checken of de basis voor de techniek aanwezig is, dan pas aan de slag) heb ik in elk geval. Met andere woorden: gewoon een beproefde manier van object detectie inzetten (FlashObject) en de benodigde pagina elementen in javascript code bouwen. Dan kun je je nooit een buil vallen:


function flashSneeuw() {
var fb = new SWFObject("/img/swf/sneeuw-no-bg.swf", "sneeuw_lvk", "940", "385", "8", "#ffffff");
fb.addParam("quality", "high");
fb.addParam("wmode", "transparent");

var container_sneeuw = document.createElement("div");
var links_container_sneeuw = document.getElementById("container").offsetLeft;

container_sneeuw.id="container-sneeuw";
container_sneeuw.style.position = "absolute";
container_sneeuw.style.display = "block";
container_sneeuw.style.top = "40px";
container_sneeuw.style.left = links_container_sneeuw + "px";
container_sneeuw.style.width = "940px";
container_sneeuw.style.height = "350px";
document.getElementById("menu").appendChild(container_sneeuw);
fb.write("container-sneeuw");
}


En ja, je hebt helemaal gelijk. Het is een stuk netter om alle stijldingetjes die niet dynamisch zijn in het css-bestand op te nemen in plaats van in het javascript te zetten. Dat komt nog wel goed voordat de boel live gaat.

Bij gebrek aan echte bloginspiratie misbruik ik het begin van een verse maand maar even door de statistieken van mijn leukvoorkids website de wereld in te spammen. De datum van de laatste post staart me immers zo hatelijk aan! En die vervelende k*t-pagerank-moppersmurf begin ik onderhand ook een beetje zat te raken ...

Oktober 2007 was een goede maand voor leukvoorkids.nl. In vergelijking met de maand ervoor heeft de website respectievelijk 33 procent meer bezoekers en 34 procent meer pagina impressies te verwerken gekregen. Goede verdiensten voor wat betreft Adsense ook (op mijn eigen uitermate bescheiden niveau van acteren natuurlijk).

Dat er nog steeds onverwacht veel rek zit in het verkeer op LvK toont een vergelijking met oktober 2006 aan. Meer dan een verdubbeling van het aantal bezoekers. Ruim 130% meer page views. En dat (die rek) had ik een jaar of anderhalf geleden eigenlijk niet verwacht. In de zomer van 2006 vroeg ik me bijvoorbeeld af waarom mijn bezoekersaantallen plots leken op te drogen. En precies een jaar geleden schreef ik over het bereiken van het plafond op Lvk, qua bezoekers.

Ik heb er dan ook vertrouwen in dat Leuk voor Kids de potentie heeft om verder te groeien. Sinds een paar weken heb ik een blogachtig onderdeel toegevoegd op basis van de WordPress software. In de eerste plaats om eindelijk eens uitgebreid in het wild te stoeien met de mogelijkheden van een opensource CMS. Anderzijds om meer personen bij mijn website te kunnen betrekken zonder de achterkant helemaal zelf te hoeven coderen. Want ik ben nog net niet zo megalomaan om te denken dat ik een beter product kan neerzetten dan de gezamenlijke inspanningen van de honderden programmeurs.

In elk geval is zo ongeveer de hele familie Rochat inmiddels ingeschakeld om via de WordPress interface items aan leukvoorkids.nl toe te voegen. Ik verwacht dat het stukje weblog op redelijk korte termijn voor veel extra bezoekers gaat zorgen. Want het biedt zo zijn voordelen om de doelgroep te kunnen bedienen vanuit de doelgroep zelf. Met andere woorden, mijn dochters ZIJN zo'n beetje de doelgroep. En niet te vergeten: Google loves a good blog!

Ik wil even een hypothetisch geval voorleggen. Stel dat ...

Je besluit een website te gaan maken ...
Je snel wat content online wilt zetten ...
Je een script schrijft om content van de concurrentie te rippen ...
Je website de jaren daarna langzaam maar zeker groeit ...
Je website uitgroeit tot een heel aardige en bovendien goed bezochte website ...
Je jezelf inschaalt in de Nederlandse subtop van de betreffende nichemarkt ...

Hey. Een website is leuk. Maar op het internet content rippen is net een beetje als stelen en niemand houdt van dieven. Dus ...

Je betert je leven
Pikken van content doe je allang niet meer. Dat was eigenlijk alleen maar nodig om een kick-start te hebben. Want op een echo-put van een website zat natuurlijk niemand te wachten.

Door schade en schande heb je in het verleden ook wat stuff van je website moeten verwijderen. Da's logisch. Je weet immers best hoe copyright op het internet in mekaar steekt. En je bent er door (de (denkbeeldige) advocaten van) anderen meermaals aan herinnerd.

Okay. Zoals gezegd, het direct pikken van content doe je niet meer. Het materiaal van de grote jongens als uitgangspunt nemen en er vervolgens je eigen swung aan geven, daar heb je absoluut geen problemen mee. Van waarom zouden de grote vissen aandacht besteden aan de kleine visjes in de zee?

Het probleem
Gvd! De prijs van de roem. Met een redelijk populaire site online wordt je geconfronteerd met iemand anders die jouw content heeft geript. En blijft rippen. Wat doe je dan?????

Er zijn (alweer hypothetisch) drie mogelijkheden:
Je ontsteekt in blinde woede en schrijft een boze e-mail. Je dreigt met juridische stappen als de persoon in kwestie niet binnen een week de gewraakte content offline heeft genomen.

Je neemt contact op om een deal te sluiten. Want behalve jouw content heeft hij nog veel meer inhoud gepikt. Waarom zou je geen inhoud ruilen? Da's in elk geval een stuk makkelijker dan zelf wat verzinnen.

Je doet niks. Hoewel je hem in de gaten houdt, kies je ervoor om je eigen koers te varen. En verder niks.

Overschakelend naar de eerste persoon
Hey, als ik 1 van de bovenstaande mogelijkheden moest kiezen (moest, want natuurlijk is dit een hypothetisch geval :-)), dan zou ik gaan voor optie nummer drie. Waarom? Okay, mijn argumenten ...

Wat heb ik te janken als mijn inhoud misbruikt wordt, als ik in het verleden zelf content geript heb van anderen?

En wat zou ik een ongelooflijke hypocriete el-uu-el zijn als ik anderen zou aanvallen op het misbruiken van copyrights terwijl ik zelf geen problemen heb om copyrighted materiaal te plaatsen op mijn website?

Bovendien ben ik een heel stuk beter dan de persoon in kwestie. Beter in de zin van skills dan. Het verschil? Ik ben meer dan alleen maar een kopieerkatje. Om een paar dingen te noemen ... ik kan dingen maken, niet aleen na-apen. Ik ben creatief. Af en toe in staat om nieuwe dingen te verzinnen. Of een verse twist te geven aan zaken die ik tegenkom. En als ik me kwaad maak kan ik een opwindend scriptje schrijven. Desgewenst in meer dan 1 lingootje. En grafisch kan ik ook nog wel een stukje meelullen met de mensen die zich "professional" noemen.

Kortom, waarom zou ik me al te druk maken om iemand die dingen kopieert? Ik hou liever de eer aan mezelf en ga uit van mijn eigen kracht. Maar da's puur hypothetisch. Het heeft verder niks te maken met het echte leven ... of niet dan Paul ... ?

Ik draai een behoorlijk aantal websites, maar eigenlijk is leukvoorkids.nl de enige site met een behoorlijk bezoekersvolume. De verwachting dat september een goede maand zou worden was al eerder gewekt. Maar nu de Google Analytics statistieken op het scherm gezet kunnen worden blijkt pas echt hoe goed de resultaten van september 2007 zijn.



De geboekte vooruitgang wordt trouwens mooi zichtbaar door een vergelijking met september 2006 te maken.

Damn! 120 procent groei in (zowel bezoekers als pagina impressies) liegt er niet om. De enige factor die wat verslechterd is, is de bounce ratio. Maar zolang het percentage bezoekers dat onmiddellijk weggaat zonder verder op de site rond te kijken onder de 40 % blijft vind ik dat meer dan acceptabel voor een website als LvK.

De beslissing om wat content over de populaire Studio 100 serie Mega Mindy ** Let op: Flash website-alarm ** op de site te zetten was een goede keuze. Over Mega Mindy is op het internet (behalve op de officiële website over deze Belgische superheldin) vrijwel geen kleurplaatmateriaal te vinden. Dan loont het de moeite om zelf iets in elkaar te flansen. In de vorm van een paar kleurplaten en een wallpaper. Mega Mindy content was in september 2007 in elk geval goed voor 10K pageviews. Waarmee mijn vorige hardloper — Winx Club — bijna van de troon wordt gestoten.

Het is absoluut de moeite waard om je een beeld te vormen van actuele en populaire thema's zoals films. De animatiefilm Ratatouille is hiervan een sprekend voorbeeld. Door een leuke Ratatouille wallpaper en wat kleurplaten online te zetten scoorde Leukvoorkids goed in de (Google) zoekresultaten bij queries naar Ratatouille kleurplaten. Daarmee zorgend voor aardig wat bezoekers.

De opzet voor een website maak je (soms) op basis van een Photoshop mockup. Als we een projectmatige website bouwen voor Ymere worden zaken als de verkoopbrochure, de artists impressions van de woningen en het verkoopbord door één of meerdere ontwerpbureau's gerealiseerd. De opdracht voor het realiseren van een projectsite houden we graag in huis :-) . Meestal draait het er op uit dat het ontwerpbureau een .psd bestand met een mockup layout over de muur gooit waarmee we aan de slag gaan voor de website.

Zelf werk ik graag op basis van een mockup. Dan hoef ik me niet al te druk te maken over wat de klant (lees: de verkoopmanager die verantwoordelijk is voor het project) mooi vindt. De strijd over de fonts, de kleurstelling en de schermindeling is dan al uitgevochten. Ik kan me lekker concentreren op de vertaalslag van plaatje naar (x)html, stijlbladen en javascript — frontend ontwikkelen.

Maar het is niet alles goud wat er blinkt. In de praktijk levert het bouwen van een website op basis van een mockup ook de nodige problemen op. Zoals het ontwerpje voor de Batikblokken waar ik me op het moment mee bezig hou. Als de mockup onvolledig is in het tonen van de manier waarop de website moet gaan reageren is dat nogal lastig. Dan is het nodig om terug te gaan naar de ontwerper en hem / haar te vragen wat de website moet doen in een bepaalde situatie. Of te gissen naar de bedoeling van de ontwerper — niet zo'n goed idee. In het geval van de Batikblokken:

Wat doet die link?
Op basis van het Photoshop mockup bestand is niet bij alle links duidelijk hoe ze zich moeten gedragen bij mouseover events en in actieve status.

Van de hoofdnavigatie is alleen duidelijk hoe het menuitem de buurt eruit ziet als erop geklikt is. Het is niet beschreven hoe de andere onderdelen in het menu eruit zien als ze actief zijn. Wordt de wolk dan groter om de tekst van het menuitem te omvatten? Hoe gedraagt de stippellijn onder de tekst zich? Is het geschetste beeld ook de situatie zoals die bij het mouseover event optreedt? (zie (1))

Op de pagina die verschijnt als je op Welkom klikt zie je een ander kader dan op de rest van de pagina's. De navigatie gedraagt zich hetzelfde (er zijn in het PSD bestand geen aanwijzingen te vinden dat het menu anders is). Het gevolg is een vrij klungelig navigatie-effect. Waar het wolkje bij de pagina's met het grote contentvlak hier keurig overheen valt en een speelt effect geeft, hangt het wolkje op de Welkom pagina in het luchtledige te bungelen. (zie (2))

online != offline
Bij ontwerpstudio's heerst nogal eens een hardnekkige het ontwerpen een website layout is hetzelfde als het maken van een folder griep. Met andere woorden, men is van mening dat online media (zoals een website) op dezelfde manier als zoals offline media (een brochure bijvoorbeeld) kunnen worden gemaakt. Wanhopige pogingen om controle over de layout van de webpagina te behouden is het resultaat. Ter illustratie, het Batikblokkenontwerp is bedacht voor een schermresolutie van 1024 bij 768 pixels. Bij deze scherminstellingen komt het geheel prima uit de verf. Bij hogere resoluties is het ontwerp een stuk minder aantrekkelijk. De hoofdmoot van de inhoud komt in een vlak met vaste afmetingen. Alles moet in één keer op het scherm. Het mag niet groeien. Een stijl met overflow:auto moet zorgen voor een scrollbalk als de inhoud niet in het betreffende vlak past. (zie (3)) Persoonlijk ben ik het hier helemaal niet mee eens — online != offline.

Afijn, haast heeft de Wonen in Batik website niet. Lees: er is tijd genoeg om terug te gaan naar de ontwerper en te vragen om een hiaten in de mockup in te vullen.

Een redelijk drukbezochte website hebben is leuk. Het bezitten van meerdere goedbezochte websites is beter. Gestaag doorwerken aan uitbreiding van dat ** kuch ** online imperium is dan ook het devies.

De eerste stap in mijn streven om een wallpaper, avatar en emotions website voor mijn meiden op te zetten is gezet met het online brengen van Sploeng.

Sploeng oogt wel wat steriel en misschien veel te strak. Vandaar dat ik een beginnetje heb gemaakt met een achterliggend gedeelte: de persoonlijke pagina('s) van mijn oudste dochter Lynn. Dat wordt heel wat speelser. Qua layout, maar zeker ook voor wat betreft inhoud.

Over dat laatste - de content - denk ik momenteel overigens nog diep na. Ideetjes zat, maar de boel rustig laten bezinken is niet onverstandig. Vooralsnog is het dus lorem ipsum wat de klok slaat. Een eerste vertaling van een Adobe Photoshop / Macromedia Adobe Fireworks mockup naar (x)html ontwerpje is al wel gemaakt.

In augustus besteedde Remco Kouwenhoven van Nederkaart op zijn website aandacht aan de leukvoorkids mashup. En gaf me meteen een paar tips voor verbeteringen. Samen met suggesties die ik van anderen ontving was er voldoende stof tot nadenken. Is er een beter moment om te brainstormen over verbeteringen en doorontwikkeling van mijn ** kuch ** dagje uit met het hele gezin webapplicatie dan tijdens een relaxte vakantie???

Nieuwe versie
Met de zomervakantie achter me heb ik tijd gevonden om een volgende versie van de Leuk voor kids uittips Google mashup online te zetten. Hierin heb ik onder andere de mogelijkheid tot aan- of uitzetten van categorieën voor uitjes meegenomen. En ook de koppeling met de routeplanner van de ANWB vervangen door die van Google. Om een routebeschrijving tussen twee punten te genereren en deze route als een polygoon overlay op de kaart te zetten biedt de Google Maps API het GDirections object aan. En ik moet zeggen dat het vrij eenvoudig was om de basisfunctionaliteit van het GDirections object te integreren in de leukvoorkids mashup.

Als je denkt dat mijn to do lijstje nu even leeg is heb je het mis. Er zijn nog meer dan voldoende punten die ik in de (nabije) toekomst wil verwerken in de kaart met uitjes voor kinderen. Te denken valt aan:

Snellere code
De performance van de javascriptcode is niet over naar huis te schrijven. Met name Internet Explorer slaagt er nauwelijks in om vlotjes te reageren op interactie met de gebruiker. De response van de pagina op het aan- of uitzetten van vinkjes komt vrij stroperig over. Momenteel wordt de informatie van alle uitjes ingeladen. Waarna scriptcode aan de browserkant de rest van het werk doet. Ik zal moeten uitzoeken of de javascript code om de markertjes op de kaart te tonen (of juist te verbergen) efficienter kan worden geschreven. Of dat er gewoon teveel objecten op het scherm staan en ik moet besluiten om data met asynchrone requests bij de webserver op te halen.

Tailored info window
Een customized infoWindow is een wens die al een tijdje op mijn agenda staat. Tot nu toe heb ik voorrang gegeven aan het inbouwen van functionaliteit. Maar onderhand wordt de behoefte om mezelf te onderscheiden met een hip info Window met een geheel eigen vormgeving onbedwingbaar. Tijd voor wat eye candy dus!

Finetuning interactie
Hoe meer je webpagina op een webapplicatie gaat lijken, hoe meer de interactiviteit met de gebruiker van belang wordt. Is de manier waarop de pagina reageert intuïtief voor de gebruiker? Zijn er geen doodlopende steegjes waarin de bezoeker kan belanden. Is de webapplicatie ingesteld op alle mogelijke invoer of actie van degene die er doorheen klikt? Zonder in details te treden, hier is mijns inziens ruimte voor verbetering.

Uitbreiding van functionaliteit
Voor wat betreft functionaliteit kan ik ook nog wel wat uitbreidingen bedenken. In elk geval is de mogelijkheid om een Google Maps routebeschrijving te printen een belangrijke feature.

Onderstaande e-mail mocht ik vanmorgen in mijn mailbox ontvangen. Eén van de websites in mijn kleurplaten imperium (LoL) had de toegestane hoeveelheid bandbreedte overschreden en voor de rest van de maand offline gezet. Nou moet ik zeggen dat één telefoontje naar de hosting provider van Lygwela (JROnline) voldoende was om de site weer online te zetten en met een tijdelijke ophoging van de datalimiet eens te onderzoeken of een structurele opwaardering van de hoeveelheid dataverkeer noodzakelijk is. Want waar komt al dat verkeer opeens vandaan? In Google Analytics is niks bijzonders te zien. Geen explosieve toename van menselijk bezoek dus. En ook in de serverlogs en statistieken is op het eerste gezicht niks vreemds te ontdekken.


-----Original Message-----
From: Message System [mailto:info@jronline.nl]
Sent: woensdag 29 augustus 2007 0:14
To: xxxxxxxxxx
Subject: New Message: User xxxxxxxxxx has been suspended for bandwidth overusage


A new message or response with subject:

User xxxxxxxxxx has been suspended for bandwidth overusage


Andere hostingvorm?
Ik heb al eens eerder vluchtig gespeeld met de gedachte van co-location - uit het oogpunt van beschikbaarheid en stabiliteit. De huidige situatie geeft aan dat ik eindelijk eens serieus na moet denken over co-located hosting. Loont het onderhand niet de moeite om een server te kopen (een HP ProLiant DL320 G5 3040 lijkt me wel wat) en een U-tje rackspace te huren? Met een ruim bemeten potje aan dataverkeer? Ik heb domeinen genoeg die ik op zo'n server zou kunnen draaien. En de vrijheid om de boel geheel naar eigen wens in te richten / beheren klinkt aanlokkelijk.

Alleen nog even aan mijn wederhelft vragen of er zakgeldverhoging inzit om een co-located server te kunnen bekostigen :-)

En toen was de zomervakantie alweer voorbij :-(

Op de valreep van de gang naar m'n baas heb ik nog maar even gas gegeven om een website live te zetten die al een hele tijd in de startblokken stond, maar net niet af genoeg was om te introduceren: Sploeng!. Na een dagje sleutelen kan de boel wel live en is het tijd om de site, onder andere door middel van dit stukje tekst, onder de aandacht van de zoekmachines te brengen.

Sploeng! is op het moment nog steeds niet de website die ik in gedachten had toen ik het domein registreerde. Eerlijk gezegd bevat de site (als initiële vulling) een stukje duplicate content van Leukvoorkids.nl. Naar verwachting zal dat snel genoeg veranderen, want Sploeng! heeft een wat andere doelgroep als LvK. Dan gaat Sploeng! zijn eigen koers varen. De hoeveelheid duplicate content is trouwens ook niet van dien aard dat ik me zorgen maak dat Google er moeilijk over doet.

Echt spannend in technische zin is Sploeng! niet. Het leukste technische snufje aan Sploeng! is de inzet van Ben Nolan's behaviour.js, het stukje javascript om op charmante manier invulling te geven aan de scheiding van inhoud, vormgeving en actie. Daarnaast was ook de spielerei met een tag cloud (niet verder vertellen, maar-ie is een beetje fake) een aardig leermoment. En oh ja voor wat het waard is (de code-puristen waarschijnlijk een heleboel), er zijn geen tabellen misbruikt tijdens het bouwen van Sploeng! LoL!