DutchCowboys 5.0 een zware bevalling, een wolk van een baby!

DutchCowboys 5.0 een zware bevalling, een wolk van een baby!

In dit artikel beschrijven we de ontwikkeling van de nieuwe DutchCowboys vanuit het oogpunt van Freshheads. Afgelopen zomer - het moet ergens in augustus geweest zijn - kwamen de eerste contacten tot stand tussen Joost Gielen (Freshheads), Henk de Hooge en Paul Aelen. Dit soort lijntjes kunnen soms op vreemde manieren tot stand komen.

Tijdens een PHP conferentie liep Dimitri (Freshheads) Bert-Jan (“huisprogrammeur” van DutchCowboys) tegen het lijf en raakte in gesprek. Dat moet het eerste contact zijn geweest waarbij DutchCowboys ter sprake kwam. In eerste instantie kregen we bij Freshheads de vraag of we een adviserende rol wilde spelen bij de ontwikkeling van de nieuwe versie van het blog. Die rol is uiteindelijk uitgegroeid naar vrijwel de complete ontwikkeling.

Meerdere keren hebben we ochtenden, middagen en avonden bij elkaar gezeten met een groep mensen om de nieuwe functionaliteiten van de website te bespreken. Een echt functioneel ontwerp van de website was en is er nooit geweest, "Henk is het functioneel ontwerp", werd gezegd en daar moesten we het mee doen. Voor Freshheads een volledig nieuwe manier van werken die achteraf gezien niet slecht heeft uitgepakt.

Omdat we steeds nauwer betrokken raakten bij het project hebben we ook steeds meer onze stempel kunnen drukken op het ontwerp en de functionaliteiten. We zijn begonnen met het ontwerpen van wireframes om alle wensen in kaart te brengen en te visualiseren. Daar is later de nieuwe vormgeving voor ontworpen. Er lag al een ontwerp voor de nieuwe versie op tafel maar dit bleek lastig te combineren met de nieuwe functionaliteiten die we voor ogen hadden. Uiteindelijk is gekozen voor een volledig nieuw ontwerp dat beter aansluit bij de functionaliteiten. De uitdaging lag in het feit dat we niet een doorsnee web2.0 vormgeving wilde hanteren, het cowboy gevoel moest behouden blijven.

Het is altijd een lastige vertaalslag; een ontwerp omzetten naar een werkende website met dynamische content zonder dat je daarbij concessies wilt doen aan de lay-out. Hoe ga je om met het afbreken van tekst? Wat doe je wanneer titels net iets langer zijn dan je zou willen? Deze vragen keren steeds terug en je moet voor ieder project een passende oplossing zoeken.

Art_fh_wireframe2

De artikelen hebben verschillende view mogelijkheden. Zo kun je er voor kiezen om enkel de kop te tonen zonder afbeelding en inleiding, een kop met afbeelding en inleiding en een kop met inleiding en een video. Afbeeldingen worden uitgesneden naar een vast formaat om de lay-out zo goed mogelijk vast te kunnen zetten. Het is jammer dat je nog niet alle widgets mooi kunt stylen. MyBlogLog is daar een goed voorbeeld van. Een tour langs blogs die het ook gebruiken toont aan wij niet de enige met dat probleem zijn.

De nieuwe DutchCowboys is gebouwd in PHP 5 op het Symfony Framework. Freshheads heeft onlangs de overstap gemaakt naar het Zend Framework en Symfony was daarom voor ons totaal nieuw. Verschillende programmeurs van Freshheads hebben zich het framework eigen gemaakt om zodoende mee te kunnen werken aan de ontwikkeling van de website. Met de aanschaf van de juiste literatuur en een gezonde dosis nieuwsgierigheid kun je dan een heel eind komen.

Veel bloggers op DutchCowboys weten dat het CMS niet erg elegant functioneerde. Bert-Jan heeft het volledige CMS omgezet naar Symfony en samen met een aantal nieuwe functionaliteiten is ook het CMS grondig aangepakt en verbeterd.

Misschien wel onze grootste vijand tijdens de ontwikkeling was de planning. Met de professionele hulp van Bas van den Beld hebben we alle hobbels overwonnen en het project uiteindelijk goed op de rails gekregen. De laatste weken is het flink aanpoten geweest en op het moment dat ik dit schrijf zijn er 4 programmeurs full-time bezig met de laatste aanpassingen en zijn 3 mensen bezig met de conversie van de content.

Wij zijn er van overtuigd dat we met de nieuwe DutchCowboys een vooruitstrevend blog hebben weggezet. Het onderscheidend vermogen zit in het video channel, de  bloggerspagina’s en de opmaak van de content. In de toekomst willen we nog veel meer gaan doen met het aggregeren van content. Wij zijn in ieder geval erg trots op ons product, het was een zware bevalling maar het is dan ook een wolk van een baby!

Freshheads wil iedereen bedanken die heeft meegewerkt aan de website en in het bijzonder onze medewerkers die tijdens de kerstdagen en de afgelopen weekenden flink wat overuren hebben gemaakt.

Reacties (24)

  • Thumbs op voor het design en het ratingsysteem!

    Do 24 jan 2008, 00:38 [reply]

  • Ik vind het lettertype wat ouderwets, maar de indeling is meer dan voortreffelijk. Complimenten!

    Do 24 jan 2008, 07:23 [reply]

  • Heren en dames, mijn complimenten voor de nieuwe strakke vormgeving en opzet. Zeer overzichtelijk, mooie styling. Goed werk! Ik zeg, nomineren voor Dutch Bloggies "beste vormgeving" :-)

    Do 24 jan 2008, 08:10 [reply]

    • Michel

    Mijn complimenten!

    Do 24 jan 2008, 08:14 [reply]

  • Gefeliciteerd hoor! Het ziet er erg netjes uit! Vooral een stuk overzichtelijker dan de oude site. Maar goed ik ben dan ook een groot fan van maagdelijk wit :)

    Do 24 jan 2008, 08:17 [reply]

  • @FrankMeeuwsen bedankt, we vinden zelf de functionaliteit ook wel aardig ;) In Brabant ontwikkeld, moet jou toch deugd doen. Bestaat die categorie nog ?-))

    Do 24 jan 2008, 08:22 [reply]

  • Hah... da's leuk, het nieuws van morgen! (check the date...)

    Do 24 jan 2008, 08:24 [reply]

  • Dat is een aparte functie adriaan. "bericht tonen in de toekomst" zodat dat bericht voorlopig even bovenaan blijft staan ;)

    Do 24 jan 2008, 08:28 [reply]

    • james

    lookin' good!

    Do 24 jan 2008, 09:10 [reply]

  • hey, thumbs up voor het gebruik van symfony ook! daar wordt ik altijd blij van ;)

    Do 24 jan 2008, 09:34 [reply]

  • Well done mannen. Tussen het wit door glinstert hier en daar een zweetdruppel. En dat is maar goed ook. Overzichtelijk , goede indeling, helder en rustig. Complimenten.

    Do 24 jan 2008, 09:44 [reply]

    • Wouter Glaser

    Mooie frisse layout!

    Do 24 jan 2008, 09:51 [reply]

  • In een woord, GENIAAL!

    Do 24 jan 2008, 11:11 [reply]

  • @Stefan: het effect van symfony is ook duidelijk te merken met de caching ingeschakeld, de site is nu veel sneller dan de oude :)

    Do 24 jan 2008, 11:29 [reply]

  • Bijzonder mooi en indrukwekkend. En voor ons een grote inspiratiebron voor nieuwe ideeën. ;-)
    Een datum in de toekomst kiezen om artikelen bovenaan te laten staan is wel wat vreemd, daar hebben ze bij Wordpress gewoon een plugin voor (die Sticky Post heet) dus dat moet voor jullie toch ook wel te programmeren zijn?

    Do 24 jan 2008, 12:50 [reply]

  • Leuk om de 'making of' te lezen! Waar ik wel geinteresseerd in ben is waarom de keuze voor Symfony, en niet voor gangbare blogplatformen zoals wordpress als uitgangspunt. Ben wel benieuwd naar de afwegingen die jullie daarin gemaakt hebben omdat we zelf regelmatig dezelfde soort keuzes moeten maken.

    Do 24 jan 2008, 14:22 [reply]

  • @Ivo: de keuze voor Symfony ligt in dit geval aan het simpele feit dat DC 'huisprogrammeur' Bert-Jan hier de fundamenten van DC al in had gebouwd. Voor ons was dit een unieke manier om de pluspunten van Symfony zoals performance en talloze web 2.0 plugins hun voordeel te laten doen. DC is immers een high-traffic site en deze versie bevat tal van Ajax en andere Web 2.0 elementen dus een prima scenario voor Symfony. Overigens vind ik Wordpress een prima blog platform, maar ik kan je verzekeren dat als we daarmee DC 5 hadden moeten bouwen, we meer tijd kwijt waren geweest aan het ombouwen van Wordpress dan nu het implementeren van specifieke Symfony plugins.

    Do 24 jan 2008, 14:59 [reply]

  • @Ivo als master Dimitri doceert, zwijgen wij zoals dat hoort ;)

    Do 24 jan 2008, 16:31 [reply]

  • @Henk: nou, nou, ik heb al meerdere malen in de zaal gezeten bij een lezing van Ivo hoor ;-)

    Do 24 jan 2008, 16:48 [reply]

  • @Ivo: voor mij lag de keuze voor de hand. Het platform waarop de vorige DC en alle spin-offs is gebouwd heb ik zelf ontwikkeld maar het was nodig aan een flinke vernieuwing toe.
    Via de zaak ( http://mindbench.nl ) ben ik 1,5 jaar geleden begonnen met werken in symfony en ik ben daar goed in thuis geraakt. Met andere platformen heb ik nauwelijks ervaring en omdat ik altijd al alles zelf bouwde vond ik symfony het perfecte systeem om in te werken. Je werkt wel op een gestructureerde manier zodat het veel makkelijker is om anderen (lees: freshheads) bij de ontwikkeling te betrekken, maar levert eigenlijk geen vrijheid in om te doen wat je wilt.
    Misschien ook interessant om te noemen is dat DC is voorzien van Propel 1.3 via de bijbehorende plugin, met wat modificaties om de logging te verbeteren.

    Do 24 jan 2008, 16:52 [reply]

  • Font zuigt! Helemaal als je deze cursief gaat plaatsen!!! Verander dit en ik kom nog een terug.

    Do 24 jan 2008, 17:00 [reply]

  • owww Martijn die nieuwstikker op een zwarte achtergrond ;) maar zonder dollen weet niet wat ik met een zuigend font moet?

    Do 24 jan 2008, 17:41 [reply]

    • SViS

    Knap werk mannen, ziet er gelikt uit.
    Het enige wat ik erop aan te merken heb is dat jullie de frontpage wel heel erg vol gepropt hebben met van alles. Kijk uit dat het geen georganiseerde chaos word. Het liefst zou ik aan de rechterkant van het scherm wat minder vol willen zien, maar goed wat niet is kan nog komen.

    Vergeet niet: "De Schoonheid zit hem in de Eenvoud!!!

    Keep up the good work!

    Do 24 jan 2008, 20:18 [reply]

  • Proficiat met dit geheel,wat ons motto altijd is geweest terug naar de roots simple the best!wat teld is waar vraag naar is TOP!!!

    Ma 4 feb 2008, 16:52 [reply]

Reageren

  • HTML niet toegestaan. URL's worden automatisch clickable.
    * E-mail adres wordt niet getoond

Recommend on Google

Headlines

© 2004-2011 Dutchcowboys.nl - All Rights Reserved.

All views and opinions expressed are those of the authors of Dutchcowboys.

All trademarks, slogans, text or logo representation used or referred to in this website are the property of their respective owners. Sitemap