Dipi Graphics

Hi,

Great article from S.Jespers "The HTML5 Flash Marriage: Geolocation"

I wrote quickly a simple class you can use to insert a google map with html5 geolocation.

gps(width:int, height:int, APIkey:String, getGeoFunction:String, sendGeoFunction:String)
ie : var map:Sprite = new gps(950, 400, "YOUR API KEY HERE", "getGEO", "passGEOToSWF");

Sample page : geoSample.html

You can download the project : http:www.dipi-graphics.com/download/gpsAs3Project.zip (FlashBuilder Project)

Je me suis penché du coté de la génération de graphique depuis des fichiers csv. Je me suis donc lancé dans le développement d'une petite application flash qui génère un graphique en fonction de flashVars.

Pour cette première étape de développement, je me suis familiarisé avec le traitement des données et les reproduire sur un simple graphique à 2 coordonées. sur l'Axe des x, le temps ( les jours) sur l'Axe des y, le comparateur au temps en fonction des csv utilisés.

Ceci est une première approche :

CSV structure

Mon csv contient 2 "colonnes" pour simplifier au maximum. La première ligne me permet de déterminer le label des 2 axes. et le reste les données.

FlashVars

• pathCSV : STRING inqique l'url du fichiers csv à ouvrir

• multi : NUMBER agit comme facteur de scale des resultats afin d'obtenir un graphique plus lisible lorsque les valeurs sont trop petite.

• gapData; INTEGER indique le nbre de données qui seront traités,

Demo

• Fig 01 Number of visits from 01/01/2007 until 21/12/2010

• Fig 02 navDock 1.1 jQuery plugin Downloads from 14/09/2010 until 21/12/2010

Denis P.

Concept catalyst pour html

Je ne sais pas pourquoi je pensais à flash catalyst au moment ou j'ouvrais firebug mais tout cela m'a donnée une idée.
Imaginons un module firefox, qui nous permet d' ajouter, éditer, supprimer, positionner dans "une DisplayList" (genre layer photoshop) et déplacer nos éléments via jQuery. chaque élément peut être défini un peu à la manière de flash catalyst, un bouton, un élément animé, un texte, un conteneur...etc. On pourrais aussi assigner un effet (avec panel edition des variables)

Nous avons donc comme données :

• la position de l'élément
• la profondeur de l'élément
• le type d'élément.
• un effet à appliquer avec ses options

Il me semble possible de là de produire une page web un peu comme catalyst produit un swf. ou d'écrire un script js qui fera la mise en page lorsqu'il est déclenché.

Idée à creuser...