Voor kinderboerderij Emmelerbos bouw ik de nieuwe versie van de website. De vorige versie dateert van 2005 en is ook van mijn hand. Na een kleine vier jaar werd het hoooog tijd voor een update. De mockups voor de nieuwe website maakte ik al in mei van dit jaar! Het duurde tot het begin van deze maand voordat er daadwerkelijk spijkers met koppen geslagen werden en ik met bouwen kon beginnen.

Wordpress als motor
Gisteren deed ik het nog (m’n eigen bescheiden content management systeempjes bouwen). Vandaag weet ik beter. Met andere woorden, ik maak tegenwoordig liever zoveel mogelijk gebruik van proven technology als backend. WordPress is mijn CMS of choice. Da’s dan ook de basis voor de nieuwe versie van emmerbos.nl.

Het is leuk om te zien hoever je de functionaliteit van een systeem als WordPress kunt oprekken om de dingen te doen die jij wilt. En da’s eigenlijk best wel veel. WordPress ontwikkelt zich steeds meer als een CMS dat geschikt is voor meer dan alleen de achterkant van een weblog.

Emmelerbos.nl is een website waarin pagina’s met statische informatie in plaats van posts de kern vormen. De site is opgesplitst in een stakeholdersgedeelte en een kinderboerderij-deel. Het is de bedoeling dat de stakeholderssectie van de website zakelijk is - zowel qua toon als look-and-feel. De kinderboerderij-kant is bestemd voor bezoeker(tje)s van Emmelerbos en is daarom kleurrijk.

Met een beetje creativiteit is Wordpress goed te gebruiken als beheersysteem voor een dergelijke website.

Sneak preview
De nieuwe versie van emmelerbos.nl hoeft pas eind januari live te gaan is is nog lang niet af. Dus ongetwijfeld wijzig ik de conceptsite die nu online staat de komende maand op een aantal punten. Maar als jij die ene persoon bent die geïnteresseerd is in de nieuwe website … doorklikken naar een sneak preview van emmelerbos.nl doe je hier …

Geschreven door HansR
Er is nog niet gereageerd op deze tekst. Laat een reactie achter.
Geplaatst in Mijn websites
Getagged als webwerk

Waoooh. Wat een leuke dingen heb je allemaal in je agenda staan als je websites bouwt:

Een ZZP projectje
Zojuist heb ik een ZZP webprojectje afgerond. De bijbehorende factuur ging tegelijkertijd de deur uit. Hey, je wordt er niet rijk van, maar super-relaxt een website knutselen en een gemoedelijke planning is ook wel wat waard!

Spielerei / I love mockups

Voor één van mijn verlaten domeinen verzin ik een nieuwe bestemming. Een mockup maken voor een mogelijke toekomst is al jolly good fun an sich.

Pro deo stuff
Kinderboerderij Emmelerbos krijgt een nieuwe website. Na vier jaar wordt het ook hooooog tijd. De vorige website is trouwens ook van mijn hand. Het was mijn eerste kennismaking met Emmeloord toen ik in de herfst van 2004 verhuisde naar de Noordoostpolder.

Proest! De screenshots voor de nieuwe site, die live gaat in januari 2009, maakte ik al in mei van dit jaar. Helaas gaat de besluitvorming in het vrijwilligerscircuit niet zo snel. Heel veel praten. Weinig concrete acties. Ach. Dit is liefdewerk-oud-papier. Maar wel een website waarin ik m’n ei kwijt kan. Pro deo. Lekker knutselen met Wordpress enzo.

Een kinderhand is snel gevuld. Ik ben een webnerd … en ik ben er nog trots op ook!

Geschreven door HansR
Er is nog niet gereageerd op deze tekst. Laat een reactie achter.
Geplaatst in Mijn websites
Getagged als webwerk

Verleden week had ik een gesprek met de baas van Ymere’s Wonen en Stijl. We hadden het onder andere over het promoten van de vrije sector huurwoningen van Ymere.

Ik dacht dat het met de branding van Wonen en Stijl - Ymere’s vrije sector huurwoningen wel goed zat. Maar een Google zoektocht eerder vandaag zorgde wat dat betreft voor een kouwe douche. How wrong could I be? Waarom heb ik deze query space voor dure huurhuizen nooit eerder / beter verkend? Want we’re nowhere to be seen in de zoekresultaten.

Aarghh! Daar kan ik dus niet tegen! Een eerste plaagstootje in het tegenoffensief …

Wonen in stijl en wonen met stijl zijn goed vertegenwoordigd. Maar wonen EN stijl? Dat doe je blijkbaar nergens. Of toch wel? Bij woningbouwcorporatie Ymere kun je wonen. En dat in stijl! Je neemt gewoon even contact op met Wonen en Stijl. Ymere Wonen en Stijl = wonen in stijl en met stijl. Dus je schrijft je NU in voor het actuele aanbod.

Of je checkt even de vrije sector huur nieuwbouw woningen die Ymere voor je in de aanbieding heeft. Wat dacht je bijvoorbeeld van de appartementen van project De Ripperda in Haarlem? Daar kun je een leuk optrekje huren.

Geschreven door HansR
Er is nog niet gereageerd op deze tekst. Laat een reactie achter.
Geplaatst in Mijn websites
Getagged als dure huur, webwerk, wonen en stijl, ymere

Vandaag gingen mijn collega Dennis en ik op bezoek bij Wonen en Stijl. Voor een lunchafspraak. Wonen en Stijl, da’s Ymere’s afdeling die zich bezighoudt met de verhuur van vrije sector woningen. Verhuurprojecten als De Ripperda (een rijksmonument) in Haarlem en Huys Afrika aan de Piet Heinkade in Amsterdam vallen onder hun verantwoordelijkheid.

Hey, goedkoop wonen doe je maar ergens anders! Met andere woorden, het kost een paar duiten om bij Ymere te huren, maar dan heb je ook wat

Het afgelopen jaar liep het niet altijd even soepel. De introductie van de nieuwe publiekswebsite had bijvoorbeeld veel impact op Wonen en Stijl, de afdeling die het meest gebruik maakt van door ons gebouwde online-functionaliteit. Na de migratie naar de nieuwe webomgeving viel er hier en daar nogal wat functionaliteit aan diggelen. Die vervolgens gelijmd moest worden.

Dan is het leuk om te horen dat onze pogingen om hen te faciliteren gewaardeerd worden. In de aanloop naar sinterklaas kregen we een chocoladeletter plus gedichtje:

Een gratificatie van de baas aan het einde van het jaar is leuk, maar dit gebaar heeft — voor mij altans — op z’n minst zoveel waarde. Met andere woorden, daar doe je het voor!

Geschreven door HansR
Er is nog niet gereageerd op deze tekst. Laat een reactie achter.
Geplaatst in Mijn websites
Getagged als webwerk, ymere

Voor Ymere maakte ik de nieuwe versie van de groenoord.info aka hallennaarhuizen.nl website. Op basis van de mockups van ontwerpbureau Mijnheer. Gelukkig zijn de psychotische streepjes grotendeels uit het ontwerp Groenoord.info versie 2 verdwenen. Meer witruimte en rust in het ontwerp derhalve.

Het is leuk om op basis van een psd mockup een website op te tuigen. Een grappig klusje. Veel spannende dingen zijn er niet over te vertellen. Als ik dan toch wat moet verzinnen:

Ik heb sIFR gebruikt voor de inline vervanging van de koppen, die in het exotische Coolsville font zijn vormgegeven. Met sIFR komt de toegankelijkheid van de website niet in gevaar.

De mouseovers op de vogelvlucht van het projectgebied die je “Groenoord laten beleven” zorgden wel voor enige uitdaging. Hier heb ik een imagemap voor gebruikt. Natuurlijk is het gemakkelijk om bij een mouseover event van een hotspot op de imagemap het hele ahcterliggende plaatje te vervangen, maar da’s net iets te simpel naar mijn idee. En vooral niet erg efficiënt, want de afbeelding van de vogelvlucht is nogal lijvig. Vandaar dat ik de oplossing heb gezocht (en gevonden) in een combinatie van YUI’s DOM functies en JQuery.

That’s it. De boel is live. Tenslotte, zoals gebruikelijk gebruik ik m’n blog om de handel eventjes te pluggen en de site wat momentum te geven — Groenoord. Dat is je thuis voelen in Leiden:

Thuis in Leiden

Het historische centrum, terrasjes aan het water en een bruisend stadsleven. Leiden is een stad om van te houden! Daarom hebben de architecten van de nieuwe wijk Groenoord zich laten inspireren door de typische Leidse sfeer en architectuur. De geknikte gevels, een gracht, typisch Leidse ramen. En toch voelt Groenoord aan als een dorp. Met andere woorden, in Groenoord kom je thuis in Leiden.

Oude stenen?

Groenoord wordt gebouwd op een historische locatie. De Groenoordhallen zijn legendarisch. Deze evenementenhal zette Leiden op de kaart met de beroemde veemarkt en natuurlijk live-concerten van grote namen als U2, Dire Straits, Genesis en Fleetwood Mac. Ook vonden hier talloze andere activiteiten plaats zoals sporttoernooien en de Leidse Snuffelmarkt.

De Groenoordhallen maken nu plaats voor de woonwijk Groenoord. Maar de historie blijft voelbaar. Door de architectuur, door de naam en de details. Want echte liefhebbers kunnen ervoor kiezen de oude straatstenen van de Groenoordhallen te hergebruiken in hun nieuwe tuin in Groenoord!

Van hallen naar huizen

De nieuwbouwwijk Groenoord verrijst op de locatie van de Groenoordhallen in Leiden. Van de huidige bebouwing blijven alleen de Eschertoren en het grootste deel van Groenoordplaza behouden.

Het plan ‘Groenoord, van Hallen naar Huizen’ omvat in totaal 500 eengezinswoningen en appartementen in diverse prijsklassen. Uniek aan het plan is de architectuur; en niet alleen omdat de woningen zijn geïnspireerd op de Leidse herenhuizen.

Groenoord zoekt en vindt de perfecte balans tussen stedelijk wonen en het comfort van groen, kinderspeelplaatsen en ruime parkeergelegenheid. De waterpartijen in Groenoord sluiten aan op het Leidse waternet zodat je in een bootje naar de binnenstad of de Kaag kunt varen. En omdat Groenoord aan alle kanten is omgeven door water en wegen, voelt de wijk dorps en geborgen aan.

Authentiek Leids

De Leidse herenhuizen in de binnenstad vormden de inspiratiebron voor de architecten van Groenoord. En omdat in de Leidse binnenstad bijna geen huis hetzelfde is, kun je in Groenoord kiezen uit maar liefst 50 verschillende woningtypen.

In alle huizen zie je authentiek Leidse kenmerken terug. De ongelijke raampartijen bijvoorbeeld, met op de begane grond de voordeur en twee ramen, op de eerste verdieping twee ramen en op de tweede verdieping één raam, zijn in Leiden een bekend fenomeen. Wit geschilderde gevels wisselen bakstenen gevels af en ook de hoogte van de huizen is verschillend. Een deel van de huizen ligt zelfs aan een gracht!

In de eerste fase van het project worden 243 ruime eengezinswoningen en appartementen in diverse prijsklassen en typen gebouwd.Zowel huur- als koopwoningen. Deze huizen liggen in het centrum van Groenoord; enkele bevinden zich aan het water. Alle eengezinswoningen zijn voorzien van een tuin of een balkon.

Later worden de 100 koopappartementen gebouwd in combinatie met kantoren, bedrijfsgebouwen en voorzieningen. Uiteindelijk ontstaat een mooie, levendige en knusse Leidse wijk!

Stad en natuur

Fietsen en wandelen in de groene omgeving terwijl je op de terugweg boodschappen doet in het gezellige centrum van Leiden. Het is de heerlijke combinatie van stad en natuur. Wie woont in Groenoord kan elke dag genieten van dit gemak.

Het oude centrum van Leiden is bekend van zijn oude herenhuizen, historische straatjes en monumentale panden. De Burcht, molen De Valk en de Hooglandse Kerk zijn voorbeelden hiervan. Ook de grachten zijn bepalend voor het stadsgezicht.

In Leiden is van alles te doen. Op een warme dag pak je een terrasje aan het water en kijk je naar de bootjes op de gracht. Of je vaart zelf een stukje natuurlijk. Winkelen in de Haarlemmerstraat. Naar een van de vele musea, of naar de Leidse Schouwburg voor een concert of theatervoorstelling.

Aan de andere kant ligt de Tuin van Noord. Een mooi natuurgebied met een park, een sportcomplex en volkstuinen. Heel geschikt als je de dagelijkse drukte even wil ontvluchten! Ga je nog verder, dan kom je midden in het Groene Hart met zijn uitgestrekte weilanden. Waar fietsers en wandelaars het rijk voor zich alleen hebben!

Geschreven door HansR
Er is nog niet gereageerd op deze tekst. Laat een reactie achter.
Geplaatst in Mijn websites
Getagged als nieuwbouw, vastgoed, webwerk, ymere

Toen ik een kleine twee jaar geleden de overstap maakte van automatiseerder bij de GGD Eemland in Amersfoort naar fulltime webbouwer bij woningbouwcorporatie Ymere was ik aardig onder de indruk van de manier waarop Ymere ICT functioneerde. Nauwelijks downtime. Korte communicatielijnen. Een helpdesk die ook informeel te benaderen was. En snel en adequaat reageerde op vragen. Systeembeheer had zijn zaakjes goed op een rijtje.

Op 1 januari 2008 zijn we gefuseerd. Woonmaatschappij (vooral sterk in de Haarlemmermeer) werd onderdeel van het nieuwe Ymere. En behalve ruim 80.000 VHE’s (VerHuurbare Eenheden) hebben we nu ook de werkplekken van zo’n kleine 1000 werknemers te beheren.

Automatisering is sinds de fusie opnieuw opgezet. Maar beter is het er allemaal niet op geworden. Het netwerk is vaak enorm traag. De corporate website is bij tijd en wijlen niet vooruit te schoppen. Remote toegang tot het netwerk via Citrix ligt er nogal eens uit. De responsetijd van de servicedesk is behoorlijk toegenomen. Dat zuigt.

Als webbeheerder heb ik in principe gelukkig niks te maken met zaken als downtime van het netwerk of onbeschikbaarheid van applicaties. Behalve dan als de corporate website vrijwel onaangekondigd uit de lucht gaat.

We hosten een aantal sites intern. Daar is bewust voor gekozen. Dus ik vind dat we voorbereid moeten zijn op downtime. Niet voor niks zijn de webservers dubbel uitgevoerd. Met andere woorden: naar mijn mening mogen we niet voor een paar uur of langer offline zijn en het is moeilijk te verteren als we dat toch zijn. Fok & grrr.

Eerder dit jaar is uitgebreid gesproken over een Service Level Agreement (SLA) voor de corporate website. Blijkbaar waren de gemaakte afspraken niet zoveel waard. De stekker gaat er in ieder geval zonder pardon plat. 80.000 huurders van Ymere hebben eeeeeeventjes geen toegang tot de website van hun verhuurder. Ach … who cares? En wat nou Ymere reputatiemanagement?

Gelukkig hoef ik geen geld te verdienen met ymere.nl. Anders zou ik er, godbetert, nog pissig om worden ook! Wat rest me te zeggen? Sorry. Ymere is op het moment gewoon eventjes down. Please try again later …

Geschreven door HansR
Er is nog niet gereageerd op deze tekst. Laat een reactie achter.
Geplaatst in Mijn websites · hosting
Getagged als downtime, sla, webwerk, ymere

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 …

Geschreven door HansR
Er is nog niet gereageerd op deze tekst. Laat een reactie achter.
Geplaatst in Mijn websites
Getagged als webwerk, ymere

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.

Geschreven door HansR
Er is nog niet gereageerd op deze tekst. Laat een reactie achter.
Geplaatst in Mijn websites
Getagged als jules goossens, webwerk

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.

Geschreven door HansR
Tot nu toe zijn er 3 reacties op deze tekst. Laat een reactie achter.
Geplaatst in Mijn websites
Getagged als concept, kleurgebruik, vormgeving, webwerk

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!

Geschreven door HansR
Er is nog niet gereageerd op deze tekst. Laat een reactie achter.
Geplaatst in Mijn websites
Getagged als portfolio, webwerk