Naar de inhoud

Blog

  • 13 mei 2011 Mike Vierwind

    Adaptieve ontwikkeling voor mobiele websites

    vrijdag 13 mei 2011

    Mobiel internet neemt explosief toe. Vorig jaar kon je er nog vanuit gaan dat iedereen minimaal een 1024 beeldscherm had en met een muis door de website klikte. Maar tegenwoordig wordt er steeds meer gesurft met een mobiele telefoon, iPad of ander mobiel apparaat. We gebruiken geen muis meer om door de website te surfen, maar klikken met onze vingers door de website heen. Dit vereist aanpassingen in de ontwikkelingen van de sites. a&m impact wil voorop lopen in deze ontwikkeling en ik ging daarom naar een cursus om wat meer te weten komen over een goede toepassing van deze ontwikkelingen.

    Dinsdag 3 mei stond ik al vroeg op het station. Ik was op weg naar Utrecht voor een cursus van Fronteers. De cursus ging over het ontwikkelen van een mobiele website en werd gegeven door Vasilis van Gemert.  Hij is een front-end developer die al een lange tijd met adaptieve ontwikkeling bezig is. De cursus begon met een stukje geschiedenis over mobiele website. Vroeger bouwden we een aparte mobiele website met een aparte domeinnaam. Vaak een uitgeklede versie van de normale website. Maar met de nieuwe techniek kun je je huidige website ook mobiel bouwen. Je wilt namelijk niet alleen dat je website er op een mobiele telefoon goed uit ziet, maar ook op een tablet. Bijvoorbeeld een iPad. Wanneer je de Ipad draait moet de website helemaal zichtbaar zijn en dus mee schalen.

    Fronteers

    In deze cursus zijn er verschillende technieken aan bod gekomen. De drie belangrijkste waren viewports, media queries en image-replacement met javascript. Met een viewport kun je onder andere vertellen hoe breed de website is en of de website moet inzoomen. Met media queries kun je, afhankelijk van de specificaties van een apparaat, een bepaalde stylesheet laden. Je kunt de stijl van de website dus veranderen als je resolutie kleiner wordt.

    Tijdens de cursus werd er een voorbeeld gegeven. Er werd verteld hoe dit gebouwd is en er werd over gediscussieerd. In het voorbeeld hieronder zie je een website van ING. Deze website is gebouwd voor een mobiele telefoon, tablet en normaal computer beeldscherm.

     

    Voorbeeld website ING - Adaptief ontwikkeld

    Helemaal links zie je de website op een wat ouder mobiel apparaat.  In het midden zie je de afbeelding van een tablet / iPad. Je ziet dat de website wat smaller is geworden. De blokken zijn iets kleiner geworden en de foto wordt ook kleiner. De website is nu goed te bekijken op een tablet / iPad zonder scrolbalk.  Het hoofdmenu gebruikt de volledige breedte en alle blokken zijn onder elkaar gezet. Helemaal rechts zie je de website op een normaal beeldscherm van een laptop of desktop computer ziet. De website zal zich dus aanpassen aan de grote van je beeldscherm.

    Je kunt het zelf ook proberen. Surf maar eens naar mijngeld.nl of geenstijl.nl. Wanneer je de browser kleiner maakt, zul je zien dat de website veranderd. Dit werkt trouwens alleen in nieuwste browsers zoals IE9, Chrome of Firefox 4. Of bekijk een van de websites eens op je telefoon of tablet.

    Al met al zorgen de nieuwste ontwikkelingen met HTML5 en CSS3 ervoor dat we heel mooi met de verschillende schermformaten om kunnen gaan. Voor onze klanten is het van belang dat ze goed hun doelgroepen in de gaten houden en ook met behulp van bijv. Google Analytics meten hoe de site bezocht wordt. Hierop kunnen wij de gebruikte technieken op de site dan weer aanpassen.

    Ik sta te popelen om het geleerde in de praktijk te gaan brengen in de komende projecten. Een waardevolle dag!

  • 12 apr 2011 Tom Suter

    Elke dag mijn hoofd en inbox leeg.

    dinsdag 12 april 2011

    Cover elke dag je hoofd en inbox leeg - Taco OosterkampBezoekers die dit blog een beetje in de gaten houden weten dat ik een fervent aanhanger ben van het ‘Getting Things Done‘ principe van David Allen, waarmee je je persoonlijke effectiviteit met een klein beetje discipline enorm kan verhogen. Ik heb het boek van David Allen vorig jaar gelezen en stond te popelen om het in praktijk te brengen. Maar hoe te beginnen?

    Na wat rondvragen werd ik vorig jaar mei gewezen op het boek ‘Elke dag je hoofd en inbox leeg’ van Taco Oosterkamp en dit was voor mij een openbaring die me tot aan de dag van vandaag enorm veel rust en productiviteit heeft opgeleverd. Ten opzichte van het boek van David Allen is deze helemaal voor de praktijk geschreven en kan je het meer beschouwen als een handleiding voor Outlook.

    Na wat korte theoretische achtergrondinformatie over het GTD principe wordt je vervolgens aan de hand genomen door Outlook om dit programma zo efficiënt mogelijk in te richten. Door gebruik te maken van takenlijstjes en sneltoetsen verwerk je in een mum van tijd je mail en zit je niet meer (zoals ik vroeger altijd deed) de hele lijst met openstaande mailtjes door te werken, om weer eens een keer na te denken over of je er nu wél zin in hebt, of dat je al een reactie hebt gehad in het geval er een actie bij iemand anders ligt.

    Ook nut en noodzaak van het goed archiveren in combinatie met de zoekfunctionaliteiten van Outlook levert mij dagelijks een enorme tijdswinst op.

    Sinds vorige week is er een update van het boek verschenen (ISBN: 9789079421121), waarmee je Outlook 2010 (waarmee wij inmiddels ook werken) ook helemaal goed kan inrichten. Het boek is verder aangevuld met praktische tips om langer in de ‘Flow’ te kunnen blijven, mails waarin jij alleen als CC staat een andere kleur geven,  mogelijkheden om autocorrectie in je voordeel te laten werken (type bijvoorbeeld ‘vnv’ en Outlook maakt er automatisch van ‘Mocht je verder nog vragen hebben, dan hoor ik het graag.’, en nog veel meer handige tips die je enorm veel tijdswinst opleveren.

    Een apart hoofdstuk gaat over het gebruik in combinatie met een smartphone. Zelf gebruik ik hier al ruim een jaar met veel tevredenheid het programma Toodledo voor. Deze draait op mijn iPhone en kan synchroniseren met mijn Outlook takenlijst. Zo kan ik waar ik ook ben snel en simpel en snel een taak invoeren en komt dat uiteindelijk allemaal in dezelfde bak terecht. Niks geen losse lijstjes meer dus.

    Hoewel ik van te voren erg sceptisch was ben ik nu enorm enthousiast ben over GTD en het boek van Taco Oosterkamp. In plaats van allemaal losse eindjes die ik op allerlei manieren probeer te onthouden, geef ik zaken direct een plek en kan ze dan ook direct weer uit mijn hoofd zetten in de wetenschap dat ze op het juiste moment (als er een actie van mij verwacht wordt) weer automatisch op mijn pad komen.

    Mijn productiviteit m.b.t. dagelijkse zaken is aanzienlijk toegenomen. De methodiek zorgt inderdaad, zoals de titel van het boek aangeeft, voor een leeg hoofd, waardoor ik beter kan focussen op lange termijn zaken en me buiten werktijd een stuk ontspannender voel. Ik kan het iedereen aanraden om eens een tijdje te proberen. Heb je tips, suggesties of vragen over persoonlijke effectiviteit dan hoor ik het graag. Ik ben zelf wel benieuwd of lezers van dit blog bepaalde methodieken en tooling gebruiken en wat de ervaringen daarmee zijn.

    Meer info over het boek vind je op http://www.meereffect.nl/outlook of via  Management Boek

  • 2 aug 2010 Gerard Russchen

    Vakantieperiode

    maandag 2 augustus 2010

    Het is zondagmiddag en ik zit buiten in de tuin. Heb net mijn iPad echt leren kennen en ben dusdanig onder de indruk dat mijn blog toch begint met het promoten van deze gadget. Het is een gadget, het is een hebbedingetje, het is voor Apple addicts. Waarschijnlijk hoor ik daar ook bij maar het is echt een fantastisch apparaat. Ik ga je niet overtuigen, wil je weten waarom ik zo enthousiast ben? Kom maar een keer langs.

    Heb toch de iPad weggelegd omdat het schrijven van een blog daarop niet optimaal is. Dan maar weer het vertrouwde laptopje.

    Het leuke van het schrijven van een blog in de vakantieperiode is dat je het gevoel hebt er meer tijd voor te hebben. Het is iets minder druk, een aantal collega’s, klanten en relaties zijn op vakantie. Net wat meer tijd, zowel thuis als op het werk. Het nadeel is dat waarschijnlijk minder mensen deze blog lezen.

    Tenzij . . . . je een laptop, iPhone, iPad of ander technisch snufje meeneemt op vakantie. Mocht dat het geval zijn, wens ik je nog een paar fijne dagen en laat me even weten waar je bent tijdens het lezen van deze blog.

    Maar waarom internet op vakantie? Om bereikbaar te zijn? Om de foto’s realtime en interactief aan het thuisfront te laten zien? Om te twitteren? Om het Nederlandse nieuws te volgen? Om het laatste nieuws van de Graafschap op de camping te kunnen delen? Om de tour de France te volgen? Om te weten wat de mening is van Nederland over ons Oranje? Of het gaat regenen morgen? Voor een chat op msn of een krabbel op hyves? Of het 32 of toch 33 graden wordt? Of om mijn blog te lezen ;-)

    Iedereen kan wel een reden verzinnen en de lezer die mij een beetje kent heeft allang door dat bovenstaande punten allemaal argumenten voor mij kunnen zijn om bereikbaar te zijn op vakantie. Toch heb ik mijn iPhone thuis gelaten en heb ik 3 weken zonder twitter, internet etc. moeten overleven.  In eerste instantie was het overleven, je bent onthand, je denkt dat je veel mist, maar je beseft tegelijkertijd dat je daarom toch op vakantie bent? Ik heb mede daardoor extra kunnen genieten van de vakantie.

    Het geloof in social media is een persoonlijke overtuiging. Ieder argument dat je hebt is persoonlijk en rechtvaardigt je mening. Je gelooft in social media of je denkt dat het wel voorbij gaat. De mate waarin je gelooft in social media is ook persoonlijk.  Je loopt voorop of je bent een volger. Niets is fout.  

    Iedereen gelooft in zijn of haar eigen perceptie. Of je nou wel of niet gelooft in social media, of je nou een twittergluurder bent of een early adopter, de keuze om internet en je social media bij de hand te hebben op vakantie is iets persoonlijks. Blijf daar lekker in geloven en doe wat goed voelt en verantwoord is.

    Ik hoop in ieder geval dat je net zo kan genieten van de vakantie zoals ik dat gedaan heb. Ik ben lekker opgeladen en kan er de komende maanden weer flink tegenaan.

    Wil je weten hoe mijn vakantie was of  hoe ik denk over social media? Vraag het me maar. Ik ben op meerdere social media sites bereikbaar ;-)