<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>La Fabrick &#187; eclipse</title>
	<atom:link href="http://www.lafabrick.com/blog/tag/eclipse/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.lafabrick.com/blog</link>
	<description>Laboratoire d&#039;interfaces riches (Flex, Flash, Air ...)</description>
	<lastBuildDate>Mon, 28 Nov 2011 22:02:08 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>FlashBuilder/Eclipse : installation guide &#8211; subclipse, PDT, WTP and Maven</title>
		<link>http://www.lafabrick.com/blog/2009/06/11/1174-flashbuildereclipse-installation-guide-subclipse-pdt-wtp-and-maven/</link>
		<comments>http://www.lafabrick.com/blog/2009/06/11/1174-flashbuildereclipse-installation-guide-subclipse-pdt-wtp-and-maven/#comments</comments>
		<pubDate>Thu, 11 Jun 2009 08:35:53 +0000</pubDate>
		<dc:creator>Fabien</dc:creator>
				<category><![CDATA[Logiciels / extensions / plugins...]]></category>
		<category><![CDATA[eclipse]]></category>
		<category><![CDATA[FlashBuilder]]></category>
		<category><![CDATA[maven]]></category>
		<category><![CDATA[PDT]]></category>
		<category><![CDATA[subclipse]]></category>
		<category><![CDATA[WTP]]></category>

		<guid isPermaLink="false">http://www.lafabrick.com/blog/?p=1174</guid>
		<description><![CDATA[This installation guide step by step is based on my needs: I am user of Java and Maven technologies, and Tomcat and JBoss servers. This installation allows you to get all the tools necessary for these types of developments, starting from a “from scratch” Eclipse IDE or a standalone FlashBuilder. Start ! Need an IDE [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.lafabrick.com/blog/images/installDevGuideFB/FlashBuilder.jpg" alt="FlashBuilder" /></p>
<p>
This installation guide step by step is based on my needs: I am user of Java and Maven technologies, and Tomcat and JBoss servers. This installation allows you to get all the tools necessary for these types of developments, starting from a “from scratch” Eclipse IDE or a standalone FlashBuilder.
</p>
<p><span id="more-1174"></span></p>
<h2>Start !</h2>
<p>Need an IDE ! 2 ways : Eclipse and FlashBuilder plug-in, or the standalone distribution of FlashBuilder.</p>
<ul>
<li><a href="http://www.eclipse.org/downloads/">Link for Eclipse</a> (take the Eclipse Classic distribution)</li>
<li><a href="http://labs.adobe.com/technologies/flashbuilder4/">Link for FlashBuilder</a></li>
</ul>
<p>I use in this guide FlashBuilder, standalone distribution.</p>
<p><center><strong>Note : FlashBuilder, is now an Eclipse Ganymede package (3.4). For against, FlashBuilder has preserved the update system of Eclipse Europa version. More simple, I am sure you will have no problem to install all features if you choose the pack Eclipse+Flex plug-in !</strong></center></p>
<p></p>
<table width="100%">
<tr  valign="top">
<td width="50%"><center><img src="http://www.lafabrick.com/blog/images/installDevGuideFB/SoftwareUpdatesFlashBuilder.jpg" alt="FlashBuilder Softwares Updates" /><br />FlashBuilder Softwares Updates</center></td>
<td width="50%"><center><img src="http://www.lafabrick.com/blog/images/installDevGuideFB/SoftwareUpdatesGanymede.jpg" alt="Ganymede Softwares Updates" /><br />Ganymede Softwares Updates</center></p>
<ul>
<li>Remote site management with &laquo;&nbsp;Manages Sites&nbsp;&raquo; : you just need to provide the url.</li>
<li>The  selection of required plug-ins is automatic (be sure you have select all you need in &laquo;&nbsp;Manages Sites&nbsp;&raquo;)</li>
</ul>
</td>
</table>
<h2>Subclipse : subversion for Eclipse</h2>
<p><a href="http://subclipse.tigris.org/">Subclipse</a> is an eclipse plug-in which provides support for Subversion (SVN).</p>
<p>To install subclipse :</p>
<ul>
<li>open “<strong>Help > Softawre Updates > Find and install&#8230;</strong>” dialog box.</li>
<li>Choose “<strong>Search for new features to Install</strong>” and click on “<strong>Finish</strong>”.</li>
<li>In the next box, click on “<strong>new remote site</strong>”. The dialog box for enter an update site appear.</li>
<li>Type “<strong>subclipse</strong>” in Name input, and “<strong>http://subclipse.tigris.org/update_1.6.x</strong>” in the url update address input.<br /><img src="http://www.lafabrick.com/blog/images/installDevGuideFB/newRemoteSite-subclipse.jpg" alt="subclipse, update remote site" /></li>
<li>Click on “<strong>Ok</strong>”.<br />Verify in the list of includes sites that subclipse is selected. Select also “<strong>Ganymede Discovery Site</strong>” (Europa if your are on a Eclipse 3.3 IDE).<br /><img src="http://www.lafabrick.com/blog/images/installDevGuideFB/installSublcipse-selectRequired.jpg" alt="subclipse, select required" /></li>
<li>Click on “<strong>Finish</strong>”.</li>
<li>In the search results box, open the Sublclipse folder, en select “<strong>Subclipse</strong>”. An error appears. Don’t panic! Some additional plug-in are necessary. Click on “<strong>Select Required</strong>” button: Eclipse check the list of not found plug-in, and select automatically all required plug-in in Ganymede Discovery Site.</li>
<li>Click on “<strong>Next</strong>”. Some validation, and other dialog box appear. Validate all boxes.</li>
<li>you can also take a coffee&#8230; But <strong>attention</strong> ! A lot of coffee can be taken during this installation.</li>
</ul>
<h2>For PHP developer : PDT !</h2>
<p>You know : with eclipse you can make coffee ! Some cool tool exist for Eclipse. If you are a PHP developer, you can use PDT &#8211; PHP Development Tool.<br />
PDT, like WTP &#8211; See further- add to your Eclipse some tools for developing PHP application.<br />
For more information about PDT, visit the <a href="http://www.eclipse.org/pdt/">PDT homepage</a>.</p>
<p>To Install PDT, follow these steps :</p>
<ul>
<li>In “<strong>Help > Softawre Updates > Find and install&#8230;</strong>” , choose “<strong>Search for new features to Install</strong>” and click on “<strong>Finish</strong>”.</li>
<li>Next, you need to add 2 Remote Site : <strong>PDT</strong>, and <strong>DLTK</strong> &#8211; <a href="http://www.eclipse.org/dltk/">Dynamic Language ToolKit</a>.<br />Click on “<strong>new remote site</strong>” :
<ul>
<li>Adding <strong>PDT</strong> : in Name input, type “<strong>PDT</strong>”, and for url : “<strong>http://download.eclipse.org/tools/pdt/updates/2.0/</strong>”</li>
<li>Adding <strong>DLTK</strong> :  in Name input, type “<strong>DLTK</strong>”, and for url : “<strong>http://download.eclipse.org/technology/dltk/updates-dev/1.0M4-PDT-2.0/</strong>”</li>
</ul>
<p>Verify in the list of includes sites that PDT and DLTK are selected. Select also “<strong>Ganymede Discovery Site</strong>”, and click on “<strong>Finish</strong>”.
	</li>
<li>In the list, select &laquo;&nbsp;<strong>PDT > PDT SDK 2.0.x > PDT SDK Feature</strong>”. An error appear : click on “<strong>Select required</strong>”. Then, “<strong>Next</strong>”.<br /><img src="http://www.lafabrick.com/blog/images/installDevGuideFB/PDT-install.jpg" alt="PDT, jar selection" /></li>
<li><strong>Another coffee?</strong></li>
</ul>
<p>If your needs is just PHP : Stop ! The following is just for Java developers.</p>
<h2>Web Tools Platform : a tribute to Java</h2>
<p>Web Tools Platform (WTP) is a package of some tools for your eclipse IDE, which provides you to develop web and J2EE application. WTP add to your IDE the J2EE perspective (a very good view of your code), Some other stuff is added with the WTP. I invite you to discover all this !<br />
For more information about WTP, visit the <a href="http://www.eclipse.org/webtools/">Webtools homepage</a>.</p>
<p>Installing WTP is like the installation of subclise. More simple.
</p>
<ul>
<li>Open “<strong>Help > Softawre Updates > Find and install&#8230;</strong>”.</li>
<li>Choose “<strong>Search for new features to Install</strong>” and click on “<strong>Finish</strong>”.</li>
<li>Select “<strong>Ganymede Discovery Site</strong>” and click on “<strong>Finish</strong>”.</li>
<li>Open “<strong>Ganymede Discovery Site</strong>”, select “<strong>Web and Java EE Development</strong>”, and click on “<strong>Select Required</strong>”.<br /><img src="http://www.lafabrick.com/blog/images/installDevGuideFB/WTP-required.jpg" alt="WTP, jar selection" /></li>
<li>Click on “<strong>Finish</strong>”. Like subclipse, some validation and other dialog box appear. Validate all.</li>
<li><strong>Coffee Time</strong></li>
</ul>
<p>Your IDE is now ready for good coding ! </p>
<h2>Maven : manager of project</h2>
<p>Based on the concept of a project object model (POM), Maven can manage a project&#8217;s build, reporting and documentation from a central piece of information.<br />
Maven is the perfect tool for continuous integration and version tracking of your jar, swc, war, &#8230;<br />
For more information about Maven, visit the <a href="http://maven.apache.org/">maven homepage</a>.<br />
<a href="http://m2eclipse.codehaus.org/">m2Eclipse is the Maven2 plugin for Eclipse</a>. This plug-in ads all you need to integrate Maven into your projects.</p>
<p>For the installation of m2Eclipse, you need to add another remote update site.
</p>
<ul>
<li>Go to “<strong>Help > Softawre Updates > Find and install&#8230;</strong>”.</li>
<li>Choose “<strong>Search for new features to Install</strong>” and click on “<strong>Finish</strong>”.</li>
<li>Click on “<strong>new remote site</strong>”.</li>
<li>Type “<strong>m2Eclipse</strong>” in Name input, and “<strong>http://m2eclipse.sonatype.org/update/</strong>“ in the url update address input.<br /><img src="http://www.lafabrick.com/blog/images/installDevGuideFB/m2eclipseRemoteSite.jpg" alt="m2eclipse - remote update site" /></li>
<li>Click on “<strong>Ok</strong>”.</li>
<li>Verify in the list of includes sites that m2eclipse is selected. Click on “<strong>Finish</strong>”.</li>
<li>Now You need to select the list of Maven plug-in to install. The minimum required is to select all in the folder “Maven Integration” except POM XML Editor (for me, I have selected this feature), and POM Editor.<br />
 For a better integration with WTP and Subclipse, I select also the “<strong>Maven integration for WTP</strong>” (in Maven Project Configurators”) and “<strong>Maven Central repository index</strong>”, “Maven SCM handler for Subclipse” (in Maven Optional Components”).<br /><img src="http://www.lafabrick.com/blog/images/installDevGuideFB/minimumUpdateForm2eclipse.jpg" alt="m2eclipse : minimum selection" /></li>
<li>Click on “Next”.</li>
<li>After passing all validations, &#8230;. <strong>Another coffee time</strong> !</li>
</ul>
<h2>Finish !</h2>
<p>Now : restart your IDE&#8230;. And <strong>let’s gamble</strong> ! With all these coffees you can’t sleep anyway &#8230; it can be time to start your project? </p>
<p>Autres articles sur le même sujet
<ul>
<li><a href="http://www.lafabrick.com/blog/2007/08/22/203-import-de-framework-via-svn-et-le-plug-in-subclipse/" rel="bookmark" title="22 août 2007">Import de framework via SVN et le plug-in Subclipse</a></li>
<li><a href="http://www.lafabrick.com/blog/2007/07/25/194-installer-son-environnement-de-dveloppement-tomcat-eclipse-wtp-flex-builder-maven-2/" rel="bookmark" title="25 juillet 2007">Installer son environnement de développement : Tomcat &#8211; Eclipse &#8211; WTP &#8211; Flex Builder</a></li>
<li><a href="http://www.lafabrick.com/blog/2007/10/14/254-maven-2-flex-2-une-synergie-possible/" rel="bookmark" title="14 octobre 2007">Maven 2 &#8211; Flex 2 &#8211; une synergie possible ?</a></li>
<li><a href="http://www.lafabrick.com/blog/2008/02/27/309-flex-builder-3-et-le-php/" rel="bookmark" title="27 février 2008">Flex Builder 3 et le PHP ( PDT ) : installation</a></li>
</ul>
<p><!-- Similar Posts took 12.016 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lafabrick.com/blog/2009/06/11/1174-flashbuildereclipse-installation-guide-subclipse-pdt-wtp-and-maven/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Vous reprendrez bien un set de travail !?</title>
		<link>http://www.lafabrick.com/blog/2009/04/14/1100-vous-reprendrez-bien-un-set-de-travail/</link>
		<comments>http://www.lafabrick.com/blog/2009/04/14/1100-vous-reprendrez-bien-un-set-de-travail/#comments</comments>
		<pubDate>Mon, 13 Apr 2009 23:40:15 +0000</pubDate>
		<dc:creator>Erick</dc:creator>
				<category><![CDATA[Bientôt chez vous]]></category>
		<category><![CDATA[Logiciels / extensions / plugins...]]></category>
		<category><![CDATA[[Dev] Flash / Flex / AIR...]]></category>
		<category><![CDATA[eclipse]]></category>
		<category><![CDATA[flex builder]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://www.lafabrick.com/blog/?p=1100</guid>
		<description><![CDATA[[UPDATE] Si vous préférez la langue de Shakespeare, Tekool avait déjà écrit à ce propos il y a &#171;&#160;fort longtemps&#160;&#187;&#8230; je rends donc à César !&#8230; désolé&#8230; Vous venez de créer votre douzième workspace Eclipse/Flex Builder ??? Et vous en avez marre de recréer vos perspectives, et autres vues&#8230; à chaque fois ??? Mais pourquoi [...]]]></description>
			<content:encoded><![CDATA[<p>[UPDATE] Si vous préférez la langue de Shakespeare, <a href="http://www.tekool.net/blog/2008/05/26/%c2%abworking-sets%c2%bb-an-helpful-flex-navigator-functionality/">Tekool</a> avait déjà écrit à ce propos il y a &laquo;&nbsp;fort longtemps&nbsp;&raquo;&#8230; je rends donc à César <img src='http://www.lafabrick.com/blog/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  !&#8230; désolé&#8230;</p>
<p>Vous venez de créer votre douzième workspace Eclipse/Flex Builder ??? Et vous en avez marre de recréer vos perspectives, et autres vues&#8230; à chaque fois ???</p>
<p><img src="http://lafabrick.com/blog/images/erick//01_project_list-20090414-012817.png" alt="trop c'est trop !!!" /></p>
<p>Mais pourquoi diable n&#8217;utilisez vous pas les &laquo;&nbsp;fameux&nbsp;&raquo; &#8216;working sets&#8217; ?</p>
<p><span id="more-1100"></span></p>
<p>Et puisque quelques pixels valent pleins de mots&#8230;</p>
<p><img src="http://lafabrick.com/blog/images/erick//02_menuWorkingSet-20090414-013950.png" alt="Selection Working Set" /></p>
<p><img src="http://lafabrick.com/blog/images/erick//03_Select_Working_Set-20090414-013159.png" alt="Nouvea working set" /></p>
<p><img src="http://lafabrick.com/blog/images/erick//04_RessourceSet-20090414-013246.png" alt="Ressource Set type" /></p>
<p><img src="http://lafabrick.com/blog/images/erick//05_NewWorkingSet-20090414-013429.png" alt="Choix ressources" /></p>
<p><img src="http://lafabrick.com/blog/images/erick//06_selectWorkingSet-20090414-013547.png" alt="Selection working set" /></p>
<p><img src="http://lafabrick.com/blog/images/erick//07_workingSet1_result-20090414-013636.png" alt="un bol d'air" /></p>
<p>Les working sets ( prononcez &#8216;setss&#8217; )&#8230; tout simplement la solution moderne aux problèmes de congestion de projets dans Eclipse &#038; Flex Builder !Autres articles sur le même sujet
<ul>
<li><a href="http://www.lafabrick.com/blog/2007/08/28/209-wtp-flex-buider-rsoudre-les-problmes-de-mmoire/" rel="bookmark" title="28 août 2007">WTP &#8211; Flex Buider : résoudre les problèmes de mémoire</a></li>
<li><a href="http://www.lafabrick.com/blog/2007/11/15/266-debuguer-un-projet-flex-distant-via-flex-builder/" rel="bookmark" title="15 novembre 2007">L&#8217;erreur est humaine&#8230; debuguer un projet Flex distant via Flex Builder</a></li>
<li><a href="http://www.lafabrick.com/blog/2008/02/27/309-flex-builder-3-et-le-php/" rel="bookmark" title="27 février 2008">Flex Builder 3 et le PHP ( PDT ) : installation</a></li>
<li><a href="http://www.lafabrick.com/blog/2008/01/15/291-flex-masquer-les-warnings-inutiles/" rel="bookmark" title="15 janvier 2008">Flex et les warnings inutiles&#8230;</a></li>
</ul>
<p><!-- Similar Posts took 11.392 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lafabrick.com/blog/2009/04/14/1100-vous-reprendrez-bien-un-set-de-travail/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Flex Builder 3 et le PHP ( PDT ) : installation</title>
		<link>http://www.lafabrick.com/blog/2008/02/27/309-flex-builder-3-et-le-php/</link>
		<comments>http://www.lafabrick.com/blog/2008/02/27/309-flex-builder-3-et-le-php/#comments</comments>
		<pubDate>Wed, 27 Feb 2008 19:36:17 +0000</pubDate>
		<dc:creator>Erick</dc:creator>
				<category><![CDATA[[Dev] Flash / Flex / AIR...]]></category>
		<category><![CDATA[eclipse]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Tutoriels]]></category>

		<guid isPermaLink="false">http://92.243.2.196/lafabrick/blog/?p=309</guid>
		<description><![CDATA[<p>En ces temps de releases finales, l'heure est à la réinstallation... À la vue des 7 718 lectures du tuto de notre ami (n)RV ( <a href="http://www.lafabrick.com/blog/index.php/2007/07/25/259-installer-son-environnement-de-dveloppement-tomcat-eclipse-wtp-flex-builder-maven-2">Tomcat - Eclipse - WTP - Flex Builder</a> ), je me dis que çà peut être utile un petit point pour une <strong>configuration rapide de Flex Builder pour des projets Flex / PHP</strong> .</p>]]></description>
			<content:encoded><![CDATA[<p>En ces temps de releases finales, l&#8217;heure est à la réinstallation&#8230; À la vue des 7 718 lectures du tuto de notre ami (n)RV ( <a href="http://www.lafabrick.com/blog/index.php/2007/07/25/259-installer-son-environnement-de-dveloppement-tomcat-eclipse-wtp-flex-builder-maven-2">Tomcat &#8211; Eclipse &#8211; WTP &#8211; Flex Builder</a> ), je me dis que çà peut être utile un petit point pour une <strong>configuration rapide de Flex Builder pour des projets Flex / PHP</strong> .</p>
<p><span id="more-309"></span></p>
<p>Mes tentatives d&#8217;installations de plug-ins Eclipse avec Flex Builder 2 s&#8217;étaient soldées par quelques migraines. J&#8217;avais fini par installer le builder en version plugin Eclipse, et là aucun soucis. Avec Flex Builder 3 plus aucun problème, même avec la version Standalone.</p>
<p>Voici donc les étapes à suivre pour installer son environnement <strong>Eclipse / Flex 3 / PHP</strong> (et du coup profiter de l&#8217;auto-completion , du debug &#8230; pour notre PHP), quelques petits <strong>plugins complémentaires pratiques</strong>, et  <strong>optimiser la gestion de la mémoire de FB / Eclipse pour sa machine (mac)</strong> :</p>
<ol>
<li><strong>L&#8217;environnement Flex 3 / PHP</strong></li>
</ol>
<ul>
<li><strong>Téléchargez</strong> <a hreflang="en" href="http://www.adobe.com/products/flex/">Flex Builder 3</a></li>
</ul>
<ul>
<li>En attendant les 200 Mo, vous pouvez <strong>désinstaller votre version Beta</strong> : 
<ul>
<li>sur MacOS dans &#8216;/Applications/Adobe Flex Builder 3/Uninstall Adobe Flex Builder 3&#8242; ,</li>
<li>sur PC à peu près la même dans &#8216;Program Files&#8217; j&#8217;imagine &#8230;</li>
</ul>
</li>
</ul>
<ul>
<li>Lancez l&#8217;<strong>installation de Flex Builder 3</strong>.</li>
</ul>
<ul>
<li>Après avoir validé les différentes étapes de l&#8217;installation, ouvrez l&#8217;application :</li>
</ul>
<p><img src="http://lafabrick.free.fr/blogImg/flex3install_1-20080227-192123.jpg" alt="" /></p>
<p>C&#8217;est joûliiii!!!</p>
<ul>
<li>Passons maintenant aux <strong>plugins</strong>, et à celui qui nous intéresse surtout ici : <strong><a hreflang="en" href="http://www.eclipse.org/pdt/">PDT ( PHP Development Tools )</a></strong>.</li>
</ul>
<ul>
<li>Pour <strong>installer de nouveaux plugins Eclipse</strong> : Menu &#8216;Help&#8217; » Software updates » <strong>Find and Install</strong></li>
</ul>
<p><img src="http://lafabrick.free.fr/blogImg/flex3install_2-20080227-192926.jpg" alt="" /></p>
<p> </p>
<ul>
<li>Sélectionnez l&#8217;option de recherche et d&#8217;installation de nouveaux &#8216;composants&#8217;, puis &#8216;Next&#8217;</li>
</ul>
<p><img src="http://lafabrick.free.fr/blogImg/flex3install_3-20080227-193139.jpg" alt="" /></p>
<ul>
<li>Il faut maintenant indiquer l&#8217;adresse à laquelle FB3 trouvera les plugins que nous voulons ajouter.</li>
</ul>
<p>Cliquez sur &#8216;<strong>New Remote Site&#8230;</strong>&#8216; et ajoutez le nom et l&#8217;adresse du plugin : <strong>http://download.eclipse.org/tools/pdt/updates/</strong></p>
<p><img src="http://lafabrick.free.fr/blogImg/New_Update_Site-20080227-193559.jpg" alt="" /></p>
<ul>
<li>Le site PDT apparaît maintenant dans la liste des installation possibles. Cochez donc &#8216;<strong>PDT</strong>&#8216; et &#8216;<strong>Europa Discovery Site</strong>&#8216;, et cliquez sur &#8216;Finish&#8217;.</li>
</ul>
<p><img src="http://lafabrick.free.fr/blogImg/flex3Install_4-20080227-201651.jpg" alt="" /></p>
<ul>
<li>Après avoir sélectionné les sites &#8216;miroirs&#8217;, on peut choisir les packages que l&#8217;on souhaite installer.</li>
</ul>
<p><strong>Attention</strong>, nous n&#8217;aurons pas besoin de toutes les briques proposées : seul le package &#8216;<strong>PDT features</strong>&#8216; nous intéresse.</p>
<p><img src="http://lafabrick.free.fr/blogImg/Updates-20080227-194317.jpg" alt="" /></p>
<ul>
<li>Pour installer ce dernier, nous devons également d&#8217;installer le plugin WTP ( Web Tools Plateform ), pour cela, sélectionnez le package &#8216;<strong>Web et J2EE</strong>&#8216;  dans &#8216;Europa Discovery Site&#8217; .</li>
</ul>
<p><img src="http://lafabrick.free.fr/blogImg/flex3install_6-20080227-200018.jpg" alt="" /></p>
<ul>
<li>Là aussi Eclipse va avoir besoin de quelques trucs supplémentaires, mais pas de soucis , il va maintenant se débrouiller comme un grand : cliquez sur &#8216;Select required&#8217;&#8230;</li>
</ul>
<p>Eclipse sélectionne les packages dont il a besoin pour installer WTP et PDT; suite à çà, vous pouvez lancer l&#8217;installation » &#8216;Next&#8217;.</p>
<p><img src="http://lafabrick.free.fr/blogImg/flex3install_selectRes-20080227-202214.jpg" alt="" /></p>
<ul>
<li>Acceptez les termes de la licence ( après l&#8217;avoir lu bien sûr :p), et cliquez sur &#8216;Next</li>
</ul>
<ul>
<li>Ne touchez pas aux &#8216;optional features&#8217; sélectionnées, et cliquez sur &#8216;Next&#8217;</li>
</ul>
<ul>
<li>Cliquez sur &#8216;Finish&#8217; pour lancer le téléchargement.</li>
</ul>
<p><img src="http://lafabrick.free.fr/blogImg/flex3install_finpdt-20080227-202632.jpg" alt="" /></p>
<ul>
<li>Quelques secondes ( minutes ) plus tard, les packages sont prêts à être installés&#8217;.</li>
</ul>
<p>Une option propose de &#8216;Install All&#8217; d&#8217;un coup, mais je vous conseille d&#8217;installer les élements un par en cliquant sur &#8216;Install&#8217; ( parce que sans çà l&#8217;installation de PDT foire (chez moi !?) )</p>
<p><img src="http://lafabrick.free.fr/blogImg/flex3install_install1-20080227-203737.jpg" alt="" /></p>
<p>Alors çà fait une vingtaine de clics sur &#8216;Install&#8217;, un sur &#8216;Continue&#8217; pour installer WTP, et un dernier clic sur &#8216;Install&#8217; pour PDT.</p>
<ul>
<li>tantan !!! voilà reste plus qu&#8217;à redémarrer l&#8217;application.</li>
</ul>
<ul>
<li>Après le redémarrage, nous allons <strong>personnaliser la perspective Flex initiale</strong>, en lui ajoutant la possibilité de créer des projets / fichiers PHP.</li>
</ul>
<p>Pour cela : Menu &#8216;Window&#8217; » Perspective » <strong>Customise Perspective</strong></p>
<p><img src="http://lafabrick.free.fr/blogImg/flex3install_persp-20080227-204857.jpg" alt="" /></p>
<ul>
<li>Dans les &#8216;<strong>Shortcuts categories</strong>&#8216;, cochez l&#8217;option &#8216;PHP&#8217; ( l&#8217;option XML peut également être utile ), et cliquez sur &#8216;OK&#8217;</li>
</ul>
<p><img src="http://lafabrick.free.fr/blogImg/Customize_Perspective_-_Flex_Development-20080227-205331.jpg" alt="" /></p>
<ul>
<li>Et voilà, dans votre menu File » &#8216;New&#8217;, apparaissent maintenant les nouveaux formats de fichiers gérés.</li>
</ul>
<p><img src="http://lafabrick.free.fr/blogImg/flex3install_phpok-20080227-205553.jpg" alt="" /></p>
<p><strong>2</strong> <strong>Quelques plugins</strong></p>
<ul>
<li>Avant de finir , je vous conseille également le plugin <a hreflang="en" href="http://andrei.gmxhome.de/anyedit/">__AnyEdit__</a>, qui permet quelques petites opérations pratiques ( changement de casse, conversion des espaces en tabulations, HTML entities&#8230;).</li>
</ul>
<p>Comme pour PDT :  Menu &#8216;Help&#8217; » Software Updates » Find and Install »»» Search for new feature to install » Next</p>
<p>New Remote Site » nom : Anyedit  / URL : <strong>http://andrei.gmxhome.de/eclipse/</strong> » OK » Cochez le nouveau site choisi et  cliquez sur &#8216;Finish&#8217;</p>
<p><img src="http://lafabrick.free.fr/blogImg/flex3install_anyedit1-20080227-210151.jpg" alt="" /></p>
<ul>
<li>Là encore toutes les options ne sont pas utiles : celle qui nous intéresse se trouve dans le package &#8216;<strong>Eclipse 3.3 plugins_&#8217;, et se nomme &#8216;</strong>AnyEditTools 1.92__&#8217;</li>
</ul>
<p>Sélectionnez cette dernière, et cliquez sur &#8216;Next&#8217;</p>
<p><img src="http://lafabrick.free.fr/blogImg/flex3install_anyeditoptions-20080227-210531.jpg" alt="" /></p>
<ul>
<li>Accept »»» Finish »»» Install »»» redémarrez FB</li>
</ul>
<p>On peut également installer <a hreflang="fr" href="http://www.lafabrick.com/blog/index.php/2007/08/22/268-import-de-framework-via-svn-et-le-plug-in-subclipse">__Subclipse__</a> et <a hreflang="fr" href="http://www.lafabrick.com/blog/index.php/2007/09/05/279-todolist-extension-flex-builder-eclipse">__TODOList__</a>&#8230;</p>
<p>Et voilà , c&#8217;est fini&#8230; enfin presque&#8230;</p>
<p><strong>3.</strong> <strong>Optimiser Flex Builder 3</strong></p>
<p>Selon votre machine, vous pouvez également optimiser la gestion de mémoire de Eclipse :</p>
<p>Sur mac : Dans &#8216;/Applications/Adobe Flex Builder 3/&#8217;, cliquez-droit sur Flex Builder, et sélectionnez &#8216;<strong>Afficher le contenu du paquet</strong>&#8216;</p>
<p><img src="http://lafabrick.free.fr/blogImg/flexBuilder_paquet-20080227-211923.jpg" alt="" /></p>
<p>Dans le dossier &#8216;Contents/MacOS/&#8217; ouvrez le fichier &#8216;<strong>FlexBuilder.ini</strong>&#8216;</p>
<p><img src="http://lafabrick.free.fr/blogImg/FB_paquetContent-20080227-212027.jpg" alt="" /></p>
<p>Avec une machine ayant 2Go de RAM, j&#8217;ai pris l&#8217;habitude de doubler les valeurs proposées par défaut, et çà turbine plutôt bien comme çà !</p>
<p>Remplacez donc :</p>
<p>&nbsp;&raquo;-Xms128m<br />
-Xmx512m<br />
-XX:MaxPermSize=256m<br />
-XX:PermSize=64m&nbsp;&raquo;</p>
<p>par</p>
<p>&nbsp;&raquo;-Xms256m<br />
-Xmx1024m<br />
-XX:MaxPermSize=512m<br />
-XX:PermSize=128m&nbsp;&raquo;</p>
<ul>
<li>Modifiez votre fichier / enregistrez et quittez.</li>
</ul>
<ul>
<li>Redémarrez Flex</li>
</ul>
<p>Et voilà , c&#8217;est fini&#8230; enfin presque.. en fait çà ne fait que commencer !!!Autres articles sur le même sujet
<ul>
<li><a href="http://www.lafabrick.com/blog/2007/08/22/203-import-de-framework-via-svn-et-le-plug-in-subclipse/" rel="bookmark" title="22 août 2007">Import de framework via SVN et le plug-in Subclipse</a></li>
<li><a href="http://www.lafabrick.com/blog/2007/07/25/194-installer-son-environnement-de-dveloppement-tomcat-eclipse-wtp-flex-builder-maven-2/" rel="bookmark" title="25 juillet 2007">Installer son environnement de développement : Tomcat &#8211; Eclipse &#8211; WTP &#8211; Flex Builder</a></li>
<li><a href="http://www.lafabrick.com/blog/2007/11/15/266-debuguer-un-projet-flex-distant-via-flex-builder/" rel="bookmark" title="15 novembre 2007">L&#8217;erreur est humaine&#8230; debuguer un projet Flex distant via Flex Builder</a></li>
<li><a href="http://www.lafabrick.com/blog/2009/06/11/1174-flashbuildereclipse-installation-guide-subclipse-pdt-wtp-and-maven/" rel="bookmark" title="11 juin 2009">FlashBuilder/Eclipse : installation guide &#8211; subclipse, PDT, WTP and Maven</a></li>
</ul>
<p><!-- Similar Posts took 12.192 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lafabrick.com/blog/2008/02/27/309-flex-builder-3-et-le-php/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>Flex et les warnings inutiles&#8230;</title>
		<link>http://www.lafabrick.com/blog/2008/01/15/291-flex-masquer-les-warnings-inutiles/</link>
		<comments>http://www.lafabrick.com/blog/2008/01/15/291-flex-masquer-les-warnings-inutiles/#comments</comments>
		<pubDate>Tue, 15 Jan 2008 11:16:43 +0000</pubDate>
		<dc:creator>Erick</dc:creator>
				<category><![CDATA[Logiciels / extensions / plugins...]]></category>
		<category><![CDATA[[Dev] Flash / Flex / AIR...]]></category>
		<category><![CDATA[eclipse]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[flex builder]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://92.243.2.196/lafabrick/blog/?p=291</guid>
		<description><![CDATA[<p>Me trouverez-vous intolérant, mais je déteste que des warnings envahissent mon Flex. Voici les méthodes pour masquer deux types de warnings "inutiles'&#160;:</p>]]></description>
			<content:encoded><![CDATA[<p>Me trouverez-vous intolérant, mais je déteste que des warnings envahissent mon Flex. Voici les méthodes pour masquer deux types de warnings &laquo;&nbsp;inutiles&#8217; :</p>
<p><span id="more-291"></span></p>
<p>1. <strong>les warnings liés à des feuilles de styles</strong> définissant des propriétés de styles pour des composants inexistants dans l&#8217;application au moment de la compilation</p>
<p><img src="http://lafabrick.free.fr/blogImg/flexf_ckingwarning-20080115-111620.jpg" alt="" /></p>
<p>» <strong>la solution</strong></p>
<p>Ajouter cette ligne au compilateur :</p>
<pre> -show-unused-type-selector-warnings=false</pre>
<p>Voilà une bonne occasion de (re)jeter un petit coup d&#8217;oeil aux <a hreflang="en" href="http://livedocs.adobe.com/flex/201/html/compilers_123_24.html">différentes options de compilation</a>.</p>
<p>via <a href="http://life.neophi.com/danielr/2006/08/css_and_runtime_modules_1.html">Daniel R.</a></p>
<p>2. <strong>les warnings de validation HTML</strong> lorsque l&#8217;on installe PDT ( PHP Development Tools )</p>
<p><img src="http://lafabrick.free.fr/blogImg/flexWarn2-20080115-113207.jpg" alt="" /></p>
<p>» <strong>la solution rapide ( mais pas valide ) </strong></p>
<ul>
<li>Ouvrir les préférences de Flex Builder ( ou d&#8217;eclipse )</li>
</ul>
<ul>
<li>Dans le panneau &#8216;Validation&#8217; , décocher les lignes correspondants au HTML</li>
</ul>
<p><img src="http://lafabrick.free.fr/blogImg/PreferencesFlexValidation-20080115-111250.jpg" alt="" /></p>
<ul>
<li>lancez un <strong><em>clean</em></strong> de votre projet</li>
</ul>
<p> </p>
<p>Eh ben voilà c&#8217;est plus propre, je me sens mieux <img src='http://www.lafabrick.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>PS : y a aussi une solution encore plus propre pour les warning HTML&#8230; c&#8217;est de créer un template valide grâce à SwfObject. J&#8217;y reviendrais&#8230;<br />
<strong>UPDATE</strong> : Toutes les infos nécessaires sur le wiki Mediabox <a hreflang="fr" href="http://wiki.mediabox.fr/tutoriaux/flex/template_swfobject">Adaptez le template HTML de flex builder à l&#8217;utilisation de SWFObject</a>Autres articles sur le même sujet
<ul>
<li><a href="http://www.lafabrick.com/blog/2007/07/25/194-installer-son-environnement-de-dveloppement-tomcat-eclipse-wtp-flex-builder-maven-2/" rel="bookmark" title="25 juillet 2007">Installer son environnement de développement : Tomcat &#8211; Eclipse &#8211; WTP &#8211; Flex Builder</a></li>
<li><a href="http://www.lafabrick.com/blog/2007/11/15/266-debuguer-un-projet-flex-distant-via-flex-builder/" rel="bookmark" title="15 novembre 2007">L&#8217;erreur est humaine&#8230; debuguer un projet Flex distant via Flex Builder</a></li>
<li><a href="http://www.lafabrick.com/blog/2008/02/27/309-flex-builder-3-et-le-php/" rel="bookmark" title="27 février 2008">Flex Builder 3 et le PHP ( PDT ) : installation</a></li>
<li><a href="http://www.lafabrick.com/blog/2009/04/14/1100-vous-reprendrez-bien-un-set-de-travail/" rel="bookmark" title="14 avril 2009">Vous reprendrez bien un set de travail !?</a></li>
</ul>
<p><!-- Similar Posts took 11.718 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lafabrick.com/blog/2008/01/15/291-flex-masquer-les-warnings-inutiles/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Installer son environnement de développement : Tomcat &#8211; Eclipse &#8211; WTP &#8211; Flex Builder</title>
		<link>http://www.lafabrick.com/blog/2007/07/25/194-installer-son-environnement-de-dveloppement-tomcat-eclipse-wtp-flex-builder-maven-2/</link>
		<comments>http://www.lafabrick.com/blog/2007/07/25/194-installer-son-environnement-de-dveloppement-tomcat-eclipse-wtp-flex-builder-maven-2/#comments</comments>
		<pubDate>Wed, 25 Jul 2007 21:07:05 +0000</pubDate>
		<dc:creator>Hervé</dc:creator>
				<category><![CDATA[Logiciels / extensions / plugins...]]></category>
		<category><![CDATA[[Dev] Flash / Flex / AIR...]]></category>
		<category><![CDATA[eclipse]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[tomcat]]></category>
		<category><![CDATA[Tutoriels]]></category>
		<category><![CDATA[WTP]]></category>

		<guid isPermaLink="false">http://92.243.2.196/lafabrick/blog/?p=194</guid>
		<description><![CDATA[<p>Installer un environnement de développement Java / Flex utilisable est très important dans le cadre de développements d'applications plus ou moins avancées. Plus vos projets vont grandir, plus il sera important de disposer d'un environnement intégré et pratique d'utilisation. Ce tutoriel prend part et propose l'installation d'eclipse que l'on ne présente plus, associé à un plugin très utile dans le cadre de développements d'applications Java et Flex&#160;: les Web Tools Project (WTP).</p>]]></description>
			<content:encoded><![CDATA[<p>Installer un environnement de développement Java / Flex utilisable est très important dans le cadre de développements d&#8217;applications plus ou moins avancées. Plus vos projets vont grandir, plus il sera important de disposer d&#8217;un environnement intégré et pratique d&#8217;utilisation. Ce tutoriel prend part et propose l&#8217;installation d&#8217;eclipse que l&#8217;on ne présente plus, associé à un plugin très utile dans le cadre de développements d&#8217;applications Java et Flex : les Web Tools Project (WTP).</p>
<p><span id="more-194"></span></p>
<h3>Introduction</h3>
<p>L&#8217;objectif de ce post est de décrire l&#8217;installation d&#8217;un environnement de développement Java / Flex. Beaucoup d&#8217;environnements existent à l&#8217;heure actuelle dans le monde Java (on peut par exemple citer IntelliJ ou NetBeans). Cependant, et comme Flex Builder se présente sous la forme d&#8217;un plugin eclipse, nous l&#8217;avons choisi pour ce tuto.</p>
<h3>De quoi j&#8217;ai besoin</h3>
<ul>
<li>D&#8217;un peu de patience</li>
<li>Du <strong>JDK 1.5</strong> ou 1.4 (1.5.0_12 dans ce tuto)<br />
<a hreflang="EN" href="http://java.sun.com/javase/downloads/index_jdk5.jsp">Télécharger le JDK 1.5 sur le site de Sun</a><br />
Choisissez &laquo;&nbsp;JDK 5.0 Update 12&#8243;</li>
<li>De <strong>Tomcat 5.5.X</strong> de préférence<br />
<a hreflang="EN" href="http://tomcat.apache.org/download-55.cgi#5.5.23">Télécharger Tomcat 5.5</a><br />
Téléchargez :</p>
<ul>
<li>Core (zip ou tar.gz)</li>
<li>JDK 1.4 Compatability Package pour les utilisateurs du JDK 1.4</li>
<li>(Optionnel) Administration Web Application</li>
</ul>
</li>
<li>D&#8217;<strong>eclipse</strong> en version 3.2.X (3.2.2 dans ce tuto)<br />
<a hreflang="EN" href="http://download.eclipse.org/eclipse/downloads/">Page des téléchargements d&#8217;eclipse</a>Cliquez sur le lien &laquo;&nbsp;3.2.2&#8243; puis choisissez l&#8217;archive adaptée à votre OS (j&#8217;utilise ici Windows XP)</li>
<li>De <strong>Flex Builder 2</strong> (2.01 dans ce tuto)<br />
<a hreflang="EN" href="http://www.adobe.com/products/flex/">Page d&#8217;accueil d&#8217;Adobe Flex</a></li>
<li>Des <strong>Flex Data Serivces</strong></li>
<li>De vos numéros de série pour les applicatifs Flex</li>
</ul>
<p>Pour ceux qui disposent déjà d&#8217;un Tomcat installé : passez tout de suite à Eclipse !</p>
<h3>Installation</h3>
<h4>Le JDK</h4>
<p>Si vous disposez déjà du JDK, passez cette section. Petit rappel : le JRE n&#8217;est pas le JDK. Le JRE ne permet que d&#8217;exécuter du Java (par exemple, lancer eclipse), mais vous ne pouvez pas compiler d&#8217;applications avec, seul le JDK le permet.</p>
<ul>
<li><strong>Sous Linux</strong> : suivez les instructions données par Sun (&#8216;chmod +x&#8217; sur le .bin téléchargé puis exécution du .bin dans le répertoire de votre choix).</li>
<li><strong>Sous Windows</strong> : lancez l&#8217;exécutable et installez le JDK dans le répertoire de votre choix.</li>
</ul>
<p>J&#8217;appelerai ce chemin [JDK].</p>
<h4>Tomcat</h4>
<ul>
<li>Extrayez l&#8217;archive téléchargée dans le répertoire de votre choix (je l&#8217;appelerai [TOMCAT])</li>
<li>Pour les utilisateurs du JDK 1.4, extrayez le compatibility package</li>
</ul>
<h4>Eclipse</h4>
<ul>
<li>Extrayez l&#8217;archive d&#8217;eclipse dans le répertoire de votre choix (que j&#8217;appelerai [ECLIPSE])</li>
<li>Créez un raccourci vers l&#8217;exécutable d&#8217;eclipse que vous utiliserez pour le lancer : cela permettra notamment de paramétrer la taille de la mémoire allouée à la JVM pour permettre à eclipse de ne pas s&#8217;étouffer sous les plugins (on va un peu charger la mule).</li>
</ul>
<p>Dans le raccourci à la fin de la ligne de commande terminant par eclipse.exe (sous Windows), ajoutez les paramètres suivants :</p>
<pre class="brush: js">
-vmargs -Xmx1024M
</pre>
<p>Ceci allouera 1024 Mo à la JVM pour eclipse. Notez que ça fait beaucoup, vous pouvez réduire au besoin si vous ne disposez pas de suffisamment de mémoire sur votre machine. J&#8217;avais rencontré quelques soucis de mémoire en mettant 512 Mo.</p>
<h4>Les plugins</h4>
<p>C&#8217;est à partir d&#8217;ici que ça se gâte (ou que ça devient intéressant selon les points de vues) :</p>
<ul>
<li>Lancez eclipse en utilisant le raccourci créé précédemment et choisissez votre espace de travail que j&#8217;appelerai [WORKSPACE]</li>
<li>Ouvrez le menu Help &gt; Software updates &gt; Find and install&#8230; :</li>
</ul>
<p><img src="/blog/images/Environnement de dev/Eclipse1.jpg" alt="" /></p>
<ul>
<li>Faites &laquo;&nbsp;Search new features to install&nbsp;&raquo;</li>
<li>Dans la fenêtre qui apparaît, cochez &laquo;&nbsp;Callisto Discovery Site&nbsp;&raquo; :</li>
</ul>
<p><img src="/blog/images/Environnement de dev/Eclipse2.jpg" alt="" /></p>
<ul>
<li>Cliquez sur &laquo;&nbsp;Finish&nbsp;&raquo;</li>
<li>La recherche de plugins commence. Vous devrez choisir votre miroir. La fenêtre de résultats s&#8217;affiche. Déployez &laquo;&nbsp;Callisto Update Site&nbsp;&raquo; et cochez &laquo;&nbsp;Web and J2EE Development&nbsp;&raquo;. Vous devez aboutir à une fenêtre de ce type (oui, je sais, il y a une erreur, c&#8217;est normal) :</li>
</ul>
<p><img src="/blog/images/Environnement de dev/Eclipse3.jpg" alt="" /></p>
<ul>
<li>Cliquez à présent sur le bouton &laquo;&nbsp;Select Required&nbsp;&raquo;. C&#8217;est tout de même formidable la technologie d&#8217;aujourd&#8217;hui.</li>
<li>Faites &laquo;&nbsp;Next&nbsp;&raquo;</li>
<li>Cochez &laquo;&nbsp;I accept&#8230;&nbsp;&raquo;</li>
<li>Faites &laquo;&nbsp;Next&nbsp;&raquo; de nouveau</li>
<li>Faites &laquo;&nbsp;Finish&nbsp;&raquo; (on y arrive&#8230;)</li>
</ul>
<p>C&#8217;est parti, eclipse lance le téléchargement des plugins liés au WTP. Vous devrez choisir &laquo;&nbsp;Install all&nbsp;&raquo; lorsqu&#8217;il vous le demandera et redémarrer eclipse (<strong>ne faites pas &laquo;&nbsp;Apply changes&nbsp;&raquo;</strong>).</p>
<p>Pour valider que votre installation a bien fonctionné, après redémarrage d&#8217;eclipse, passez dans la perspective J2EE en utilisant le bouton &laquo;&nbsp;+&nbsp;&raquo; en haut à droite de l&#8217;écran :</p>
<p><img src="/blog/images/Environnement de dev/Eclipse4.jpg" alt="" /></p>
<p>A présent, nous pouvons installer Flex Builder.</p>
<h4>Flex Builder</h4>
<p>Vous avez dû télécharger un fichier exécutable du style &laquo;&nbsp;FLXB_2.0_Win_WWE.exe&nbsp;&raquo; pour Windows (je ne connais pas le nom Linux). Lancez cet exécutable et laissez-vous guider dans les étapes d&#8217;installation.</p>
<p>Vous devrez notamment :</p>
<ul>
<li>Spécifier le répertoire de stockage des fichiers d&#8217;installation</li>
<li>Spécifier le type d&#8217;installation :<br />
<strong>IMPORTANT : choisissez l&#8217;installation en mode Plugin pour un eclipse existant et non la version standalone. Pensez à fermer eclipse avant de lancer l&#8217;installation du plugin.</strong><img src="/blog/images/Environnement de dev/FlexBuilder1.jpg" alt="" /></li>
<li>Spécifier le répertoire d&#8217;installation de votre choix (je l&#8217;appelerai [FLEX BUILDER])</li>
<li>Spécifier le répertoire de votre installation d&#8217;eclipse ([ECLIPSE])</li>
<li>Fermer votre navigateur préféré (pensez à bookmarker ce tutoriel =] )</li>
<li>Cliquer sur &laquo;&nbsp;Réessayer&nbsp;&raquo; (ça le fait à tout le monde ce coup-là)</li>
</ul>
<p>A la fin de l&#8217;installation, en lançant eclipse, vous pourrez constater l&#8217;apparition de la perspective &laquo;&nbsp;Flex Development&nbsp;&raquo; et &laquo;&nbsp;Flex Debugging&nbsp;&raquo; ainsi que les possibilités de configuration de Flex Builder.</p>
<p>Vous êtes prêts à démarrer !</p>
<h3>Préparation de l&#8217;environnement</h3>
<h4>Déclarer son Tomcat</h4>
<p>Pour profiter pleinement des WTP, il est nécessaire de déclarer votre installation de Tomcat à eclipse afin que vous puissiez l&#8217;utiliser pour y publier vos projets web. Pour cela :</p>
<ul>
<li>Passez en perspective J2EE (si vous n&#8217;y êtes pas déjà) comme indiqué plus haut ou via le menu &laquo;&nbsp;Window&nbsp;&raquo; &gt; &laquo;&nbsp;Open Perspective&#8230;&nbsp;&raquo; &gt; &laquo;&nbsp;Other&#8230;&nbsp;&raquo;</li>
<li>Vous devez voir apparaître un onglet &laquo;&nbsp;Servers&nbsp;&raquo; dans la partie basse de l&#8217;écran, choisissez-le</li>
<li>Faites un clic droit puis &laquo;&nbsp;New&nbsp;&raquo; &gt; &laquo;&nbsp;Server&nbsp;&raquo;</li>
<li>La fenêtre de création de serveur apparaît vous permettant de déclarer votre installation de Tomcat, choisissez dans &laquo;&nbsp;Apache&nbsp;&raquo; &gt; &laquo;&nbsp;Tomcat 5.5 Server&nbsp;&raquo;<img src="/blog/images/Environnement de dev/Server.jpg" alt="" /></li>
<li>Faites &laquo;&nbsp;Next&nbsp;&raquo;</li>
<li>Vous devez lui donner un petit nom (le mien, c&#8217;est Roger), et surtout, définir son emplacement ([TOMCAT])</li>
<li>Faites finish</li>
</ul>
<p>Votre serveur est déclaré, mais où est sa configuration ?</p>
<p>Vous avez probablement noté la présence d&#8217;un pseudo-projet nommé &laquo;&nbsp;Servers&nbsp;&raquo; : ce projet contient un répertoire portant le nom de votre serveur Tomcat. Ce répetoire contient les fichiers de configuration du serveur.</p>
<p>Vous savez à présent utiliser votre instance de Tomcat dans eclipse. Ajoutons-lui notre premier projet !</p>
<h4>Création du projet</h4>
<p><em>Apparte sur les types de projets : dans le cadre d&#8217;un développement Java / Flex, il est préférable de commencer par créer le projet web Java pour ensuite ajouter la couche Flex plutôt que l&#8217;inverse. L&#8217;expérience m&#8217;a douloureusement montré qu&#8217;il était plus compliqué de faire l&#8217;inverse. Aussi, pour toute personne qui souhaiterait porter un projet Flex dans un environnement, recréez un nouveau projet dans lequel vous pourrez incorporer vos sources, cela sera bien plus simple à gérer que tenter une fusion douteuse&#8230;</em></p>
<ul>
<li>Créez un nouveau projet et choisissez dans le répertoire &laquo;&nbsp;Web&nbsp;&raquo;, un &laquo;&nbsp;Dynamic Web Project&nbsp;&raquo; (après tout, c&#8217;est relativement explicite)</li>
<li>Faites &laquo;&nbsp;Next&nbsp;&raquo;</li>
<li>Indiquez le nom de votre projet et son emplacement (nommé [PROJET] dans la suite du tuto), vérifiez que votre serveur est bien positionné dans la zone &laquo;&nbsp;Target Runtime&nbsp;&raquo;</li>
<li>Faites &laquo;&nbsp;Next&nbsp;&raquo; (<strong>pas</strong> Finish, c&#8217;est important pour la suite)</li>
<li>Faites &laquo;&nbsp;Next&nbsp;&raquo; de nouveau</li>
<li>Dans cette dernière fenêtre, vous pouvez configurer le nom du contexte Tomcat utilisé (appelé à terme sous la forme http://localhost:8080/nom_du_contexte), mais également deux autres paramètres :
<ul>
<li><strong>Content directory</strong> : il s&#8217;agit du répertoire où il est prévu de mettre les ressources web du projet (images, JSP, CSS, etc. &#8230;)Indiquez ici <em>&#8216;src/main/webapp</em>&#8216;</li>
<li><strong>Java Source Directory</strong> : je traduis pour les anglophobes : Répertoire de sources JavaIndiquez ici <em>&#8216;src/main/java</em>&#8216;</li>
</ul>
</li>
</ul>
<p>Ce formalisme est vivement recommandé pour :</p>
<ul>
<li>une meilleure structuration des sources du projet</li>
<li>une utilisation future potentielle de Maven 2</li>
</ul>
<h4>Structure du projet</h4>
<p>Examinons rapidement la structure du projet :</p>
<p><img src="/blog/images/Environnement de dev/Projet.jpg" alt="" /></p>
<p>Le CLASSPATH Java contient les JAR de Tomcat, ceux du JDK et ceux de la webapp (vide pour le moment) Le répertoire &laquo;&nbsp;build&nbsp;&raquo; contiendra les fichiers Java compilés en .class Le répertoire &laquo;&nbsp;src/main/webapp&nbsp;&raquo; contient déjà le répertoire WEB-INF initialisé avec un fichier web.xml standard et le répertoire &laquo;&nbsp;lib&nbsp;&raquo; destiné à recevoir les librairies de votre projet.</p>
<p><em>A noter que les &laquo;&nbsp;dynamic web projects&nbsp;&raquo; offrent la particularité d&#8217;ajouter automatiquement au CLASSPATH les JAR ajoutés dans WEB-INF/lib : pratique !</em> <em>Ils permettent également d&#8217;ajouter une référence à un autre projet du workspace (exemple un projet générant un JAR)</em></p>
<h4>Ajout du nouveau projet à Tomcat</h4>
<ul>
<li>Retournez sur l&#8217;onglet &laquo;&nbsp;Servers&nbsp;&raquo; où vous avez déclaré votre serveur Tomcat.</li>
<li>En faisant un clic droit dessus, vous pouvez choisir &laquo;&nbsp;Add an remove Projects&#8230;&nbsp;&raquo;</li>
<li>Ce choix ouvre une fenêtre vous présentant votre projet : ajoutez-le et faites &laquo;&nbsp;Finish&nbsp;&raquo;</li>
</ul>
<p>A présent, lorsque vous déployez (icône &#8216;+&#8217;) votre serveur, vous pouvez y voir votre projet, indiquant qu&#8217;une déclaration a été faite dans la configuration de votre Tomcat. Vous pouvez éventuellement la personnaliser (déclaration de Data Sources notamment) via le server.xml accessible depuis le pseudo-projet &laquo;&nbsp;Servers&nbsp;&raquo;.</p>
<p>Vous remarquerez qu&#8217;un clic droit sur le serveur Tomcat offre une possibilité de &laquo;&nbsp;publier&nbsp;&raquo; votre projet sur Tomcat. Le plugin WTP gère une synchronisation entre vos sources et la webapp publiée sur Tomcat via ce système.<br />
Pour retrouver les fichiers publiés sur votre disque dur, vous devez vous rendre dans le répertoire &#8216;.metadata/.plugins/org.eclipse.wst.server.core/tmp0&#8242; situé dans le répertoire de votre workspace</p>
<p>Dans le cas de projets liés (webapp dépendant d&#8217;un JAR situé dans le workspace), le JAR est compilé en premier lieu, et la webapp est publié avec ce JAR. Ce processus de publication prend alors tout son sens.</p>
<p>Assez parlé de Tomcat, passons à Flex !</p>
<h4>Projet Flex</h4>
<p>Votre squelette de projet est pratiquement finalisé, il ne reste plus qu&#8217;à le déclarer en tant que projet Flex. Pour cela :</p>
<ul>
<li>Passer en perspective &laquo;&nbsp;Flex Development&nbsp;&raquo;</li>
<li>Créer le répertoire <em>src/main/flex</em></li>
<li>Clic droit sur le projet puis &laquo;&nbsp;Flex Project Nature&nbsp;&raquo; &gt; &laquo;&nbsp;Add Flex Project Nature&nbsp;&raquo;</li>
<li>Clic droit sur le projet puis &laquo;&nbsp;Properties&nbsp;&raquo;</li>
<li>Dans &laquo;&nbsp;Flex Build Path&nbsp;&raquo;, indiquer <em>srcmainflex</em> dans le champ &laquo;&nbsp;Main source folder&nbsp;&raquo;</li>
<li>Positionner <em>srcmainwebapp</em> comme &laquo;&nbsp;Output folder&nbsp;&raquo;</li>
<li>Faire OK</li>
<li>Déplacer le fichier MXML créé par défaut dans <em>src/main/flex</em></li>
<li>Aller dans l&#8217;onglet &laquo;&nbsp;Problems&nbsp;&raquo; en bas de l&#8217;écran&nbsp;&raquo;</li>
<li>Faire un clic droit sur le message d&#8217;erreur &laquo;&nbsp;Cannot create HTML wrapper. Right-click here to recreate folder html-template.&nbsp;&raquo; et choisir &laquo;&nbsp;Recreate HTML Templates&nbsp;&raquo;</li>
</ul>
<p>On constate à présent que src/main/webapp contient le résultat de la compilation Flex.</p>
<h4>Flex Data Services</h4>
<p>C&#8217;est l&#8217;ultime étape (et pas la moindre) :</p>
<p><strong>Note importante :</strong> les LiveCycle Data Services ne sont pas convenablement pris en compte en terme de compilation par Flex Builder (la compilation n&#8217;accepte pas le modèle fourni par Adobe, c&#8217;est un comble !) Il faut donc disposer de la version précédente des Flex Data Services.</p>
<ul>
<li>Installer</li>
<li>Prendre le WAR d&#8217;exemple installé, le renommer en ZIP, et prendre le contenu du WEB-INF/flex afin de l&#8217;intégrer à son projet</li>
<li>Prendre les définitions du web.xml et les intégrer à celles du projet en cours</li>
<li>Intégrer le WEB-INF/lib par défaut de l&#8217;exemple dans son propre WEB-INF/lib</li>
<li>Ajouter les directives de compilation suivantes :</li>
</ul>
<pre class="brush: js">
-services &quot;[PROJET]srcmainwebappWEB-INFflexservices-config.xml&quot; -compiler.context-root=[NOM PROJET]
</pre>
<p>Oui, c&#8217;est sûr que ce n&#8217;est pas super simple, mais on n&#8217;a à le faire qu&#8217;une seule fois sur l&#8217;ensemble du projet. Ensuite, on pourra toujours imaginer la création d&#8217;un squelette de ce type à personnaliser en fonction du nom du projet.</p>
<h3>Maven 2</h3>
<p>Je parlerai de maven 2 dans un prochain article. En attendant, vous pouvez vous documenter sur le sujet <a href="http://maven.apache.org">à l&#8217;adresse officielle</a></p>
<p>Bonne continuation !Autres articles sur le même sujet
<ul>
<li><a href="http://www.lafabrick.com/blog/2008/02/27/309-flex-builder-3-et-le-php/" rel="bookmark" title="27 février 2008">Flex Builder 3 et le PHP ( PDT ) : installation</a></li>
<li><a href="http://www.lafabrick.com/blog/2008/02/04/299-un-projet-java-flex-avec-maven-2/" rel="bookmark" title="4 février 2008">Un projet Java / Flex avec Maven 2</a></li>
<li><a href="http://www.lafabrick.com/blog/2009/01/13/786-reflex-1-une-micro-architecture-pour-flex-simple/" rel="bookmark" title="13 janvier 2009">Reflex #1: une micro-architecture pour Flex&#8230; simple !</a></li>
<li><a href="http://www.lafabrick.com/blog/2009/06/11/1174-flashbuildereclipse-installation-guide-subclipse-pdt-wtp-and-maven/" rel="bookmark" title="11 juin 2009">FlashBuilder/Eclipse : installation guide &#8211; subclipse, PDT, WTP and Maven</a></li>
</ul>
<p><!-- Similar Posts took 14.386 ms --></p>
]]></content:encoded>
			<wfw:commentRss>http://www.lafabrick.com/blog/2007/07/25/194-installer-son-environnement-de-dveloppement-tomcat-eclipse-wtp-flex-builder-maven-2/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
	</channel>
</rss>

