<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:media="http://search.yahoo.com/mrss/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Hoppinger » Blogs</title>
	
	<link>http://www.hoppinger.com</link>
	<description />
	<lastBuildDate>Mon, 17 Jun 2013 08:21:36 +0000</lastBuildDate>
	<language>nl-NL</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/hoppinger-blog" /><feedburner:info uri="hoppinger-blog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><itunes:explicit>no</itunes:explicit><itunes:subtitle></itunes:subtitle><geo:lat>51.903167</geo:lat><geo:long>4.46081</geo:long><feedburner:emailServiceId>hoppinger-blog</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>HopCrop: gebruiksvriendelijk uitsnedes maken in Drupal</title>
		<link>http://feedproxy.google.com/~r/hoppinger-blog/~3/UVuMUOFTUDM/hopcrop-gebruiksvriendelijk-uitsnedes-maken-in-drupal</link>
		<comments>http://www.hoppinger.com/blog/hopcrop-gebruiksvriendelijk-uitsnedes-maken-in-drupal#comments</comments>
		<pubDate>Fri, 07 Jun 2013 09:10:28 +0000</pubDate>
		<dc:creator>Rolf van de Krol</dc:creator>
		
		<guid isPermaLink="false">http://www.hoppinger.com/?post_type=blog&amp;p=1343</guid>
		<description><![CDATA[Recentelijk heeft Hoppinger de Drupal module HopCrop ontwikkeld. Deze module biedt beheerders de mogelijkheid om afbeeldingen bij te snijden naar de afbeeldingsverhoudingen die in de site gebruikt worden. Er bestaan op dit moment al meer modules die vergelijkbare functionaliteit bieden. We hebben HopCrop ontwikkeld omdat deze modules minder goed werken in combinatie met de Features module...]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.hoppinger.com/blog/hopcrop-gebruiksvriendelijk-uitsnedes-maken-in-drupal"><img class="alignnone size-full wp-image-1350" alt="Hopcropcat" src="http://www.hoppinger.com/assets/hopcropcat.jpg" width="672" height="300" /></a></p>
<p>Recentelijk heeft Hoppinger de Drupal module HopCrop ontwikkeld. Deze module biedt beheerders de mogelijkheid om afbeeldingen bij te snijden naar de afbeeldingsverhoudingen die in de site gebruikt worden. Er bestaan op dit moment al meer modules die vergelijkbare functionaliteit bieden.</p>
<p>We hebben HopCrop ontwikkeld omdat deze modules minder goed werken <strong>in combinatie met de Features module</strong> en omdat we een <strong>gebruiksvriendelijker</strong> alternatief wilden bieden.</p>
<p><span id="more-1343"></span></p>
<h2>Mogelijkheden</h2>
<p>Op dit moment biedt de module de volgende features:</p>
<ul>
<li>Definiëren vaste formaten en verhouding uitsnede</li>
<li>Schakelen tussen voorgedefiniëerde soorten uitsnedes</li>
<li>Eenvoudig verplaatsen en resizen gemaakte uitsnede</li>
</ul>
<h2>Hoe werkt HopCrop?</h2>
<p><img class="alignnone  wp-image-1348" alt="select" src="http://www.hoppinger.com/assets/select.png" width="918" height="480" /></p>
<p>1. Na het kiezen van de gewenste soort uitsnede (&#8220;dienst_sector_overview&#8221;) kan de uitsnede worden getekend.</p>
<p><img class="alignnone  wp-image-1346" alt="reposition" src="http://www.hoppinger.com/assets/reposition1.png" width="918" height="480" /></p>
<p>2. Na het tekenen van de uitsnede kan deze binnen de foto worden verplaatst&#8230;</p>
<p><img class="alignnone  wp-image-1347" alt="resize" src="http://www.hoppinger.com/assets/resize.png" width="918" height="480" /></p>
<p>3 &#8230;of qua grootte worden aangepast.</p>
<p><img class="alignnone size-full wp-image-1354" alt="Hopcrop 4" src="http://www.hoppinger.com/assets/change_image_style2.png" width="918" height="480" /></p>
<p>4. Ook kan er voor een andere soort uitsnede (&#8220;pagina_top&#8221;) worden gekozen, wat resulteert in een andere beeldselectie.</p>
<h2>Zelf gebruiken?</h2>
<p>HopCrop zelf in een Drupal project gebruiken? Je kunt alle informatie vinden op de Github pagina van Hoppinger: <a href="https://github.com/hoppinger/hopcrop">https://github.com/hoppinger/hopcrop</a>.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=UVuMUOFTUDM:E2Ec3OvdHSM:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=UVuMUOFTUDM:E2Ec3OvdHSM:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?i=UVuMUOFTUDM:E2Ec3OvdHSM:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/hoppinger-blog/~4/UVuMUOFTUDM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hoppinger.com/blog/hopcrop-gebruiksvriendelijk-uitsnedes-maken-in-drupal/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hoppinger.com/blog/hopcrop-gebruiksvriendelijk-uitsnedes-maken-in-drupal</feedburner:origLink></item>
		<item>
		<title>Hoppinger op de DrupalJam 2013</title>
		<link>http://feedproxy.google.com/~r/hoppinger-blog/~3/sTJLEfC87NQ/hoppinger-op-de-drupaljam-2013-in-de-kuip</link>
		<comments>http://www.hoppinger.com/blog/hoppinger-op-de-drupaljam-2013-in-de-kuip#comments</comments>
		<pubDate>Fri, 24 May 2013 09:30:14 +0000</pubDate>
		<dc:creator>Cies Breijs</dc:creator>
		
		<guid isPermaLink="false">http://www.hoppinger.com/?post_type=blog&amp;p=1304</guid>
		<description><![CDATA[Afgelopen vrijdag was Hoppinger present op de DrupalJam, hét Drupal event van de Benelux dat jaarlijks de community bijeen brengt. De locatie van deze editie was de Kuip in Rotterdam; een &#8220;thuiswedstrijdje&#8221; dus voor ons! Als goudsponsor van het event hadden we een stand toegewezen gekregen, welke we met 6 Hoppingers bemanden: Daphne, Gerard, Marijn,...]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.hoppinger.com/blog/hoppinger-op-de-drupaljam-2013-in-de-kuip"><img class="alignnone size-full wp-image-1325" alt="Hoppinger op de DrupalJam 2013" src="http://www.hoppinger.com/assets/hoppinger-drupaljam-2013.jpg" width="672" height="300" /></a></p>
<p>Afgelopen vrijdag was Hoppinger present op de <a href="http://www.drupaljam.nl/">DrupalJam</a>, hét Drupal event van de Benelux dat jaarlijks de community bijeen brengt. De locatie van deze editie was de Kuip in Rotterdam; een &#8220;thuiswedstrijdje&#8221; dus voor ons!</p>
<p>Als goudsponsor van het event hadden we een stand toegewezen gekregen, welke we met 6 Hoppingers bemanden: <a title="Daphne Otterloo" href="http://www.hoppinger.com/bureau/mensen/daphne-otterloo">Daphne</a>, <a title="Gerard Pastwa" href="http://www.hoppinger.com/bureau/mensen/gerard-pastwa">Gerard</a>, <a title="Martijn Dragt" href="http://www.hoppinger.com/bureau/mensen/martijn-dragt">Marijn</a>, <a title="Marijn Bom" href="http://www.hoppinger.com/bureau/mensen/marijn-bom">Martijn</a>, <a title="Richard Bakker" href="http://www.hoppinger.com/bureau/mensen/richard-bakker">Richard</a>, <a title="Rolf van de Krol" href="http://www.hoppinger.com/bureau/mensen/rolf-van-de-krol">Rolf</a> en ikzelf (<a title="Cies Breijs" href="http://www.hoppinger.com/bureau/mensen/cies-breijs">Cies</a>) waren van de partij. In tegenstelling tot de andere partijen met een stand, werken wij niet uitsluitend met het Drupal CMS maar ook met <a title="WordPress" href="http://www.hoppinger.com/diensten/wordpress">WordPress</a>, <a title="Symfony" href="http://www.hoppinger.com/diensten/symfony">Symfony</a> en <a title="Ruby on Rails" href="http://www.hoppinger.com/diensten/ruby-on-rails">Rails</a>.  Dit leverde een aantal vragen op over de verschillen tussen deze systemen, en de geschiktheid van elk systeem voor specifieke doeleinden.<span id="more-1304"></span></p>
<p><img class="size-medium wp-image-1312 alignright" alt="De Hoppinger stand op de DrupalJam 2013" src="http://www.hoppinger.com/assets/8747370044_196ccff288_o-300x223.jpg" width="300" height="223" /></p>
<p>Naast de stand verzorgde Hoppinger ook een sessie over <a title="Kraftwagen: Drupal voor development-teams" href="http://www.hoppinger.com/blog/kraftwagen-drupal-voor-development-teams">Kraftwagen</a>, een Drupal automation tool voor software ontwikkelaars.  Hoppinger heeft aan de wieg gestaan van Kraftwagen, en we gebruiken het nu met veel plezier voor al onze Drupal projecten.  In februari 2013 werd Kraftwagen gereleased tijdens het <a title="Succesvolle 7e Drupal Tech Talk: drukstbezochte editie" href="http://www.hoppinger.com/bureau/nieuws/succesvolle-7e-drupal-tech-talk-drukstbezochte-editie">Drupal Tech Talk</a> evenement dat we toen organiseerden in ons kantoor. Sindsdien heeft Kraftwagen zich verder ontwikkeld, en wordt het nu door meerdere bedrijven gebruikt, zowel binnen Nederland als internationaal.</p>
<p><img class="size-medium wp-image-1317 alignleft" alt="Cies Breijs geeft uitleg bij het Kraftwagen factsheet na de presentatie" src="http://www.hoppinger.com/assets/DMS_6611-300x199.jpg" width="300" height="199" /></p>
<p>De<a href="https://speakerdeck.com/rolfvandekrol/kraftwagen"> slides van de Kraftwagen presentatie staan online</a>.  Aan het einde van de presentatie deelden we een Kraftwagen factsheet uit aan alle bezoekers van de sessie. Ons doel is om Kraftwagen als een echt community project verder te kunnen ontwikkelen, en zo iets terug te geven aan de open source community.</p>
<p><script async class="speakerdeck-embed" data-id="0b008c70a681013045c7167a04105724" data-ratio="1.33507170795306" src="//speakerdeck.com/assets/embed.js"></script></p>
<p>Om ons Kraftwagen verhaal niet alleen het brein maar ook de zintuigen van de DrupalJam bezoekers te laten prikkelen, lieten we 100 Kraftwagen brownies laten maken door <a href="http://www.koekela.nl/">Koekela</a>, onze favoriete bakker.  Deze lekkernij viel erg in de smaak: aan het eind van de dag waren ze op&#8230;</p>
<p><img class="alignnone size-large wp-image-1315" alt="Kraftwagen brownie" src="http://www.hoppinger.com/assets/040_lab_kraftwagen_brownie-1024x680.jpg" width="1024" height="680" /></p>
<p><em>Foto&#8217;s: @040lab, @dmsmidt &amp; @hoppinger</em></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=sTJLEfC87NQ:KqraWk1osh0:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=sTJLEfC87NQ:KqraWk1osh0:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?i=sTJLEfC87NQ:KqraWk1osh0:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/hoppinger-blog/~4/sTJLEfC87NQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hoppinger.com/blog/hoppinger-op-de-drupaljam-2013-in-de-kuip/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hoppinger.com/blog/hoppinger-op-de-drupaljam-2013-in-de-kuip</feedburner:origLink></item>
		<item>
		<title>Kraftwagen: Drupal voor development-teams</title>
		<link>http://feedproxy.google.com/~r/hoppinger-blog/~3/ezhAQX3DP34/kraftwagen-drupal-voor-development-teams</link>
		<comments>http://www.hoppinger.com/blog/kraftwagen-drupal-voor-development-teams#comments</comments>
		<pubDate>Tue, 07 May 2013 07:11:40 +0000</pubDate>
		<dc:creator>Cies Breijs</dc:creator>
		
		<guid isPermaLink="false">http://www.hoppinger.com/?post_type=blog&amp;p=1277</guid>
		<description><![CDATA[Bij Hoppinger werken we het liefst aan internetprojecten met een OTAP-straat (ontwikkelen, testen, acceptatie en productie).  Onze ervaring is dat Drupal hier standaard niet geschikt voor is.  Dit komt voornamelijk doordat veel configuratie niet in bestanden, maar juist in de database opgeslagen wordt.  Hierdoor moeten veel zaken handmatig worden ingesteld bij een uitrol — welke erg vaak voor komen wanneer gebruik gemaakt...]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.hoppinger.com/blog/kraftwagen-drupal-voor-development-teams"><img class="alignnone size-full wp-image-1279" alt="© Greg Gjerdingen" src="http://www.hoppinger.com/assets/kraftwagen-blog.jpg" width="672" height="300" /></a></p>
<p>Bij Hoppinger werken we het liefst aan internetprojecten met een <a href="http://nl.wikipedia.org/wiki/OTAP" target="_blank">OTAP</a>-straat (ontwikkelen, testen, acceptatie en productie).  Onze ervaring is dat Drupal hier standaard niet geschikt voor is.  Dit komt voornamelijk doordat veel configuratie niet in bestanden, maar juist in de database opgeslagen wordt.  Hierdoor moeten veel zaken handmatig worden ingesteld bij een uitrol — welke erg vaak voor komen wanneer gebruik gemaakt wordt van ontwikkeling met een OTAP-straat.</p>
<p>Een simpel voorbeeld. Een developer installeert en configureert een module in een traditionele Drupal site (zonder Kraftwagen), vervolgens moeten de andere developers op het project de originele handelingen herhalen in hun versies.  Wanneer de wijzigingen naar test, acceptatie of productie worden uitgerold, moeten de originele handelingen wederom handmatig worden herhaald op die omgevingen. Dit handmatig herhalen van handelingen is tijdrovend maar bovenal erg foutgevoelig.</p>
<p><span id="more-1277"></span></p>
<p>Kraftwagen is een open source project dat het mogelijk maakt om Drupal efficiënt te gebruiken binnen een development-team en/of met een OTAP-straat.  Kraftwagen bouwt waar mogelijk voort op bestaande initiatieven in de Drupal community, zoals <a href="http://drupal.org/project/drush">Drush</a> en <a href="http://drupal.org/project/features">Features</a> &amp; <a href="http://drupal.org/project/ctools">CTools</a>.</p>
<p><a title="Rolf van de Krol" href="http://www.hoppinger.com/bureau/mensen/#rolf-van-de-krol">Rolf van de Krol</a> is de initiatiefnemer van Kraftwagen; samen met andere Hoppingers is het uitgebouwd tot de tool die we nu met veel trots voor al onze Drupal projecten gebruiken.</p>
<h2>Voordelen Kraftwagen</h2>
<p>De voordelen van Kraftwagen vinden hun oorsprong in de volgende principes:</p>
<p><strong>Alles in code™</strong></p>
<p>Het belangrijkste wat Kraftwagen aan een Drupal project toevoegt is het &#8220;alles in code&#8221; principe. Met andere woorden: als Kraftwagen wordt toegepast op een Drupal project komt alle configuratie primair in bestanden (i.p.v. in de database).  Het &#8220;alles in code&#8221; principe biedt de volgende voordelen:</p>
<ul>
<li>Efficiënte samenwerking, vooral in grotere development-teams.</li>
<li>Faciliteert uitrollen naar verschillende omgevingen (erg handig bij gebruik van een OTAP-straat).</li>
<li>Staat toe dat het hele project in versiebeheer (zoals Git of Subversion) wordt opgenomen.</li>
<li>Minimale downtime tijdens een uitrol.</li>
<li>Eenvoudige roll-back naar een oudere versie van het systeem.</li>
<li>Uitrollen is aanzienlijk minder foutgevoelig (vrijwel geen handmatig werk vereist bij uitrol).</li>
</ul>
<p><strong>Alleen in versiebeheer wat noodzakelijk is</strong></p>
<p>Wanneer er geen Kraftwagen wordt gebruikt maar wèl versiebeheer wordt toegepast, zijn de &#8220;project code&#8221; (specifiek voor dat project geschreven code), de code van Drupal zelf en de code van de modules opgenomen in versiebeheer.  Dit heeft tot gevolg dat het allergrootste deel (&gt;95%) van de code in versiebeheer niet project specifiek is.  Met Kraftwagen specificeert het project welke externe modules het behoeft in make-bestanden, een functionaliteit die Kraftwagen ontleent aan <a href="http://drupal.org/project/drush_make" target="_blank">Drush Make</a>.  Deze make-bestanden staan in versiebeheer, maar de modules waarnaar ze verwijzen niet.</p>
<p>Als Kraftwagen wordt gebruikt staat alleen de project specifieke code in versiebeheer: duidelijk en overzichtelijk.</p>
<p><strong>Gewoon een standaard Drupal</strong></p>
<p>Kraftwagen is een soort voertuig voor een Drupal project, vandaar de naam &#8220;Kraftwagen&#8221; (&#8220;auto&#8221; in het Duits).  Drupal zit als het ware boven op Kraftwagen; het voertuig verzorgt een tal van zaken voor Drupal, maar het is er niet mee vergroeid.  Als, om wat voor reden dan ook, besloten wordt om geen Kraftwagen meer te gebruiken kan de Drupal installatie in een paar minuten, zonder ingrijpende aanpassingen, Kraftwagen-vrij gemaakt worden.</p>
<p><strong>Modulair</strong></p>
<p>Kraftwagen zelf is modulair, het bestaat uit een aantal componenten die op zichzelf ook bruikbaar zijn. Zo word je niet gedwongen tot een alles-of-niets keuze, maar kun je naar eigen inzicht besluiten welke <a href="https://github.com/kraftwagen">Kraftwagen componenten</a> je gebruikt.</p>
<p><strong>Snel nieuwe projecten starten</strong></p>
<p>Bij het starten van een nieuw Drupal project met Kraftwagen kun je er voor kiezen met een &#8220;skeleton&#8221; te beginnen. Dit is een soort uitgangspunt dat jou algemene voorkeuren bevat zodat je deze niet voor elk nieuw project opnieuw hoeft in te regelen.  Het Kraftwagen project bevat een <a href="https://github.com/kraftwagen/skeleton" target="_blank">voorbeeld skeleton</a>, maar eenieder kan zijn eigen skeletons maken op basis van zijn eigen voorkeuren.</p>
<p><strong>Geautomatiseerd uitrollen</strong></p>
<p><a href="http://capistranorb.com/" target="_blank">Capistrano</a> is een populaire tool die het uitrollen naar serveromgevingen automatiseert — in de meeste gevallen brengt het de benodigde handelingen voor een uitrol terug tot één enkel commando.<br />
Een onderdeel van het Kraftwagen project is &#8220;<a href="https://github.com/kraftwagen/capwagen">Capwagen</a>&#8220;, een integratie van Capistrano met Kraftwagen.  Het uitrollen van een Drupal project was nog nooit zo eenvoudig.</p>
<h2>Meer over Kraftwagen</h2>
<p>Kraftwagen is een open source project, dat wil zeggen dat iedereen mag mee ontwikkelen, en op de Github pagina kunnen we zien dat dit ook gebeurt. We horen steeds vaker dat met Kraftwagen wordt gewerkt, zowel binnen Nederland als internationaal. En dan te bedenken dat het project pas in februari 2013 haar <a href="http://www.hoppinger.com/bureau/nieuws/succesvolle-7e-drupal-tech-talk-drukstbezochte-editie">publieke release</a> had.</p>
<p>Als je meer wilt weten over Kraftwagen verwijzen we je graag door naar de <a href="http://kraftwagen.org/">project pagina</a>, de <a href="http://kraftwagen.org/get-started.html">Get started tutorial</a> en de <a href="https://github.com/kraftwagen">organisatie op Github</a>.  Op de <a href="http://www.drupaljam.nl" target="_blank">Drupal Jam</a> in Rotterdam die plaatsvindt op 17 mei 2013 wordt een talk aan Kraftwagen gewijd, deze zal worden verzorgd door <a title="Rolf van de Krol" href="http://www.hoppinger.com/bureau/mensen/rolf-van-de-krol">Rolf van de Krol</a>, <a title="Martijn Dragt" href="http://www.hoppinger.com/bureau/mensen/martijn-dragt">Martijn Dragt</a> en <a title="Cies Breijs" href="http://www.hoppinger.com/bureau/mensen/cies-breijs">mijzelf</a>.</p>
<address>Foto door <a href="http://www.flickr.com/photos/greggjerdingen/5885976995/in/photostream/">Greg Gjerdingen</a>.</address>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=ezhAQX3DP34:KLejh8gtz_U:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=ezhAQX3DP34:KLejh8gtz_U:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?i=ezhAQX3DP34:KLejh8gtz_U:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/hoppinger-blog/~4/ezhAQX3DP34" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hoppinger.com/blog/kraftwagen-drupal-voor-development-teams/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://www.hoppinger.com/blog/kraftwagen-drupal-voor-development-teams</feedburner:origLink></item>
		<item>
		<title>Social media webcare: een praktijkcase met KLM en Coolblue</title>
		<link>http://feedproxy.google.com/~r/hoppinger-blog/~3/iO58pOBAw5M/social-media-webcare-een-praktijkcase-met-klm-en-coolblue</link>
		<comments>http://www.hoppinger.com/blog/social-media-webcare-een-praktijkcase-met-klm-en-coolblue#comments</comments>
		<pubDate>Thu, 02 May 2013 10:41:20 +0000</pubDate>
		<dc:creator>Eric de Vos</dc:creator>
		
		<guid isPermaLink="false">http://www.hoppinger.com/?post_type=blog&amp;p=1260</guid>
		<description><![CDATA[Toen ik vorige week een nieuwe blauwe broek kocht had ik niet kunnen vermoeden dat dit tot zo&#8217;n goede showcase van social media webcare zou leiden. De afgelopen 24 uur streden de teams van @KLM en @Coolblue_NL om op een slimme en originele manier te laten zien wat goede webcare is: op de hoogte zijn...]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.hoppinger.com/blog/social-media-webcare-een-praktijkcase-met-klm-en-coolblue"><img class="alignnone size-full wp-image-1264" alt="Blauwe broek" src="http://www.hoppinger.com/assets/blauwebroek.jpg" width="672" height="300" /></a></p>
<p>Toen ik vorige week een nieuwe blauwe broek kocht had ik niet kunnen vermoeden dat dit tot zo&#8217;n goede showcase van <em>social media webcare</em> zou leiden. De afgelopen 24 uur streden de teams van <a href="http://twitter.com/KLM">@KLM</a> en <a href="http://twitter.com/Coolblue_NL">@Coolblue_NL</a> om op een slimme en originele manier te laten zien wat goede webcare is: op de hoogte zijn waarover online wordt gesproken en daar adequaat op handelen!</p>
<p><span id="more-1260"></span></p>
<p><img class="alignnone size-full wp-image-1265" alt="Tweet Eric kleur broek" src="http://www.hoppinger.com/assets/tweet.png" width="472" height="190" /></p>
<p>Het begon allemaal met bovenstaande tweet, gisteren om 15:52. De kleur van mijn broek maakte bij Hoppinger de tongen los en toen collega Matthijs een Coolblue pakketje ter vergelijking naast mijn broek hield was het hek van de dam. Ik besloot <a title="De eerste tweet met de daaropvolgende conversatie" href="https://twitter.com/ericdevos/status/329594182102568960">een ludieke tweet te plaatsen (hier lees je complete conversatie)</a>.</p>
<h2>De reacties</h2>
<p><img class="alignnone size-full wp-image-1266" alt="Tweet KLM" src="http://www.hoppinger.com/assets/tweet-klm.png" width="508" height="135" /></p>
<p>KLM reageerde als eerste: binnen 10 minuten. Ze hadden door dat er over hun merk werd gesproken in de sociale media. Geen klacht over een vlucht of een tevreden klant, maar toch namen ze de moeite om te reageren.</p>
<p>Vervolgens ontstond een conversatie waarin beide merken lieten zien webcare in de vingers te hebben. Passende humor, verwijzingen naar eigen producten/pagina&#8217;s, bijvoorbeeld toen ik zelf probeerde een kleurenvergelijk te maken en tegen het verschil in schermweergave aanliep:</p>
<p><img class="alignnone size-medium wp-image-1263" alt="Kleurenvergelijk broek" src="http://www.hoppinger.com/assets/8699883528_90dd38bab7_c-300x200.jpg" width="300" height="200" /><a href="http://www.digicamshop.nl/category/202479/kleurmanagement.html"><img class="alignnone size-full wp-image-1272" alt="Verwijzing naar eigen product" src="http://www.hoppinger.com/assets/grijskaart.png" width="495" height="169" /></a></p>
<h2>Van online naar offline</h2>
<p>Echt een vlucht nam het pas vanochtend, toen twee mensen van het Coolblue webcare team hier bij Hoppinger aanbelden. &#8220;We zagen dat je in Rotterdam werkt, we hebben even tram 8 gepakt en waren hier zo!&#8221; Gewapend met een tas vol Coolblue goodies kwamen ze tot de conclusie dat ik de broek vandaag niet aan had. Maar niet getreurd: ik werd alsnog ingepakt en vergeleken met de kleurenstaal:</p>
<p><img class="alignnone size-full wp-image-1262" alt="Ingepakt en ready for take-off" src="http://www.hoppinger.com/assets/2013-05-02_1143.png" width="502" height="528" /><br />
<span style="font-size: 1.5em;">Nog een stapje verder</span></p>
<p>KLM kon natuurlijk niet achterblijven en gebruikte een persoonlijke touch: de geboorte van mijn zoontje Hielke 6 weken geleden:</p>
<p><img class="alignnone size-full wp-image-1261" alt="Nijntje KLM" src="http://www.hoppinger.com/assets/2013-05-02_1142.png" width="476" height="633" /></p>
<p>Door via een Twitter direct message mijn adres te sturen komt er vliegensvlug een KLM Nijntje deze kant op, mooie actie!</p>
<h2>Eind goed, al goed</h2>
<p>De definitieve vergelijking van de kleur van de broek laat nog even op zich wachten, maar als internetbureau was het voor ons erg leuk om te zien hoe goede webcare in de praktijk eruit ziet. Complimenten aan de teams van Coolblue en KLM!</p>
<p><strong>Update maandag 6-5-2013:</strong></p>
<p>Jawel, de vergelijking is gedaan, oordeel zelf!</p>
<p><a href="http://www.flickr.com/photos/ericdevos/8715521204/in/photostream/"><img class="alignnone" alt="Blauwe broek: KLM of Coolblue blauw?" src="http://farm8.staticflickr.com/7391/8715521204_829fe631b0_z.jpg" width="640" height="426" /></a></p>
<p>&nbsp;</p>
<p><strong>Update woensdag 8-5-2013:</strong></p>
<p>De broek is nu ook <a href="http://www.coolbluefanshop.nl/product/329105/category-196160-hele-assortiment/coolblue-broek.html">in de Coolblue fanshop te koop</a>!</p>
<p><a href="http://www.coolbluefanshop.nl/product/329105/category-196160-hele-assortiment/coolblue-broek.html"><img class="alignnone size-large wp-image-1284" alt="Coolblue broek op coolbluefanshop.nl" src="http://www.hoppinger.com/assets/coolblue-broek-op-coolbluefanshop-1024x888.png" width="1024" height="888" /></a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=iO58pOBAw5M:AVFMocMRpx0:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=iO58pOBAw5M:AVFMocMRpx0:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?i=iO58pOBAw5M:AVFMocMRpx0:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/hoppinger-blog/~4/iO58pOBAw5M" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hoppinger.com/blog/social-media-webcare-een-praktijkcase-met-klm-en-coolblue/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		<feedburner:origLink>http://www.hoppinger.com/blog/social-media-webcare-een-praktijkcase-met-klm-en-coolblue</feedburner:origLink></item>
		<item>
		<title>Het nut van doelgroeponderzoek</title>
		<link>http://feedproxy.google.com/~r/hoppinger-blog/~3/Ta5K3I0LuAQ/het-nut-van-doelgroepenonderzoek</link>
		<comments>http://www.hoppinger.com/blog/het-nut-van-doelgroepenonderzoek#comments</comments>
		<pubDate>Tue, 16 Apr 2013 12:23:12 +0000</pubDate>
		<dc:creator>Kim van Olderen</dc:creator>
		
		<guid isPermaLink="false">http://www.hoppinger.com/?post_type=blog&amp;p=1190</guid>
		<description><![CDATA[Vaak is kennis over doelgroepen gebaseerd op marktanalyses en Google Analytics. Dit is goed, maar is vaak kwantitatief en nog maar het topje van de ijsberg. Hiermee kan je uitzoeken hoe groot een doelgroep is en hoe die er uit ziet. En bijvoorbeeld ook met wat voor device een website wordt bezocht. Maar er is...]]></description>
				<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1206" alt="Doelgroeponderzoek" src="http://www.hoppinger.com/assets/Blog_20130416_doelgroeponderzoek.jpg" width="672" height="300" /></p>
<p>Vaak is kennis over doelgroepen gebaseerd op marktanalyses en Google Analytics. Dit is goed, maar is vaak kwantitatief en nog maar het topje van de ijsberg. Hiermee kan je uitzoeken hoe groot een doelgroep is en hoe die er uit ziet. En bijvoorbeeld ook met wat voor device een website wordt bezocht. Maar er is meer dan dat: kwalitatieve informatie, het waarom van de doelgroep. En dat is eigenlijk nog waardevoller.</p>
<p>Kwalitatief onderzoek zorgt voor inzichten die normaal gesproken via Analytics en demografische onderzoeken niet gevonden kunnen worden. Vragen over waarden en behoeften van een doelgroep, wat motiveert om producten en diensten te gebruiken. Of waarom zullen ze een langdurige relatie met een organisatie aangaan. Daarnaast is het belangrijk om kennis te hebben van de context waarin gebruikers een online product of dienst gebruiken. Door hierop in te spelen <a title="Wat is Emotional Design en hoe kun je het online toepassen?" href="http://www.hoppinger.com/blog/wat-is-emotional-design-en-hoe-kun-je-het-online-toepassen">wordt er een positieve en waardevolle merkbeleving gecreëerd</a>.</p>
<p><span id="more-1190"></span></p>
<h2>Leer je eindgebruiker kennen &#8211; gebruikersonderzoek</h2>
<p>Een gebruikersonderzoek vindt plaats aan het begin van een project. Het is een onderdeel van de strategiebepaling. Met meer inzicht van de doelgroep – wat een online product of dienst voor hun betekent – kunnen er betere beslissingen genomen worden. Een gebruikersonderzoek bestaat uit open interviews met als doel zoveel mogelijk over de gebruiker te weten te komen. Door goed door te vragen gaan we op zoek naar de relatie tussen de gebruiker en de klant. Wat zijn de belangrijkste behoeften voor de bezoeker, en wanneer zal hij tevreden de website verlaten. Deze inzichten worden later vertaald naar het concept.</p>
<h2>Verbeter je gebruiksvriendelijkheid – usability onderzoek</h2>
<p><img class=" wp-image-1191 alignright" alt="Gebruikersonderzoek" src="http://www.hoppinger.com/assets/gebruikersonderzoek.png" width="162" height="162" />Een usability-onderzoek wordt vaak ingezet voor de realisatie. In een usability-onderzoek wordt er zo realistisch mogelijk getest. Dit gebeurt door middel van een klikbaar prototype, dit is een mockup die het online product realistisch nabootst. Bij een usability-onderzoek gaat het om de laatste check. Werkt het zoals het hoort te werken en sluit dit aan bij de beleving van de doelgroep. Zo kunnen de laatste ontwerp- en technische problemen opgepakt worden voordat de ontwikkeling is gestart.</p>
<h2>To be continued…</h2>
<p><img class="size-full wp-image-318 alignleft" alt="Testen" src="http://www.hoppinger.com/assets/icon_4.png" width="220" height="91" />Hoppinger vindt het belangrijk om websites en applicaties te maken die waardevol zijn voor de mensen die ze gaan gebruiken. Daarom vinden wij onderzoek met de eindgebruikers belangrijk. Onderzoek is namelijk de eerste stap naar goede User Experience.</p>
<p>In volgende blogposts zullen we dieper ingaan op de twee onderzoeksmethoden die wij hier kort behandeld hebben.</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=Ta5K3I0LuAQ:iztFmr5nWIk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=Ta5K3I0LuAQ:iztFmr5nWIk:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?i=Ta5K3I0LuAQ:iztFmr5nWIk:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/hoppinger-blog/~4/Ta5K3I0LuAQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hoppinger.com/blog/het-nut-van-doelgroepenonderzoek/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hoppinger.com/blog/het-nut-van-doelgroepenonderzoek</feedburner:origLink></item>
		<item>
		<title>Wat is Emotional Design en hoe kun je het online toepassen?</title>
		<link>http://feedproxy.google.com/~r/hoppinger-blog/~3/h6Il8NSvuJk/wat-is-emotional-design-en-hoe-kun-je-het-online-toepassen</link>
		<comments>http://www.hoppinger.com/blog/wat-is-emotional-design-en-hoe-kun-je-het-online-toepassen#comments</comments>
		<pubDate>Tue, 05 Mar 2013 08:13:58 +0000</pubDate>
		<dc:creator>Wouter Ramaker</dc:creator>
		
		<guid isPermaLink="false">http://hoppinger.comv/?post_type=blog&amp;p=890</guid>
		<description><![CDATA[Emotional design is het gebied waar psychologie en ontwerp elkaar raken. Het is op dit moment niet meer genoeg om een product te maken wat werkt. Het product moet een &#8216;vriend&#8217; worden van de gebruiker. Onmisbaar. Er zijn drie niveau&#8217;s waarop design een rol kan spelen in de band die iemand krijgt met een product: Zintuiglijk; ziet het er aangenaam uit?...]]></description>
				<content:encoded><![CDATA[<p>Emotional design is het gebied waar psychologie en ontwerp elkaar raken. Het is op dit moment niet meer genoeg om een product te maken wat werkt. Het product moet een &#8216;vriend&#8217; worden van de gebruiker. Onmisbaar. Er zijn drie niveau&#8217;s waarop design een rol kan spelen in de band die iemand krijgt met een product:</p>
<ul>
<li><strong>Zintuiglijk; </strong>ziet het er aangenaam uit? Bv. met sensuele ronde vormen? Heeft het een aangename kleurstelling, voelt de structuur fijn, voelt het degelijk?</li>
<li><strong>Functioneel;</strong> werkt het fijn? Doet het wat het zou moeten doen op een prettige manier? Helpt het jou jouw doel te bereiken?</li>
<li><strong>Reflectief;</strong> Geeft dit product mij een goed gevoel? Wat zegt dit product over mij? Kan ik er een status aan ontlenen, of een interessant verhaal over vertellen?</li>
</ul>
<p><span id="more-890"></span>Als je hier meer over wilt lezen: <a href="http://www.jnd.org/books/emotional-design-why-we-love-or-hate-everyday-things.html" target="_blank">Emotional Design: Why we Love or Hate Everyday Things</a>.</p>
<h2>Emotional design voor websites</h2>
<p>Wat heeft dit nu met het designen van websites te maken? Veel!</p>
<p>Emotional design is nodig om een website een plezier te maken om te gebruiken en er mogelijk een langdurige relatie mee aan te gaan. Je kunt je voorstellen dat het zintuiglijke het daadwerkelijke vormgeven van een product is: kleurgebruik, fotografie, typografie, en compositie.</p>
<p>Functioneel heeft een relatie met de flow, hiërarchie van content, menustructuren van een website, kortom; interactie ontwerpen.</p>
<p>Reflectief kan op verschillende manieren tot uiting komen. In deze tijd van social media kun de gebruiker eventueel in contact komen met andere gebruikers van het product en wanneer zij dan bijvoorbeeld een afbeelding <em>liken</em>, dan geeft dat degene die de afbeelding online plaatste een goed gevoel. Daarom upload hij of zij nog iets en zo komt de gebruiker in een feedbackloop. Social media is een erg direct voorbeeld hiervan. Maar ook binnen een website of juist daarbuiten is zo&#8217;n feedbackloop mogelijk (denk bijvoorbeeld aan herinnering via sms/email). De manier waarop is echter wel erg belangrijk. De gebruiker moet zich niet belaagd voelen.</p>
<h2>Communicatiestrategie</h2>
<p><img class=" wp-image-3366 alignright" alt="Bibendum" src="http://www.hoppinger.com/wp-content/uploads/2013/03/bibendum.jpg" width="125" height="125" /></p>
<p>Dus eigenlijk is het meer dan alleen &#8216;design&#8217;: het gaat richting een communicatiestrategie. En in ons geval een strategie voor online communicatie. Maar hoe communiceert een merk?</p>
<p>Jij en ik zijn personen en zijn gewend op die manier met elkaar te communiceren, maar hoe verloopt de communicatie tussen een merk of produkt en een persoon? Hoe krijgen mensen een emotionele band met een pot jam, of een autoband?</p>
<p>Al vroeg kwamen merken er achter dat zij gebruik konden maken van een verpersoonlijking van waar hun merk voor stond. Een soort ambassadeur. Denk bijvoorbeeld aan <a href="http://nl.wikipedia.org/wiki/Bibendum" target="_blank">Bibendum</a>, het Michelin-mannetje. Of aan <a href="http://nl.wikipedia.org/wiki/Flipje" target="_blank">Flipje</a> uit de Betuwe (van de jam). Hij bestond uit alleen maar fruit en zegt daarmee; onze jam heeft geen ongezonde toevoegingen. Ondanks zijn framboos als lichaam en bessenarmen en -benen leek het een gezonde boerenjongen (op klompen).</p>
<h2>Hoe ontwikkel je een persoonlijkheid?</h2>
<p><img class=" wp-image-3370 alignleft" style="margin-right: 10px;" alt="Flipje uit de Betuwe" src="http://www.hoppinger.com/wp-content/uploads/2013/03/tiel_flipje.jpg" width="125" height="125" /></p>
<p>Maar hoe ontwikkel je een verpersoonlijking voor een tot nu toe anoniem bedrijf? En moet het altijd zo&#8217;n vrolijk figuurtje zijn? Wanneer wij meer willen weten over de doelgroepen van onze klanten stellen wij hen vragen, en maken daaruit <em>persona&#8217;s</em> op. Deze karakterschetsen helpen om te simuleren hoe gebruikers door een website zouden gaan.</p>
<p>Wanneer wij meer willen weten over hoe een bedrijf zich moet uiten kunnen wij een zelfde soort vragen stellen. Hier kan ook een persona uit worden gedestilleerd. Deze persona kan helpen bij onder andere het antwoord geven op de vraag met welke tone-of-voice het bedrijf spreekt, en of er af en toe een grapje mag worden gemaakt. Door zo&#8217;n document te hebben ben je ook gewaarborgd van consistentie in de keuzes.</p>
<p>Toch is het zeker niet zo dat elk merk en product een volledig uitgewerkt personage nodig heeft waar alles tot en met de haarkleur gedefiniëerd is. Neem bijvoorbeeld Nike. Zij hebben geen verzonnen personage die het merk vertegenwoordigd, maar in hun reclameuitingen gebruiken zij atleten als representatie. Zo ontstaat er ook consistentie in tone-of-voice en type beeldmateriaal.</p>
<p>Een ander voorbeeld is GE. Een enorm bedrijf die in verscheidene takken van de industrie actief is. Hoe geef je gezicht aan zo&#8217;n bedrijf? GE deed het door een serie korte films op te nemen waarin medewerkers praten over hun passie voor het werk wat zij doen:</p>
<p><iframe src="http://www.youtube.com/embed/ySwp12Rp8Jk" height="315" width="560" allowfullscreen="" frameborder="0"></iframe></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=h6Il8NSvuJk:gFLk5Ipkp68:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=h6Il8NSvuJk:gFLk5Ipkp68:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?i=h6Il8NSvuJk:gFLk5Ipkp68:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/hoppinger-blog/~4/h6Il8NSvuJk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hoppinger.com/blog/wat-is-emotional-design-en-hoe-kun-je-het-online-toepassen/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hoppinger.com/blog/wat-is-emotional-design-en-hoe-kun-je-het-online-toepassen</feedburner:origLink></item>
		<item>
		<title>Twee handige nieuwe features Campaign monitor</title>
		<link>http://feedproxy.google.com/~r/hoppinger-blog/~3/Rpr2AxCY4cE/twee-handige-nieuwe-features-campaign-monitor</link>
		<comments>http://www.hoppinger.com/blog/twee-handige-nieuwe-features-campaign-monitor#comments</comments>
		<pubDate>Fri, 01 Mar 2013 08:18:20 +0000</pubDate>
		<dc:creator>Eric de Vos</dc:creator>
		
		<guid isPermaLink="false">http://hoppinger.comv/?post_type=blog&amp;p=891</guid>
		<description><![CDATA[Voor de e-mailmarketing tool Campaign Monitor zijn de afgelopen week twee handige nieuwe features uitgekomen: een makkelijk te plaatsen inschrijfknop en een e-mailnotificatie bij nieuwe abonnees. Eenvoudig inschrijven: Subscribe knop We kennen allemaal wel de ‘volg ons op Twitter’ of ‘like ons op Facebook’ knoppen. Er is nu een equivalent waarmee je op een eenvoudige en...]]></description>
				<content:encoded><![CDATA[<p>Voor de e-mailmarketing tool Campaign Monitor zijn de afgelopen week twee handige nieuwe features uitgekomen: een makkelijk te plaatsen inschrijfknop en een e-mailnotificatie bij nieuwe abonnees.</p>
<h2>Eenvoudig inschrijven: Subscribe knop</h2>
<p>We kennen allemaal wel de ‘volg ons op Twitter’ of ‘like ons op Facebook’ knoppen. Er is nu een equivalent waarmee je op <a href="http://www.campaignmonitor.com/blog/post/3936/say-hello-to-the-subscribe-button">een eenvoudige en elegante manier een inschrijfformulier op je website plaatst</a>. Bij het klikken op de knop verschijnt er een pop-up met een formulier, waarvan de velden en teksten makkelijk aan te passen zijn:</p>
<p><a href="http://www.campaignmonitor.com/blog/post/3936/say-hello-to-the-subscribe-button"><img class="alignnone size-full wp-image-1199" alt="cm-inschrijven1" src="http://www.hoppinger.com/assets/cm-inschrijven1.png" width="1046" height="422" /></a><br />
Hieronder de knop in actie:<br/><br />
&nbsp;</p>
<div class="createsend-button" style="height: 22px; display: inline-block;" data-listid="r/65/070/958/15B62405E46D5A02"></div>
<h2>Op de hoogte bij nieuwe abonnees</h2>
<p>Wanneer je actief het abonneebestand wilt monitoren is het prettig om regelmatig een update te krijgen over nieuwe inschrijvingen. Je hoeft deze nu niet meer zelf in het systeem op te zoeken maar kunt direct, per dag, week of maand <a href="http://www.campaignmonitor.com/blog/post/3931/introducing-subscriber-notifications">hier een overzicht van krijgen</a>:</p>
<p><a href="http://www.campaignmonitor.com/blog/post/3931/introducing-subscriber-notifications"><img class="alignnone size-full wp-image-1200" alt="cm-notificatie" src="http://www.hoppinger.com/assets/cm-notificatie.png" width="520" height="574" /></a></p>
<h2>Ook handig: RSS direct in e-mailings</h2>
<p>Een andere interessante feature is het gebruik van RSS-feeds als bron voor nieuwsbrieven. Zo kun je, al dan niet geautomatiseeerd, het laatste nieuws, agenda-items of vacatures vanaf je website in je nieuwsbrief opnemen. Op deze manier kun je eenvoudig content van je website in de nieuwsbrief publiceren!</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=Rpr2AxCY4cE:CmHZE98hWe8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=Rpr2AxCY4cE:CmHZE98hWe8:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?i=Rpr2AxCY4cE:CmHZE98hWe8:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/hoppinger-blog/~4/Rpr2AxCY4cE" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hoppinger.com/blog/twee-handige-nieuwe-features-campaign-monitor/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hoppinger.com/blog/twee-handige-nieuwe-features-campaign-monitor</feedburner:origLink></item>
		<item>
		<title>Google Engage Academy: up-to-date met Adwords en Analytics</title>
		<link>http://feedproxy.google.com/~r/hoppinger-blog/~3/7-V5eQ36Y6k/google-engage-academy-up-to-date-met-adwords-en-analytics</link>
		<comments>http://www.hoppinger.com/blog/google-engage-academy-up-to-date-met-adwords-en-analytics#comments</comments>
		<pubDate>Fri, 15 Jun 2012 08:19:05 +0000</pubDate>
		<dc:creator>Eric de Vos</dc:creator>
		
		<guid isPermaLink="false">http://hoppinger.comv/?post_type=blog&amp;p=892</guid>
		<description><![CDATA[Afgelopen vrijdag togen Paul en ik op uitnodiging van Google naar de Westergasfabriek in Amsterdam, alwaar zo&#8217;n 500 professionals deelnamen aan de Google Engage Academy. Twee sprekers, beide van internetbureau Cardinal Path uit VS/Canada praatten ons bij over de laatste ontwikkelingen op het gebied van online marketing. Online adverteren blijft in de lift David Booth,...]]></description>
				<content:encoded><![CDATA[<p>Afgelopen vrijdag togen Paul en ik op uitnodiging van Google naar de Westergasfabriek in Amsterdam, alwaar zo&#8217;n 500 professionals deelnamen aan de Google Engage Academy. Twee sprekers, beide van internetbureau Cardinal Path uit VS/Canada praatten ons bij over de laatste ontwikkelingen op het gebied van online marketing.</p>
<h3>Online adverteren blijft in de lift</h3>
<p>David Booth, <a href="http://www.cardinalpath.com/author/dbooth/">een begenadigd spreker</a>, vertelde ons in de ochtendsessies meer over de ontwikkelingen in Adwords en de vervanger van Google Website Optimizer: <a href="http://analytics.blogspot.nl/2012/06/helping-to-create-better-websites.html">Content Experiments</a>. Dit alles in de wetenschap dat in Q1 2012 de advertentieuitgaven in de VS van $8 naar $9 miljard stegen in vergelijking met Q1 vorig jaar:</p>
<p>&nbsp;</p>
<p><a href="http://www.iab.net/about_the_iab/recent_press_releases/press_release_archive/press_release/pr-061112?preview=1&amp;psid=1&amp;ph=80e4"><img alt="" src="http://www.iab.net/media/image/pwc-chart-2012-q1.gif" /></a></p>
<p><span id="more-892"></span></p>
<p>Daarnaast geeft onderzoek van Forrester aan dat ook de uitgaven aan mobiele advertenties fors zullen stijgen:<a href="http://adage.com/article/digital/interactive-marketing-spend-hit-76-6b-2016/229444/"> in 2016 zal er 38% meer budget aan worden</a> besteed.</p>
<h3>Google Adwords: 2 nieuwe tips&amp;trucs</h3>
<p>Enkele recente nieuwe features in Adwords maken  het mogelijk om op deze ontwikkelingen in te spelen en zo meer rendement uit je advertenties te halen. De twee belangrijkste lichten we eruit:</p>
<ul>
<li>Naast de Conversion optimizer, is nu ook de <a href="http://adwords.blogspot.nl/2012/04/display-campaign-optimizer-available-to.html">Display Campaign Optimizer</a> voor alle adverteerders beschikbaar. Deze indrukwekkende tool gebruikt meer dan 1000 variabelen om de optimale plek voor jouw banner te bepalen. Belangrijk, aangezien het advertentiebudget van het Display Network al bijna gelijk is aan Search Ads.</li>
</ul>
<p><iframe width="560" height="315" src="http://www.youtube.com/embed/zwn9gVOztcc" frameborder="0" allowfullscreen></iframe></p>
<ul>
<li>Om advertenties <a href="http://searchengineland.com/adwords-gets-more-granular-with-new-mobile-targeting-options-108478">beter te kunnen richten op mobiele gebruikers</a> kun je nu uitgebreid filteren op merk telefoon, besturingssysteem (iOS, Android, zelfs op versie) maar ook of iemand via WiFi of provider (KPN/Vodafone/T-Mobile) met het internet is verbonden. Dit helpt je om te bepalen of iemand rustig op de bank zit of haastig onderweg is:</li>
</ul>
<p><img title="OSV Targeting" alt="" src="http://searchengineland.com/figz/wp-content/seloads/2012/01/OSV-Targeting-600x322.png" width="600" height="322" /></p>
<h3>Testen, testen en nog eens testen</h3>
<p>David schreef een boek over de Google Website Optimizer, een tool waarmee je (gratis) A/B en multivariate testen kon doen. Per 1 augustus wordt deze vervangen door <a href="http://analytics.blogspot.nl/2012/06/helping-to-create-better-websites.html">Content Experiments</a>, die zullen worden geïntegreerd in Google Analytics.</p>
<p>Hij gaf een uitgebreide demo hoe deze krachtige tool de verbeteringen aan je website kan laten testen. Want testen is de enige manier om te zien hoe deze wijzigingen uitpakken. En het mooie is: bezoekers zullen niet eens doorhebben dat ze worden getest!<br />
<iframe width="560" height="315" src="http://www.youtube.com/embed/TGrujIh2H0I" frameborder="0" allowfullscreen></iframe></p>
<h3></h3>
<h3>Overtuig je bezoekers: conversies</h3>
<p>Centraal bij het verbeteren van je website staat het optimaliseren van het aantal conversies: het behalen van de gewenste doelen op je website. Een aantal basisprincipes die je hierbij in gedachten kunt houden:</p>
<ul>
<li>Verplaats je in de gedachten van de bezoeker, veel beslissingen zijn emotioneel, niet rationeel</li>
<li>Bekijk in Analytics welke pagina het minst presteert in je &#8216;verkooptrechter&#8217;, hier is het makkelijkst  winst te behalen</li>
<li>&#8220;Free&#8221; of &#8220;Gratis&#8221; is nog altijd een zeer krachtige trigger voor mensen</li>
<li>Mensen willen geleidt worden, actief vertellen wat ze moeten doen: &#8220;Koop dit product&#8221; of &#8220;Maak een account aan&#8221;</li>
<li>Bij het gebruik van beeld: mensen kijken graag naar mensen, zorg dat hun ogen op de volgende gewenste actie zijn gericht.</li>
</ul>
<p>Een interessante tool om goede landingspagina&#8217;s te maken en testen is Unbounce, die in een blog <a href="http://unbounce.com/landing-page-examples/20-landing-page-designs-get-picked-apart-analyzed-for-conversion/">20 voorbeelden van goede/slechte conversiepagina&#8217;s geven</a>.</p>
<h3>Google Analytics: meten is weten</h3>
<p>Om zaken aan je website te kunnen optimaliseren is het van belang dat je beschikt over goede data. Zo is het essentieel om te bepalen welke <em>doelen</em> je website kent en idealiter zijn deze ook in Google Analytics ingesteld. Op deze manier kun je bepalen welke zoekwoorden, externe links of advertenties uiteindelijk het meeste resultaat opleverden. En vervolgens kun je je marketinginspanning op deze bronnen (referals, organic search, Adwords?) richten.</p>
<h3>Remarketing: grote kans of ronduit irritant?</h3>
<p>Je kent het waarschijnlijk wel: je bekeek een paar sneakers in een webshop en vervolgens krijg je dat paar sneakers de rest van de week als advertentie op andere websites te zien. <em>Remarketing</em> is iets dat je zelf redelijk makkelijk kunt doen met Adwords in het Display network. Wanneer mensen een bepaalde pagina hebben bekeken &#8216;zet je ze op een lijst&#8217; (of eigenlijk een cookie op hun computer). Vervolgens kun je deze mensen specifieke advertenties tonen. Let wel op dat je dit niet té specifiek doet, mensen zijn over het algemeen erg op hun privacy gesteld en houden er niet van bespied te worden.</p>
<p><iframe width="560" height="315" src="http://www.youtube.com/embed/TGrujIh2H0I" frameborder="0" allowfullscreen></iframe><br />
Al met al was het een zeer interessante dag met een hoop handige tips die we binnenkort voor onze klanten in de praktijk kunnen brengen. Benieuwd welke zaken voor jou interessant zijn? Wij denken graag eens met je mee!</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=7-V5eQ36Y6k:dIplK8Dqr50:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=7-V5eQ36Y6k:dIplK8Dqr50:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?i=7-V5eQ36Y6k:dIplK8Dqr50:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/hoppinger-blog/~4/7-V5eQ36Y6k" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hoppinger.com/blog/google-engage-academy-up-to-date-met-adwords-en-analytics/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hoppinger.com/blog/google-engage-academy-up-to-date-met-adwords-en-analytics</feedburner:origLink></item>
		<item>
		<title>Onze Post-it kerstboom in meer dan 20.000 foto’s</title>
		<link>http://feedproxy.google.com/~r/hoppinger-blog/~3/yesQnbkIQ1g/onze-post-it-kerstboom-in-meer-dan-20-000-fotos</link>
		<comments>http://www.hoppinger.com/blog/onze-post-it-kerstboom-in-meer-dan-20-000-fotos#comments</comments>
		<pubDate>Fri, 23 Dec 2011 08:20:00 +0000</pubDate>
		<dc:creator>Eric de Vos</dc:creator>
		
		<guid isPermaLink="false">http://hoppinger.comv/?post_type=blog&amp;p=893</guid>
		<description><![CDATA[Onze ontwerper Arno bedacht dit kerstlandschap van Post-its op onze 6 meter hoge glazen gevels. Op een zaterdag werd er door een team zeven uur geplakt met een fantastisch resultaat! Roelof de Vries van Little Planet heeft alles in meer dan 20.000 foto&#8217;s vastgelegd en hier een fraaie timelapse video van gemaakt. Wij wensen je...]]></description>
				<content:encoded><![CDATA[<p><iframe src="http://player.vimeo.com/video/34101189?color=c9ff23" height="320" width="569" frameborder="0"></iframe></p>
<p>Onze ontwerper Arno bedacht dit kerstlandschap van Post-its op onze 6 meter hoge glazen gevels. Op een zaterdag werd er door een team zeven uur geplakt met een fantastisch resultaat!</p>
<p>Roelof de Vries van <a href="http://www.littleplanet.nl">Little Planet</a> heeft alles in meer dan 20.000 foto&#8217;s vastgelegd en hier een fraaie timelapse video van gemaakt.</p>
<p>Wij wensen je hele fijne feestdagen en een succesvol 2012!</p>
<p>De Hoppingers</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=yesQnbkIQ1g:2HBzboFhPCg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=yesQnbkIQ1g:2HBzboFhPCg:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?i=yesQnbkIQ1g:2HBzboFhPCg:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/hoppinger-blog/~4/yesQnbkIQ1g" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hoppinger.com/blog/onze-post-it-kerstboom-in-meer-dan-20-000-fotos/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hoppinger.com/blog/onze-post-it-kerstboom-in-meer-dan-20-000-fotos</feedburner:origLink></item>
		<item>
		<title>Drupal Tech Talk op 19 mei in Rotterdam</title>
		<link>http://feedproxy.google.com/~r/hoppinger-blog/~3/_8ZFDCnfOR8/drupal-tech-talk-op-19-mei-in-rotterdam</link>
		<comments>http://www.hoppinger.com/blog/drupal-tech-talk-op-19-mei-in-rotterdam#comments</comments>
		<pubDate>Fri, 29 Apr 2011 07:20:54 +0000</pubDate>
		<dc:creator>Eric de Vos</dc:creator>
		
		<guid isPermaLink="false">http://hoppinger.comv/?post_type=blog&amp;p=894</guid>
		<description><![CDATA[Op donderdag 19 mei zal het eerste Drupal Tech Talk evenement in Rotterdam plaatsvinden. Een evenement voor en door Drupal ontwikkelaars, waarbij dieper wordt ingegaan op een aantal onderdelen van Drupal. De Drupal Tech Talk is gericht op coders, de inhoud is technisch diepgaand. Tijdens een tweetal sessies wordt er uitleg gegeven over het bouwen...]]></description>
				<content:encoded><![CDATA[<p>Op <strong>donderdag 19 mei </strong>zal het eerste Drupal Tech Talk evenement in Rotterdam<br />
plaatsvinden. Een evenement voor en door Drupal ontwikkelaars, waarbij dieper<br />
wordt ingegaan op een aantal onderdelen van Drupal. De Drupal Tech Talk is<br />
gericht op coders, de inhoud is technisch diepgaand.</p>
<p><img class="size-full wp-image-1201 alignleft" alt="Drupal" src="http://www.hoppinger.com/assets/Drupal.png" width="100" height="100" />Tijdens een tweetal sessies wordt er uitleg gegeven<br />
over het bouwen van custom Drupal modules en het geautomatiseerd uitrollen van<br />
Drupal installaties (gedetailleerde informatie hieronder). Tijdens deze<br />
presentaties en is er gelegenheid voor interactie, vragen en opmerkingen.</p>
<p>Locatie: Hoppinger (<a href="http://www.hoppinger.com/contact/">http://www.hoppinger.com/contact/</a>)</p>
<p><strong>Sessie 1 &#8211; Drupal Module Development</strong><br />
Jur de Vries (<a title="website Triquanta" href="http://www.triquanta.nl" target="_blank">Triquanta</a>)<br />
In deze presentatie zullen we het hebben over de vragen die op kunnen komen als je zelf modules voor Drupal gaat ontwikkelen.<br />
Hoe zit een Drupal module in elkaar? Wat zijn de belangrijkste hooks? Is het verstandig om object georiënteerd te werken? Wat zijn de richtlijnen om je module ook in de Drupal community geaccepteerd te krijgen? Wat zijn de bekende valkuilen waar programmeurs in trappen? Het schrijven van een goede Drupal module hoeft niet ingewikkeld te zijn, als je weet waar je de juiste informatie kan vinden.</p>
<p><strong>Sessie 2 – Drupal automatisering</strong><br />
Veel ontwikkelaars zijn ermee bezig of kennen het probleem in ieder geval. Het geautomatiseerd uitrollen van Drupal projecten is niet zo eenvoudig als het lijkt. Zeker wanneer een project in meerdere fasen opgeleverd wordt en wanneer er met een team aan wordt gewerkt, is het overzetten van ontwikkel- of testomgeving naar een live website, geen eenvoudige klus. Veel configuratie van Drupal zit immers in de database en die wil je nu juist op de live website niet overschrijven bij het uitrollen van een nieuwe fase. Ook het uitvoeren van een roll-back indien nodig brengt de nodige uitdaging met zich mee. Tijdens deze presentatie wordt de gekozen automatiseringsrichting van Hoppinger getoond en wordt toegelicht hoe dit werkt.</p>
<p>Inschrijven kan op <a href="http://drupal.nl/evenement/drupal-tech-talk">http://drupal.nl/evenement/drupal-tech-talk</a></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=_8ZFDCnfOR8:UX_ZFpLcjeg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/hoppinger-blog?a=_8ZFDCnfOR8:UX_ZFpLcjeg:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/hoppinger-blog?i=_8ZFDCnfOR8:UX_ZFpLcjeg:D7DqB2pKExk" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/hoppinger-blog/~4/_8ZFDCnfOR8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.hoppinger.com/blog/drupal-tech-talk-op-19-mei-in-rotterdam/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://www.hoppinger.com/blog/drupal-tech-talk-op-19-mei-in-rotterdam</feedburner:origLink></item>
	<media:rating>nonadult</media:rating></channel>
</rss>
