If you use website statistic tools – and thats something i guess everybody is interested in – you got well numbers about how many users visit your website and exactly which page of your website. You will also know from which other website the came and which key words they used within Google to get to your page. Each of this are very important facts for exmaple for SEO aspects, etc. For example Google Analytics is of course a great free tool for this ( include the old discussion how many more should Google know about you and your website ).

What i also want to know is where do the users navigate best on my website. What are the best places to put links, so the users will find AND click them ( no – i don’t plan to put any adds on my website – just interested ). Google Analytics has an overlay mode. But this will highlight the existing links. So it will show up which links works best. This comes close, but not perfect.

There are some enterprise tools which do such kind of overlay mode with the users mouse movements. But they are too expensive for me. I guess there will be also some free tools available out there, but programming is also fun :)

So i wrote my little tool which will save the users mouse postion each X milliseconds. If the users leavs the current page, it will make one AJAX request and save all mouse coordinates within one file ( currently not in a database, beacuse writing to filesystem is a bit faster ). When you would like to display the users mouse activity just add #overlay at the end of the current URL. It will sum up all saved mouse movements and create a grid overlay over your website. By default the grid elements are 10×10 px large. Each grid field get a color by its relative mouse overs. The more often users moved their mouse over these coords the more red the field will be ( see screenshot for example ).

Of couse this is no perfect solution. But because most users move the mouse the same way they also look over the screen this is a very easy way to track such behaviour.

How to implement:

It’S very easy to use. Just extract the ZIP below onto your webserver and put a little piece of JavaScript into your HTML code:

<script type="text/javascript" language="javascript">
	var mouseMoveTracker = new MouseMoveTracker({
			'rootNodeId':'contentNode',
			'actionURI':'../server/',
			'actionURIOverlay':'../server/result/'
		});
</script>

The MouseMoveTracker class has three major parameters:

rootNodeId: The html root node of the tracked section. Because the script id coordinate based it works best with a fixed size layout. Therefor you should enter the Id of the node which has a fixed width and sourrounds all content.

actionURI: This is the path to the serverside writing script. To this adress the AJAX requests for writing the user coords will be send.

actionURIOverlay: This is the url the script expects to get data from for creating the overlay mode. It will request data via AJAX from this URL after you enter #overlay at the end of the URL and refresh your page.

Feel free to use, modify the code and/or comment here.

Download mouse-move-tracker.zip (45kB) includes test html file

cheers,
Sebastian

If you have dynamic content within your Flash application or you have several states or “pages” implemented, which all have different content, it might be helpful to resize your flash aplication container within the html- context. For this it’s not enough to resize the application from within the flash application. You also have to resize the surrounding html container. This is the object tag for Mozilla browsers or the embed tag, if the client uses the Internet Explorer.

In each case you have to use the ExternalInterface. You call it from the flash application with parameters for the new height and width value of the flash container. On the other side you have to define an javascript function which do the resize operation with these values.

Here is an AS3 class which already includes the JavaScript part. Soyou don’t have to define an extra JS function. So you just have to import the AS3 class into your project and your ready to resize you application from Flash.

There are three methods to call:

• resize:This method takes two parameters height and width to completly set the absolute height and width of the flash application.
• addHeight: Takes one integer parameter. The value will be added to the current height. So “50″ for 50px more height or “-20″ for 20px less in height.
• addWidth: Takes one integer parameter. The value will be added to the current width. So “50″ for 50px more width or “-20″ for 20px less in width.

/**
 * resizes the flash container to needed dimensions 
 * @param height - new needed height 
 * @param width - new needed with
 */
public function resize( height:int, width:int ):void

/**
 * adds a specific value (+/-) to current height
 * @param valueHeight
 */
public function addHeight( valueHeight:int ):void

/**
 * adds a specific value (+/-) to current width
 * @param valueHeight
 */
public function addWidth( valueWidth:int ):void

To resize your application you could add an resize event handler to check specific containers for resize and do the resizing via this class in the event handler method. If you have fixed sizes per state you could of course also do it the static way.

/**
 * @author: Sebastian Martens; sebastian@sebastian-martens.de
 * @copyright: Creative Commons. Free to use "as is"
 * 
 * Test Application
 */ 
package{
 
	import com.nonstatics.swfSelfResize.swfSelfResize;
 
	import flash.display.Sprite;
 
	[SWF(frameRate="31", width="500", height="100", backgroundColor="0x008866")]
	public class swfSelfResizeTest extends Sprite{
 
		private var resize:swfSelfResize;
 
		/**
		 * constructor
		 */ 
		public function swfSelfResizeTest(){
			super();
 
			this.resize = new swfSelfResize();
 
			// resize to 500px height, 400px width
			this.resize.resize( 500, 400 );
 
			// add 50px height -> 550px height 
			this.resize.addHeight( 50 );
 
			// remove 10px width -> 390px
			this.resize.addWidth( -10 );
		}
 
	}
}

Download com.nonstatics.swfSelfResize.as (12kB)
Download bin-debug (20kB)

Be aware of the security model of the flash player! This won’t work on local filesystem (file://xyz). So please use it on your server (http://www.yourdomain.com) or with your locally installed testserver (http://localhost/whatever).

Hope this helps you.

cheers,
Sebastian

Start frei für Runde Zwei. In diesem Jahr geht es mit den eigenen Maschinen los. Lars und ich werden auf dem europäischen Festland bleiben. Abgesehen davon, dass natürlich der Weg das Ziel ist, geht es nach Portugal. Genauer gesagt zur “Letzten Bratwurst vor Amerika“, einem Bratwurststand an der südwestlichen Spitze von Portugal, dem “Cabo de São Vicente. Wie im letzten Jahr versuche ich eine lücklose Dokumentation der Ereignisse zu schaffen und hier einzustellen. Wir freuen uns also schon jetzt auf “Steve” und mal sehen was in diesem Jahr in Raum 230 so abgeht ( wer das nicht mehr genau versteht sollte evtl. noch mal die Berichte der USA Tour lesen ).

Neue Einträge werden immer unten angehängt, außerdem dieses Jahr mit Slideshow zu den Bildern.

( Für Bilder auf die roten Marker klicken!! An einigen Orten gibt es mehrere Fotos, die ohne zu Zoomen evtl. nicht erkannt werden. Also einfach mal ein wenig auf die einzelnen Punkte vergrößern. )

23. Mai 2010 – Post aus Portugal!
Wir sind noch nicht einmal losgefahren, da hat man in Portugal bereits Wind von der Tour bekommen. Wolfgang Bald, der Inhaber des besagten Bratwurststandes, hat uns eine e-Mail geschickt und hält eine Bratwurst für uns bereit. Wir freuen uns auf ein Treffen. Schöne Grüße nach Portugal.

cheers,
Sebastian

24. Mai 2010 Tag 1 – Hmmm Ameisen.

Hallo und Humppa !

Standort: Loh / Deutschland / NRW
Tages KM: 427.00
Gesamtkilometer: 427.00

Wie immer kann man sich auf das Wetter voll und ganz verlassen. Als wir um 10.32 Uhr in Eddelak gestartet waren hatten wir noch ein typisch Dithmarscher Mischwetter. Also wir vorsorglich alles angezogen, was im Schrank zu finden ist. Weiter zur Elbfähre nach Wischhafen. Kaum hat man die Elbe passiert wird das Wetter nicht nur ein bischen besser sondern gleich regelrecht sonnig. Dicke Klamotten schön gedacht aber nun regnete es bei strahlender Sonne und sicher über 20 Grad eher von Innen.

Später gesellte sich zum dem ansonsten fast perfekten Wetter allerdings ein doch recht böhiger Wind. Weil man sich aber hier nicht so recht festen Boden leisten kann, trug der Wind Wesentlichen dazu bei, dass Sand von den Feldern über die Straßen geweht wurde. Regelrechte Sandstürme sorgen dafür das es zumindest bei mir trotz geschlossenen Helms zu Knirschen in den Mundhöhle und tränenden Augen kam.

Wir haben eigentlich keine Tagesziele. Aber die erste Nacht wollten wir eigenltich in Altena verbringen. Dort gibt es nämlich auch eine Burg ( ich glaube das war ja die Burg in der auch Peter Lustig mal eine Folge nach einem Geist gesucht hat – irgendwas mit Filmtricks oder so ) und in dieser Burg gibt es auch eine Jugendherberge. Dies soll sogar die erste Jugendherberge der Welt gewesen sein. Wie auch immer, wir kommen da an ( Stadt ist wunderschön, tolle kleine verwinkelte Gassen, macht super viel Spaß da mit dem Mopped durchzufahren ) und … Jugendherberge nicht besetzt. Auch am Telefon meldet sich nur der AB. Tolle Wurst. Na gut. Dann eben weiter zum nächsten Campingplatz. Das alte N95 rausgekramt. Campingplatz suchen. Hinfahren. Gibts nicht mehr! ( Mal abgesehen davon, das Lars Navi mal echt interessanten Routen ausspuckt. Fahrerisch auf jeden Fall reitzvoll. Versuch 2. Das gleiche Drama. Updatehieße das Zauberwort.

Also anhalten und mal fragen wo es hier denn einen Campingplatz gibt. “Keine Ahnung. Sonst einfach an der Talsperre wild übernachten.” – ok. Wenn das das offizielle Aussage eines Einheimischen ist, dann man zu. Hinfahren. Angucken. Alles verboten und auch sehr überlaufen. So toll zum wild Campen ist das auch nicht. Aber die Wanderwegkarte zeigt zumindest einen Campingplatz gleich um die Ecke. Hingefahren. Wunderbar. Hier sind wir jetzt in Loh, NRW. Wir haben außerdem Steve ( Name nach Vergessen von der Redaktion frei erfunden ) kennengelernt. Steve kommt eigentlich aus Tönningen und erkannte daher unsere Kennzeichen. Er lebt aber schon seit 50 Jahren nicht mehr da, sondern hier auf dem Platz.

Zelt aufbauen. Klappt ganz gut. Ab morgen sollten wir die Zeit stoppen. Die Dithmarschenflagge ist angebracht. Nur um die Besitzverhältnisse deutlich zu machen. Werden Sie aber wieder reinholen. Sonst wird das begehrte Stück nur geklaut.

Lars hat sogar einen Gaskocher mit und kocht uns Buchstabensuppe. Sehr lecker. Ich denke ich werde auf der Tour abnehmen.

cheers,
Sebastian

25. Mai 2010 Tag 2 – Towel Day

Hallo und Humppa nach Deutschland!

Standort: Clefmont / Frankreich
Tages KM: 509.4
Gesamtkilometer: 936.4

SIND IN FEINDESLAND. STOPP. SIND UMZINGELT. STOPP. HABEN UNS AUF EINSAMEN CAMPINGPLATZ IN CLEFMONT AUF DEM LANDE VERSCHANZT. STOPP. WURDEN VON DEN EINHEIMISCHEN HOLLÄNDERN FREUNDLICH AUFGENOMMEN. STOPP.

Nachdem wir dann eben doch noch einen Campingplatz gefunden hatten sind wir doch irgendwie erschöpft zu “Bett” gegangen sind – das muss an der vielen doch eher ungewohnten frischen Luft liegen.

Gegen 02.30 Uhr wurde ich das erste Mal wach. Der Regen klopfte freundlich an die Zeltaußenwand. Erst leise dann mit immer dickeren Tropfen, dass man ja nicht wieder einschläft und wenn dann mit einem richtig schlechten Gewissen, weil man genau weiß, dass man den morgigen Tag im Regen verbringen wird – tolle Vorstellung. Irgendwann nachts um 04.00 Uhr dann nochmal das gleiche Schauspiel. Wach geworden weil wegen Regen, gefreut das es morgen ein bescheidener Tag wird. Wie immer ist das Glück mit den Dummen. Aufgestanden. Alles trocken. Strahlender Sonnenschein. Los gings.

Bis kurz vor Mittag ( gab nur Frühstück beim Bäcker – die können sehr leckere Schokocrossaints machen ) hatten wir NRW verlassen und die Innerdeutsche Grenze zur Pfalz überschritten. Nachdem Lars dann noch den Achterbahn-Modus in der Streckenfindung fürs Navi aktiviert hatte, war die Tour nur noch ein Spaß. Rauf. Runter. Links. Rechts. Die Hand kam nicht mehr zum Stehen vor Schalten. Ganz großes Mopped-Kino. Irgendwie haben die das hier im Süden deutlich besser mit Bergen und kurvigen Bergstraßen drauf.

Kurz nach dem Mittag hatten wir dann auch die äußere Grenze Deutschlands passiert und durchquerten Luxenburg. Weiter so geile Strecken, wenn auch die Straßenverhältnisse nicht mehr unseren Standarts entsprach. Da ist man so schnell durch das Land, warum noch in Straßen investieren.

Kurz nach der zweiten Tankstelle in Luxenburg hörten da dann auch schlagartig die deutschen KFZ- Kennzeichen auf. Zum Tanken kommt man auf jeden Fall gerne wieder. Gleich 40ct weniger pro Liter. 15min später waren wir schon wieder aus dem dem Land draußen.

Wir wollten über Belgien in Frankreich einmarschieren. Belgien sah auch irgendwie gar nicht so viel anders aus. Die Straßen waren noch ein bischen schlechter und irgendwie fühlte man sich bei der Architektur an den ländlichen Osten Deutschlands erinnert. Auf der anderen Seite gab es dann auch wieder sehr süße kleine Dörfer wie Hollywood sie nicht besser hin bekommen hätte. Insgesamt schön mal durchgefahren zu sein.

Und weil wir ja so fleißig sind konnte es gleich mit Staat Nummer vier für den heutigen Tag weitergehen. Einmarsch in Frankreich im frühen Nachmittag. Feind verängstigt. Die Deutschen sind wieder da.

Frankreich ist definitiv Weltmeister im Bauen von Kreisverkehren. Einer nach dem Anderen. Mit dem Mopped allerdings weinger schlimm, da kommt mehr Kurvenstimmung auf :) in dem ansonsten eher gerade verlaufenden Norden Frankreichs. Erinnert ein wenig an die USA. Allgemein hat man doch das ein oder andere Fleckchen scheinbar irgendwie schon mal in den USA gesehen.

Weiter gehts. Verdun links liegen gelassen weiter gen Süden. Die Straßen werden wieder fahrtechnisch attraktiver, wenn auch vom Material her nicht besser. Teilweise schmelzen sie sogar in der Sonne. Wenn man wieder mal den billigen Kram zum Ausbessern genommen hat kann das schon mal vorkommen.

Wir kommen wieder durch sehr viele kleine Dörfer. Irgendwie sind aber alle recht einsam. Man sieht kaum Leute auf der Straße. Vielleicht ist hier ja immer noch Feiertag. Denn bei die Zahl der Kruzifixe und Marienstatuen am Straßenrand kann man es durchaus mit Bayern aufnehmen.

Inzwischen sind wir in Clefmont angekommen. Ein kleiner Ort den man unten von der Starße noch weniger wahrnimmt, als die ganzen anderen kleinen Orte hier in der Gegend. Aber das Campingplatz-Schild ist uns aufgefallen. Am Rande des Dorfes gibt es hier eine große Wiese mit ein paar Bäumen und Bänken plus Wasch/-Verwaltungshaus. Und außer einen paar Holländern mit Wohnwagen ( was denn bitte schön sonst ) keiner da. Im Büro ist leider auch keiner. Wir beschließen aber das Zelt aufzubauen.

Nachdem das Zelt steht kommt ein ( sehr ) kleine Franzose vorbei, der tatsächlich zu dem Platz gehört. Wie bei Franzosen so üblich spricht er nichts außer Französisch. Aber die freundlichen Holländern helfen beim klären der Fragen. Ende gut, alles gut, sind wir mit 6€ für Miete mit freiem Duschen dabei. Der deutsche Platz hatte noch 12€ verlangt, wenn auch mangels Kleingeld nur 10€ bezahlt ( vielen Dank für den netten Nachlaß ).

Jetzt sitze ich hier im Duschhaus auf dem Fußboden im Flur neben der Steckdose und laden nebenbei noch den Akku auf. W-LAN oder sonstiges Internet immer noch fehlanzeige. Aber uns gehts gut ( wenn wir auch keine Nudelsuppe mehr haben und hungrig zu Bett gehen werden um dann morge um do größer zu frühstücken – Tanke oder so ).

Auch ja: Heute ist Towel Day! Wir sind mit griffbereiten Handtüchern gefahren – nur mal so zum Sagen!

An dieser Stelle nochmal Danke an die Fahrschule Rüdiger Kape Hamburg, Eimsbüttel für die gute Ausbildung. In einem Dorf rannte auf einmal ein Hund hinter einer Hausecke auf Lars zu. Da hätte nicht mehr viel gefehlt da hätte der Hund den Reifen sogar bekommen. Aber nun stand der Hund direkt auf der Straße vor mir. Dank des ganzen “Anbremsen und Ausweichen-Trainings” lebt der Hund aber noch und das Mopped hat keinen Krazer :)

Ab ins Zelt, ein Unwetter kommt auf.

cheers,
Sebastian

26. Mai 2010 Tag 3 – Französisches Outback

Hallo und Humppa nach Deutschland!

Standort: Flavignac / Frankreich
Tages KM: 557.1
Gesamtkilometer: 1493.5

Zwischenstand: Es regnet. Fahrt unter Wasser, aber es scheint auch so als wenn in der nächsten Stunde noch die Sonne rauskommen würde. Sitzen gerade bei Mc Donalds zum Frühstück. Die sprechen sogar Englisch hier.

Update Tag 3: So richtig beständig gut ist das Wetter aber nicht. Bei Mc Donalds vom Hof gefahren sah es noch so aus, als würde es besser werden. Wenig später wird man dann eines besseren belehrt. Es regnet. Dann hat man ja im Grunde schon keinen Bock mehr. Aber dann wird es auch wieder besser. Die Straßen trocknen recht schnell und das Fahren macht wieder Spaß.

Inzwischen sieht Frankreich auch so aus wie man sich das vorstellt. Man kommt vorbei an Weinberghängen ( obwohl die Weinpflanzen hier so weit im Norden noch sehr klein sind und nur knapp über den Boden ragen ) vorbei. Die Häuser sehen schon wesentlich mediteraner aus (und nicht mehr so kaputt, dass man sich dan den Osten erinnert fühlt) und man sieht Franzosen mit einem Baguett unter dem Arm und jeder scheint seinen eigenen Wein zu machen, weil an jedemzweiten Haus etwas von Weinverkauf steht ( zumindest glaube ich das bei meinem eingeschänkten Französisch ). Die Gegend ist wirklich wunderschön. Nur zu empfehlen.

Das Navi führt uns weiter an einem Kanal lang auf dem sich sogar Schiffe bewegen und jedes Dorf seinen eigenen kleinen Hafen hat. Da wir aber inzwischen schon in stärker hügeligen Gebiet fahren gibt es spätestens alle 1,5 km ein Schiffshebewerk. Will man dort also von einem Dorf zum nächsten mit dem Schiff fahren ist man sicher einen ganzen Tag beschäftigt weil man immer wieder durch die Hebewerke muss. Wie auch immer – mit dem Mopped ein Riesenspaß an der kurvigen Straße neben dem Kanal zu fahren. Wenn man hier abschmiert geht halt nur das Mopped baden.

Aber Frankreich ist ja ein Arschloch. Eine Stunde später – man hatte gerade die Regenklamotten ausgezogen – fängt es endgültig an zu regnen und hört auch nicht mehr auf. Das drückt natürlich die Stimmung. Hinzu kommt, dass das Navi unter massiven Umbaumaßnahmen am Straßennetzes leidet. Dann noch ein Baustelle und der Umleitungsversuch des Gerätes ergibt schon eine sehr abenteuerliche Strecke.

Mitten durch das französische Outback oder durch die Hinterhöfe einzelner Häuser – über Straßen die man eigentlich nur mit Cross-Maschinen befahren dürfte, weil die solange nicht mehr saniert wurden. Abgesehen von einem Teilstück, dass wirklich gerade geflickt wurde indem man einfach nur Tonnen von losem Rollsplit drüber gegeossen hatte. Da sind wir also auch nur mit durchschnittlich 30 km/h vorangekommen. Das waren dann genau die Ecken wo Leute einfach verschwinden und nie wieder auftauchen.

Stunden später lockert es wieder ein wenig auf. Wir folgen dem nächsten Schild in Richtung Campingplatz. Bis wird dann das wieder sehr abgelegene Dörfchen erreicht haben sind wir schon knappe 20km weiter. Direkt an einem See gelegen ( was den Mücken-Anteil ein wenig erhöht ) liegt der Campingplatz. Zelt aufstellen – irgendwann später wird schon einer kommen zum Kassieren. Nochmal ins Dorf, ein wenig zu Essen besorgen. Schon erstaunlich wie gut man mit nur einem französischen Wort Essen kaufen kann “Baguett ?!” – wir sind nicht verhungert.

Hier hatten wir auch das erste mal Kontakt mit diesen französischen Toiletten ( Löcher im Boden mit Markierungen für die Füße und Griffen an der Wand ). Glücklicherweise waren die Damen-Toiletten dann mit den uns vertrauten Schüsseln ausgestattet. WIr wechselsten also mal eben die Seiten.

Nachts ging der Regen wieder los. Das wird morgen wieder ein toller Tag.

cheers,
Sebastian

27. Mai 2010 Tag 4 – Schluss mit Lustig

Hallo und Humppa nach Deutschland!

Standort: Oiartzun / Spanien
Tages KM: 491.9
Gesamtkilometer: 1985.4

Auch wenn es noch kurz vor dem Aufstehen geregnet zu scheinen hat, sind wir doch noch halbwegs trocken wieder auf die Strasse gekommen. Heute würden wir es schaffen und endlich Spanien erreichen. Vor uns noch gute 450km bis zur Grenze. Auf dem Weg gab es noch kleine Schauer, aber ansonsten wurde der Tag immer besser und die Straßen immer trockener.

Irgendwie sah es auch schon im spanischer aus. In der einen Stadt schien es sogar eine Stierkampfarena zu geben. Nach einer Weile kamen wir in eine Waldgebiet, das sich später als Nationalpark erwies. Man kam sich gleich wieder wie in den USA vor. Den die nächsten Stunden ging es eigentlich nur gerade aus durch diesen einen großen Wald. Im nachhinein gut, dass wir vorher noch getankt hatten. Denn Häuser oder gar Tankstellen gab es auf der Strecke nicht wirklich mehr viele.

Den Wald durchquert wuchsen endlich wieder mehr Berge und Kurven :) Für die großen Pyrenäen waren wir leider zu weit an der Atlantikküste, das wollten wir uns für die Rücktour aufheben. Aber ein paar kleine Ausläufer waren auch jetzt schon für jede Menge Spaß gut. Ein letzter Halt bevor es dann ab durch die Berge und ab nach Spanien gehen sollte. Die Straße schon kurvig und trocken. Und los gehts… Aber nicht lange. Nach gut 30min dann technischer Ausfall von Lars Maschine. Wir standen in Bera in Spanien ( auch ein schönes Dorf – auch wenn die ganze Gegend einen von den Häusern sehr stark an Bayern erinnert ).

Den ADAC angerufen: “Abschlepper kommt in ca. 1 Stunde.”. Tat er dann auch. Leider konnte auch der Mann kein Stück englisch. In der Werkstatt zu der Lars gefahren wurde – ich mit der eigenen Maschine hinterher – war das nicht anders. Zum Glück hatte – scheinbar der Werkstattbesitzer ( nennen wir Ihn “Steve” ) – eine deutsche Freundin ( “Stevanie” ), die er angerufen hatte um dann das Telefon hin und her zu reichen, damit Sie übersetzen konnte ( später dann am PC mittels Google Translate ).

Das Ende vom Lied: Bis die Teile da wären und das Mopped wieder repariert sein würde, wären wir sicher noch eine Woche dort gefangen gewesen. Der ADAC würde Lars also ausfliegen und ich durfte meine Maschine alleine nach Hause fahren.

Die letzte Bratwurst vor Amerika muss also leider noch ein wenig warten.

Steve hat sich rührend um uns gekümmert. Er hat uns in die nächst größere Stadt gefahren ( Lars, ich wieder mit der eigenen Maschine hinterher ). Dort hatte er bereits ein Hotel gebucht. Wir wollten Ihn dann noch für seine Mühe die letzten 2 Stunden über auf ein Bier einladen, aber er ließ sich auch nicht davon abbringen, dass noch zu bezahlen.

Ein wenig merkwürdig war schon, dass er immer wieder darauf hinwies, dass dieses Hotel sicher sei. Und auch die Dame am Emfang ( Sie konnte Englisch ) wies mehrfach darauf hin, dass überall ums Haus Kameras wären und es sicher wäre das Mopped auf dem Hof abzustellen.

Erst später als Lars im dann gegenüber fallen ließ: “Also das ist Spanien ?!”, wies er unmißverständlich darauf hin, “Pssssst!!! Das ist Baskenland, nicht Spanien. Bloß nicht Spanien erwähnen.”. Erst dann vielen die Graffities an den Wänden “ETA” auf.

Die Nacht haben wir also auf ADAC-Kosten im Hotel verbracht bevor ich am nächsten Morgen die Motorradtour vorzeitig in Richtung Heimat beenden sollte. Lars sollte mit dem Taxi zur Auto Mietstation. Dann mit dem Mietwagen von San Sebastian nach Bilbao, um von dort mit dem Flugzeug via Malle nach Hamburg zu fliege.

cheers,
Sebastian

28. Mai 2010 Tag 5 – Gib Schub Rakete

Hallo und Humppa!

Standort: Herbholzheim (A5) / Deutschland
Tages KM: Sebastian: 1295.6, Lars: 0
Gesamtkilometer: Sebastian: 3281.0, Lars: 1985.4

Der Urlaub war also vorbei. Alleine Fahren macht auch nicht so viel Spaß. Also “Gib Schub Rakete.” ab nach Hause. Bei einer Mischung aus Schnellstraße und mautpflichtiger Autobahn, habe ich die 1.300km von Spanien durch Frankreich hinter die Grenzen Deutschlands in 13,5 Stunden geschafft.

Mehrfach Tanken. Zum Mittag und zum Kaffee gabs jeweils ein Twix, ansonsten durchfahren. ( Leider hab ich erst später von den “Iron Butt Auszeichnungen” (http://www.ironbutt.com/) fürs Langstrecken Moppedtouren erfahren, sonst hätte ich die letzten 300km für die erste Stufe auch noch gemacht – so ein Mist.

Ich bin am Volvic- Berg vorbeigekommen. Der sieht gar nicht so aus wie auf der Verpackung.

Im letzten Drittel von Frankreich hielt ich an einer Tankstelle. Während ich meine Kaffee-Mahlzeit einnahm und nochmal auf die Karte guckte für an die gegenüberliegende Seite der Zapfsäule noch ein Biker. Freundlich nickend grüßte ich. Der gute Mann gucke auf mein Nummerschild sagte aber nichts ( einen Franzosen würde ich auch nicht weiter mit Fragen löchern wollen ). Später habe ich dann aber gesehen, dass der auch aus Deutschland kam. Tagelang keinen Deutschen gesehen, der hält direkt neben mir, dann auch noch Biker sagt aber kein Wort. Eingebildeter Harley Fahrer!

Deutsch-Französische Grenze gegen 22.35 Uhr in Mülheim bei Freiburg passiert. Motel 30km weiter genommen. Der Hintern war echt platt. Ich habe auf dem Bauch geschlafen.

cheers,
Sebastian

29. Mai 2010 Tag 6 – Welcome Home

Hallo und Humppa!

Standort: Eddelak, Dithmarschen / Deutschland
Tages KM: Sebastian: 813,4, Lars: 0
Gesamtkilometer: Sebastian: 4094.0, Lars: 1985.4

Während die französischen Autobahnen ( vermutlich Dank Maut ) wirklich gut gepflegt sind ( wirklich Besenrein und keine Flickstellen ), ähnelt der Aufbau des Straßennetzes eher Supermarktregalen. Möglichst verschachtelt aufstellen, damit der Kunde ja noch an allen Produkten vorbei muss. Spätestens alle 150km änderte sich die Richtung oder man musste eine andere Autobahn nehmen. In Deutschland bin ich auf einer einzigen Autobahn geblieben und kam einmal längs durch das Land. So soll es sein.

Dann mal bis zur nächsten Tour ( hoffentliche länger ). Ich werde heute erst mal zum Imbiss fahren. Irgendwie habe ich Hunger auf Bratwurst.

cheers,
Sebastian

The ExternalInterface class allows you to communicate with the Flash wrapping container, which is usually the HTML page with JavaScript capeability. It allows you to send data from ActionsScript to JavaScript and vice versa.

The ExternalInterface class is implemented for nearly all current browsers. Please see the documentation for a detailed list of the supported browsers here.

All five attributes and methods are static, so you don’t need an instance of this class.

Make sure ExternalInterface is available

When using the ExternalInterface you should make sure it’s available. So please test the boolean value ExternalInterface.available:

if( ExternalInterface.available ){
  ExternalInterface.call( .... )
}

Call JavaScript from ActionScript

To call a JavaScript function from ActionScript you just the the method ExternalInterface.call. First argument must be the function name of the JavaScript method you would like to call. All other parameters will hand over as parameters to the JavaScript method. These parameters should be primitive types like String, Number or even simple Object.

JavaScript:

function myJSFunction( param1, param2, param3 ){
   alert( param1 + ': ' + ( parseInt(param2,10) + parseInt(param3,10) ) );
   // parseInt is definetly the nicer way
}

ActionScript:

private function externalInterfaceTest():void{
   var a:int = 4;
   var b:int = 2;
   var c:String = "Hello World";
 
   ExternalInterface.call( "myJSFunction", c, b, a );
}

This will show up an alert window with text and calculated numbers.

The call method will also handle return values of the JavaScript method. At least for this you should be aware of the security model of the flash player, otherwise you might get an null value instead the expected result. Therefore please set the flash parameter allowScriptAccess to always and the allowed domain within your flash application.

HTML:

<param name="allowScriptAccess" value="always" />
   <embed allowScriptAccess="sameDomain" [...]

SWFObject:

var params = {};
   params.allowscriptaccess = "always";
swfobject.embedSWF("flvplayer.swf", "videoPlayer", "650", "530", "9.0.28", "expressInstall.swf", flashvars, params, attributes);

Flash App:

flash.system.Security.allowDomain( yourDomain );

If you configured that way you will be able to recieve return values from your JavaScript function and use them in your ActionScript method.

JavaScript:

function myJSFunction( val ){
   return "JavaScripts says: " + val;
}

ActionScript:

private function exInterfaceTest():void{
   if( ExternalInterface.available ){
      trace( ExternalInterface.call( "myJSFunction", "Hello World") ); 
   }
}

Call ActionScript method from JavaScript

Its also possible to start the other way round, that you call an ActionScript method from an JavaScript function. Therefor you have to register an callback function within your AS code. You will connect any method name with an existing method.

This is done with the addCallback method. First argument is any function name you like. This will be the function you could call within JavaScript. The second argument is an function reference or closure which should be handle the call. All arguments will be passed to this method.

The JavaScript side function is an object of the flash wrapping container ( Object-Element / Embed-Element ) which should be referenced by it’s id/name. Also for this direction arguments and return values are possible.

HTML/JavaScript:

 <script language="JavaScript">
     var init = false;
     var flashObjId = "myExInterfaceTest";
 
     // flash is initialised and AS methods could be called
     function flashReady(){
         init = true;
         callAsMethod();
     }
 
     function callAsMethod() {
         var objRef;
 
         if ( window[ flashObjId ] ) {
             // none microsoft
             objRef = window[flashObjId];
         } else {
             objRef = document[flashObjId];
         }
 
         alert( objRef.jsCallHandler( "myArguments" ) );
     }
 </script>
 </head>
 <body>
     <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
             id="myExInterfaceTest" width="100" height="100"
             codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">
         <param name="movie" value="test.swf" />
         <param name="allowScriptAccess" value="sameDomain" />
         <embed src="test.swf" quality="high"
             width="100" height="100" name="myExInterfaceTest" align="middle"
             allowScriptAccess="sameDomain" pluginspage="http://www.macromedia.com/go/getflashplayer_de">
         </embed>
     </object>
 
 </body>

ActionScript part:

// This method is called when initialisation is finished and application is ready
private function initCompleteHandler():void{
   if( ExternalInterface.available ){
       ExternalInterface.addCallback( "jsCallHandler", javaScriptHandlerMethod );
       ExternalInterface.call( "flashReady" );
   }
} 
 
private function javaScriptHandlerMethod( arg ):Boolean{
    return ( "ActionScript says:" + arg );
}

For a large number of JavaScript calls from ActionScript to JavaScript i regular use the jsCallStack class which implements an stack of javascript calls to handle this timed and avoid doubled calls.

Currently i need to know within JavaScript when a SWF-file was loaded completly. You could easily handle this with a single ExternalInterface call from within the Flash-application. This is not a very nice solution if this has to be done for each of you flash-applications. This is the neccesary way if you also have to access the flash-application from outside. But in my case i just need to know when the flash is loaded and available in the browser cache.

For this i wrote the swfJSPreLoader. This preloader accepts an array of assets you would like to preload. Internally it will create an flash-application which does the preloading. You could define several callback handlers. So JavaScript gets to know when all assets are loaded or each single asset is loaded including SWF-files.

<script type="text/javascript">
	var swfJSPreLoaderConfig = {
		'_swfPath':'./', // configure path to preloader SWF file
 
		'assets':[	'assets/teaser.swf',
				 	'assets/img2.jpg',
				 	'--error--'],
 
		'assetLoaded': function( asset, bytes, status ){
			alert( asset + ' loaded (' + bytes + ')' );
		},
 
		'loadComplete': function(){ 
			alert('all assets loaded. totally loaded bytes: ' + swfJSPreLoader.loadedBytes() ); 
		},
 
		'loadError': function(){ 
			alert('load error'); 
		},
 
		'callback': function(){
			swfJSPreLoader.addAsset('assets/teaser2.swf',function( status ){ 
															alert('teaser2 loaded status:' + status ); 
														});
		}
	}
</script>
 
<script type="text/javascript" src="swfobject.js"></script>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="swfJSPreLoader.js"></script>

To use the swfJSPreLoader you have to include three js files for swfObjects, JQuery and the swfJSPreLoader.js. You also have to define an JS variable swfJSPreLoaderConfig to configure the preloader. The config-variable could hold the following items:

• assets: assets is an array of the assets which should be loaded. The asset-paths must be relative the html page. If you insert wrong asset pathes you could define an error handler. The assets array is optional. You could also add assets via method call.
• assetLoaded: assetLoaded defines the callback method for each loaded asset. So this method will be called each time an asset is loaded completly. There are three parameters. asset – gives the asset-path; bytes – gives the number of loaded bytes of the current asset; status – gives the loading status ( 200: Ok, 404: Loading error )
• loadComplete:The loadComplete callback method will be called after the queue of assets to load is empty. Not all assets need be loaded successfully. If not the error-callback will be fired.
• loadError:The loadError callback will be triggered if the current asset could not be loaded correctly.
• callback:With callback you could register a method which is called after the initialization of the swfJSPreLoader. After this method is called you could use the public methods of the pre loader.

There are two public methods of the swfJSPreLoader. Both methods are ready after the callback method is called and the initialisation is ready ( the loader flash is instanziated ).

swfJSPreLoader.addAsset: The addAsset method allows you to add a single asset to add to the loading queue. It takes to parameters. The first is the path to the asset, the second is the callback handler, which will be fired after this specific asset was loaded. The callback will also be called if the loading fails. The callback gets one argument status with the loading status ( 200: Ok, 404: Loading error ).

/**
 * @public 
 * 
 * adds asset to loading queue
 * @param {String} assetPath - path to assets to load
 * @param {Function} callback - optional callback handler when loading is complete
 */
addAsset:function( assetPath, callback )

swfJSPreLoader.addAsset('assets/teaser2.swf',
						function( status ){ 
							alert('teaser2 loaded status:' + status ); 
						});

swfJSPreLoader.loadedBytes: The loadedBytes method returns the number of total loaded bytes.

Update 2009-05-17:swfJSPreLoader Flash Builder Project Sourcefiles (ZIP, 553kb)

Update 2009-05-17:swfJSPreLoader-Test (ZIP, 532kb)

I hope this is helpfull for anybody.

cheers,
Sebastian

Hallo und Humppa nach Norddeutschland,

Nach einem gelungenen Beisammensein bei der Audiotool-Party, konnte es mit dem zweiten Tag der Konferenz losgehen.

Usabillity Testing

Das erste mal auf der FFK vertreten führte Tobias Hauser den Zuhörer in die Welt des struktierten User Tests ein. Was machen wenn der User meint die Webseite sie nicht nutzbar oder Webanwendung ist nicht zu friedenstellend ? Wie geht mein beim Testen vor, welche Software unterstützt, worauf sollte man achten und was sollte man beim Testing lieber unterlässt.

Wer langsam ist wird verlassen – Web-Performance tuning

Wenn auch nicht gerade in Zusammenhang mit Flash im Speziellen, so ist das Thema Web-Performance tuning doch sehr wichtig für den User und künftig auch ein wichtiges Kriterium für die Bewertung durch Suchmaschinen. Johannes Mainusch, technischer Direktor bei XING, gewährt Einblicke in die Performance Tuning Maßnahmen und Architektur bei XING. Vieles findet sich auch im XING Dev-Blog.

Set your Code on Fire

Wie beschleunige ich meinen Entwicklungsworkflow – nicht nur während des Schreibens des Codes sondern auch innerhalb des Projektes in meinem Team ? Darüber wollte Michael Plank bei der Präsentation von FDT und Beispielen aus dem Powerflasher-Alltag informieren. Man hätte gehofft, dass es evtl bereits einen kleinen Einblick in die nächste FDT Version gibt, aber es blieb bei FDT 3. Nach einen kleinen Programmfehler entwickelte sich der Vortrag auch ein klein wenig zum Sammeln von Bugs aus dem Publikum und für den Part des Teamworkflows blieb nicht mehr zu viel Zeit, sodass es bei vielen vielen Stichwörtern blieb.

Flash Games Invade the 3rd Dimension!

Die Vorträge von Seb Lee-Delile sind immer wieder ein Erlebnis auf ganzer Linie. Witzig und mit großartigen Bilder zeigt er Beispiele seiner letzten Projekte und was sich alles mit Flash in 3D machen lässt und wie man in Verbindung mit Motion Detection auch das Publikum dazu bekommt mit grünen Leuchtstäben zu fuchteln und zu schreien.

Der Apparat

… ist eine Sammlung von Optimierungswerkzeugen für Flash Anwendungen von Joa Ebert, die im Wesentlichen die Unzulänglichkeiten des originären Flash Compiler ausbügeln sollen. Diese beinhalten nicht nur einen Decompiler für SWF-Files sondern auch Optimierungstools für eine anschließendes erneutes comilpieren. So lassen sich z.B. eingebettete Bilddateien in der Größe reduzieren. In einem anderen Beispiel wurde die Performance der Anwendung durch nachträgliches Optimieren des Bytecodes verbessern.

Willkommen bei der Sideshow

In dem letzten Vortrag der Konferenz entführt uns Mario Klingemann in seine Welt voller Flashgenerierter Kunstwerke. Nicht zu beschreiben, muss man eben sehen.

Wir freuen uns also schon alle auf das nächste Jahr !

cheers,
Sebastian

Hallo und Humppa nach Norddeutschland,

wie immer: wer nicht gerade in Köln bei der Flash Forum Konferenz (FFK10 – http://ffk10.flashforum.de) ist der verpasst etwas. Dieses Jahr geht das Treffen der größten deutschen Community zum Thema Flash und Flash Plattform in die bereits 10 Runde. Wieder einmal konnte die Konferenz mehr Teilnehmer als im Vorjahr anlocken. In diesem Jahr sind es Runde 500.

Keynote

Wie schon im letzten Jahr kam die Keynot von Serge Jespers, seines Zeichens Evangelist bei Adobe. Es gab wieder eine kleine Übersicht über die Flash Plattform und eine paar Demos zu den Neuerungen im Flash Player, die sich besonders im Mobile-Bereich zeigen. Serge zeigte auch ein Nexus One mit Flash Player. Den Vergleich zwischen HTML5 und Flash gewann natürlich der Flash Player ;) Nicht Teil der Demo ist natürlich das iPhone – aus aktuellem Anlass eine entsprechend häufiger belächeltes Thema allerortens.

Nach der Übersicht gab es noch eine kleine Demo zur neuen Creative Suite 5 von Alex Ciorapciu.
In CS5 wird die Integration der Adobe und vormals Macromedia Produkten maßgebliche vorangetrieben. Der Datenaustausch zwischen der Software wird immer besser und beeindruckender, was z.B. das öffnen von InDesign in Flash angeht.
Besonders beeindruckend war natürlich die Bildretusche in Photoshop. For zwei Versionen musste man noch aufwendig von Hand mehrere Bilder zusammenpinseln. In CS4 gab es schon ein “Content aware scaling” und man konnte mehrere Bilder zusammenführen um die Schnittmenge zu bekommen ( was z.B. Autos oder Fahrradfahrer, die nur in einem Bild auftauchen eleminiert ). Mit CS5 ist dafür nur noch ein langweiliger Pinsel notwendig der irgendwie aus nur einem Bild alles wegretuschiert was nicht gewünscht wird. Keine Ahnung wo der das Haus hinter dem Fahrradfahrer her holt ?!

Flash Augmented Reality Workflow

Jesse Freemann zeigt uns seinen Workflow um Augmented Reality im Flash Player wahr werden zu lassen. Dazu muss natürlich erst nochmal gezeigt werden, was Augemented Reality überhaupt ist und was man damit machen kann. So richtig technisch wurde es nicht, aber für einen Überblick hat es gereicht und Spaß gemacht hat es auch noch. Also Objekte in Papervision erstellen und dann das Flar Toolkit benutzen. Fertig!

iPhone-Entwicklung mit Flash CS5

Der Vortrag von Saban Ünlü hatte natürlich eine unerwartete Brisanz bekommen durch die neueren Ereignisse, rund um das “Flash Verbot” auf dem iPhone und den Export einer Flash App als iPhone App. Dieser Vortrag schafft Klarheit über den langen Weg einer Anwendung auf das iPhone. Der Teil der dann noch in Flash CS5 eingetragen werden braucht ist erschreckend klein.

Presentation Patterns

… musste leider ausfallen, weil Florian Salihovic sich mit chinesischem Essen angelegt und verloren hatte. Gute Besserung! Es soll zu spontanen Vorträgen gekommen sein …

Intelligente online Videos auf Basis der Flash Plattform

Sven Brencher zeigt, dass es auch im Videobereich ordentlich vorangeht, was die Adobe Palette angeht. Natürlich sieht das immer ganz leicht aus wenn die das da vorne machen, aber es ist auch sehr beeindruckend zu sehen wie mit einem Storyboard der gesprochende Text erkannt wird letztendlich recht unkompliziert eine Videoanwendung entsteht, die weiß, welcher Text gerade gesprochen von welchem Sprecher gesprochen wird.

Tanzen mit Krüken

“Es gibt definitv dankbarere Plattformen als Flash, wenn es um dynamische Sound Generierung geht. Die spartanische Sound API von Flash ist bei der Klangerzeugung so nützlich wie einem Tänzer zwei Krüken beim Tango.” – so viel zur Erklärung des Titels. Das es trotzdem geht beweist André Michelle natürlich spätestens seit dem Audiotool ( das jetzt endlich seine eigene Plattform hat, also fleißig ausprobieren und Tracks erstellen ). Natürliche wurde die Tonematrix rausgeholt und natürlich musste man ein Blick in das Audiotool werfen, aber es gab auch neues an der Audio-Kunst-Front. So hatte das wie immer begeisterte Publikum viel Spaß an der froh animierten Kombination aus Tönen und Physikengine – hüpfende Kugeln – toll.

DIY Methodology, or, When Being Agile Can Break Your Back

Chris Pelsorerzählt wie er Projekte angeht und welche Methoden für Ihn funktionieren und welche nicht. War auf jeden Fall sehr zu empfehlen. Sonst bitte unbedingt nochmal “Getting Real” lesen. Man findet viel wieder.

UnitZeroOne: Skunkworks

Spaß! Ralph Hauwert zeigt, dass sich 3D Objekte auch in Echtzeit wirklich flüssig animieren lassen, was wirklich wörtlich gemeint ist. Demo gibts hier. Oder wie man einen Raytracer in Flash baut. Impressiv – as usual !

cheers,
Sebastian

Here is a little JavaScript Class which allows you to have timed function calls. Of course there could be different instances of these timers. Here is a example how to use it:

var timer = new Timer( {'interval':1000} );
timer.start( timedFunction );
 
function timedFunction(){
   // called every 1000 milliseconds
}

The function timedFunction will be called every 1000 milliseconds. The millisecond interval will be configured within the configuration object, which is given as parameter into the the class constructor. There is also an optional second parameter for the start function to set the scope. This allows you to use the timer within other JavaScript objects. To stop the timer use the stop function.

/** ------------------------------------------------------------------------------------------------------------ *
 * @class: Timer
 * @classDescription: implements a timer class to handle timed events
 * @author: Sebastian Martens
 ** ------------------------------------------------------------------------------------------------------------ */
function Timer( obj ){
	this.isRunning = false; // is timer currently running
	this.interval = 500; // default interval of event calls
 
	this.funcRef = null; // reference to called function
	this.scope = this; 
 
	this._timerId = 0; // global timer id
 
	/**
	 * @constructor
	 * @param {Object} obj - construction parameter
	 */
	this.construct = function( obj ){
		this.mixIn( obj, this );
		// find smallest not used timer id
		while( document[ 'myTimer'+this._timerId ]!=null ) this._timerId++;
		document[ 'myTimer'+this._timerId ] = this;
	}
 
	/**
	 * mix a given object into this object
	 * @param {Object} obj - given object with parameters
	 */	
	this.mixIn = function( obj, scope ){
		if(!scope) scope = this;
		var item = null;
		for(item in obj){
			scope[ item ] = obj[item];
		}
	}
 
	/**
	 * starts timer
	 * @param {Int} interval - time in milliseconds for time interval
	 * @param {Node} scope - the execution scope of the reference function
	 * @param {Function} funcRef - function reference of function to be called on time event
	 */
	this.start = function( funcRef, scope, interval ){
		if(interval) this.interval = interval;
 
		this.scope = scope;		
		this.funcRef = funcRef;
		this.isRunning = true;
		this.startTimer();
	}
 
	/**
	 * starts a new time event call with given time interval
	 */
	this.startTimer = function(){
		if( !this.isRunning ) return; 
		window.setTimeout("document['myTimer"+this._timerId+"'].timedHandler()",this.interval);
	}
 
	/**
	 * stopps the timer
	 */	
	this.stopp = function(){
		this.isRunning = false;
	}
 
	/**
	 * timed event handler. will be called on each time event
	 */
	this.timedHandler = function(){
		if( this.isRunning ){
			if( this.funcRef ){
				this.funcRef.apply(this.scope);
			}else this.stopp();
 
			// do next timer call
			this.startTimer();
		}
	}
 
	// constructor call
	this.construct( obj );
}

Download JavaScript Timer.js

cheers,
Sebastian

Just to have a note for myself, here are some steps you need to know to connect your MySQL Database with OpenOffice e.g. for creating form letters.

You need to create a ODBC connection. First step is to install the latest ODBC drivers. For MySQL you will get them diretly from MySQL: http://dev.mysql.com/downloads/connector/odbc/. Just download and click through the installer. If you used the XAMPP or MAMP packages the MySQL socket will not be installed in the /tmp directory. But this is required for most ODBC drivers.

Please check your /tmp directory first. If there is not mysql.sock the aasiest way is to create a link between them. So switch to Terminal and create the link:

sudo ln -s /Applications/MAMP/tmp/mysql/mysql.sock /tmp/mysql.sock

Otherwise you will get an error like ” Can’t connect to local MySQL server through socket ‘/tmp/mysql.sock’ (2) “.

Last thing to do for a ODBC connection is to configure your new connection. Therefor you could use the ODBC Administrator from Apple. Also just download and click through the installer. You will get the new application in your System > Utilitys folder.

Under System DNS you should already find your MySQL connector. Mark the entry and configure it. It’s very important to enter the username and the MySQL table.

Now you could create a new database file with OpenOffice ( you should share it through OpenOffice to have easy access from other OO applications ). Just choose “Create connection to existing Database” and select MySQL via ODBC.

In some cases you might get problems with the standard ODBC connection. In this case there is a special MySQL-plugin for OpenOffice, which allows you diretly to connect to the database. You could download this MySQL connection plugin here. There is also a small How To direct from OpenOffice.

cheers,
Sebastian

Für die Freiwillige Feuerwehr haben wir uns ein Navigationsgerät angeschafft und dies wollte ich nun schon seit langer langer Zeit mit den Geokoordinaten der Hydranten bestücken, damit man im Einsatzfall auch die selten verwendeten Hydranten schnell findet. Künftig sollen hier auch die Koordinaten der Hydranten aus den Nachbargemeinen eingespielt werden. Wird diese bei einem Einsatz unterstützt kann man bereits auf solche Daten zurückgreifen.

Für die GoPal-Geräte bieten sich im Grunde drei Ansatzpunkte für das einspielen eigener Daten:

1. Originäre Kartedaten/POIs im .PSF-Format
2. Routen/ Tracks
3. Eigenständige Programme

Das vorliegende Geräte ist ein Medion E4430 auf Windows CE Basis mit einem ARM Prozessor. Die GoPal Navigationssoftware (AE 4.7) greift auf NavTeq ( <-> Map24 ) Kartenmaterial zurück. Ausgeliefert werden z.B. schon erweiterte Points-of-Interest im .PSF-Format. Wie sollte es anders sein: Eine Liste mit ALDI-Märkten.

1. Originäre Kartedaten/POIs im .PSF-Format
Leider habe ich keine aktuelle Software oder igendeine art Script gefunden ( und noch herunterladtbar wäre ), dass aus irgendeinem Rohmaterial das binäre .PSF-Format generiert, noch eine nachbaubare Beschreibung des Formates. Damit konnte ich diese Variante leider nicht weiterverfolgen.

2. Routen/ Tracks
Innerhalb der GoPal Software ist es möglich gefahre Routen zu speichern ( “Menü” -> “Route bearbeiten” -> “laden/speichern”). Wie der Navigationspunkt verrät können gespeicherte Routen auch wieder geladen werden. GoPal speichert die Routen in einem XML-Format ab. Es ist also nicht schwirig eine entsprechende Beispieldatei vom Navi zu laden und die eigenen Daten nach dem gleichen Muster anzulegen. Danach reicht es die eigene XML-Datei auf das Gerät zu laden. Die Route kann ausgewählt werden und die einzelnen Marker erscheinen als kleine Fähnchen in der Karte.

Ungünstig nur, dass das Navi nun mal eine Route erstellen will, also aus den einzelnen Einträgen eine zusammenhängende Strecke errechnet ( was im Beispiel der Hydranten keine sinnhafte Strecke ergibt und auch eine gewisse Berechnungszeit in Anspruch nimmt ). Anschließend nervt das Navi natürlich mit Fahrtanweisungen entlang der “Route” ( Lautlose Stimme hilft in diesem Fall weiter ). Der Vorteil ist nun aber, dass jeder meiner Hydranten als kleine Fahne direkt in der Karte zu sehen ist. Leider keine weiteren Angaben, wie z.B. dessen Größe.

Eine solche Route oder Tour XML besteht aus dem tour-Rootelement, einem options-Element, der verschiedene Reiseparameter definiert, sowie einer Menge an dest-Elementen, die die einzelnen Ziele oder Positionen darstellen:

<?xml version="1.0" encoding="ISO-8859-1" standalone="yes"?>
<tour>
    <options VehicleSpeedNonMotorway="27" VehicleSpeedMotorway="33" VehicleSpeedInPedestrianArea="2" Type="3" Tunnels="1" TollRoad="1" TTIMode="0" PedestrianSpeed="1" MotorWays="0" Mode="2" Ferries="1" CyclistSpeed="4"/>
    <dest Longitude="1016948" Latitude="7152347" Country="0" City="H100"/>
    <dest Longitude="1016823" Latitude="7152340" Country="0" City="H100"/>

Die Länge und Breite wird hier nicht wie sonst üblich mit Fließkommawerten angegeben. Ein tolles Tool mit dem man diese Routen-XML ganz schnell aus den verschiedensten Quellformaten erstellen kann ( und genauso in alle anderen Formate wandelt ) ist der RouteConverter (nur Win) von Christian Pesch.
Wenn man diese simple XML-Datei erstmal erstellt hat braucht man sie nur noch auf das Navi zu kopieren. Dies geht über ActiveSync (Win). Dies findet sich u.a. auf der beigelegten Software CD. Ist ActiveSync auf dem eigenen PC installiert und das Navi über ein USB-Kabel am PC angeschlossen taucht unter Arbeitsplatz ein weiteres Gerät ( Mobiles Gerät ) auf, durch dessen Ordnerstruktur ich dann mittel Explorer navigieren kann.
Die fertige Route XML muss dann unter \My Flash Disk\settings\0\Navigation\tour eingefügt werden. Anschließend taucht ein Eintrag mit dem Dateinamen unter dem Routenmenü ( “Menü” -> “Route bearbeiten” -> “laden/speichern”) auf, der geladen werden kann.

3. Eigenständige Programme
Da der das Navigationsgerät auf Windows basiert kann man natürlich auch noch andere Programme hinzuinstallieren. Dies wäre z.B. der POI-Observer. Man gibt diesem Programm eine Liste mit Geokoordinaten mit. Nähert man sich nun während der Fahrt einem solchen Punkt wird ein Soundfile abgespielt und eine Grafik eingeblendet um auf diesen besondern Punkt hinzuweisen ( gerne genommen für Blitzer ). Der POI-Observer wird erstellt und gepflegt von der Forengemeinschaft NaviFriends. Das einzige was man dagegen sagen kann, ist das sich ein Forum nicht recht gut eignet wenn man sich dem Thema das erste Mal nähert ( die wichtigsten Links folgen ).

Zuerstmal muss der POI-Oberserver auf dem Navi installiert werden. Dazu gibt es inzwischen einen einfachen Installer. Dieser muss einfach bei angeschlossenem Navi auf dem eigenen PC gestartet werden. Hinweis: Im Installationsverlauf kann man zwar auswählen wo die Dateien installiert werden sollen ( auf dem Flashspeicher des Navi oder auf einer weiteren SD-Karte ), aber der Installer bricht bei Nichtvorhandensein einer SD-Karte leider schon vorher ab, Also bitte schnell mal eine Karte einlegen.

Beim Installieren wie immer Ja und Amen und der POI-Observer ist schon installiert. Wenn man das Navi jetzt einmal durchstartet ( auf den On/Off-Knopf oben auf dem Gerät und anschließend das Reload-Symbol auf dem Bildschirm betätigen ), startet der POI-Observer im Hintergrund mit. Wenn der Observer läuft ist dies zu erkennen an einem kleinen roten bzw. grünen Quadrat in der untereren linken Ecke.

Nun geht es darum seine eigenen Koordinaten dem POI-Oberserver bereitzustellen. Das macht man mit der observer.obs-Datei. Diese liegt im Installationsverzeichnis auf dem Navi ( \Storage Card\poiobserver ). Diese Datei enthält das Mapping zwischen den Geokoordinaten, dem abzuspielenden Sound und dem Bild sowie der Auslösebedingung für Sound und Bild ( z.B. 100m vor Erreichen des Punktes ).

Um die Observer-Datei zu erstellen wird eine .asc-Datei in das binäre Format gewandelt. Die .asc-Datei hält kommasepariert Länge, Breite und eine Ortsbeschreibung und ist daher ebenfalls einfach zu erstellen:

;Hydrantenplan 02.01.2010 14:01:10 Sebastian Martens 
9.1460,53.9480,"100|Eddelak- Wilhelm-Johnson-Str. 8"
9.1445,53.9482,"100|Eddelak- Hugo-Gehrts-Str. 5"
9.1448,53.9488,"100|Eddelak- Wilhelm-Johnson-Str."

Achtung: Beim Erstellen der Datei sollte darauf geachtet werden, dass die Beschreibung in doppelten Anführungszeichen steht und auch in der Beschreibung kein Komma (oder evtl. anderes verwendetes Trennzeichen) vorkommt.

Will man verschiedenartige Ereignisse in einer Oberserver-Datei verwenden, z.B. die verschiedenen Größen von Hydranten, dann muss pro Ereignisart eine eigene .asc-Datei erstellt werden. Anschließend können mehrere asc-Dateien mit unterschiedlichen Einstellungen zu einer Observer-Datei kombiniert werden.

Das Erstellen der Observer-Datei aus den einzelnen asc-Dateien übernimmt das Programm POIConfigurator+.exe. Dieses bekommt man als Teil des sog. Newbie-Pakets. Das Ganze einmal auf der eigenen Platte entpacken und unter PC-Programme nachschauen. In dem Ordner Manuals finden sich auch ein paar nützliche weitere Hinweise.

Hat man sich selber noch keine Navigationsdatei erstellt, die die Verwaltung mehrer asc-Datei und deren Einstellungen übernimmt, reicht ein Klick auf Hinzufügen. Dies erstellt einen neuen Eintrag für eine asc-Datei die in die neue Observer-Datei integriert werden soll. Auf der rechten Seite lassen sich dann verschiedene Einstellungen vornehmen. Die wichtigsten sind das Auswählen einer asc-Datei. Das Auswählen einer Bitmap-Datei ( dem Symbol das angezeigt werden soll ): hier am besten eine 8-bit Bitmap verwendet. Der Wert IV Dist, also der Auslöseeigenschaft, z.B. angegeben in Sekunden vor Erreichen des Punktes oder in Meter vor Erreichen des Punktes. Und schließlich die Wahl eines Sounds der Abgespielt werden soll. Achtung: Bei Verwendung von Sound und Bild müssen diese den gleichen Dateinamen ( nicht die gleiche Dateiendung ) haben, ansonsten überschreibt der Name der Sounddatei den Namen der Bilddatei und es wird immer versucht das falsche Bild zu laden ( bis mir das aufgefallen war …. ). Wenn alles fertig ist ein Klick auf Konvertieren und die aktuelle Observer-Datei befindet sich im POI-Verzeichnis. Dann nur noch auf das Gerät kopieren, durchstarten und testen. Nicht vergessen auch die Bilder und Sound in die entsprechenden Verzeichnisse aufs Navi zu kopieren.

Auf dem Navi befinden sich noch drei .ini-Dateien zum Konfigurieren des Observers. Eine nützliche Einstellung ist in der ObsGlobals.ini der Wert AnnounceOpenTime der die Zeit enthält wie lange ein Warnsymbol angezeigt wird.

Alles Weiter gibts in der Foren von http://www.navifriends.com/ und http://www.gopalworld.de/. Eine Anmeldung ist nötig um die meisten der oben verlinkten Dateien herunterzuladen.

cheers,
Sebastian