Ik gebruik onder andere de volgende technologieën:

• Responsive Grid “Susy” – bekijk ‘em ook op je iPad of telefoon
• Compass
• SASS
• WebKit Retina Graphics
• @font-face

Wat ik nog van plan ben:

• Bezoekerstracking, ik wil graag weten wie kijkt.
• Een speciale print-stylesheet zodat recruiters alsnog een versie kunnen printen

The post Curriculum Vitae nu online beschikbaar appeared first on Jorijn Schrijvershof.

[naam_van_de_shortcode argument="waarde"]

Ik was verbaasd om er achter te komen dat dit standaard niet kon in WordPress. Gelukkig is het vrij makkelijk om hierop in te haken met een filter en action-hook.

<?php add_filter('widget_text', 'do_shortcode'); ?>

Als dit ergens in het functions.php bestand geplaatst zal het werken zoals gewenst.

The post Een WordPress “shortcode” gebruiken in een widget appeared first on Jorijn Schrijvershof.

Je hebt het volgende nodig. Installeer het in de aangegeven volgorde.

• Twee bakken koffie
• Mac OS X Lion
• XCode uit de App Store of de Command Line Tools
• MacPorts
• Optioneel: Sequel Pro

Stap 1: Installatie van Apache 2 en PHP 5

Ik vertrouw er op dat je als getalenteerde programmeur bekend bent met de terminal uit OS X. Goed, open deze maar. Voer het onderstaande commando uit:

sudo port install php5 +apache2

Dit kan wel even duren bij een schone installatie van MacPorts. Kopieer vervolgens het juiste PHP configuratie bestand uit /opt/local/etc/php/ naar /opt/local/etc/php/php.ini. Ik ben gegaan voor de development versie. Activeer vervolgens de PHP module in de configuratie van Apache:

cd /opt/local/apache2/modules
sudo /opt/local/apache2/bin/apxs -a -e -n "php5" libphp5.so

Deze PHP modules wil je ook, absoluut:

sudo port install php5-apc php5-curl php5-gd php5-iconv php5-imagick imagemagick php5-intl php5-mcrypt php5-mysql php5-openssl php5-xdebug

Ik vind het fijn om de hoofd map van de Apache server gelijk te houden aan de standaard variant op Mac OS X. Dit is dus /Library/WebServer/Documents. Open /opt/local/apache2/conf/httpd.conf en pas de volgende dingen aan:

# LoadModule vhost_alias_module modules/mod_vhost_alias.so

naar

LoadModule vhost_alias_module modules/mod_vhost_alias.so

Pas de DocumentRoot aan naar:

DocumentRoot "/Library/WebServer/Documents"

Pas een paar regels later ook het <Directory> blok aan:

<Directory "/Library/WebServer/Documents">

Voeg de PHP extensie toe aan DirectoryIndex:

DirectoryIndex index.html index.php

Voeg deze twee regels toe aan het blok <IfModule mime_module>:

AddType application/x-httpd-php .php
AddType application/x-httpd-php-source .phps

Voor het gemak, voeg deze regel toe aan ~/.profile:

alias apache2ctl='sudo /opt/local/apache2/bin/apachectl'

Herstart vervolgens de webserver met apache2ctl restart.

Indien je wilt dat Apache voortaan standaard opstart bij het aanzetten van je Mac, voer het volgende commando uit:

sudo port load apache2

Klaar. De test.

Zet de rechten goed op deze map en voeg een PHP info test bestand toe:

chown -R `whoami` /Library/WebServer/Documents
echo '<?php phpinfo(); ?>' > /Library/WebServer/Documents/phpinfo.php

Een bezoek aan http://localhost/phpinfo.php toont nu het volgende:

Stap 2: MySQL

Installeer de MySQL server uit MacPorts:

sudo port install mysql5 +server

Als dit klaar is, start de server en init de standaard database:

sudo port load mysql5
sudo -u _mysql /opt/local/bin/mysql_install_db5

Standaard heb je nu een installatie zonder beveiliging, iedereen kan er in met de root gebruiker zonder wachtwoord. Breng hier verandering in met:

sudo /opt/local/bin/mysql_secure_installation5

Je kan de werking van de nieuwe MySQL server controleren met:

macbook:~ jorijn$ mysqladmin5 -u root -p ping
Enter password:
mysqld is alive

Zet vervolgens de MySQL socket locatie goed in de PHP configuratie:

macbook:~ jorijn$ grep -i 'mysqld.sock' /opt/local/etc/php5/php.ini
pdo_mysql.default_socket=/opt/local/var/run/mysql5/mysqld.sock
mysql.default_socket =/opt/local/var/run/mysql5/mysqld.sock
mysqli.default_socket =/opt/local/var/run/mysql5/mysqld.sock

Klaar? Herstart de webserver met apache2ctl restart

Stap 3: Het instellen van de Apache virtuele hosts

Op dit punt heb je een installatie draaien met Apache 2, PHP 5 en MySQL 5. Ik neem het een stap verder, iedere web developer werkt aan projecten, het is veel gedoe om iedere keer een virtuele host aan te maken voor ieder project. Open /opt/local/apache2/conf/httpd.conf en verander:

# Include conf/extra/httpd-vhosts.conf

naar

Include conf/extra/httpd-vhosts.conf

Open daarna /opt/local/apache2/conf/extra/httpd-vhosts.conf en vervang de gehele inhoud met:

NameVirtualHost *:80

<VirtualHost *:80>
   ServerAlias *.local

   UseCanonicalName Off
   VirtualDocumentRoot /Library/WebServer/Documents/%-2/

   php_admin_value auto_prepend_file /Library/WebServer/Documents/set_document_root.php
</VirtualHost>

Zodra je gebruik gaat maken van VirtualDocumentRoot werkt de server variabele DOCUMENT_ROOT niet meer. Dit heb ik opgelost met het bestand set_document_root.php. Open /Library/WebServer/Documents/set_document_root.php en zet daar het volgende in:

<?php

$subdomain = explode('.', $_SERVER['HTTP_HOST']);
$subdomain = array_reverse($subdomain);
$subdomain = $subdomain[1];

$_SERVER['DOCUMENT_ROOT'] = __DIR__ . '/' . $subdomain . '/';

?>

Wat nu?

Nu heb je (na het herstarten van je webserver) een situatie waar als je naar bijvoorbeeld test_project.local gaat, de document root gezet wordt naar /Library/WebServer/Documents/test_project/. Het probleem waar je nu tegen aan loopt is dat test_project.local geen geldig domein is, hiervoor hebben we een DNS server nodig.

Stap 4: Installatie van Bind

Installeer de Bind DNS server met:

sudo port install bind9

Download named.conf en plaats deze in /opt/local/etc/named.conf. Download ook de zones db.127.0.0, db.cache, db.local en db.localhost en plaats deze in /opt/local/var/named/. Vergeet niet de txt extensie weg te halen. Start de DNS server met:

sudo port load bind9

Test de nieuwe server met:

macbook:~ jorijn$ host test_project.local 127.0.0.1
Using domain server:
Name: 127.0.0.1
Address: 127.0.0.1#53
Aliases: 

test_project.local has address 127.0.0.1

en

macbook:~ jorijn$ host google.nl 127.0.0.1
Using domain server:
Name: 127.0.0.1
Address: 127.0.0.1#53
Aliases: 

google.nl has address 173.194.65.94
google.nl mail is handled by 10 google.com.s9a1.psmtp.com.
google.nl mail is handled by 10 google.com.s9a2.psmtp.com.
google.nl mail is handled by 10 google.com.s9b1.psmtp.com.
google.nl mail is handled by 10 google.com.s9b2.psmtp.com.

Als dit werkt kun je in je netwerk instellingen 127.0.0.1 als DNS server toevoegen. Vanaf nu kun je ook test_project.local benaderen vanuit je web browser.

Conclusie

Met deze omgeving kun je snel projecten toevoegen en verwijderen zonder iedere keer te moeten rommelen in configuratie bestanden. Ben ik iets vergeten of werkt er iets niet naar behoren? Laat een bericht achter in de reacties en ik zal kijken of ik je hier mee kan helpen.

The post De ideale PHP ontwikkel omgeving op Mac OS X appeared first on Jorijn Schrijvershof.

Op dit moment kunnen alle winkel eigenaren aangesloten bij BiedMeer.nl, zo’n dertienduizend, al gebruik maken van deze mogelijkheden. In het tijdsbestek van de aankomende paar maanden krijgen ook andere partijen die software voor web winkels verzorgen toegang tot deze koppeling. Aangesloten web winkels krijgen mogen hun advertentie plaatsen als ‘Top advertentie’, niet als de reguliere standaard advertentie bekend onder de normale Marktplaats gebruikers. Dit is een soort Adwords variant en betekend dus dat er een vaste prijs per klik wordt gerekend. Hoe populairder het artikel hoe meer kosten, maar je betaald dus niet zoveel voor artikelen die niet goed lopen.

Het is op dit moment nog niet bekend aan welke technische eisen een partij moet voldoen om gebruik te mogen maken van deze koppeling. Ben je eigenaar van een lopende web winkel en ben je benieuwd naar de mogelijkheden? Je kan me geheel vrijblijvend eens een bericht sturen.

The post Webwinkel assortiment automatisch plaatsen op Marktplaats appeared first on Jorijn Schrijvershof.

De afkorting CMDB staat voor Configuration Management Database.

CMDB?

Dit is een database waarin alles met betrekking tot configuratie wordt bijgehouden en beheert. Ieder bedrijf dat groeit en producten levert met betrekking tot het internet heeft IT infrastructuur. Dit kunnen simpele dingen zijn zoals domeinnamen en werkstations maar ook servers, applicaties en klanten komen hierin terug. In de startfases van een bedrijf zul je zien dat zaken zoals Access databases en Excell sheets voldoen aan de basis behoefte om te beheren. Bij Rhinofly kwam het besef dat dit uit zijn voegen aan het groeien was, er was iets beters nodig.

Hoe het product tot stand kwam

Bij Rhinofly was ik aangenomen met de functie Systeembeheerder. Met mijn achtergrond als programmeur ontstond al snel het idee om een portaal tot bestaan te brengen waarin alle genoemde factoren aan elkaar gebonden waren. Zo moest het mogelijk zijn om DNS aanpassingen vanuit het zelfde systeem te doen en in één oog opslag te zien welke servers vol waren en welke er nog voldoende resources hadden.

Beveiliging

Het is voor iedereen en vooral bedrijven een eng idee om gevoelige informatie centraal op te slaan en enkel achter een gebruikersnaam en een wachtwoord te bewaren. Hiervoor is er besloten om handen ineen te slaan met YubiKey. De YubiKey is een sleutel aan je sleutelbos die er uit ziet als een normale USB stick. Het verschil is echter: Je legt een vinger bovenop de knop en door middel van “Two Factor Authentification” word je ingelogd in een systeem. Dit houdt in het kort in dat met een iedere keer uniek gegenereerde sleutel verificatie wordt uitgevoerd op een centrale authentificatie server.

Indien de sleutel verloren is, word de machtiging op de sleutel ingetrokken en kan deze niet meer worden gebruikt om in te loggen. Deze methode elimineert het probleem om complexe wachtwoorden te onthouden en biedt centraal beheer over wie toegang heeft.

Vindbaarheid

Zodra je grote hoeveelheden data gaat bewaren is het kunst om deze op een zo’n prettig mogelijke manier te presenteren en doorzoekbaar te maken. Ik heb afgekeken bij Google Mail een soort gelijke manier toegepast. Om alle .NL domeinnamen te zoeken kan de gebruiker bijvoorbeeld op “.nl in:domains” zoeken. Om alle servers in 10.0.0.0/24 te weergeven zoekt de gebruiker enkel op “10.0.0 in:servers”. 

Conclusie

Gestructureerd beheer van informatie is belangrijk om er voor te zorgen dat hier efficiënt gewerkt mee kan worden. Ik hoop dat ik met een greep uit de functionaliteit van dit systeem heb kunnen laten zien dat dit haalbaar is met relatief simpele technologieën.

The post Werken met ITIL: Het opzetten van een CMDB appeared first on Jorijn Schrijvershof.

Langzamerhand zijn steeds meer internet providers en websites over aan het gaan op dit nieuwe protocol, want de schattingen zijn dat in mei 2011 de IPv4 adressen op zijn. Dit betekent niet dat het huidige internet niet langer meer zal werken, enkel dat er geen ongebruikte adressen meer zijn.

Zit er IPv6 bij mijn internetverbinding?

Hoewel dit allemaal erg ingewikkeld klinkt is het helemaal niet moeilijk om er ook voor te zorgen dat jij bij deze nieuwe horde van adressen kan komen. XS4ALL biedt inmiddels al native IPv6 aan aan alle klanten. Dit kun je configureren in het administratiepaneel van je internetverbinding.

Voor de mensen die bij een andere provider zitten is er de mogelijkheid om gebruik te maken van een IPv6 tunnel. Dit heet 6to4, wat eigenlijk betekent dat IPv6 verpakt als IPv4 alsnog over je verbinding kan komen. Het enige verschil is dat de gegevens uiteindelijk niet over de servers van je internet aanbieder gaan maar over de eind-server van de tunnel aanbieder.

Zelf IPv6 verkrijgen

Hoewel er verschillende aanbieders zijn zal ik in dit artikel verder ingaan op het gebruik van een IPv6 tunnel van Hurricane Electric. Zij werken niet met betalingen of andere ingewikkelde puntensystemen en vereist enkel een aanmelding. Op de forums van hen staan voor ieder besturingssysteem simpele handleidingen hoe na aanmelding en de creatie van de tunnel verder gegaan wordt.

Stap 1: Registreren

Voordat je een tunnel kan aanmaken dien je jezelf eerst te registreren. Vul hierbij alle gegevens in.

Stap 2: De Tunnel aanmaken

Nadat registratie is gelukt kun je ervoor gaan kiezen om de tunnel aan te maken. Dat doe je door in het menu te kiezen voor “Create regular tunnel“. Vul vervolgens de volgende gegevens in:

• IPv4 endpoint: Dit is je eigen IP adres, deze staat hieronder ter referentie al vermeld.
• Closest server: Om IPv6 verkeer zo snel mogelijk te laten verlopen wil je een server kiezen die zo dicht mogelijk bij je woonplaats staat. Hurricane Electric heeft slechts één server in Nederland, deze is dan waarschijnlijk ook al voorgeselecteerd.

Stap 3: Je computer instellen om IPv6 verkeer juist op te sturen

Op de gegevens pagina van de tunnel die je net hebt aangemaakt (Click for main page > Tunnels) staat onderaan het volgende element:

Voor ieder OS staan er commando’s ofwel configuratie bestanden om de tunnel te configureren. De benodigde IP’s en dergelijk zijn vooraf al ingevuld. In het geval van Windows Vista/2008/7, vul deze commando’s in een command-venster in. Dit hoeft slechts één keer te gebeuren.

Wat kan ik nu met IPv6

Allereerst kun je controleren of het werkt. Dit kan door de website icanhazipv6.com te bezoeken, zie je jouw oude IP adres in IPv4 vorm? Klik dan onderaan op IPv6. SixXS heeft een mooi overzicht gemaakt van verschillende dingen die je nu met IPv6 kan doen. Zo biedt Eweka bijvoorbeeld voor de mensen op IPv6 gratis toegang tot nieuwsgroepen.

Indien genoeg animo zal ik in de toekomst meer informatie plaatsen over Hurricane Electric, bijvoorbeeld hoe Reverse DNS geregeld wordt en hoe je IPv6 kan uitrollen over je hele netwerk.

The post Een stap richting IPv6 met Hurricane Electric appeared first on Jorijn Schrijvershof.

E-mail wordt veelal gebruikt als een grote bak met communicatie. Gestructureerd bijhouden kost een hoop tijd en schiet er bij in. Dit vertaald zichzelf bij Rhinofly door tot een wekelijkse systeem back-up ten grootte van 231 GB aan data. Exchange kwam vanaf versie 2003 met een back-up tool genaamd ntbackup.exe. Je kan er back-ups mee maken maar daar is eigenlijk alles mee gezegd. Ik denk dat een enkele mailbox herstellen een nachtmerrie zou zijn voor iedere systeembeheerder.

De beslissing om te migreren van Exchange naar Google Apps ligt in een aantal factoren, waarin voornamelijk kosten (licentiekosten v.s. 40 euro per gebruiker per jaar), gebruiks- en beheergemak. Taken zoals urenregistratie en projectmanagement sluiten ook goed aan op de API’s van Google Apps.

Dit project is onderdeel van een groter project om EBS (Essential Business Server) uit te faseren en daar in plaats open source oplossingen te implementeren. Samba 4 is op dit moment goed op weg om een allround oplossing te bieden voor een Active Directory inclusief DHCP, achterliggend LDAP en DDNS updates. Stap 1 was onze Exchange 2007 server uit het plaatje zien te krijgen en daarvoor in ruil Google Apps aan te nemen. Het project is erg leerzaam geweest en met dit bericht wil ik enkele punten toelichten die ik onderweg ben tegen gekomen.

Communicatie vooraf

Veranderingen zijn eng, zeker als het één van de balangrijkste elementen in je productiviteit is. Uitgebreid communiceren vooraf neemt een deel van de angst weg doordat men weet wat er komen gaat. Leg uit wat de voordelen en veranderingen zijn en voornamelijk op welke termijn het allemaal gaat gebeuren.

Afhankelijkheden?

Voordat alle e-mail geüpload kan worden naar Google komen er nog een heleboel dingen kijken. De Outlook extensie vereist namelijk ook een aantal dingen van je computer, bijvoorbeeld minimaal SP3 van Office 2003 en SP2 van Office 2007.

Je bent vrij om Google Apps Premier edition te proberen voor een proefperiode van 30 dagen. Wees wel bewust van het feit dat Google het bedrag voor het aantal gebruikers alvast reserveert op de creditcard. Deze 30 dagen betekenen dat er vooraf duidelijke afspraken moeten zijn over een testfase en voldoende evaluatiemomenten in het geval dat er wordt afgezien van het plan.

De bestaande userbase

De meeste bedrijven hebben hun userbase staan in de vorm van een Active Directory. Het is belangrijk om tijdig te testen met synchronisatie hiervan. Google’s oplossing hiervoor met de naam Google Apps Directory Sync neemt dingen zoals gebruikers, distributiegroepen en gedeelde contacten mee. Over het algemeen wil je zoeken op (objectClass=user) met als filter de OU met de testpersonen hierin.

Bestaande e-mail

Het correct meenemen van de bestaande e-mail is misschien nog wel het meest belangrijke in dit project. Wij maakte gebruikt van Google Apps Migration for Microsoft Exchange. Dit programma upload e-mail van geselecteerde gebruikers uit een IMAP server, een map met PST bestanden of (hosted) Exchange 2003 en 2007. Het probleem wat wij maakte is er vanuit gaan dat dit programma een soort synchronisatie zou bieden. Helaas bleek dit niet waar en moet de term migratie erg serieus genomen worden. De veronderstelling dat vooraf alvast wat e-mail te uploaden op maandag en de laatste batch in het weekend doen bleek er voor te zorgen dat alle e-mail status wijzigingen sinds maandag niet meegenomen waren. Denk hierbij dus aan status Inbox naar Verwijderde items.

In ons bedrijf hebben mensen mailboxen met de meest complexe map structuren. Hoewel de migratietool voor Exchange map niveau’s tot 250 karakters diep toe laat, mag een label in Google Mail slechts 40 karakters lang zijn. Bij lange/map/structuren/met/meer/dan/40-karakters/ gaat dit dus aanvankelijk goed, maar deze naam kan later door de controle in de webmail interface niet aangepast worden. Attendeer de gebruikers er dus op dat herconstructie nodig is. In combinatie met de labs plugin “Nested labels” zijn mappen nog wel mogelijk.

Telefoons

Google biedt met caldav, carddav, imap, pop3, syncml, etc. voldoende mogelijkheden aan om e-mail, contactpersonen en agenda afspraken op de telefoon te laten verschijnen. Blackberry is daarentegen altijd al een ander verhaal geweest. De migratie van Exchange naar Google Apps heeft bij Rhinofly veel vertraging opgelopen omdat we moesten wachten op de release van Google Apps Connector for Blackberry Express Server. Dit is een tool die het mogelijk maakt voor Blackberry Server om met Google Apps te praten.

De conclusie uiteindelijk is dat Google Apps hedendaags een volledige oplossing is ter vervanging van Exchange. Sommige tools staan helaas nog in kinderschoenen en soms kwamen er nog wat bugs tevoorschijn. Rhinofly draait nu drie weken op Google Apps en het is goed om te zien dat er verschillende mensen die Outlook vaarwel hebben gezegd en hun werk in de online suite van Google doen.

The post De migratie van Exchange 2007 naar Google Apps appeared first on Jorijn Schrijvershof.