Literally Flash » Conseil http://literallyflash.ch Tutoriels et réflexions sur Flash Thu, 11 Feb 2010 11:20:08 +0000 http://wordpress.org/?v=2.8 en hourly 1 MegaZine 3 – PageFlip en Actionscript 3 et XML ! http://literallyflash.ch/2009/08/megazine-3-pageflip-en-actionscript-3-et-xml/ http://literallyflash.ch/2009/08/megazine-3-pageflip-en-actionscript-3-et-xml/#comments Fri, 21 Aug 2009 12:17:55 +0000 Wouter http://literallyflash.ch/?p=231 Bonjour à tous !

Aujourd’hui, j’ai cherché une solution de pageflip open-source écrite en actionscript 3.0. Google renvoie de nombreux résultats, mais tous pointe vers des solutions ancestrales comme PageFlip ou FlipBook, avec du code dépassé et des techniques d’ajout de pages pas vraiment top. Je veux dire, qu’elle est l’utilité de créer chaque page dans Flash en tant que MovieClip ?! Imaginez une solution en xml, voir même lié à une base de données ! Le rêve :-) .

Mais rien n’y fit. Mais voici que je tombe sur MegaZine. Une solution open-source de Florian Nücke, entièrement configurable en xml. Et avec une gestion native de différentes langues !

Quelques lignes de l’xml en question:

<book bgcolor="0xCCCC99" pageheight="600" pagewidth="400" lang="en,de">
    <chapter>
        <page stiff="true" anchor="cover">
            <img src="src/cover_front.jpg" aa="true" width="400" height="600"/>
        </page>
        <page>
            <img src="src/cover_front_in.jpg" aa="true" width="400" height="600"/>
        </page>

Pour ajouter des liens au sein d’une page (sommaire par exemple):

<page>
    <img width="400" height="600">
        <src lang="en">src/en/contents.jpg</src>
        <src lang="de">src/de/contents.jpg</src>
    </img>
    <nav align="center" color="#423e21" hover="#5e5934" width="325" left="25" top="200">
        <lnk url="anchor:download"><![CDATA[<font face="serif" size="24">Download</font>]]></lnk>
        <lnk url="anchor:prologue"><![CDATA[<font face="serif" size="24">Prologue</font>]]></lnk>
        <lnk url="anchor:chapter1"><![CDATA[<font face="serif" size="24">Chapter I - Features</font>]]></lnk>
        <lnk url="anchor:chapter2"><![CDATA[<font face="serif" size="24">Chapter II - Elements</font>]]></lnk>
        <lnk url="anchor:references"><![CDATA[<font face="serif" size="24">References</font>]]></lnk>
        <lnk url="anchor:epilogue"><![CDATA[<font face="serif" size="24">Epilogue</font>]]></lnk>

Ajouter du son:

<page foldfx="0">
    <img src="src/page05.jpg" width="400" height="600"/>
    <snd src="src/waves.mp3"/>
</page>

Voici la page de téléchargement. Amusez-vous !

Note: pour en faire un usage commercial, il existe une licence payante ! Mais pour tester, ou un usage personnel, lachez-vous.

- Wouter

]]> http://literallyflash.ch/2009/08/megazine-3-pageflip-en-actionscript-3-et-xml/feed/ 9 Annuaire spécialisé dans les sites en Flash (ou ayant un rapport direct avec Flash) http://literallyflash.ch/2009/08/annuaire-specialise-dans-les-sites-en-flash-ou-ayant-un-rapport-direct-avec-flash/ http://literallyflash.ch/2009/08/annuaire-specialise-dans-les-sites-en-flash-ou-ayant-un-rapport-direct-avec-flash/#comments Wed, 19 Aug 2009 08:22:24 +0000 Wouter http://literallyflash.ch/?p=219 Bonjour à tous.

En faisant du référencement pour un client, je suis tombé sur cet annuaire: www.flash-annuaire.com. Cet annuaire se spécialise dans les contenu ayant un rapport avec la plateforme Flash, tel que les blogs (je viens d’y référencer le mien ;-) ), les forums, mais surtout les sites Flash de qualité (au moment où j’écris ces lignes, l’annuaire dit que le taux d’acceptation de sites est de 27%…donc ils veulent voir de la qualité).

Je trouve que c’est une très bonne idée, d’ailleurs j’ai rajouté un lien permanent dans mon footer, question de les aider un minimum :-) .

Voilà, si vous recherchez un annuaire pour votre prochain site Flash, n’hésitez pas.

- Wouter

]]> http://literallyflash.ch/2009/08/annuaire-specialise-dans-les-sites-en-flash-ou-ayant-un-rapport-direct-avec-flash/feed/ 1 Flash CMS: Utiliser Drupal 6 pour gérer le contenu de Flash – le module “services” http://literallyflash.ch/2009/07/flash-cms-utiliser-drupal-6-pour-gerer-le-contenu-de-flash-%e2%80%93-le-module-services/ http://literallyflash.ch/2009/07/flash-cms-utiliser-drupal-6-pour-gerer-le-contenu-de-flash-%e2%80%93-le-module-services/#comments Thu, 16 Jul 2009 11:53:42 +0000 Wouter http://literallyflash.ch/?p=189 Bonjour tout le monde !

En faisant mes petites recherches pour un projet nécessitant Drupal, je suis tombé sur ce module. Ce module permet à Drupal de communiquer directement avec l’extérieur, en utilisant son API. Ce qui est plus “pro” que ce que je vous proposait jusqu’ici :-) . Il faut passer par un objet NetConnect et installer un serveur AMFPHP (Actionscript Message Format – permet à PHP de renvoyer des objets Flash natifs). L’approche est différente: jusqu’ici, j’utilise Drupal comme un système de gestion de base de données et je connecte Flash directement à cette dernière (voir mes posts précédents), le module “Services” utilise Drupal comme une application web. Mais, je vais suivre de très près l’évolution de ce module “Services”. Il promet d’être incroyablement puissant. Pour l’instant il est en béta, mais voici comment il fonctionne.

Vous devez télécharger

Installez ces modules tout simplement. Puis, vous devriez pouvoir aller à l’adresse suivante: votredomaine.com/drupal/services/amfphp

Un texte vous informera que tout fonctionne. Voilà pour Drupal :-) . Facile non ? Maintenant Flash.

On se connecte à un service web. On utilise un objet NetConnection (Note: il y a des chances que la sécurité de Flash vous empêche de tester tout ceci en local pour vous connecter à un serveur distant) Edit: En fait, c’est le module Services qui bloque l’accès aux applications tentant de se connecter d’un autre serveur. Ceci peut être configuré par contre. C’est un grand plus pour la sécurité !

var drupal:NetConnection = new NetConnection();
drupal.addEventListener(NetStatusEvent.NET_STATUS, netStatus); // sinon Flash va vous donner des erreurs
drupal.objectEncoding = ObjectEncoding.AMF3; // encodage AS 3.0 pour le format AMF
drupal.connect("votredomaine.com/drupal/services/amfphp"); // chemin vers le "gateway.php" pour lier les deux applications
function netStatus(e:NetStatusEvent):void { } // nécessaire pour éviter des erreurs pendant l'exécution du flash

Puis, il vous faut vous connecter à Drupal. Pour ce faire:

var resp:Responder = new Responder(onResult, onError);
drupal.call("system.connect", resp);

Il faut créer un objet Responder qui gérera les réponses de Drupal. Et c’est là qu’intervient la puissance de AMF:

drupal.call("system.connect", resp);

Vous appellez la méthode connect() de la classe system ! Le module Services va à présent vous connecter à Drupal et vous renvoyer un Session ID. Cet ID vous sera utile pour toutes les autres requêtes que vous allez effectuer. Le Responder a deux méthode: onResult et onError. Dès que Drupal va donner sa réponse pour la connexion et nous renvoyer notre ID:

function onResult(e:Object):void
{
sessID = e.sessid;
}

Nous avons à présent un ID (note: l’ID est un String), nécessaire pour tout le reste. Maintenant, imaginez que vous désirez obtenir le contenu d’une page (rappelons le, un “node”), ici la page 1:

drupal.call("node.get", new Responder(onNode, onError), _sessID, 1);

Puis, dans notre fonction onNode:

function onNode(e:Object):void
{
trace(e.title); // titre de la page
trace(e.body); // corps de la page
}

Il existe de nombreuses autres propriétés que la classe node nous renvoie (date du dernier commentaire, auteur de l’article, date de la dernière révision, etc).

Un des gros avantages de cette méthode est la possibilité de créer du contenu depuis Flash dans Drupal ! Imaginez un site à la YouTube, complétement en Flash. Tout le backend (upload des vidéos, système de tri (grâce à Taxonomy), système de vote (Voting API)) pourrait être géré par Drupal ! Et ce quasi nativement, sans aucune programmation côté serveur de votre part !

Services vous permet également de créer assez facilement vos propres services, par contre il faut connaitre l’API de Drupal, ne serait-ce qu’un minimum.

Résumé, de nouvelles perspectives en vue. Il pourrait devenir de plus en plus simple de créer des RIA très complexes en utilisant des outils performant et gratuits, disponibles pour tous !

- Wouter

]]> http://literallyflash.ch/2009/07/flash-cms-utiliser-drupal-6-pour-gerer-le-contenu-de-flash-%e2%80%93-le-module-services/feed/ 0 Livre sur Flash à lire – “Pratique d’actionscript 3.0″ de Thibault Imbert http://literallyflash.ch/2009/07/livre-a-lire-pratique-dactionscript-3-0-de-thibault-imbert/ http://literallyflash.ch/2009/07/livre-a-lire-pratique-dactionscript-3-0-de-thibault-imbert/#comments Wed, 01 Jul 2009 07:37:54 +0000 Wouter http://literallyflash.ch/?p=104 Ca fait déjà quelques temps que je me donne à la lecture de cette ouvrage, écrit par Thibault Imbert. Il prend les bases de l’actionscript 3.0, décrit de façon simple les rouages interne au Flash Player, et se lance dans des sujets plus pointus, tel que l’utilisation de la classe ByteArray (je ne suis pas encore si loin dans le livre, mais j’ai hâte !). Un livre qui s’adresse aussi particulièrement aux personnes ayant encore un peu de peine à laisser l’actionscript 2.0 en faveur de l’actionscript 3.0.

Même si les premiers chapitres traitent de choses basiques, pour ceux d’entre nous qui ont déjà certaines connaissances en actionscript 3.0, le fait de savoir comment Flash interprète notre code est vraiment très intéressant.

Le livre peut-être acheté ou téléchargé gratuitement en tant que e-book. Pour un ouvrage de 1096 pages, c’est vraiment très généreux :-) !!

Au passage, je recommande de jeter un coup d’oeuil sur le site de Thibault, bytearray.org . Fascinant. Surtout, allez voir la page “projects” !!

-Wouter

Télécharger l’e-book

]]> http://literallyflash.ch/2009/07/livre-a-lire-pratique-dactionscript-3-0-de-thibault-imbert/feed/ 0