However: Thomas Joos, his crew at Boulevart and Barefoot created a Flash Lite application that blew everybody away. Having said that: They won an Adobe Max award at Max Milan about 10 minutes ago. (That makes me the first one to report this, right? )

I think this is incredibly cool since Thomas just finished school a year ago. I think he’s done some amazing work in the 12 months that passed.
You deserve it, Thomas. Congratulations to you and Boulevart for achieving this!

More info about the app: Click

A little preview about the (Flash Lite, running on) iPhone application

More information here: http://labs.boulevart.be/index.php/max-milan-shooter/

Hieronder volgt een korte uitleg over deze termen. Ik heb er ook meteen de meest voor de hand liggende software pakketten bij geplaatst, want ook daar durft men soms verkeerd geïnformeerd zijn.

Flash

Omschrijving: Flash is een programma van Adobe waarmee SWF files kunnen gebouwd worden. Deze SWF bestanden worden vooral op het internet gebruikt, en spelen af in de Flash Player. De Flash Player is een krachtige light-weight plug-in voor webbrowsers (Firefox, Safari, Internet Explorer, Opera… ) die zowel op Windows, OS X alsook Linux beschikbaar is.

Tools of the trade:

• Adobe Flash

Voorbeelden van toepassingen:

• Youtube: De video’s worden afgespeeld in de Flash Player. De video-besturing is Flash-content. De video die afspeelt is Flash Video
• Switch Media Works: Een volledige Flash website

Links:

• Adobe Flash
• Adobe Flash Player plug-in

Flash Lite

Omschrijving: Flash Lite is een runtime die vooral op GSM’s, PDA’s, en andere handhelds (zoals de Chumby) ingezet wordt. Bedoeling hiervan is dat Flash developers nog een groter publiek kunnen bereiken door kleine applicaties te kunnen maken, die op de kleinere draagbare toestellen kunnen bekeken en gebruikt worden.

Tools of the trade:

• Adobe Flash

Voorbeelden van toepassingen:

• Flash on the beach mobile
• Flash in the can mobile guide

Links:

• Adobe Flash Lite
• Adobe Flash

Flex

Omschrijving: Flex is in het leven geroepen met het oog om snel Flash applicaties te maken. Flex steunt op het gebruik van Flex componenten, die deel uitmaken van het Flex framework. Die maken het mogelijk om snel data-driven applicaties te maken. Flex projecten resulteren – net als Flash – in een (of meerdere) SWF bestanden, die gewoon in je browser, in de Flash Player plug-in zullen werken. Je hoeft dus geen andere plug-in te downloaden om sites (gebouwd in Flex) te bekijken.

Tools of the trade:

• Adobe Flex Builder
• Eclipse + FDT plug-in
• Je favoriete tekst editor + (gratis) Flex SDK

Voorbeeld van toepassingen:

• Flex Showcase: Deze site is gemaakt in Flex, en toont nog eens heel erg coole voorbeelden van wat allemaal met Flex kan.

Links:

• Adobe Flex Builder
• Adobe Flash Player plug-in
• PowerFlasher FDT

AIR

Omschrijving: AIR is een afkorting voor Adobe Integrated Runtime. Met andere woorden: AIR maakt het mogelijk om Flash/Flex applicaties op je desktop te draaien. Beter nog: AIR geeft je de mogelijkheid om de vaardigheden die je opgebouwd hebt tijdens het werken met Flex/Flash/HTML & Javascript nu te gebruiken bij het bouwen van desktop applicaties. AIR bestaat voor zowel Windows, OS X aslsook Linux. AIR is dus platform onafhankelijk.

Tools of the trade:

• Adobe Flash
• Adobe Flex Builder
• Adobe Dreamweaver
• Je favoriete tekst editor + (gratis) AIR SDK

Voorbeelden van toepassingen:

• Twhirl
• eBay Desktop

Links:

• Adobe AIR
• Adobe Flash
• Adobe Flex Builder

Silverlight

Omschrijving: Microsoft Silverlight is – net zoals Flash – een media formaat dat vooral op het web toegepast wordt, en dus in een plug-in van je browser afspeelt. Hoewel men Silverlight de ‘Flash Killer’ noemt is Silverlight tot vandaag relatief weinig ingezet.

Tools of the trade:

• Microsoft Expression Blend
• Microsoft Visual Studio

Voorbeelden van toepassingen:

• Silverlight Showcase

Links:

• Microsoft Expression Blend
• Microsoft Visual Studio
• Microsoft Silverlight plug-in

Er zijn nog zoveel andere dingen te zeggen – en die zelfs al gezegd zijn – zodat ik me bijna verplicht voel om nog enkele links naar andere leeswaardige artikels te posten.

• Peter Elst – Flash vs Silverlight 2.0
• Peter Elst – Flash vs Silverlight
• John Dowdell – What’s up with reporters?
• Endrone – The war: Flash vs Silverlight
• FlashFocus – Silverlight en JavaFX: Flash krijgt concurrentie
• Tweakers – Microsofts Silverlight gaat de strijd aan met Flash
• Keith Peters – Silverlight again

Dank aan Peter Elst voor het nalezen, en aanvullen van dit artikel. Thanks, Peter!!

Een paar weken geleden contacteerde Dimitri van MobileMinds me, en vroeg me hoe ik het zag zitten om een Flash Lite applicatie te maken in opdracht van MobileMinds. Ik had al enkele keren met Flash Lite gespeeld, maar het wou precies nog niet helemaal lukken.

Toen Dimitri me het project beschreef klonk het allemaal wat ingewikkeld en zwaar. Ik wou hem een moment lang vertellen dat ik het niet wou doen. De deadline zat te dichtbij, en de toepassing op zich was van een niveau dat ik ongetwijfeld niet ging kunnen halen.
Dimitri leek verzekerd dat ik mezelf onderschatte, en kon mij overtuigen om er toch aan te beginnen…

Na 1 week hard werken, meer dan 1300 regels Actionscript 2, meer dan 70 bugfixes en een heel spannend leerproces presenteer ik met volle trots…

Je kunt de applicatie hier downloaden.

De applicatie is niet zomaar de zoveelste Mobile Guide. De mensen van MobileMinds hebben grootse plannen. Hieronder volgen enkele features:

• Schedule van een dag naar keuze ophalen
• Je eigen schedule samenstellen
• Netwerken door middel van contacten toe te voegen aan je profiel
• Online / offline systeem zodat de internationale reizigers zich achteraf niet blauw betalen aan roaming kosten

Ik ben enorm blij dat ik deze opdracht heb gekregen, want ondanks dat ik minder enthousiast was aan het begin van het project, heb ik heel wat opgestoken en behoorlijk wat voldoening aan het resultaat over gehouden. Deze applicatie zal immers door een relatief groot publiek gebruikt worden.

Zoals ik al zei was dit mijn eerste Flash Lite project, dus kan het goed zijn dat er bugs in de applicatie te vinden zijn. Aarzel niet om me deze te mailen naar beestjes[apenstaart]noCreativity[dot]com.

Voor allen die naar Flash on the Beach 08 gaan: Veel plezier, en vergeet vooral geen leuke review te posten!

Note: een demo-video zal later pas volgen.

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.

Multi-Mania is ondertussen volledig gevuld. Registreren op de site is niet meer mogelijk. Meer dan 1000 bezoekers zullen er zijn, FlashFocus zal er zijn, ik zal er zijn… Zul jij er zijn?

De Mobile Guide heeft volgende onderdelen:

• Info over de event (site, grondleggers, etc)
• Agenda van de volledige event (dagen, uren, zalen, sprekers, onderwerp, soort sessie)
•  Plattegrond van het gebouw
• Twitter applicatie waarmee je je vrienden op het event kun laten weten waar je bent, en wat je doet!
• Party Guide: FITC is niet volledig als er geen bijhorende party’s zijn
• Sponsors

Het geheel ziet er ook deze keer gelikt uit.
Ga jij naar FITC Toronto? Download de Mobile Guide van Thomas hier.