Blog

PHP hackathon: het ultieme verslag

Geschreven door: Kim Ausloos 6 reacties

Vrijdag 27 mei om 19 uur was het zover: de eerste PHP hackathon in het Inventis-kantoor kon beginnen. 4 Teams met verschillende achtergronden (studenten, webdevelopers, PM's en zelfs een eenzame flashdeveloper) kwamen samen met 1 doel: een mooi project afleveren. Gedurende 24 uur was er heel veel bedrijvigheid in het Inventis kantoor, overal zag je mensen die druk bezig waren met concept, design, copywriting en uiteraard development.

PHP hackathon

De eerste uren

De eerste uren werden vooral gebruikt om goed na te denken over het concept. Aangezien er bij deze hackathon geen vooraf opgelegd concept was, was ook dit een uitdaging voor sommige teams. Vaak was er al een vaag idee wat de bedoeling ging zijn ('iets met reviews en Twitter'), maar de preciese uitwerking van de concepten lag duidelijk nog niet vast. Je hoorde in de achtergrond ook druk brainstormen over een geschikte naam, voor sommigen een uitdaging, voor anderen poepsimpel. Van al dat harde werken krijg je uiteraard ook honger, daarom werd er ook voor lekkere pizza's gezorgd zodat de teams zich volop konden bezighouden met het werken aan de projecten.

De nacht

In tegenstelling tot andere delen van België werd er op het Inventis-kantoor niet geslapen, er werd druk doorgewerkt! Sommige teams hadden ondertussen ook een ustream opgezet zodat ook niet-deelnemers wat konden genieten van de sfeer van de hackathon. Naar het einde van de nacht en het begin van de ochtend toe zag je hier en daar de eerste mensen die toch 5 minuutjes indommelden, wat uiteraard ook normaal was. De meesten waren al wakker van 's ochtends en hadden er al een ganse werkdag opzitten.

Een nieuwe dag

Al snel werd het opnieuw ochtend, begonnen de vogels te fluiten en werden de ramen opengezet (ook wel een beetje voor de muffe geur). Om 8 uur was het tijd voor het ontbijt, een hele lading lekkere koffiekoeken voor iedereen. De meesten waren ondertussen al meer dan 24 uur wakker, dus er werd gretig gebruik gemaakt van de Fatboy-zitzakken om even een uurtje slaap in te halen. De die-hards gingen echter door (alles voor het project!) en kregen wat versterking van een paar teamgenoten die later aankwamen maar nog vol energie zaten. De dag vorderde goed en al snel was het opnieuw etenstijd: lekkere spaghetti bolognaise. De namiddag verliep rustig, je zag meteen dat sommige teams hun project afgerond hadden dus de kickertafel en de Wii kregen regelmatig bezoek van 'zombie-nerds' zoals Jente ze graag omschreef.

De voorstellingen

Elk team was voor de deadline helemaal klaar dus was het tijd om de projecten te tonen. Een paar juryleden werden opgetrommeld en de teams moesten hun project voorstellen. De voorstellingen verliepen niet altijd even vlot maar de resultaten waren wel indrukwekkend, ook het niveau van afwerking lag veel hoger dan verwacht na zo'n programmeermarathon. Na de presentaties mochten de deelnemers stemmen, er werden punten van 3 tot 1 gegeven (uiteraard was stemmen op het eigen project niet toegestaan) en werd de winnaar gekozen: team 'elite' met een mooi uitgewerkt en modulair launchboard.

Slot

Na een half uurtje napraten begonnen de deelnemers naar huis te gaan, de meesten waren ondertussen 36 uur wakker dus het bed riep. Een korte opruimactie later was het Inventis-kantoor opnieuw klaar voor de nieuwe werkdag maandag...

De Inventis teams

Uiteraard deden ook 2 Inventis teams mee aan de PHP hackathon, hieronder kun je hun kort verslagje lezen:


'Team Awesome'

Het idee

Twitter wordt vaak gebruikt om positieve en negatieve ervaringen over een bepaald product of dienst mee te delen.

Waarom zouden we deze data niet eens verzamelen en op een unieke manier weergeven per onderwerp?

De uitwerking

Na een productieve brainstorm sessie besloten we om de bezoeker een zoekfilter te presenteren op onderwerp (Smartphones, Tablets ...) en een prijsklasse. Op basis van deze parameters werden producten opgehaald en weergegeven in "bubbels".
Hoe meer er over het product getweet werd, hoe groter de "bubble" werd en hoe positiever de berichten hoe hoger de bubble in het overzicht
terecht kwam.

Mobiele versie

We hebben ook een mobiele versie opgezet waar snel naar 1 specifiek product gezocht kan worden en waar je meteen de algemene waardering en laatste tweets van ziet.

Het team

Team Awesome bestond uit vijf gemotiveerde profielen met hun eigen specialiteiten:

  • Bart: Slicing
  • Dirk: PHP- en Javascript development
  • Stefan: Design
  • Jorgen: PHP- en back-end development
  • Dennis: Mobile design en copywriting

Technische weetjes

  • Alle categorieën, producten en prijzen werden via verfijnde "scraping" opgehaald van een bekende webshop
  • De bubbles zijn volledig opgebouwd met CSS3 en bevatten geen images
  • De bubbles schalen mooi mee met de grootte van je browser
  • Bublr en de mobiele site maken gebruik van dezelfde functies

Conclusie

De Hackathon was voor iedereen in het team een leerrijke ervaring en een uitdaging op het vlak van teamwork. In tegenstelling tot de andere teams hadden wij nauwelijks op voorhand samengewerkt (Jorgen kenden we zelfs niet). Toch ging dit van de eerste minuut goed, werden de taken mooi verdeeld en zijn we trots op het bereikte resultaat. En vooral: het was plezant!

Website: http://bublr.bytelogic.be/
Mobiel: http://bublr.bytelogic.be/mobile


'Team Elite'

Doordat het Inventis team dagdagelijks werkt met Active Collab en andere online tools, leek het ons een goed idee om deze te combineren op een statusboard. Dit statusboard zou dan getoond kunnen worden op een TV-toestel hier op kantoor. Zo krijgt het team in een oogopslag te zien in welke fase een project zich bevindt.
Naast Active Collab moesten er ook modules getoond kunnen worden met andere API's zoals een kalender of het huidige weer, dit kreeg de naam LaunchBoard.
Na de eerste schetsen en een taakverdeling konden we er dan ook meteen invliegen tijdens de Hackathon. Stijn verzorgde de front-end ontwikkelingen en Dieter, Tom en stagiair Martijn werkten de verschillende modules uit. Gert zou ons voorzien van een fancy design.
Doordat LaunchBoard hele dagen op een onbemande TV zou moeten kunnen werken hebben we ook voorzien dat elke module apart zijn data opnieuw zal ophalen wanneer dit nodig is. Dit geheel afgewerkt met jQuery zodat je geen flikkerende of witte pagina''s te zien krijgt tijdens het opnieuw ophalen van de data.
Na een avondje doorwerken hadden we al het gros van de modules gereed en kon het design geïmplementeerd worden. Het geheel was een pareltje dat na de Hackathon zeker verder ontwikkeld en onderhouden zal worden.

LaunchBoard was op het einde van de PHP hackahton voorzien van de volgende modules:

  • Klok
  • Google Calender
  • Volgende verjaardag
  • Twitter Hashtags
  • Twitter Search
  • Twitter Mentions
  • Twitter Lists
  • Buienradar
  • Huidige temperatuur
  • Flickr Search
  • Laatste Dilbert
  • Aantal Facebook Likes voor een pagina
  • RSS Reader

Website: http://launchboard.phphackathon.be/

6 Reacties op deze blogpost:

MrSiDD
Door MrSiDD op 01 juni 2011

Worden de projecten geopensourced?

Vooral LaunchBoard lijkt me interessant. ActiveCollab wordt veel gebruikt, samen met de extra API's. A lot of potential ;-)

GeekOfWeb
Door GeekOfWeb op 01 juni 2011

Het was een mooie PHPHackathon, misschien volgende keer zelf ook meedoen.
En bedankt Tom voor het streamen :-)

mlitn
Door mlitn op 01 juni 2011

Ik kan erover gelezen hebben maar: wat waren de prijzen?

TOm
wannes
Nicky
Door Nicky op 12 juli 2011

Bedankt voor de leuke post. Misschien dat ik volgende keer ook eens mee ga doen. :-)

Reageer ook op dit artikel

U kan optioneel inloggen met Twitter of Facebook. U krijgt dan de mogelijk om uw reactie ook te delen via Twitter of Facebook
Login with twitter
Aanmelden