I got Publish(ed)

Back in July the people over Publish – a Dutch magazine for digital creatives – asked me if I wanted to write a Flash workshop. The issue featuring the workshop I wrote came out earlier this week. Today I got one in the mail. I look better in magazines than I figured I would

The workshop I wrote is about how to make a basic image viewer in Flash. I explain how to load an XML file, interpret the data and load the corresponding image depending on what button has been clicked.

Anyway: A few pictures! (Yes, I’m very proud…. How can you tell?)

And they featured a few of my pictures on Flickr in the magazine too! I’m really proud ^^

Anyway: I hadn’t heard about Publish before, so I was pretty curious on how they would bring the content. But now I’ve got the October issue I must say: The magazine is great. Definitely something to look into if you’re looking for a Dutch magazine focussed on digital creatives.

Time-lapse fun

Some time ago I started looking into the wonderful world of ‘Time-lapse‘. I really found it intriguing and I wanted to do something like that myself. So I started experimenting around, and soon people asked me how I actually do this, so here goes…

Let me start with a disclaimer: I’m still experimenting to find the perfect workflow, and figure out a lot of stuff. If you got any suggestions to make: Don’t hold back Read the rest of this entry »

Flash Lite en basic HTTP auth

Ik ben de laatste dagen erg druk bezig geweest met een (erg cool) Flash Lite project (waar ik binnenkort eindelijk over zal schrijven). Hoewel deze post over mijn ervaring in Flash Lite gaat is het in Actionscript 2 voor Flash Player ook van toepassing. Voor Actionscript 3 zal de werkwijze vrijwel analoog zijn.

Tijdens het ontwikkelen van de applicatie ben ik op het probleem gestoten dat ik data moest inladen die gebruikersspecifiek waren. Daarenboven zat er ook gevoelige data bij, die dus beveiligd moest verstuurd worden.

Mijn collega (die de server-side van het project ontwikkelt) stelde een aantal mogelijkheden voor waaronder basic HTTP authentication. Dit leek me een goede manier om het te proberen. Jammer genoeg bleven mijn zoektochten op Google naar duidelijke uitleg onbeantwoord. Door het samenrapen van een 3 tutorials en bronbestanden had ik het eindelijk door.

In feite is basic HTTP auth in Flash (Lite) echt doodsimpel. (Ik versta niet waarom iedereen daar altijd zo’n rond-de-pot-gedraai aan toevoegd.)

To the point: Stel ik wil XML inladen (mbv Actionscript 2). Dat doen we over het algemeen zo:

var xml:XML = new XML();
xml.ignoreWhite = true;
xml.onLoad = xmlComplete;
xml.load('http://example.com/somepage.php');

function xmlComplete(success){
	if(success){
		//logica komt hier
	}
}

Heel basic, zonder authentication. Niets nieuws, dus. Maar wat als somepage.php je om een gebruikersnaam en wachtwoord vraagt?

Dit kan blijkbaar heel makkelijk opgelost worden, door gebruik te maken van de addRequestHeaders method (die zowel voor de XML class, de webservice class, alsook voor LoadVars class beschikbaar is), en de Base64 class (download hier).

Je code ziet er dan als volgt uit.

var auth:String = Base64.Encode("myUsername:myPassword");
var xml:XML = new XML();
xml.ignoreWhite = true;
xml.onLoad = xmlComplete;
xml.addRequestHeader("Authorization","Basic "+auth);
xml.sendAndLoad('http://example.com/somepage.php',xml);

function xmlComplete(success) {
	if(success){
		//logica komt hier
	}
}

Er zijn 2 grote verschillen. In dit voorbeeld gebruiken we de addRequestHeaders method om de gebruikernaam en het wachtwoord aan de requestHeaders van het XML object toe te voegen. Deze moeten wel eerst via Base64 geëncode worden alvorens dat de basic HTTP auth deze ontvangt. Daarnaast gebruiken we ook de sendAndLoad method zodat de headers meegestuurd worden naar de server.

Het is dus op zich erg simpel, maar je zou bijna niet geloven hoeveel tijd ik gespendeerd heb om tot deze conclusie te komen. Ik kan het nog altijd niet geloven als ik naar de simpelheid ervan kijk.
Hopelijk kan ik enkelen hiermee wat tijd besparen.

Screencasting en demo recording voor de Mac

Ik ben een persoon die graag zijn kennis deelt. Gevolg daarvan is dat ik weleens graag een tutorial maak, en daarbij goed uitleg wat er gebeurd, waar en waarom. Gezien ik een lui iemand ben, zit ik niet te wachten op lange teksten schrijven,  veel screenshots maken, en deze bewerken.

De enige goede, en meteen ook veel effectievere oplossing, is een video-tutorial, of ook ’screencasting’ genoemd.

Voor Windows zijn daar heel wat mogelijkheden waaronder Camtasia, Captivate en Quick Screen Recorder. Al bij al goede programma’s die op een aangename manier werken. Na wat trials had ik besloten bij Camtasia studio te blijven. De meesten die mij kennen weten ondertussen dat ik een tweetal maanden ben overgestapt op Mac. Software op een Mac valt echt onder het motto ‘Just Works’… maar dan moet je eerst software hebben. Het lijkt er wel op dat software developers voor Mac ofwel het gat in de markt niet zien, of dat de screen recording bedrijven gewoon Mac over het hoofd zien.

De juiste software om mooie screencasts mee te maken, waar de kijker rustig kan volgen en waar de kwaliteit niet moet onderdoen voor hun Windows varianten, is moeilijk te vinden.
Er zijn een aantal mogelijkheden – om eerlijk te zijn best wel veel- wat dit soort software betreft voor de Mac. Na wat zoeken heb ik Screen Mimic gevonden dat echt wel exact voldeed aan mijn eisen voor een goed screencast programma.

Screen Mimic is enorm simpel qua gebruik: Start het op, stel in hoe groot je opname-gebied moet zijn, en of het moet meevolgen met de muis. Daarna neem je je video op. Eens je klaar bent kun je kiezen of je exporteert naar een SWF (Flash Movie), FLV (Flash Video) of Quicktime. Je kunt kiezen om het huidige audiospoor te gebruiken (Standaard was dat bij mij de microfoon) of om een extern bestand te gebruiken (vooraf opgenomen stem om de videobeelden te begeleiden). Gezien mijn doel is om achteraf gewoon een bestand te uploaden naar de server is het exporteren naar FLV echt wel perfect.

Screen Mimic is een Universal Application, en maakt dus volledig gebruik van het potentieel van de huidige Intel Macs. Een van de redenen waarom ik niet (zoals iedereen mij aanraadde) voor Snapz Pro X gekozen heb, is omdat de camera voortdurend in beweging is met de muisaanwijzer. Er is geen ‘dood vlak’ waarin de pijl kan bewegen zonder dat de camera meebeweegt. Bij Screen Mimic ligt dit anders. Ook neemt Snapz Pro meteen de screenshot functionaliteiten over. Dat zijn mogelijkheden die ik niet wil, en ook niet nodig heb. Uiteindelijk scheelt de prijs van Screen Mimic nog eens de volle 5$, dus was er voor mij geen twijfel mogelijk. De goedkopere software voldeed perfect aan mijn wensen.

Ik ben blij met mijn zoektocht (die toch wel enkele dagen heeft geduurd), en ik hoop dat ik binnenkort tijd vind om enkele tutorials op te nemen.

Alvast bedankt aan de mensen die tips gestuurd hebben

Tutorial over hoe mail te versturen vanuit Flash (AS3)

Sinds ik bezig ben met ActionScript 3 ben ik er niet meer van af te krijgen.

Onlangs werd op mijn schoolforum gevraagd hoe je nu een mail kunt verzenden vanuit Flash met AS3 (gezien de LoadVars klasse uit AS2 er niet meer is).
Toen besloot ik er een kleine tutorial over te maken, en die is er dan ook gekomen.

Tutorial: Mail verzenden vanuit Flash CS3

Veel plezier.

Vragen en suggesties zijn zeker welkom.