{"id":1963,"date":"2011-04-15T16:29:38","date_gmt":"2011-04-15T15:29:38","guid":{"rendered":"http:\/\/flaven.fr\/?p=1963"},"modified":"2013-09-24T06:11:33","modified_gmt":"2013-09-24T04:11:33","slug":"gaia-framework-flash-actionscript-introduction-a-la-publication-dun-site-flash-sous-gaia","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2011\/04\/gaia-framework-flash-actionscript-introduction-a-la-publication-dun-site-flash-sous-gaia\/","title":{"rendered":"Gaia Framework, Flash, Actionscript &#8211; Introduction \u00e0 la publication d&#8217;un site flash sous Gaia"},"content":{"rendered":"\n<p><!--  Gaia Framework, Flash, Actionscript - Introduction \u00e0 la publication d'un site flash sous Gaia --><br \/>\n<!--  Gaia Framework, Flash, Actionscript, AS3, AS2, Steven Sacks, Webdocumentaire, rich-media, Ruby on Rails, Framework, Scaffolding  --><\/p>\n<p>Pour peu que l&#8217;on s&#8217;int\u00e9resse au webdocumentaire et c&#8217;est notre cas dans la cadre de nos activit\u00e9s pour le compte de 3WDOC, on croise de plus en plus de de r\u00e9alisations faites \u00e0 l&#8217;aide sous Gaia Framework. Comme tout bon framework, cela permet des gains substantiels en terme de production et l&#8217;int\u00e9gration d&#8217;un certain nombre de fonctionnalit\u00e9s qui facilite le processus de cr\u00e9ation.<!--more--><\/p>\n<h4>Les avantages imm\u00e9diats de Gaia<\/h4>\n<p>Ils sont nombreux \u00e0 premi\u00e8re vue :<\/p>\n<ul>\n<li>Steven Sacks a notamment repris les concepts de Route and Scaffolding, pr\u00e9sents dans le Ruby on Rails.<\/li>\n<li>L&#8217;ensemble du projet est pilot\u00e9 par un xml<\/li>\n<li>Le framework Gaia int\u00e8gre de tr\u00e8s nombreuses autres librairies compl\u00e9mentaires et indispensables \u00e0 tout bon projet en Flash.<\/li>\n<\/ul>\n<p><b>Liste des librairies compl\u00e9mentaires jointes \u00e0 Gaia<\/b><\/p>\n<ol>\n<li>GreenSock, http:\/\/www.greensock.com\/<\/li>\n<li>SWFAddress, http:\/\/www.asual.com\/swfaddress\/<\/li>\n<li>SWFObject, http:\/\/code.google.com\/p\/swfobject\/<\/li>\n<li>flash-thunderbolt, http:\/\/code.google.com\/p\/flash-thunderbolt\/wiki\/ThunderBoltAS3<\/li>\n<li>osflash-xray, http:\/\/code.google.com\/p\/osflash-xray\/<\/li>\n<\/ol>\n<blockquote><p>Gaia is an open-source front-end Flash Framework for AS3 and AS2 designed to dramatically reduce development time.<\/p><\/blockquote>\n<p><!-- intro --><\/p>\n<h4>Un probl\u00e8me d&#8217;installation<\/h4>\n<p>Le framework s&#8217;installe \u00e0 l&#8217;aide de l&#8217;adobe extension manager, ensuite le panneau de Gaia sera disponible via le chemin <code>Window &gt; Other Panels &gt; Gaia Framework<\/code>.<\/p>\n<p>Il est possible que vous rencontriez des probl\u00e8mes \u00e0 l&#8217;installation si votre poste est dans une langue autre que l&#8217;anglais.<\/p>\n<p><b>Probl\u00e8me d&#8217;acc\u00e8s au panel sur le forum<\/b><br \/>\n<i>Source : <a href=\"http:\/\/www.gaiaflashframework.com\/index.php?topic=1239.0\" target=\"_blank\">Forum gaia flash framework<\/a><br \/>\n<\/i><\/p>\n<p><b>Il faut d\u00e9j\u00e0 mettre \u00e0 jour l&#8217; Extension Manager CS4 2.1 Patch<\/b><br \/>\n<i>Source : <a href=\"http:\/\/www.adobe.com\/exchange\/em_download\/em20_download.html\" target=\"_blank\">http:\/\/www.adobe.com\/exchange\/em_download\/em20_download.html<\/a><\/i><\/p>\n<p><b>A ce jour la solution semble de modifier manuellement les fichiers install\u00e9s par l&#8217;Adobe Extension Manager, en tous les cas c&#8217;est ce que nous avons fait.<\/b><\/p>\n<p>Le probl\u00e8me vient si vous poss\u00e9dez deux langues sur votre ordinateur par exemple votre ordinateur est en Fran\u00e7ais et le logiciel Flash est en anglais.<br \/>\n<code>\/Users\/[your username]\/Library\/Application Support\/Adobe\/Flash CS4\/en\/Configuration\/<\/code><br \/>\n<code>\/Users\/[your username]\/Library\/Application Support\/Adobe\/Flash CS4\/fr\/Configuration<\/code><\/p>\n<p>L&#8217;ensemble des fichiers et des r\u00e9pertoires GaiaFramework \u00e0 d\u00e9placer sont les suivants :<\/p>\n<p><code>\/Users\/[your username]\/Library\/Application Support\/Adobe\/Flash CS4\/fr\/Configuration\/GaiaFramework\/<\/code><br \/>\n<code>\/Users\/[your username]\/Library\/Application Support\/Adobe\/Flash CS4\/fr\/Configuration\/Extensions\/<\/code><br \/>\n<code>\/Users\/[your username]\/Library\/Application Support\/Adobe\/Flash CS4\/fr\/Configuration\/Commands\/Gaia Test Project.jsfl<\/code><br \/>\n<code>\/Users\/[your username]\/Library\/Application Support\/Adobe\/Flash CS4\/fr\/Configuration\/WindowSWFGaia Framework.swf<\/code><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/04\/gaia_framework_install_1.jpg\" alt=\"Gaia Framework, Flash, Actionscript - Introduction \u00e0 la publication d'un site flash sous Gaia\" width=\"500\" height=\"265\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/04\/gaia_framework_install_2.jpg\" alt=\"Gaia Framework, Flash, Actionscript - Introduction \u00e0 la publication d'un site flash sous Gaia\" width=\"500\" height=\"265\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/04\/gaia_framework_install_3.jpg\" alt=\"Gaia Framework, Flash, Actionscript - Introduction \u00e0 la publication d'un site flash sous Gaia\" width=\"500\" height=\"265\" \/><\/p>\n<h4>1. Cr\u00e9er son projet<\/h4>\n<p>Il s&#8217;agit de choisir les param\u00e8tres g\u00e9n\u00e9raux du projet comme le nom, la taille, la version de flash et l&#8217;arborescence du projet.<br \/>\nEn l&#8217;esp\u00e8ce, on va donner les propri\u00e9t\u00e9s suivantes \u00e0 notre projet :<\/p>\n<ol>\n<li>Nom du projet : Test hecube 1<\/li>\n<li>Taille du projet : 1024 x 768<\/li>\n<\/ol>\n<p>Le reste de notre projet reste sur les param\u00e8tres d\u00e9finis par d\u00e9faut par Gaia Framework lui-m\u00eame.<\/p>\n<p><b>Il faut s\u00e9lectionner un r\u00e9pertoire dans lequel vous allez g\u00e9rer l&#8217;ensemble des fichiers de votre projet. Nous avons choisi de nommer notre r\u00e9pertoire <code>testhecube1<\/code> dans lequel nous allons placer un r\u00e9pertoire qui contiendra notamment les medias que nous avons d\u00e9cid\u00e9 d&#8217;utiliser. Une fois cr\u00e9e le r\u00e9pertoire, Gaia va se comporter un peu \u00e0 la mani\u00e8re de Ruby On Rails et de la commande <code>rails myapplication<\/code> qui permet de g\u00e9n\u00e9rer tous les fichiers n\u00e9cessaires \u00e0 une application.<\/b><\/p>\n<p>Au terme de cette premi\u00e8re \u00e9tape, vous avez tous les \u00e9l\u00e9ments indispensables au bon fonctionnement de votre projet sous Gaia. On va donc ensuite tirer profit de la fonction de &#8220;Scaffolding&#8221; qui a beaucoup impressionn\u00e9 en son temps dans les d\u00e9monstrations RoR (Ruby On Rails). <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/04\/gaia_create_1.jpg\" alt=\"Gaia Framework, Flash, Actionscript - Introduction \u00e0 la publication d'un site flash sous Gaia\" width=\"500\" height=\"265\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/04\/gaia_create_2.jpg\" alt=\"Gaia Framework, Flash, Actionscript - Introduction \u00e0 la publication d'un site flash sous Gaia\" width=\"500\" height=\"265\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/04\/gaia_create_3.jpg\" alt=\"Gaia Framework, Flash, Actionscript - Introduction \u00e0 la publication d'un site flash sous Gaia\" width=\"500\" height=\"265\" \/><\/p>\n<h4>2. Utiliser la fonction de &#8220;Scaffolding&#8221;<\/h4>\n<p>Cette action va cr\u00e9er pour vous, tous les <code>.fla<\/code> et <code>.swf<\/code> que vous souhaitez en se basant directement sur ce vous aurez modifier dans votre fichier. <code>\/bin\/xml\/site.xml<\/code><\/p>\n<p><b>Notre intention est de cr\u00e9er un site avec les entr\u00e9es suivantes : Home, Blog, Porfolio, Contact.<\/b><\/p>\n<p><b>2.1 Tirer profit des classes du gaia framework<\/b><br \/>\nPremi\u00e8rement, pour tirer profit des &#8220;classes&#8221; pr\u00e9sentes dans le package com.gaiaframework.templates, il faut compl\u00e9ter, dans le volet &#8220;Scaffold&#8221;, le champs &#8220;Class Package&#8221;. <b>Il faut entrer quelque chose de la forme <code>com.Nom_du_Projet.pages<\/code><\/b>. Dans notre cas, on opte pour la ligne suivante :<\/p>\n<pre lang=\"actionscript\">com.testhecube1.pages<\/pre>\n<p><b>2.1 Modifier le fichier <code>site.xml<\/code><\/b><br \/>\nDeuxi\u00e8mement, il vous reste \u00e0 modifier le fichier <code>site.xml<\/code> qui d\u00e9cide de la topologie de votre site. Dans notre cas, le fichier va donc \u00eatre de la forme suivante :<\/p>\n<pre lang=\"xml\" escaped=\"true\">\r\n\r\n&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;\r\n&lt;site title=&quot;Gaia Framework Site: %PAGE%&quot; menu=&quot;true&quot;&gt;\r\n    &lt;page id=&quot;index&quot; src=&quot;index.swf&quot;&gt;\r\n        &lt;page id=&quot;nav&quot; src=&quot;nav.swf&quot; depth=&quot;top&quot;&gt;\r\n\t\t&lt;page id=&quot;home&quot; title=&quot;Home&quot; src=&quot;home.swf&quot; menu=&quot;true&quot; \/&gt;\r\n\t\t&lt;page id=&quot;blog&quot; title=&quot;Blog&quot; src=&quot;blog.swf&quot; menu=&quot;true&quot; \/&gt;\r\n\t\t&lt;page id=&quot;porfolio&quot; title=&quot;Porfolio&quot; src=&quot;porfolio.swf&quot; menu=&quot;true&quot; \/&gt;\r\n\t\t&lt;page id=&quot;contact&quot; title=&quot;Contact&quot; src=&quot;contact.swf&quot; menu=&quot;true&quot; \/&gt;\r\n        &lt;\/page&gt;\r\n    &lt;\/page&gt;\r\n&lt;\/site&gt;\r\n\r\n<\/pre>\n<p><b>Une fois le fichier <code>site.xml<\/code> modifi\u00e9, il faut cliquer \u00e0 nouveau sur le bouton &#8220;Scaffold Project&#8221;. Cette action permet la cr\u00e9ation automatique de toutes les <code>.fla<\/code> et <code>.swf<\/code> suppl\u00e9mentaires.<\/b><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/04\/gaia_scaffold_first_1.jpg\" alt=\"Gaia Framework, Flash, Actionscript - Introduction \u00e0 la publication d'un site flash sous Gaia\" width=\"500\" height=\"265\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/04\/gaia_scaffold_first_2.jpg\" alt=\"Gaia Framework, Flash, Actionscript - Introduction \u00e0 la publication d'un site flash sous Gaia\" width=\"500\" height=\"265\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/04\/gaia_scaffold_first_3.jpg\" alt=\"Gaia Framework, Flash, Actionscript - Introduction \u00e0 la publication d'un site flash sous Gaia\" width=\"500\" height=\"265\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/04\/gaia_scaffold_first_4.jpg\" alt=\"Gaia Framework, Flash, Actionscript - Introduction \u00e0 la publication d'un site flash sous Gaia\" width=\"500\" height=\"265\" \/><\/p>\n<h4>3. Publication des <code>.fla<\/code> \u00e0 nouveau<\/h4>\n<p>Vous pouvez ensuite modifier les fichiers <code>.fla<\/code> afin de les modifier graphiquement et apr\u00e8s chaque modification publi\u00e9e \u00e0 nouveau tous les fichiers ou s\u00e9lectionner uniquement les fichiers qui ont \u00e9t\u00e9 modifi\u00e9s.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/04\/gaia_scaffold_second_1.jpg\" alt=\"Gaia Framework, Flash, Actionscript - Introduction \u00e0 la publication d'un site flash sous Gaia\" width=\"500\" height=\"265\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/04\/gaia_scaffold_second_2.jpg\" alt=\"Gaia Framework, Flash, Actionscript - Introduction \u00e0 la publication d'un site flash sous Gaia\" width=\"500\" height=\"265\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/04\/gaia_scaffold_second_3.jpg\" alt=\"Gaia Framework, Flash, Actionscript - Introduction \u00e0 la publication d'un site flash sous Gaia\" width=\"500\" height=\"265\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/04\/gaia_scaffold_second_4.jpg\" alt=\"Gaia Framework, Flash, Actionscript - Introduction \u00e0 la publication d'un site flash sous Gaia\" width=\"500\" height=\"265\" \/><\/p>\n<p><b>Une excellente vid\u00e9o d&#8217;introduction \u00e0 Gaia par l&#8217;auteur Steven Sacks lui-m\u00eame<\/b><br \/>\n<a href=\"http:\/\/www.stevensacks.net\/2009\/09\/26\/fitc-toronto-gaia-framework-for-adobe-flash-video\/\" target=\"_blank\">FITC Toronto: Gaia Framework for Adobe Flash video<\/a><\/p>\n<h2>En savoir plus<\/h2>\n<ul>\n<li>Argentine, le plus beau pays du monde&#8230; &#8211; Arte.tv<br \/><a href=\"http:\/\/argentina.arte.tv\/\" target=\"_blank\">http:\/\/argentina.arte.tv\/<\/a><\/li>\n<li>\u00c0 l\u2019abri de rien \u2013 Le web documentaire<br \/><a href=\"http:\/\/www.a-l-abri-de-rien.com\/\" target=\"_blank\">http:\/\/www.a-l-abri-de-rien.com\/<\/a><\/li>\n<li>Notre site consacr\u00e9 en autre aux webdocs<br \/><a href=\"http:\/\/3wdoc.com\/fr\/\" target=\"_blank\">http:\/\/3wdoc.com\/fr\/<\/a><\/li>\n<li>Le site de l&#8217;auteur Steven Sacks<br \/><a href=\"http:\/\/www.stevensacks.net\/\" target=\"_blank\">http:\/\/www.stevensacks.net\/<\/a><\/li>\n<li>Le forum de Gaia Flash Framework<br \/><a href=\"\/\/www.gaiaflashframework.com\/forum\/\" target=\"_blank\">http:\/\/www.gaiaflashframework.com\/forum\/<\/a><\/li>\n<li>Le wiki de Gaia Flash Framework<br \/><a href=\"http:\/\/www.gaiaflashframework.com\/wiki\/\" target=\"_blank\">http:\/\/www.gaiaflashframework.com\/wiki\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Pour peu que l&#8217;on s&#8217;int\u00e9resse au webdocumentaire et c&#8217;est notre cas dans la cadre de nos activit\u00e9s pour le compte de 3WDOC, on croise de&hellip; <\/p>\n<p class=\"text-center\"><a href=\"https:\/\/flaven.fr\/2011\/04\/gaia-framework-flash-actionscript-introduction-a-la-publication-dun-site-flash-sous-gaia\/\" class=\"more-link\">Continue reading &rarr; <span class=\"screen-reader-text\">Gaia Framework, Flash, Actionscript &#8211; Introduction \u00e0 la publication d&#8217;un site flash sous Gaia<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":9420,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Gaia Framework facilite la publication de sites Flash avec Actionscript. D\u00e9couvrez les outils et r\u00e9sultats obtenus avec ce framework.","bf_ai_og_title":"Gaia Framework: Publier un site Flash","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3444,3445,3447,3449,3451,3435],"tags":[166,395,396,256,2216,397,398,2219,399,400,401],"class_list":["post-1963","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming-databases","category-seo-web-marketing","category-technology-trends","category-tutorials-how-to","category-web-design-front-end","category-web-development","tag-actionscript","tag-as2","tag-as3","tag-flash","tag-framework","tag-gaia-framework","tag-rich-media","tag-ruby-on-rails","tag-scaffolding","tag-steven-sacks","tag-webdocumentaire"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-vF","jetpack_featured_media_url":"https:\/\/flaven.fr\/wp-content\/uploads\/2011\/04\/gaia_framework_intro_b_g_bf.jpg","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/1963","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=1963"}],"version-history":[{"count":1,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/1963\/revisions"}],"predecessor-version":[{"id":9421,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/1963\/revisions\/9421"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media\/9420"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=1963"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=1963"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=1963"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}