<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	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/"
	>

<channel>
	<title>Langdradig</title>
	<atom:link href="http://langdradig.nl/feed/" rel="self" type="application/rss+xml" />
	<link>http://langdradig.nl</link>
	<description>Internetoplossingen voor iedereen.</description>
	<lastBuildDate>Mon, 19 Apr 2010 12:31:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Sjoerd Westbroek’s website is nu on-line</title>
		<link>http://langdradig.nl/2010/03/21/sjoerd-westbroeks-website-is-nu-on-line/</link>
		<comments>http://langdradig.nl/2010/03/21/sjoerd-westbroeks-website-is-nu-on-line/#comments</comments>
		<pubDate>Sun, 21 Mar 2010 12:12:39 +0000</pubDate>
		<dc:creator>Mark Lindhout</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Nieuws]]></category>
		<category><![CDATA[Opleveringen]]></category>
		<category><![CDATA[Projecten]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[beelden kunstenaar]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[kunstenaar]]></category>
		<category><![CDATA[sjoerd]]></category>
		<category><![CDATA[sjoerdwestbroek]]></category>
		<category><![CDATA[website]]></category>
		<category><![CDATA[westbroek]]></category>

		<guid isPermaLink="false">http://langdradig.nl/?p=994</guid>
		<description><![CDATA[Met gepaste trots presenteer ik de nieuwe website van de beeldend kunstenaar Sjoerd Westbroek: sjoerdwestbroek.nl Deze website is gebouwd met WordPress (en een heleboel hard werk natuurlijk), en maakt gebruik van WordPress versie 2.9. Een aantal bijzonderheden van deze website zal ik hieronder toelichten. In-line verificatie van formulieren Als een bezoeker van de website een [...]]]></description>
			<content:encoded><![CDATA[<p><a  href="http://sjoerdwestbroek.nl"><img class="size-medium wp-image-1008 alignright" title="Sjoerd Westbroek: Home page" src="http://langdradig.nl/wp-content/uploads/2010/03/sw-screenshot-200x179.png" alt="Sjoerd Westbroek: Home page" width="200" height="179" /></a>Met gepaste trots presenteer ik de nieuwe website van de beeldend kunstenaar Sjoerd Westbroek: <a  href="http://sjoerdwestbroek.nl" title="http://sjoerdwestbroek.nl" target="_blank">sjoerdwestbroek.nl</a></p>
<p>Deze website is gebouwd met WordPress (en een heleboel hard werk natuurlijk), en maakt gebruik van WordPress versie 2.9. Een aantal bijzonderheden van deze website zal ik hieronder toelichten.<br />
<span id="more-994"></span></p>
<h3>In-line verificatie van formulieren</h3>
<div id="attachment_999" class="wp-caption alignright" style="width: 219px"><img class="size-full wp-image-999" title="Sjoerd Westbroek: E-mail geldig?" src="http://langdradig.nl/wp-content/uploads/2010/03/sw-email-valid.png" alt="Sjoerd Westbroek: E-mail geldig?" width="209" height="136" /><p class="wp-caption-text">E-mail foutmelding</p></div>
<p>Als een bezoeker van de website een reactie wil plaatsen, of het contactformulier invult, moet er natuurlijk wel bekeken worden of alle essentiële informatie is ingevuld. Een bericht heeft niet zo veel betekenis als je niet weet wie de verzender is, bijvoorbeeld. Daarom is in het WordPress-template voor Sjoerd’s website een verificatie ingebouwd met behulp van <a  href="http://jquery.com/">jQuery</a> en de jQuery plug-in <a  href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">Validate</a>.</p>
<p>Het werkt echt heel mooi, en geeft de bezoeker al tijdens het invullen op– en aanmerkingen als het niet goed is. Als je bijvoorbeeld een e-mailadres invult zonder ‘@’, zal een boodschap verschijnen die je er op wijst dat het adres niet klopt.</p>
<h3>Automatische Fotogalerij</h3>
<div id="attachment_1002" class="wp-caption alignright" style="width: 210px"><a  href="http://langdradig.nl/wp-content/uploads/2010/03/sw-in-line-gallery.png" class="thickbox no_icon" rel="gallery-994" title="Sjoerd Westbroek: Fotogalerij"><img class="size-medium wp-image-1002" title="Sjoerd Westbroek: Fotogalerij" src="http://langdradig.nl/wp-content/uploads/2010/03/sw-in-line-gallery-200x114.png" alt="Sjoerd Westbroek: Fotogalerij" width="200" height="114" /></a><p class="wp-caption-text">Fotogalerij</p></div>
<p>Op het moment dat een foto wordt ge-upload via de gemakkelijke WordPress interface, zal deze automatisch in de fotogalerij bij de tekst verschijnen. De foto’s ook naar eigen inzicht in de tekst geplaatst worden, dus een zeer vrije methode om te gaan met beeldmateriaal.</p>
<p>De foto’s zijn op een gemakkelijke manier op groter formaat te bekijken dankzij de <a  href="http://wordpress.org/extend/plugins/lightbox-2/">Lightbox-plugin</a> die is gebruikt op Sjoerd’s website. Dit stelt je in staat gemakkelijk door de foto’s te bladeren zonder de pagina te verlaten.</p>
<h3>Professioneel Ontwerp</h3>
<div id="attachment_998" class="wp-caption alignright" style="width: 210px"><a  href="http://langdradig.nl/wp-content/uploads/2010/03/sw-tabs.png" class="thickbox no_icon" rel="gallery-994" title="Sjoerd Westbroek: Menu Tabs"><img class="size-medium wp-image-998" title="Sjoerd Westbroek: Menu Tabs" src="http://langdradig.nl/wp-content/uploads/2010/03/sw-tabs-200x82.png" alt="Sjoerd Westbroek: Menu Tabs" width="200" height="82" /></a><p class="wp-caption-text">De menu-tabs op de website van Sjoerd Westbroek.</p></div>
<p>Een website is natuurlijk niets zonder een goed ontwerp van layout en interface. In dit geval was het de bedoeling dat de werken van de kunstenaar de site zouden dragen, en daarom is het ontwerp terughoudend en eenvoudig gehouden, met een focus op typografie en leesbaarheid.</p>
<p>Voor de kopteksten en de titel van de site is het lettertype <a  href="http://www.josbuivenga.demon.nl/anivers.html">Anivers</a> van de typograaf Jos Buivenga gebruikt. Anivers is een gratis beschikbaar lettertype. Het is een fijne, goed uitgedachte letter met prachtige tussenruimtes en ligaturen. Een grondig, professioneel lettertype dat ideaal is om de schreefletter van de broodtekst op deze site te ondersteunen.</p>
]]></content:encoded>
			<wfw:commentRss>http://langdradig.nl/2010/03/21/sjoerd-westbroeks-website-is-nu-on-line/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gekleurde syntax voor PHP in nano</title>
		<link>http://langdradig.nl/2010/02/16/gekleurde-syntax-voor-php-in-nano/</link>
		<comments>http://langdradig.nl/2010/02/16/gekleurde-syntax-voor-php-in-nano/#comments</comments>
		<pubDate>Tue, 16 Feb 2010 10:56:36 +0000</pubDate>
		<dc:creator>Mark Lindhout</dc:creator>
				<category><![CDATA[Het Laboratorium]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Vaktechniek]]></category>
		<category><![CDATA[bash]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[editor]]></category>
		<category><![CDATA[kleurtjes]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[nano]]></category>
		<category><![CDATA[syntax]]></category>
		<category><![CDATA[syntax highlighting]]></category>
		<category><![CDATA[syntaxis]]></category>
		<category><![CDATA[text editor]]></category>

		<guid isPermaLink="false">http://langdradig.nl/?p=983</guid>
		<description><![CDATA[Omdat ik zelf vaak nano gebruik bij het aanpassen van .php en .html bestanden, vond ik het een aangename verrassing om er achter te komen dat deze fijne editor ook syntax highlighting ondersteunt. Dit betekent dat code niet langer een onoverzichtelijke klont tekens is. Duidelijk zijn nu de functies te herkennen en variabelen aan te [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_985" class="wp-caption alignright" style="width: 291px"><img class="size-full wp-image-985" title="Syntax-highlighting in nano voor PHP" src="http://langdradig.nl/wp-content/uploads/2010/02/nano-syntax-highlighting-php.png" alt="Syntax-highlighting in nano voor PHP" width="281" height="270" /><p class="wp-caption-text">Gekleurde syntax in nano voor PHP</p></div>
<p>Omdat ik zelf vaak <code>nano</code> gebruik bij het aanpassen van <code>.php</code> en <code>.html</code> bestanden, vond ik het een aangename verrassing om er achter te komen dat deze fijne editor ook <em>syntax highlighting</em> ondersteunt.</p>
<p>Dit betekent dat code niet langer een onoverzichtelijke klont tekens is. Duidelijk zijn nu de functies te herkennen en variabelen aan te passen. Daarbij vergeet je niet meer zo gemakkelijk een haakje, aanhalingsteken of komma. Ideaal dus!</p>
<h3>Hoe doe je dat dan?</h3>
<p>Heel simpel. Als volgt:</p>
<p><span id="more-983"></span><strong>1:</strong> Log in op je systeem, en –als je daar al niet was– ga naar je thuis-map.</p>
<p><strong>2:</strong> Maak je een bestand aan dat <code>.nanorc</code> heet. Dit bestand wordt iedere keer geladen als je nano opent, en daarin bevinden zich straks de syntaxis-definities die je wilt gebruiken. Als het bestand al bestaat, dan ga je door naar de volgende stap.</p>
<p><strong>3:</strong> Open het bestand .nanorc met je favoriete editor, en plaats de volgende code in het bestand:</p>
<p><code>syntax "php" "\.php[2345s~]?$"<br />
color brightblue start="&lt;\?(php)?" end="\?&gt;"<br />
color blue start="&lt;[^\?]" end="[^\?]&gt;"<br />
color red "(var|class|function|echo|case|break|default|exit|switch|if|else|elseif|@|while)\s"<br />
color cyan "\$[a-zA-Z_0-9]*"<br />
color cyan "(\[)|(\])"<br />
color red "="<br />
color green "[,{}()]"<br />
color green "=="<br />
color white "('[^']*')|(\"[^"]*\")"<br />
color yellow start="&lt;!--" end="--&gt;"<br />
color yellow start="/\*" end="\*/"<br />
color yellow start="#" end="$"<br />
color yellow start="//" end="$"</code><br />
<strong> </strong></p>
<p><strong>4:</strong> Sla het bestand op, en je bent klaar om naar hartenlust PHP te bewerken met blitse kleurtjes!</p>
<p>Je kunt natuurlijk experimenteren met de kleuren, en het veranderen naar wat je het beste bevalt.</p>
<h3>Drupal Bestandsextensies</h3>
<p>Ook kun je in de lijst met bestands-extensies (regel 1) extensies toevoegen zodat ook deze als PHP-code worden beschouwd. Drupal gebruikt voor zijn modules bijvoorbeeld extra extensies terwijl de code wel degelijk PHP is. Om nano alle drupal-extensies ook te laten herkennen, vervang je de eerste regel van het stuk code hierboven met:</p>
<p><code>syntax "php" "\.php[2345s~]?$" "\.module?$" "\.inc?$" "\.theme?$" "\.engine?$" "\.install?$"</code></p>
<h3>Andere talen</h3>
<p>Niet alleen PHP, maar ook allerlei andere talen hebben syntax-highlighting in <code>nano</code> op deze manier. Voor een uitgebreide lijst kun je <a  href="http://wiki.linuxhelp.net/index.php/Nano_Syntax_Highlighting">op LinuxWiki kijken</a>. Deze link is in het Engels, maar de stukjes code zijn gewoon te kopiëren. Deze wijzen zich vanzelf.</p>
<p>Mocht je nog vragen hebben, laat een bericht achter!</p>
]]></content:encoded>
			<wfw:commentRss>http://langdradig.nl/2010/02/16/gekleurde-syntax-voor-php-in-nano/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ZIPnet website nu on-line!</title>
		<link>http://langdradig.nl/2010/01/29/zipnet-website-afgerond/</link>
		<comments>http://langdradig.nl/2010/01/29/zipnet-website-afgerond/#comments</comments>
		<pubDate>Fri, 29 Jan 2010 12:22:05 +0000</pubDate>
		<dc:creator>Mark Lindhout</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Nieuws]]></category>
		<category><![CDATA[Opleveringen]]></category>
		<category><![CDATA[Projecten]]></category>
		<category><![CDATA[Vaktechniek]]></category>
		<category><![CDATA[CMS]]></category>
		<category><![CDATA[content management system]]></category>
		<category><![CDATA[debian]]></category>
		<category><![CDATA[dovecot]]></category>
		<category><![CDATA[e-mail]]></category>
		<category><![CDATA[infectie]]></category>
		<category><![CDATA[lighttpd]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[postfix]]></category>
		<category><![CDATA[preventie]]></category>
		<category><![CDATA[server]]></category>
		<category><![CDATA[usabilty]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[ZIPnet]]></category>
		<category><![CDATA[zorg]]></category>
		<category><![CDATA[zorg infectie preventie]]></category>
		<category><![CDATA[zorgcentra]]></category>
		<category><![CDATA[zorgcentrum]]></category>

		<guid isPermaLink="false">http://langdradig.nl/?p=907</guid>
		<description><![CDATA[De website zipnet.nl is opgeleverd. Deze website is de kern van het Zorg Infectie Preventie netwerk, dat is opgericht om zorginstellingen te voorzien van documentatie, regels, protocollen en checklists om in de dagelijkse praktijk te gebruiken. Het is dus een belangrijk stuk gereedschap voor de zorg, en de eerste reacties zijn zeer positief! Dit platform [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_913" class="wp-caption alignright" style="width: 201px"><a  href="http://langdradig.nl/wp-content/uploads/2010/01/zipnet-home.png" class="thickbox no_icon" rel="gallery-907" title="De ZIPnet homepage"><img class="size-medium wp-image-913" title="De ZIPnet homepage" src="http://langdradig.nl/wp-content/uploads/2010/01/zipnet-home-191x200.png" alt="De homepage van de ZIPnet website voor het Zorg Infectie Preventie netwerk." width="191" height="200" /></a><p class="wp-caption-text">De ZIPnet website.</p></div>
<p>De website <a  title="Zorg Infectie Preventie Netwerk" href="http://zipnet.nl" target="_blank">zipnet.nl</a> is opgeleverd. Deze website is de kern van het Zorg Infectie Preventie netwerk, dat is opgericht om zorginstellingen te voorzien van documentatie, regels, protocollen en checklists om in de dagelijkse praktijk te gebruiken. Het is dus een belangrijk stuk gereedschap voor de zorg, en de eerste reacties zijn zeer positief!</p>
<p>Dit platform is gerealiseerd met 100% open source software.</p>
<p>Hieronder volgt een korte presentatie van de website.<span id="more-907"></span></p>
<h2>Grafisch ontwerp</h2>
<p>Langdradig heeft het complete grafisch ontwerp van de website voor zijn rekening genomen. Extra aandacht ging hierbij naar duidelijkheid voor de lezers, en een goed te gebruiken content management system. Een paar bijzondere details uitgelicht:</p>
<h3>Inloggen</h3>
<div id="attachment_914" class="wp-caption alignright" style="width: 185px"><img class="size-full wp-image-914" title="ZIPnet Login-veld" src="http://langdradig.nl/wp-content/uploads/2010/01/zipnet-login.png" alt="ZIPnet Login-veld" width="175" height="114" /><p class="wp-caption-text">Login-veld op de ZIPnet website met extra informatie.</p></div>
<p>Inloggen op het ZIPnet is belangrijk. Langdradig combineerde esthetiek met functionaliteit, door de informatie met jQuery-tooltips te laten verschijnen waar nodig. Voor de nieuwsgierigen: <a  title="jQuery: Open source javascript library" href="http://jquery.com/">jQuery</a> is een open source javascript-bibliotheek. De kleine afbeeldingen in de velden zijn afkomstig uit de iconen-set <em>Fugue</em> van <a  title="Fugue icon set van Pinvoke" href="http://pinvoke.com/" target="_blank">Pinvoke</a>.</p>
<h3>Kleurstelling, Typografie, Regelafstand, Printversie</h3>
<p>De kleuren van het ZIPnet zijn zo gekozen dat de leesbaarheid maximaal is. Er is gekozen voor een duidelijke scheiding tussen inhoud en functionele elementen, en de inhoud is geoptimaliseerd om goed leesbaar te zijn op het scherm.</p>
<div id="attachment_936" class="wp-caption alignright" style="width: 135px"><img class="size-full wp-image-936" title="ZIPnet Printversie" src="http://langdradig.nl/wp-content/uploads/2010/01/zipnet-printversie.png" alt="ZIPnet Printversie" width="125" height="44" /><p class="wp-caption-text">Print-link bij ieder artikel.</p></div>
<p>In de praktijk worden vaak afdrukken worden gemaakt van webpagina’s om deze later op de werkvloer uit te delen of op het prikbord te plakken. Daarom is er specifiek veel aandacht besteed aan de print-versie van pagina’s op het ZIPnet.</p>
<h3>Documenten, Protocollen, Checklists</h3>
<div id="attachment_941" class="wp-caption alignright" style="width: 173px"><img class="size-full wp-image-941" title="Documenten met kenmerkend icoon" src="http://langdradig.nl/wp-content/uploads/2010/01/zipnet-icons.png" alt="Documenten met kenmerkend icoon" width="163" height="116" /><p class="wp-caption-text">Documenten met kenmerkend icoon</p></div>
<p>Alle documenten die op het ZIPnet worden bewaard zijn duidelijk herkenbaar door een eigen kenmerkend icoon. De categorieen maken het gemakkelijk snel te vinden wat men zoekt.</p>
<h2>Techniek</h2>
<h3>Gebruikersonderzoek, Usability, Gebruiksvriendelijkheid</h3>
<p>Voor de indeling en plaatsing is samengewerkt met <a  title="Fenne Verhoeven" href="http://www.gw.utwente.nl/pcgr/mw/verhoeven/">Fenne Verhoeven</a> van de universiteit Twente. Zij heeft de gebruikersonderzoeken gedaan. Met haar resultaat en advies hebben we de gebruiksvriendelijkheid verhoogd, de informatie toegankelijker gemaakt, en de website in zijn geheel prettig in het  gebruik gemaakt. Bedankt Fenne!</p>
<h3>Open Source? Jazeker!</h3>
<p>Wie beweert dat je met open source software geen professionele webapplicaties kunt neerzetten zit er behoorlijk naast. Langdradig ontwikkelde dit platform met Drupal. Maar dat is niet het enige open source component, want de oplossing is 100% open source. Van het besturingssysteem en de webserver tot de e-mailserver en het CMS. Een overzicht van de gebruikte software hieronder:</p>
<table width="100%">
<thead>
<tr>
<th>Software</th>
<th>Gebruikt voor:</th>
</tr>
</thead>
<tbody>
<tr style="text-align: left;">
<td><strong><a  title="The Universal Operating System" href="http://www.debian.org/" target="_blank">Debian</a><br />
</strong></td>
<td>Besturingssysteem: Zeer stabiele en veilige Linux-variant.</td>
</tr>
<tr>
<td><a  title="Lighttpd, Fly Light" href="http://www.lighttpd.net/" target="_blank"><strong>Lighttpd</strong></a></td>
<td>Webserver: Zeer snel, gebruikt weinig ram, gemakkelijke configuratie.</td>
</tr>
<tr>
<td><a  title="Postfix" href="http://www.postfix.org/" target="_blank"><strong>Postfix</strong></a></td>
<td>E-mail: Mail Transfer Agent</td>
</tr>
<tr>
<td><a  title="Dovecot" href="http://www.dovecot.org/" target="_blank"><strong>Dovecot</strong></a></td>
<td>E-mail: POP3-server met beveiligde login.</td>
</tr>
<tr>
<td><a  title="PHP: Hypertext Preprocessor" href="http://php.net/" target="_blank"><strong>PHP</strong></a></td>
<td>Scripttaal</td>
</tr>
<tr>
<td><a  title="Drupal: Community Plumbing." href="http://drupal.org/" target="_blank"><strong>Drupal</strong></a></td>
<td>Content management system</td>
</tr>
<tr>
<td><a  title="jQuery: The Write Less, Do More, JavaScript Library" href="http://jquery.com/" target="_blank"><strong>jQuery</strong></a></td>
<td>Javascript bibliotheek: Effecten, DOM manipulatie, AJAX.</td>
</tr>
</tbody>
</table>
<p>Natuurlijk zijn er nog veel meer pakketten die onderdeel vormen van bijvoorbeeld Linux of Drupal die ik niet genoemd heb, maar de bovenstaande zijn speciaal gebruikt om het ZIPnet te realiseren.</p>
]]></content:encoded>
			<wfw:commentRss>http://langdradig.nl/2010/01/29/zipnet-website-afgerond/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Het grote verschil in e-mails</title>
		<link>http://langdradig.nl/2010/01/19/het-grote-verschil-in-e-mails/</link>
		<comments>http://langdradig.nl/2010/01/19/het-grote-verschil-in-e-mails/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 13:08:20 +0000</pubDate>
		<dc:creator>Mark Lindhout</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Vaktechniek]]></category>
		<category><![CDATA[e-mail]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[html e-mail]]></category>
		<category><![CDATA[mail]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[plain text]]></category>
		<category><![CDATA[plain text e-mail]]></category>
		<category><![CDATA[post]]></category>

		<guid isPermaLink="false">http://langdradig.nl/?p=865</guid>
		<description><![CDATA[E-mail is iets wat we allemaal waarschijnlijk al dagelijks gebruiken. Het is snel, overzichtelijk, en stelt je in staat bestanden te versturen. Maar wist je dat e-mail in twee ‘smaken’ bestaat? Niet? Dan hier een kleine uitleg. Plain Text E-mail Allereerst is er de oorspronkelijke platte tekst-variant, ofwel plain text e-mail. Deze bestaat uit pure [...]]]></description>
			<content:encoded><![CDATA[<p>E-mail is iets wat we allemaal waarschijnlijk al dagelijks gebruiken. Het is snel, overzichtelijk, en stelt je in staat bestanden te versturen. Maar wist je dat e-mail in twee ‘smaken’ bestaat? Niet? Dan hier een kleine uitleg.</p>
<h3>Plain Text E-mail</h3>
<div id="attachment_891" class="wp-caption alignright" style="width: 210px"><a  href="http://langdradig.nl/wp-content/uploads/2010/01/e-mail-zonder-opmaak.png" class="thickbox no_icon" rel="gallery-865" title="De E-mail zonder opmaak"><img class="size-medium wp-image-891" title="De E-mail zonder opmaak" src="http://langdradig.nl/wp-content/uploads/2010/01/e-mail-zonder-opmaak-200x186.png" alt="De E-mail zonder opmaak" width="200" height="186" /></a><p class="wp-caption-text">De E-mail zonder opmaak</p></div>
<p>Allereerst is er de oorspronkelijke platte tekst-variant, ofwel <em>plain text e-mail</em>. Deze bestaat uit pure tekst, en er kan geen opmaak van de tekst worden meegezonden. Dat betekent dat e-mails er visueel behoorlijk vlak kunnen uitzien. Het beeld wat men normaal krijgt is een beetje als een brief die is geschreven op een ouderwetse typemachine. Deze e-mails kunnen wel gewoon afbeeldingen, documenten en dergelijk als attachment hebben. In die zin is het dus prcies waar e-mail voor bedoeld is, en het zal u dan ook niets verbazen dat dit de ouderwetse, oorspronkelijke variant is zoals die al sinds ongeveer 1971 bestaat.<span id="more-865"></span></p>
<h3>E-mail met opmaak</h3>
<p>Een andere, modernere variant is de e-mail met opmaak. Deze stelt je in staat om opmaak, afbeeldingen en kleuren meet te sturen, en zo je eigen draai te geven aan de boodschap. Het voordeel is dat je de e-mail visueel kan laten onderscheiden van de rest, en attachments werken ook zonder problemen, dus puur functioneel gezien is er geen verschil. Deze variant is wat moderner, en is pas sinds ongeveer 1995 in gebruik.</p>
<h3>Wat is nu beter?</h3>
<p>Dat hang heel erg af van wat –en wie– je wilt bereiken. Als je wilt communiceren om informatie over te dragen zou je denken dat beide varianten in aanmerking komen. Er bestaat bij de e-mail met opmaak echter geen enkele garantie dat de ontvanger de e-mail zo ziet als de verzender hem bedoeld heeft. Een klein voorbeeld vindt u in de afbeelding, waar naast elkaar tweemaal dezelfde e-mail wordt weergegeven, bij de verzender en de ontvanger. Zoals je wel ziet lijken de twee e-mails met opmaak niet echt op elkaar!</p>
<div id="attachment_880" class="wp-caption alignright" style="width: 149px"><a  href="http://langdradig.nl/wp-content/uploads/2010/01/e-mail-opmaak-mac.png" class="thickbox no_icon" rel="gallery-865" title="De E-mail met opmaak op een Mac in Mail.app"><img class="size-medium wp-image-880" title="De E-mail met opmaak op een Mac in Mail.app" src="http://langdradig.nl/wp-content/uploads/2010/01/e-mail-opmaak-mac-139x200.png" alt="De E-mail met opmaak op een Mac in Mail.app" width="139" height="200" /></a><p class="wp-caption-text">De E-mail met opmaak op een Mac in Mail.app</p></div>
<div id="attachment_881" class="wp-caption alignright" style="width: 173px"><a  href="http://langdradig.nl/wp-content/uploads/2010/01/e-mail-opmaak-windows.png" class="thickbox no_icon" rel="gallery-865" title="De E-mail met opmaak op Windows in Outlook Express"><img class="size-medium wp-image-881" title="De E-mail met opmaak op Windows in Outlook Express" src="http://langdradig.nl/wp-content/uploads/2010/01/e-mail-opmaak-windows-163x200.png" alt="De E-mail met opmaak op Windows in Outlook Express" width="163" height="200" /></a><p class="wp-caption-text">De E-mail met opmaak op Windows in Outlook Express</p></div>
<p>Maar sommige uitingen moeten gecommuniceerd worden met visuele ondersteuning, anders bereiken ze hun doel niet. Je kunt hierbij denken aan e-mail marketing, nieuwsbrieven, of een product-aanbod. Daarbij draagt de visuele presentatie de boodschap voor een belangrijk gedeelte. Voor dit soort e-mails is het belangrijk dat er goed gelet wordt op aangepaste ontwerpen, er moed goed bepaald worden welke  e-mail programma’s de doelgroep gebruikt, en er moet worden <strong>getest</strong>, <strong>getest</strong> en <strong>getest</strong>.</p>
<p>Zoals je ziet, is vaak voor persoonlijke e-mail zo’n traject overbodig, en niet iedereen wil een flitsende lay-out in zijn e-mail. Maar voor professionele communicatie-uitingen is een e-mailcampagne helemaal geen slecht idee, en dan is het inschakelen van een webdesigner geen overbodige luxe.</p>
]]></content:encoded>
			<wfw:commentRss>http://langdradig.nl/2010/01/19/het-grote-verschil-in-e-mails/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Mooie URL’s in WordPress met Lighttpd</title>
		<link>http://langdradig.nl/2010/01/04/mooie-urls-in-wordpress-met-lighttpd/</link>
		<comments>http://langdradig.nl/2010/01/04/mooie-urls-in-wordpress-met-lighttpd/#comments</comments>
		<pubDate>Mon, 04 Jan 2010 11:27:37 +0000</pubDate>
		<dc:creator>Mark Lindhout</dc:creator>
				<category><![CDATA[Het Laboratorium]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[404]]></category>
		<category><![CDATA[lighttpd]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[pretty URL]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[URL]]></category>
		<category><![CDATA[zoekmachine]]></category>

		<guid isPermaLink="false">http://langdradig.nl/?p=822</guid>
		<description><![CDATA[Hoewel het landschap van webservers behoorlijk wordt gedomineerd door Apache, is er een duidelijke beweging naar de in Duitsland ontwikkelde webserver Lighttpd. Deze webserver is niet alleen veel sneller dan Apache, maar gebruikt ook een stuk minder geheugen en schijfruimte, en is ook nog eens eenvoudiger in gebruik! Lees verder voor de uitleg! Wat zijn [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_834" class="wp-caption alignright" style="width: 180px"><img class="size-full wp-image-834" title="lighttpd logo" src="http://langdradig.nl/wp-content/uploads/2010/01/lighttpd-logo.png" alt="" width="170" height="168" /><p class="wp-caption-text">Lighttpd, de open source webserver.</p></div>
<p>Hoewel het landschap van webservers behoorlijk wordt gedomineerd door Apache, is er een duidelijke beweging naar de in Duitsland ontwikkelde webserver <a  title="Lighttpd - fly light" href="http://www.lighttpd.net/" target="_blank">Lighttpd</a>. Deze webserver is niet alleen veel sneller dan Apache, maar gebruikt ook een stuk minder geheugen en schijfruimte, en is ook nog eens eenvoudiger in gebruik!</p>
<p>Lees verder voor de uitleg!<span id="more-822"></span></p>
<h3>Wat zijn mooie URL’s?</h3>
<p>Het populaire weblog-platform <a  title="WordPress" href="http://wordpress.org" target="_blank">WordPress</a> (waar de Langdradig website ook op draait)  is gemakkelijk in te richten onder lighttpd. Eén van de dingen die echter minder vanzelfsprekend is, is het werkend krijgen van zogeheten <em>schone URL’s</em>. In plaats van allerlei vraagtekens, ID-nummers en variabelen in de URL , ziet het er uit als een leesbaar, logisch adres. Dat wil zeggen dat een link beter leesbaar is voor mensen, vanwege de logisch naam; maar het is ook vriendelijker voor zoekmachines, omdat het sleutelwoord zelf in de URL staat.</p>
<h4>Zonder mooie URL’s</h4>
<pre>http://langdradig.nl?p=1</pre>
<h4>Met mooie URL’s</h4>
<pre>http://langdradig.nl/welkom</pre>
<h3>Configureer mooie URL’s met lighttpd</h3>
<p>Om de gehele configuratie van de server te behandelen is dit artikel niet de juiste plek. Er is echter genoeg documentatie beschikbaar op <a  title="Lighttpd - fly light" href="http://www.lighttpd.net/" target="_blank">http://www.lighttpd.net/</a>, de homepage van het project.</p>
<p>Lighttpd is te configureren via het bestand <code>/etc/lighttpd/lighttpd.conf</code>, en ik zal in dit voorbeeld het domein langdradig.nl gebruiken.</p>
<h4>/etc/lighttpd/lighttpd.conf</h4>
<pre>$HTTP["host"] == "langdradig.nl" {
    server.error-handler-404 = "/index.php"
}</pre>
<h3>In het WordPress Theme</h3>
<p>De meeste WordPress themes zijn standaard al goed ingericht, en de kans dat je hier veel problemen tegenkomt is klein, maar ik wil het toch graag even vermelden. Als een theme gebruikt dat <em>geen</em> HTTP 404 teruggeeft als een pagina op het blog niet gevonden is, dan kan dat je positie in de zoekmachines negatief beïnvloeden. Dat willen we natuurlijk niet, en daarom maar <em>better safe than sorry</em> met de volgende oplossing.</p>
<h4>404.php</h4>
<p>Maak het bestand <code>404.php</code> aan in de map van het gebruikte theme. Als inhoud van dat bestand kun je de <code>index.php</code> van het theme gebruiken. Zo past de nieuwe pagina qua vormgeving bij de rest van de site. Op de eerste regel moet komen te staan:</p>
<pre>&lt;?php header("HTTP/1.1 404 Not Found"); ?&gt;</pre>
<p>Nu is alles gereed, en kan de webserver herstart worden met het commando <code>sudo /etc/init.d/lighttpd restart</code>.</p>
<p>Vond je dit artikel nuttig? Laat een bericht achter!</p>
]]></content:encoded>
			<wfw:commentRss>http://langdradig.nl/2010/01/04/mooie-urls-in-wordpress-met-lighttpd/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Het nieuwe logo van Open 2.0</title>
		<link>http://langdradig.nl/2009/12/15/het-nieuwe-logo-van-open-2-0/</link>
		<comments>http://langdradig.nl/2009/12/15/het-nieuwe-logo-van-open-2-0/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 16:20:27 +0000</pubDate>
		<dc:creator>Mark Lindhout</dc:creator>
				<category><![CDATA[Nieuws]]></category>
		<category><![CDATA[Opleveringen]]></category>
		<category><![CDATA[community]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[ontwerp]]></category>
		<category><![CDATA[Open 2.0]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[vormgeving]]></category>

		<guid isPermaLink="false">http://langdradig.nl/?p=813</guid>
		<description><![CDATA[Open 2.0 is een Nederlandse community voor open standaarden. Open source, maar ook communicatiestandaarden en transparantie in beleid en informatie bij de overheid komen aan bod. Open source gaat vaak over computer-zaken, maar Open 2.0 is heel breed. Het is bedoeld voor iedereen die met informatie te maken krijgt. Dat is tegenwoordig al bijna iedereen. [...]]]></description>
			<content:encoded><![CDATA[<p>Open 2.0 is een Nederlandse community voor open standaarden. Open source, maar ook communicatiestandaarden en transparantie in beleid en informatie bij de overheid komen aan bod. Open source gaat vaak over computer-zaken, maar Open 2.0 is heel breed. Het is bedoeld voor iedereen die met informatie te maken krijgt. Dat is tegenwoordig al bijna iedereen.</p>
<p>Open 2.0 is een discussieplatform, een plek om medestanders te vinden, een plaats om bronnen te vinden, en activiteiten te organiseren en delen.<span id="more-813"></span></p>
<p>Omdat de community nog erg jong is —ongeveer 2 maanden oud, op moment van schrijven— ontstond de vraag naar een herkenningspunt, een huisstijl. Dat begint natuurlijk met een logo, en na een aantal inzendingen vanuit de community en een poll, is uiteindelijk een van mijn logo’s uitgekozen!</p>
<p>Met gepaste trots presenteer ik dan ook, het nieuwe Open 2.0 logo:</p>
<div id="attachment_814" class="wp-caption aligncenter" style="width: 410px"><a  href="http://langdradig.nl/wp-content/uploads/2009/12/Open2.0-Logo.png" class="thickbox no_icon" rel="gallery-813" title="Open 2.0 Logo"><img class="size-full wp-image-814" title="Open 2.0 Logo" src="http://langdradig.nl/wp-content/uploads/2009/12/Open2.0-Logo.png" alt="Het nieuwe Open 2.0 logo!" width="400" height="241" /></a><p class="wp-caption-text">Het nieuwe Open 2.0 logo.</p></div>
<p>Dit logo benadrukt met zijn frisse kleuren en overzichtelijke vormen het aspect ‘open’. De roze vorm kan gezien worden als een kwart uit een klaverblad, een soort essentieel puzzelstuk, maar ook als een ballon, wiens vrije vlucht door het luchtruim de vrijheid van open source software en open standaarden weergeeft.</p>
<p>Het lettertype dat is gebruikt is Titillium, gemaakt door <a  href="http://www.campivisivi.net/titillium/">deze mensen van de kunstacademie in Urbino, Italië</a>. Titillium is een open source lettertype, beschikbaar onder het <a  title="SIL open Font License" href="http://www.campivisivi.net/titillium/" target="_blank">SIL Open Font License</a>. Dit stelt mij als ontwerper in staat het te gebruiken, aan te passen en verder te geven voor gebruik in websites, drukwerk. Maar ook in software kan het gebruikt worden. De vereiste is daarbij dat het copyright wordt vermeld (<em>credit where credit is due</em>) en dat het Open Font License is bijgesloten bij de software.</p>
<p>Titillum is een typografisch zeer volwassen letter die zeker in logo’s, maar ook in tekst zeer goed werkt. Goede letterafstanden, prachtige vormen, en mooi gebalanceerde tussenruimtes maken deze letter een plezier voor het oog. Daarbij is de letter in vier gewichten beschikbaar, van <em>Light</em> (geiwcht 1) tot <em>Black</em> (gewicht 999). Een aparte versie voor titels is ook voorradig, genaamd <em>Titillium Title</em>. Binnenkort komt de <em>Extra Black</em> versie uit, dan kunnen ontwerpers zich helemaal uitleven!</p>
]]></content:encoded>
			<wfw:commentRss>http://langdradig.nl/2009/12/15/het-nieuwe-logo-van-open-2-0/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Vraag ‘t uw webdesigner: Online marketing</title>
		<link>http://langdradig.nl/2009/12/11/vraag-t-uw-webdesigner-online-marketing-hoe-doe-je-dat-nu-eigenlijk/</link>
		<comments>http://langdradig.nl/2009/12/11/vraag-t-uw-webdesigner-online-marketing-hoe-doe-je-dat-nu-eigenlijk/#comments</comments>
		<pubDate>Fri, 11 Dec 2009 12:39:34 +0000</pubDate>
		<dc:creator>Mark Lindhout</dc:creator>
				<category><![CDATA[Vraag 't uw webdesigner]]></category>
		<category><![CDATA[community]]></category>
		<category><![CDATA[expertise]]></category>
		<category><![CDATA[marketing]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[viral]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://langdradig.nl/?p=722</guid>
		<description><![CDATA[Floris vraagt: Hoe zorg je ervoor dat je website representatief is voor je bedrijf? Moet je dan niet eerst haarscherp de visie, missie en strategie hebben uitgedokterd? Moet de site dynamisch zijn of juist een soort digitale folder? Hoe bepaal je dit en hoe zorg je er vervolgens voor dat de site actueel blijft? Dat [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-651" title="Vraag het uw webdesigner!" src="http://langdradig.nl/wp-content/uploads/2009/10/vraagteken-groot.png" alt="Vraag het uw webdesigner!" width="96" height="176" />Floris vraagt:</p>
<blockquote><p>Hoe zorg je ervoor dat je website representatief is voor je bedrijf? Moet je dan niet eerst haarscherp de visie, missie en strategie hebben uitgedokterd? Moet de site dynamisch zijn of juist een soort digitale folder? Hoe bepaal je dit en hoe zorg je er vervolgens voor dat de site actueel blijft?</p></blockquote>
<p>Dat is een vraag die voor iedereen en ieder bedrijf anders beantwoord moet worden. Ik heb ondertussen heel wat websites gemaakt, en heel wat oplossingen uitgedacht. Ieder bedrijf wil iets anders naar voren brengen, en daarom zijn er weinig standaardoplossingen.</p>
<p>Ik zal een overzicht geven van de soorten sites die je in kunt zetten bij het positioneren van je bedrijf in de markt. Dat brengt me gelijk bij een vereiste: Het bedrijf moet weten dat marketing essentieel is bij het verdienen van geld. Als dat niet duidelijk is, kom je nergens.<span id="more-722"></span></p>
<h3>Een overzicht van oplossingen voor on-line marketing</h3>
<h4>De On-line Brochure.</h4>
<p>Deze vorm is een echt ouderwetse manier van het gebruik van het Internet. Communicatie verloopt alleen van bedrijf naar klant, niet andersom. De interactiviteit beperkt zich vaak tot een simpel contactformulier, of het neerzetten van het telefoonnummer.</p>
<p>Een bedrijf kan er wel voor kiezen om nieuws te plaatsen, en zo bezoekers te laten terugkeren naar de site. Dit zorgt voor een redelijk beperkte klantenbinding, maar kan, op de juiste manier ingezet, een goede aanvulling vormen op de andere marketing.</p>
<h4>De Viral</h4>
<div id="attachment_744" class="wp-caption alignright" style="width: 210px"><a  href="http://langdradig.nl/wp-content/uploads/2009/12/viral-exponentiele-groei.png" class="thickbox no_icon" rel="gallery-722" title="Exponentiële groei bij Viral Marketing"><img class="size-medium wp-image-744" title="Exponentiële groei bij Viral Marketing" src="http://langdradig.nl/wp-content/uploads/2009/12/viral-exponentiele-groei-200x126.png" alt="Exponentiële groei in bezoekers zoals deze vaak voorkomt bij Viral Marketing" width="200" height="126" /></a><p class="wp-caption-text">Exponentiële groei in bezoekers zoals deze vaak voorkomt bij Viral Marketing</p></div>
<p>Een <em>viral</em> is de on-line versie van een top-40 hitje. Virals zijn vaak afbeeldingen of korte films zijn die grappig, vreemd of indrukwekkend zijn. Hierbij hoeft een viral niet eens direct aan een product of de dienst verwant te zijn, belangrijk is alleen dat het blijft hangen. De viral ontleent zijn succes aan het aanraden van kijker aan andere kijkers, en vanwege de vaak exponentiële groei van  deze kijkers (en de overeenkomst met virus-groei) heeft het deze naam gekregen. Een viral is daarmee een ideaal en zeer goedkoop marketingmiddel.</p>
<p>Een bekende viral is bijvoorbeeld <a  title="Will it blend?" href="http://www.youtube.com/user/Blendtec" target="_blank">Will it Blend</a>, waar de eigenaar van een bedrijf dat blenders produceert op een ludieke manier laat zien hoe goed ze zijn. De oplettende lezer zal opmerken dat het hier gaat om een serie video’s, en dus eigenlijk niet om een viral zoals ik hem beschreven heb. Dat klopt, en virals bestaan dan ook in verschillende vormen. Om dit artikel een beetje leesbaar te houden hou ik het echter kort.</p>
<h4>Het Communicatiekanaal met de Klant</h4>
<p>Dit kan variëren van een on-line helpdesk, een enquête tot aan een interactief on-line spelletje. Het meest belangrijke is dat het medium Internet gebruikt wordt om (potentiële) klanten een positief beeld te geven van het bedrijf, en tegelijk te kunnen polsen waar de wensen liggen. Dit is dus een combinatie van marktonderzoek en een reclamecampagne.</p>
<p>De communicatie gaat twee kanten op, waarbij het bedrijf informatie inwint, en de klant het gevoel krijgt meer aandacht en service te ontvangen. Twee vliegen in één klap dus!</p>
<h4>De Community</h4>
<div id="attachment_736" class="wp-caption alignright" style="width: 210px"><a  href="http://langdradig.nl/wp-content/uploads/2009/12/club-nokia.png" class="thickbox no_icon" rel="gallery-722" title="Club Nokia"><img class="size-medium wp-image-736" title="Club Nokia" src="http://langdradig.nl/wp-content/uploads/2009/12/club-nokia-200x199.png" alt="De Club Nokia website, waar Nokia-bezitters extra service en diensten krijgen in ruil tegen registratie van hun toestel." width="200" height="199" /></a><p class="wp-caption-text">De Club Nokia website, waar Nokia-bezitters extra service en diensten krijgen in ruil tegen registratie van hun toestel.</p></div>
<p>Communiceren met klanten is mooi, maar mooier nog is het als producten door de klant zelf aangeprezen wordt. Dat kan heel goed met een on-line community, bijvoorbeeld door een forum of een interactieve <em>members only</em> website.</p>
<p>Zo ontstaat interactie tussen klanten onderling, en een bedrijf hoeft dan alleen een kader op te stellen en het gebruik in goede banen te leiden.</p>
<p>Producenten van en lifestyle-producten maken hier vaak gebruik van. Denk bijvoorbeeld aan Club Nokia, een <em>members only</em>–gedeelte van de Nokia website, of aan de Apple support forums, waar leden elkaar helpen bij problemen met hun Mac of iPod.</p>
<h3>In de praktijk</h3>
<p>In de praktijk worden de vormen zoals hierboven omschreven vaak gecombineerd. Voor een klein bedrijf is het maken van een community niet altijd aantrekkelijk qua tijd en geld. Meestal wordt er dan gekozen voor een tussenvorm. Bijvoorbeeld: Een nieuwskanaal met reactiemogelijkheid in plaats van een compleet forum waar een beheerder full-time mee bezig moet zijn.</p>
<p>Helaas zijn er nog steeds veel bedrijven die denken dat ze er met een halfslachtige oplossing ook wel komen. Vaak wordt er zo vlijtig ‘bespaard’ dat de essentie van de marketingmethode verwijderd wordt. Daarmee verdwijnt ook iedere kans om de methode succesvol in te zetten. Web-design is nog steeds een jonge branche, en daarom gebeurt dat nog veel te vaak. Iedereen heeft tenslotte wel een neef die ook ‘even’ een website in elkaar zet.</p>
<p>Wat echt goed scoort is een hoge plaats in de zoekmachines. Op nummer één staan in Google helpt behoorlijk. Vooral als je een website (en het product!) in de spotlights wilt krijgen. Je kunt de beste in je branche zijn, maar daar heeft niemand wat aan als ze je niet kunnen vinden!</p>
<div id="attachment_144" class="wp-caption alignright" style="width: 138px"><img class="size-full wp-image-144" title="WordPress" src="http://langdradig.nl/wp-content/uploads/2009/04/wordpress-logo.png" alt="WordPress" width="128" height="128" /><p class="wp-caption-text">WordPress, een CMS met ingebouwde spellingscontrole.</p></div>
<p>Gelukkig is dat besef ook gaan dagen bij bedrijven. Zoekmachineoptimalisatie wordt veel aangeboden, vaak tegen forse tarieven. En dat terwijl het eigenlijk heel eenvoudig is om goed te scoren in zoekmachines. Het magische woord is hier: Inhoud. Goede inhoud is relevant voor het product of de dienst van je bedrijf. Goede inhoud laat expertise zien door technisch onderbouwing en duidelijkheid. Spel– en stijlfouten zijn niet goed, maar een beetje CMS (bijvoorbeeld WordPress) heeft spellingscontrole ingebouwd.</p>
<h3>Het Antwoord</h3>
<blockquote><p>Hoe zorg je ervoor dat je website representatief is voor je bedrijf? Moet je dan niet eerst haarscherp de visie, missie en strategie hebben uitgedokterd?</p></blockquote>
<p>Of een site representatief is hangt af van de vormgeving. Toch is dat niet zo belangrijk als veel mensen wel denken. Een website is natuurlijk in eerste instantie een interactieve manier om informatie over te dragen. Daarmee vormen gebruiksgemak en toegankelijkheid van informatie een essentieel onderdeel van de gebruikerservaring. Een web-designer is dus niet alleen een vormgever, maar ook interface-ontwerper, expert op het gebied van gebruikerservaring (<em>Usability</em>) en bekend met de semantische opmaak van web-documenten. Als dat allemaal in orde is op de website, dan heb je een representatieve on-line aanwezigheid neergezet. Dat kan dus alleen een web-designer op de juiste manier doen.</p>
<p>Het antwoord op de tweede vraag van Floris is eenvoudig: Ja, je moet als bedrijf zeker een visie hebben. Je moet weten wat je wilt aanbieden (product of dienst), en welke doelgroep je wilt aanspreken. Hoe je dat uiteindelijk uitvoert wordt tijdens het ontwikkelen van de strategie duidelijk. Zo kun je de expertise van de web-designer gebruiken in dit proces, en bespaar je als bedrijf veel moeite.</p>
<blockquote><p>Moet de site dynamisch zijn of juist een soort digitale folder? Hoe bepaal je dit en hoe zorg je er vervolgens voor dat de site actueel blijft?</p></blockquote>
<p>Samen met de web-designer ontwikkel je een strategie. Je ontwikkelt met elkaar een concept voor on-line aanwezigheid van het bedrijf. Afhankelijk van wat het bedrijf wil, kom je dan uit op een bepaalde mix van de bovenstaande soorten on-line marketing. Als een bedrijf slim is, kiest het voor Open Source oplossingen, omdat daar geen licentiekosten aan verbonden zijn, en het niet vast zit aan één partij bij wijzigingen.</p>
<p>Om een site vervolgens actueel te houden is het belangrijk dat er regelmatig nieuwe inhoud op komt te staan. Nieuwe video, ander nieuws, een product-update of een nieuwe interactieve game helpen allemaal mee om mensen terug te laten komen. Bij grote communities of grote website wordt er vaak een beheerder gekozen binnen het bedrijf die de inhoud bijwerkt. Deze ‘content manager’ wordt soms bijgestaan door een tekstschrijver of een web-designer voor het ontwikkelen van nieuwe inhoud.</p>
]]></content:encoded>
			<wfw:commentRss>http://langdradig.nl/2009/12/11/vraag-t-uw-webdesigner-online-marketing-hoe-doe-je-dat-nu-eigenlijk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sneltoets: Bestandsinformatie opvragen</title>
		<link>http://langdradig.nl/2009/11/18/de-sneltoets-van-de-dag-bestandsinformatie/</link>
		<comments>http://langdradig.nl/2009/11/18/de-sneltoets-van-de-dag-bestandsinformatie/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 15:09:29 +0000</pubDate>
		<dc:creator>Mark Lindhout</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[OSX]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[key]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[pc]]></category>
		<category><![CDATA[shortcut]]></category>
		<category><![CDATA[snelkoppeling]]></category>
		<category><![CDATA[sneltoets]]></category>

		<guid isPermaLink="false">http://langdradig.nl/?p=692</guid>
		<description><![CDATA[Je kent het wel: Bezig op de computer, moet je ineens weten hoe groot die lijst bestanden nu precies is. Omdat met de muis klikken veel te veel werk is, zal ik vandaag een sneltoets uitleggen die het werk zowel Mac als PC een stuk aangenamer en bovenal productiever maakt. Windows Selecteer een of meer [...]]]></description>
			<content:encoded><![CDATA[<p><a  href="http://langdradig.nl/wp-content/uploads/2009/11/file-info-explorer.png" class="thickbox no_icon" rel="gallery-692" title="Verkenner: Bestandsinformatie"><img class="alignright size-medium wp-image-706" title="Verkenner: Bestandsinformatie" src="http://langdradig.nl/wp-content/uploads/2009/11/file-info-explorer-146x200.png" alt="Verkenner: Bestandsinformatie" width="146" height="200" /></a>Je kent het wel: Bezig op de computer, moet je ineens weten hoe groot die lijst bestanden nu precies is.</p>
<p>Omdat met de muis klikken veel te veel werk is, zal ik vandaag een sneltoets uitleggen die het werk zowel Mac als PC een stuk aangenamer en bovenal productiever maakt.<span id="more-692"></span></p>
<h3>Windows</h3>
<p><img class="aligncenter size-full wp-image-697" title="Sneltoets Windows: Bestandsinformatie" src="http://langdradig.nl/wp-content/uploads/2009/11/sneltoets-windows-bestandsinformatie.png" alt="Sneltoets Windows: Bestandsinformatie" width="384" height="144" />Selecteer een of meer bestanden, en met deze toetsencombinatie verschijnt mooi overzichtelijk hoe groot de bestanden zijn, hoe veel het er zijn, en nog veel meer nuttigs.</p>
<p>Bij muziekbestanden en afbeeldingen kan je bijvoorbeeld informatie toevoegen of bewerken, en bij documenten de auteur en dergelijke. Heel handig!</p>
<h3>OS X</h3>
<p><img class="aligncenter size-full wp-image-698" title="Sneltoets Apple Mac: Bestandsinformatie" src="http://langdradig.nl/wp-content/uploads/2009/11/sneltoets-apple-mac-bestandsinformatie.png" alt="Sneltoets Apple Mac: Bestandsinformatie" width="384" height="144" /><a  href="http://langdradig.nl/wp-content/uploads/2009/11/file-info-finder.png" class="thickbox no_icon" rel="gallery-692" title="Finder: Bestandsinformatie"><img class="alignright size-medium wp-image-707" title="Finder: Bestandsinformatie" src="http://langdradig.nl/wp-content/uploads/2009/11/file-info-finder-189x200.png" alt="Finder: Bestandsinformatie" width="189" height="200" /></a>Misschien kende u al de combinatie zonder de middelste <em>Option</em>–toets. Deze variatie is echter mijn favoriet, omdat de geselecteerde bestanden in één informatievenster worden weergegeven. Wel zo handig als je wilt weten hoeveel schijfruimte meerdere bestanden tegelijk innemen.</p>
]]></content:encoded>
			<wfw:commentRss>http://langdradig.nl/2009/11/18/de-sneltoets-van-de-dag-bestandsinformatie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vraag ‘t uw webdesigner: Bezoekers, Top-sites &amp; China.</title>
		<link>http://langdradig.nl/2009/11/03/vraag-t-uw-webdesigner-bezoekers-top-sites-en-china/</link>
		<comments>http://langdradig.nl/2009/11/03/vraag-t-uw-webdesigner-bezoekers-top-sites-en-china/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 07:27:12 +0000</pubDate>
		<dc:creator>Mark Lindhout</dc:creator>
				<category><![CDATA[Vraag 't uw webdesigner]]></category>
		<category><![CDATA[analyse]]></category>
		<category><![CDATA[ARPA]]></category>
		<category><![CDATA[berners-lee]]></category>
		<category><![CDATA[bezoeker]]></category>
		<category><![CDATA[bezoekers]]></category>
		<category><![CDATA[hits]]></category>
		<category><![CDATA[pageviews]]></category>
		<category><![CDATA[statistics]]></category>
		<category><![CDATA[statistieken]]></category>
		<category><![CDATA[webserver]]></category>
		<category><![CDATA[World Wide Web]]></category>

		<guid isPermaLink="false">http://langdradig.nl/?p=599</guid>
		<description><![CDATA[Mieke Lenting van Woordhuis vraagt: Wat is het grootste aantal bezoekers dat een site ooit op een dag heeft gehad en hoeveel bezoekers waren het en welke site was dat? Een leuke vraag! Maar om die goed te kunnen beantwoorden, eerst wat geschiedenis! Het ontstaan van het Internet Het web zoals wij het nu kennen [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-651" title="Vraag het uw webdesigner!" src="http://langdradig.nl/wp-content/uploads/2009/10/vraagteken-groot.png" alt="Vraag het uw webdesigner!" width="96" height="176" />Mieke Lenting van <a  title="Woordhuis" href="http://www.woordhuis.nl/" target="_blank">Woordhuis</a> vraagt:</p>
<blockquote><p>Wat is het grootste aantal bezoekers dat een site ooit op een dag heeft gehad en hoeveel bezoekers waren het en welke site was dat?</p></blockquote>
<p>Een leuke vraag! Maar om die goed te kunnen beantwoorden, eerst wat geschiedenis!<span id="more-599"></span></p>
<h2>Het ontstaan van het Internet</h2>
<p>Het web zoals wij het nu kennen is niet zo nieuw als de meeste mensen misschien denken. Het is gebaseerd op ARPANET, een Amerikaans netwerk dat in eerste instantie door onderzoeksinstellingen en universiteiten werd gebruikt. De eerste keer dat het Internet onder die naam on-line ging was op 1 januari 1983, en in 1988 begonnen de eerste bedrijven diensten aan te bieden op het Internet.</p>
<div id="attachment_605" class="wp-caption alignright" style="width: 210px"><img class="size-medium wp-image-605" title="De eerste web server" src="http://langdradig.nl/wp-content/uploads/2009/10/Eerste-webserver-ooit-200x134.jpg" alt="Deze afbeelding toont de eerste web-server, het thuis van de allereerste website!" width="200" height="134" /><p class="wp-caption-text">Deze afbeelding toont de eerste web-server, het thuis van de allereerste website!</p></div>
<p>Toen was dat nog alleen e-mail, maar toen meneer Berners-Lee in 1990 het World Wide Web introduceerde (zie afbeelding) werd het idee tot wat wij nu kennen, en ontstonden er web-sites. Er waren toen ongeveer 300.000 computers op het Internet aangesloten, en de meeste daarvan stonden op universiteiten.</p>
<h2>Het Internet vandaag</h2>
<p>Het Internet is nog steeds hard aan het groeien. Iedere dag gaan er duizenden nieuwe gebruikers en tientallen nieuwe websites on-line. Omdat de ontwikkelingen zo snel gaan, kan een jaar erg veel uit maken. Je kunt van de grootste zoekmachine ter wereld naar nummer 4 in één jaar, (kijk naar Altavista), of je gaat juist van niets naar vier-na-grootste site ter wereld in een paar jaar, zoals YouTube.</p>
<p>In de jaren ’90 groeide het Internet heel hard, met als piek de dot-com bubble rond 1997. De groei is tegenwoordig niet echt meer te vergelijken met die dagen.</p>
<a  href="http://langdradig.nl/wp-content/uploads/2009/10/Internet-Hosts.png"><img class="size-full wp-image-616" title="Internet Hosts" src="http://langdradig.nl/wp-content/uploads/2009/10/Internet-Hosts.png" alt="Aantal computer aangesloten op het Internet in de periode 1981-2009. Bron: <a href="http://www.isc.org/solutions/survey/history\"" title="http://www.isc.org/solutions/survey/history\"" target="_blank">www.isc.org/solutions/survey/history"</a> width=“360” height=“172” /&gt;</a>
<p>De trend is, en blijft echter groei. Met de opkomst van India en China als informatietechnologie-machten, zit ongeveer de helft van de wereldbevolking nog in de pipeline om aangesloten te worden op het Internet. Momenteel is de schatting dat 1.1 miljard mensen regelmatig van het net gebruik maken, en er wordt verwacht dat dat er in 2011 al weer 1.5 miljard zijn.</p>
<h2>Het Antwoord</h2>
<p>Het is dus lastig om te zeggen wat de bezoekerspiek voor een grote website is. De kans dat daar een continue groeilijn in zit is, vooral bij de toppers, heel groot. Vandaag zal voor veel sites de beste dag zijn die ze ooit gehad hebben, qua bezoekers, alleen al door de continue toestroom van gebruikers.</p>
<p>Maar de trends zijn natuurlijk wel duidelijk, de grote spelers zijn bekend. Ik zal een lijstje geven van de grootste vijf websites, en een schatting van het aantal bezoekers per website per dag. Dit zijn schattingen omdat deze bedrijven niet graag hun informatie weggeven, en omdat ik al aangaf dat er zeer veel fluctueert. Maar uit allerlei nieuws en verkeer kun je ongeveer de volgende gegevens afleiden:</p>
<ol>
<li><strong>google.com</strong> — 120 miljoen bezoekers per dag.</li>
<li><strong>facebook.com</strong> — 73 miljoen bezoekers per dag.</li>
<li><strong>yahoo.com</strong> — 71 miljoen bezoekers per dag.</li>
<li><strong>youtube.com</strong> — 70 miljoen bezoekers per dag.</li>
</ol>
<p>Bekijk de Alexa-afbeelding voor een verloop van de aantallen bezoekers per dag. Deze getallen zijn in procenten van de <em>totale hoeveelheid bezoekers</em> op het Internet.</p>
<img class="size-full wp-image-609" title="Grafiek" src="http://langdradig.nl/wp-content/uploads/2009/10/google.com-comparison.png" alt="Alexa vergelijking van <a  href="http://google.com" title="http://google.com" target="_blank">google.com</a>, <a  href="http://facebook.com" title="http://facebook.com" target="_blank">facebook.com</a>, <a  href="http://yahoo.com" title="http://yahoo.com" target="_blank">yahoo.com</a> en <a  href="http://youtube.com" title="http://youtube.com" target="_blank">youtube.com</a>" width="392" height="221" />
<p>Als we alleen de grootste speler (Google) bekijken, zien we dat er ook op de andere Googles heel wat bezoekers komen. Duitsland bovenaan, gevolgd door Nederland.</p>
<div id="attachment_622" class="wp-caption aligncenter" style="width: 410px"><a  href="http://langdradig.nl/wp-content/uploads/2009/10/google-country-comparison-graph.png" class="thickbox no_icon" rel="gallery-599" title="Googel landenvergelijking"><img class="size-full wp-image-622" title="Googel landenvergelijking" src="http://langdradig.nl/wp-content/uploads/2009/10/google-country-comparison-graph.png" alt="Vergelijking tussen Google Internationaal, Duitsland, Nederland belgie en Denemarken." width="400" height="220" /></a><p class="wp-caption-text">Vergelijking tussen Google Internationaal, Duitsland, Nederland belgie en Denemarken.</p></div>
<h3>Bronnen</h3>
<p>Mocht je interesse gewekt zijn, en wil je meer weten over dit onderwerp, dan heb ik hieronder een aantal links verzameld. Je kunt hier deze, en nog veel meer informatie vinden over het Internet, webservers, de geschiedenis van DARPANET en ARPANET, en nog veel, veel meer.</p>
<ul>
<li>Wikipedia: <a  href="http://en.wikipedia.org/wiki/Internet" target="_blank">Internet</a></li>
<li>Wikipedia: <a href="# <a href="http://en.wikipedia.org/wiki/Internet_growth\"" title="http://en.wikipedia.org/wiki/Internet_growth\"" target="_blank">en.wikipedia.org/wiki/Internet_growth"</a> target=“_blank”&gt;Internet Growth</a></li>
<li><a href="# <a href="http://www.clickz.com/3626274\"" title="http://www.clickz.com/3626274\"" target="_blank">www.clickz.com/3626274"</a> target=“_blank”&gt;Brazil, Russia, India and China to Lead Internet Growth Through 2011</a></li>
<li><a href="# <a href="http://www.alexa.com/topsites\"" title="http://www.alexa.com/topsites\"" target="_blank">www.alexa.com/topsites"</a> target=“_blank”&gt;Alexa: Top Sites</a></li>
<li><a href="# <a href="http://www.statbrain.com\"" title="http://www.statbrain.com\"" target="_blank">www.statbrain.com"</a> target=“_blank”&gt;StatBrain</a></li>
<li><a href="# <a href="http://www.isc.org/solutions/survey/history\"" title="http://www.isc.org/solutions/survey/history\"" target="_blank">www.isc.org/solutions/survey/history"</a> target=“_blank”&gt;ISC</a></li>
</ul>
<h2>Stel ook een vraag</h2>
<p>Ben je benieuwd naar mijn antwoord op jouw Internet-vraag? Stuur me dan een mailtje, of gebruik het <a  title="Het Langdradig Contactformulier" href="/informatie-en-contact/contactformulier/" target="_self">contactformulier</a>, en de volgende keer beantwoord ik jouw vraag!</p>
]]></content:encoded>
			<wfw:commentRss>http://langdradig.nl/2009/11/03/vraag-t-uw-webdesigner-bezoekers-top-sites-en-china/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ADA Rotterdam gebruikt Drupal</title>
		<link>http://langdradig.nl/2009/10/31/ada-rotterdam-gebruikt-drupal/</link>
		<comments>http://langdradig.nl/2009/10/31/ada-rotterdam-gebruikt-drupal/#comments</comments>
		<pubDate>Sat, 31 Oct 2009 07:14:33 +0000</pubDate>
		<dc:creator>Mark Lindhout</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Drupal]]></category>
		<category><![CDATA[Opleveringen]]></category>
		<category><![CDATA[Projecten]]></category>
		<category><![CDATA[ada]]></category>
		<category><![CDATA[emogrifier]]></category>
		<category><![CDATA[kunst]]></category>
		<category><![CDATA[nieuwsbrief]]></category>
		<category><![CDATA[rotterdam]]></category>
		<category><![CDATA[simplenews]]></category>

		<guid isPermaLink="false">http://langdradig.nl/?p=669</guid>
		<description><![CDATA[Het kunstenaarscollectief ADA Rotterdam gebruikt sinds een paar maanden Drupal voor het versturen van hun maandelijkse nieuwsbrief. De nieuwsbrief bevat nieuws, informatie over activiteiten, exposities en film-vertoningen die de ADA organiseert. Zeker de moeite waard om in te schrijven en te volgen wat de Rotterdams kunst-scene zo bijzonder maakt! Voor ADA Rotterdam ontwikkelde Langdradig een [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_670" class="wp-caption alignright" style="width: 209px"><a  href="http://langdradig.nl/wp-content/uploads/2009/10/ada-newsletter.png" class="thickbox no_icon" rel="gallery-669" title="ADA Rotterdam Newsletter"><img class="size-medium wp-image-670" title="ADA Rotterdam Newsletter" src="http://langdradig.nl/wp-content/uploads/2009/10/ada-newsletter-199x192.png" alt="De ADA Rotterdam Newsletter, zoals gezien in uw mailprogramma." width="199" height="192" /></a><p class="wp-caption-text">De ADA Rotterdam Newsletter, zoals gezien in uw mailprogramma.</p></div>
<p>Het kunstenaarscollectief <a  title="Ada Rotterdam" href="http://adarotterdam.nl/" target="_blank">ADA Rotterdam</a> gebruikt sinds een paar maanden Drupal voor het versturen van hun maandelijkse nieuwsbrief.</p>
<p>De nieuwsbrief bevat nieuws, informatie over activiteiten, exposities en film-vertoningen die de ADA organiseert. Zeker de moeite waard om in te schrijven en te volgen wat de Rotterdams kunst-scene zo bijzonder maakt!<span id="more-669"></span></p>
<p>Voor ADA Rotterdam ontwikkelde Langdradig een nieuwsbrieven verzendsysteem gebaseerd op Drupal. De nieuwsbrief-functionaliteit wordt geleverd door de module <a  title="SimpleNews op de Drupal website" href="http://drupal.org/project/simplenews">SimpleNews</a>, en de vormgeving wordt op zijn plaats gehouden door het fantastische <a  title="E-mogrifier van Pelago" href="http://www.pelagodesign.com/sidecar/emogrifier/">E-mogrifier</a>–script.</p>
<p>Drupal biedt de mogelijkheid om grote hoeveelheden gebruikers te importeren, waardoor de overgang van het oude naar het nieuwe systeem vloeiend verliep.</p>
<p>Ook geinteresserd in een nieuwsbrief –oplossing? Stuur een mailtje, bel op, of gebruik het <a  title="Het Langdradig Contactformulier" href="/informatie-en-contact/contactformulier/" target="_self">contactformulier</a>!</p>
]]></content:encoded>
			<wfw:commentRss>http://langdradig.nl/2009/10/31/ada-rotterdam-gebruikt-drupal/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
