I did not get an email address that I could use and instead of opening a
JIRA issue, I have just updated the HTML from your current web page to add
the equivalent list of points that you have defined as your prototype for
the other options. Please note that in that paradigm, most of the points
for FlashDevelop are redundant and simply link back to anchors in your
comments concerning the use of OM's installer, so I am sure you will make
the corresponding updates the when you revise that page for the next
release.
======================
<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Apache Flex® - Getting Started with Apache Flex
</title>
<!-- For Mobiles -->
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1">
<link href='http://fonts.googleapis.com/css?family=Carrois+Gothic'
rel='stylesheet' type='text/css'>
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/fixed-width.css"
id="layout">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- Java Script -->
<script src="js/jquery.js"></script>
<script src="js/custom.js"></script>
<script src="js/selectnav.js"></script>
<script src="js/flexslider.js"></script>
<script src="js/twitter.js"></script>
<script src="js/fancybox.js"></script>
<script src="js/isotope.js"></script>
<script src="js/bootstrap.js"></script>
<!-- Google Analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-37926454-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type =
'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl'
: 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<!-- Wrapper Start -->
<div id="wrapper" class="container-fluid">
<!-- Header -->
<div class="ie-dropdown-fix" >
<!-- Header -->
<div class="row-fluid" id="header">
<!-- Logo -->
<div class="span5">
<a href="#"><img src="images/logo_01_fullcolor-sm.png"
alt="Apache Flex®" title="Apache Flex®" /></a>
</div>
<!-- Social / Contact -->
<div class="span3 pull-right">
<!-- Social Icons -->
<ul class="social-icons">
<li class="facebook"><a href="
https://www.facebook.com/pages/Apache-Flex/174249699342648
">Facebook</a></li>
<li class="twitter"><a href="
http://twitter.com/ApacheFlex";>Twitter</a></li>
<li class="linkedin"><a href="
http://www.linkedin.com/groups/Apache-Flex-Developers-4296888
">LinkedIn</a></li>
</ul>
<!-- Apache Logo -->
<a href="http://www.apache.org"; id="contact-top"><img src="
http://www.apache.org/images/feather-small.gif"; title="An Apache Project"
alt="An Apache Project" /> </a>
</div>
</div>
<!-- Header / End -->
<!-- Navigation -->
<div id="navigation" class="margintop">
<ul id="nav">
<li><a href="index.html">Home</a></li>
<li><a href="#">About Flex</a>
<ul>
<li><a href="about-whatis.html">What is
Flex?</a></li>
<li><a href="about-features.html">Features</a></li>
<li><a href="about-licensing.html">License &
Trademarks</a></li>
<li><a href="about-people.html">The Team</a></li>
<li><a href="about-history.html">Project
History</a></li>
<li><a href="about-assets.html">Logo and
Assets</a></li>
</ul>
</li>
<li><a href="#">Community</a>
<ul>
<li><a href="community-getinvolved.html">How to get
involved</a></li>
<li><a href="community-mailinglists.html">Mailing
Lists</a></li>
<li><a href="
https://cwiki.apache.org/confluence/display/FLEX/Apache+Flex+Wiki";>Wiki <i
class="icon-share icon-white"></i></a></li>
<li><a href="http://blogs.apache.org/flex/";>Blog <i
class="icon-share icon-white"></i></a></li>
</ul>
</li>
<li><a href="#">Development</a>
<ul>
<li><a href="dev-faq.html">Developer FAQ</a></li>
<li><a href="dev-sourcecode.html">Source
Code</a></li>
<li><a href="
https://issues.apache.org/jira/browse/FLEX";>Bug-Tracker <i
class="icon-share icon-white"></i></a></li>
</ul>
</li>
<li><a href="#">Documentation</a>
<ul>
<li><a href="doc-getstarted.html">Getting
Started</a></li>
<li><a href="doc-videos.html">Videos</a></li>
<li><a href="asdoc/index.html">ASDocs <i
class="icon-share icon-white"></i></a></li>
<li><a href="
http://help.adobe.com/en_US/flex/using/index.html";>Documentation Reference
(Old) <i class="icon-share icon-white"></i></a></li>
</ul>
</li>
<li><a href="#">About Apache</a>
<ul>
<li><a href="http://www.apache.org";>The Apache
Software Foundation Website <i class="icon-share icon-white"></i></a></li>
<li><a href="
http://www.apache.org/foundation/contributing.html";>Donations <i
class="icon-share icon-white"></i></a></li>
<li><a href="
http://www.apache.org/foundation/sponsorship.html";>Sponsorship <i
class="icon-share icon-white"></i></a></li>
<li><a href="
http://www.apache.org/foundation/thanks.html";>Thanks <i class="icon-share
icon-white"></i></a></li>
</ul>
</li>
<li><a href="#" class="download">Download</a>
<ul>
<li><a href="installer.html">Download the SDK
Installer (For Application Developers)</a></li>
<li><a href="download-binaries.html">Download the
SDK Binaries (For SDK Developers)</a></li>
<li><a href="download-source.html">Download the SDK
Source Code (For SDK Developers)</a></li>
<li><a href="download-utilities.html">Download
Utilities</a></li>
<li><a href="download-archive.html">Previous
Versions</a></li>
</ul>
</li>
</ul>
</div>
<div class="nav-shadow"></div>
<div class="clear"></div>
</div>
<!-- Navigation / End -->
<!-- Content -->
<div class="row-fluid">
<!-- Page Title -->
<div id="page-title">
<h2>Getting Started with Apache Flex
</h2>
</div>
<!-- Page Title / End -->
</div>
<div class="row-fluid">
<!-- Home Page Exception -->
<p>Before you start to learn how to program with Apache Flex, you will need
to get your environment setup. The Apache Flex SDK includes everything you
need to make applications except for an IDE.
You technically don't need one, but it is <strong>HIGHLY</strong>
encouraged for you to use one. We won't cover the workflows in this
document on how to create and compile applications with Notepad or vi,
just know that you can.</p>
<p>There are four major IDEs available that work with Apache Flex. There
are other, lesser-used IDEs and plugins for other IDEs out there as well.
For the most part, the workflow is the same for
all of them. Below we will outline the steps needed to use Apache Flex
with <a href="http://www.adobe.com/products/flash-builder-family.html";>Adobe
Flash Builder 4.7</a> and <a href="http://www.jetbrains.com/idea/";>JetBrains
IntelliJ IDEA 12</a>. If you use another IDE and want to help us add to
this document
please contact us on the <a href="community-mailinglists.html">mailing
list</a>.</p>
<div class="headline"><h4>Setting up Apache Flex with Adobe Flash
Builder</h4></div>
<ol>
<li><strong>Download Adobe Flash Builder</strong> Adobe Flash Builder is
available from the <a href="
http://www.adobe.com/products/flash-builder-family.html";>Adobe Website</a>.
It offers a 30-day trial and retails for about $250. It is available for
both Windows and MacOS X</li>
<li><strong>Install Adobe Flash Builder</strong> Follow the on-screen
installation wizard.</li>
<li><strong>Download the SDK installer</strong> Go to the <a
href="installer.html">Download the SDK Installer</a> on the menu above and
install the SDK installer. Click on the Download link on the installer
badge, which will download the proper installer for your computer.</li>
<li><strong>Run the SDK installer</strong> The first question you will be
asked is the installation directory. If you are on a Mac, use
/Applications/Adobe Flash Builder 4.7/sdks/4.9.1/. If you are on a PC, use
C:\Program Files(x86)\Adobe Flash Builder 4.7\sdks\4.9.1. You will need to
create the 4.9.1 folders. Press Next.</li>
<li><strong>Accept SDK Licenses and Install</strong> Check the red boxes
to accept each of the licenses. Read the licenses, of course ;) Click
Install to download all the components into the new 4.9.1 directory. This
can take a few minutes.</li>
<li><strong>Run Flash Builder</strong> Launch Adobe Flash Builder. You may
need to login with your Adobe ID to activate the trial.</li>
<li><strong>Tell Flash Builder about the SDK</strong> On Windows, go to the
Window Menu -> Preferences. On the Mac, go to the Flash Builder menu
-> Preferences. Go to the Flash Builder node, then select the Installed
Flex SDKs node. Click [ADD], then choose the directory in which you saved
the 4.9.1 SDK (Step 4). The name should be populated with Apache Flex 4.9.1
FP11.1 en_US. Press OK, and OK again.</li>
<li><strong>Create a new project</strong> Right-click in the empty Package
Explorer area, choose New -> Flex Project. Give the project a name.
Under the Flex SDK version, choose Apache Flex 4.9.1. Press Finish. Flash
Builder will create the new project.</li>
<li><strong>Start Coding!</strong> Jump down below to make your first
Hello World application.</li>
</ol>
<div class="headline"><h4>Setting up Apache Flex with Jetbrains IntelliJ
IDEA</h4></div>
<ol>
<li><strong>Download JetBrains IntelliJ IDEA</strong> IntelliJ IDEA is
available from the <a href="http://www.jetbrains.com/idea/";>JetBrains
Website</a>. They offer a 30-day trail and it retails for about $200. It
is available for both Windows and MacOS X</li>
<li><strong>Install IntelliJ IDEA</strong> Follow the on-screen
installation wizard.</li>
<li><strong>Download the SDK installer</strong> Go to the <a
href="installer.html">Download the SDK Installer</a> on the menu above and
install the SDK installer. Click on the Download link on the installer
badge, which will download the proper installer for your computer.</li>
<li><strong>Run the SDK installer</strong> The first question you will be
asked is the installation directory. Note where you save the SDK (as you
will need it later). Press Next.</li>
<li><strong>Accept SDK Licenses and Install</strong> Check the red boxes
to accept each of the licenses. Read the licenses, of course ;) Click
Install to download all the components into the new 4.9.1 directory. This
can take a few minutes.</li>
<li><strong>Run IntelliJ</strong> Run IntelliJ. You will need to start
the 30 day trial, and accept the license agreement when the app runs the
first time. You will be launched into the configuration wizard. Select
which VCS Plugins you want (we suggest Git Subversion). Next, select the
Web/J2EE Plugins (We suggest Database, SQL and WebServices). Next, select
the HTML Development tools (You must select FLash/Flex, CSS, JavaScript,
JavaScript Debugger, but we suggest keeping them all selected). Finally,
select which other plugins you wish to use (Select ANT, Properties,
Copyright, Coverage, IntelliLang, Inspection Gadgets, Type Migration, UML.
We suggest keeping most of the defaults).</li>
<li><strong>Create your new project</strong> When at the welcome screen,
select "Create New Project". In the left menu, choose Flash Module under
the Other heading. Give the project a name, and select Next.</li>
<li><strong>Configure the new project</strong> On the "New Project"
screen, select Web for the target platform, and keep the rest of the
options the same. Keep the Flex SDK as [none] for this step. Click
Finish.</li>
<li><strong>Tell IntelliJ about the SDK</strong> Right click on your
project name in the Project Explorer, and click Open Module Settings. In
the second pane, click the application settings (it says (app) behind the
name -- it should have red squigglies under it). Go to the dependency
tab. To the right of the Flex SDK drop down, select New... to add the
4.9.1 SDK to the project. Find the 4.9.1 directory you created in step 4,
and select Choose. Press Ok to return to the project. Wait for IntelliJ to
index the project and the new SDK.</li>
<li><strong>Create your Application file</strong> Add a new MXML component
under the /src/ directory by right clicking on src. Give it a name of your
choosing, Template of "Flex 4 Component" and Parent Component of
Application (spark.components).</li>
<li><strong>Finish configuring your project</strong> Go back to the project
settings (right-click on the project name in the project explorer ->
Module Settings). Go to the General Tab of the app settings. Click the
... button to the right of the Main Class box, and choose the filename you
just created. This will set the project root.</li>
<li><strong>Start Coding!</strong> Jump down below to make your first
Hello World application.</li>
</ol>
<!-- 2013-07-25 Begin addition inserted by Terry Corbet. -->
<div class="headline"><h4>Setting up Apache Flex with
FlashDevelop</h4></div>
<ol>
<li><strong>Download FlashDevelop</strong> FlashDevelop is freely
available from the <a href="http://www.flashdevelop.org/";>FlashDevelop
Website</a>..
<li><strong>Install FlashDevelop</strong> Follow the on-screen
installation wizard.</li>
<li><strong>Download the SDK installer</strong> Go to the <a
href="installer.html">Download the SDK Installer</a> on the menu above and
install the SDK installer. Click on the Download link on the installer
badge, which will download the proper installer for your computer.</li>
<li><strong>Run the SDK installer</strong> The first question you will be
asked is the installation directory. Note where you save the SDK (as you
will need it later). Press Next.</li>
<li><strong>Accept SDK Licenses and Install</strong> Check the red boxes
to accept each of the licenses. Read the licenses, of course ;) Click
Install to download all the components into the new 4.9.1 directory. This
can take a few minutes.</li>
<li><strong>Tell FlashDevelop about the SDK</strong>This is most easily
done by following the menu mousetracks from <b>Tools</b> to <b>Program
Settings</b> to <b>AS3 Context</b> to <b>Installed Flex SDKs</b>. To
whatever other SDKs you already have installed, use the <b>Add</b> button
to point to wherever you installed as per above.</li>
<li><strong>Create your Application</strong>Use the <b>New Project</b>.
You probably will want to choose the <b>Flex 4 Project</> since that just
does everything you need to create and test an application based on Adobe
Flex 4.6, but then you will use the <b>Proect=>Properties=>SDK</b> menu
path to select the Apache Flex framework in lieu of the Adobe default.</li>
<li><strong>Start Coding!</strong> Jump down below to make your first
Hello World application.</li>
</ol>
<!-- 2013-07-25 End addition inserted by Terry Corbet. -->
<div class="headline"><h4>Creating your first Hello World
application</h4></div>
<p>This is a very simple, generic hello world application. You can learn a
lot more by checking out some of our other resources below, or some of our
<a href="doc-videos.html">tutorial videos</a>.</p>
<ol>
<li>Set the height and width of your application. Add the following tags
to the Application tag (2nd line) : <code>width="640"
height="480"</code></li>
<li>Add a new Layout tag within the Application tags. This will tell Flex
how we plan on laying out our app.
<code><s:layout></s:layout></code></li>
<li>Within the layout tags, add a BasicLayout tag. This will tell Flex we
intend on telling it where to place our components.
<code><s:BasicLayout /></code></li>
<li>Between the Layout and Application tags, Add a Label tag. We will be
setting the <code>text</code> <code>horizontalCenter</code> and
<code>verticalCenter</code> properties. <code><s:Label text="Hello
World!" horizontalCenter="0" verticalCenter="0" /></code></li>
<li>Find the Debug toolbar icon and click it. Your application should be
launched in your default web browser and you should see the words Hello
World! in the middle of the screen.</li>
</ol>
<p>The complete code listing is (there may be some variations, depending on
your IDE template. Just make sure what we talked about above match) :</p>
<div class="codehilite"><pre><span class="cp"><?xml
version="1.0" encoding="utf-8"?></span>
<span class="nt"><s:Application</span> <span
class="na">xmlns:fx=</span><span class="s">"
http://ns.adobe.com/mxml/2009"</span>
<span class="na">xmlns:s=</span><span
class="s">"library://ns.adobe.com/flex/spark"</span>
<span class="na">xmlns:mx=</span><span
class="s">"library://ns.adobe.com/flex/mx"</span> <span
class="na">width=</span><span class="s">"640"</span> <span
class="na">height=</span><span class="s">"480"</span><span
class="nt">></span>
<span class="nt"><s:layout></span>
<span class="nt"><s:BasicLayout</span> <span
class="nt">/></span>
<span class="nt"></s:layout></span>
<span class="nt"><s:Label</span> <span class="na">text=</span><span
class="s">"Hello World!"</span> <span
class="na">horizontalCenter=</span><span class="s">"0"</span>
<span class="na">verticalCenter=</span><span class="s">"0"</span>
<span class="nt">/></span>
<span class="nt"></s:Application></span>
</pre></div>
<div class="headline"><h4>Additional Resources</h4></div>
<ul>
<li>Make sure to check out our video and screencast library on the <a
href="doc-videos.html">videos page</a>.</li>
<li>There are a large variety of books available online. One of our
favorites is from Michael Labriola and Jeff Tapper (both Apache Flex
Committers). <a href="
http://www.amazon.com/Adobe-Flex-4-5-Fundamentals-ebook/dp/B005EFKGCS/";>Amazon
Link to book</a></li>
<li>There are quite a few people that blog about Flex. Check out Flash
Bookmarks ( <a href="http://www.flashbookmarks.com/";>
http://www.flashbookmarks.com</a> )</li>
</ul>
<!-- Home Page Exception -->
</div></div>
<!-- Wrapper / End -->
<!-- Footer -->
<!-- Footer Top -->
<div id="footer" class="container-fluid paddingbottom" >
<div class="row-fluid">
<!-- About -->
<div class="span3">
<div class="footer-headline"><h4>About Us</h4></div>
<p>Apache Flex® is a highly productive, open source application
framework for building and maintaining expressive web applications that
deploy consistently on all major browsers, desktops and devices (including
smartphones, tablets and tv). It provides a modern, standards-based
language and programming model that supports common design patterns
suitable for developers from many backgrounds. Flex applications can be
deployed to the ubiquitous Adobe® Flash® Player in the browser, Adobe® AIR™
on desktop and mobile or to native Android™, IOS™, QNX®, Windows® or Mac®
applications.</p>
</div>
<!-- Subscribe -->
<div class="span3">
<div class="footer-headline"><h4>Subscribe</h4></div>
<p>We have two mailing lists, one for SDK developers, and one
for SDK users.</p>
<p>Developers, send an email to <br>
<a href="mailto:dev-subscr...@flex.apache.org";>
dev-subscr...@flex.apache.org</a>
</p>
<p>Users, send an email to <br>
<a href="mailto:users-subscr...@flex.apache.org";>
users-subscr...@flex.apache.org</a>
</p>
</div>
<!-- Latest Releases -->
<div class="span3">
<div class="footer-headline"><h4>Latest Releases</h4></div>
<p>Apache Flex SDK : <a href="download-binaries.html">4.9.1
(Feb 2013)</a><br />
SDK Installer : <a href="installer.html">2.5.4 (Apr
2013)</a><br />
BlazeDS : <a href="
http://sourceforge.net/adobe/blazeds/wiki/Home/";>4.6.0 (Nov 2011)</a><br />
Flex Mavenizer : <a href="
http://svn.apache.org/viewvc/flex/utilities/trunk/mavenizer/";> 4.8.0 (Jan
2013)</a></p>
</div>
<!-- Latest Tweets -->
<div class="span3">
<div class="footer-headline"><h4>Latest Tweets</h4></div>
<ul id="twitter"></ul>
<script type="text/javascript">
jQuery(document).ready(function($){
$.getJSON('
http://api.twitter.com/1/statuses/user_timeline/apacheflex.json?count=2&callback=?',
function(tweets){
$("#twitter").html(tz_format_twitter(tweets));
}); });
</script>
<div class="clear"></div>
</div>
</div>
</div>
<!-- Footer / Bottom -->
<div id="footer" class="container-fluid" style="background: #111;">
<div class="row-fluid">
<div class="span12">
<div id="footer-bottom">
Copyright © 2013 The Apache Software Foundation, Licensed
under the Apache License, Version 2.0 <br>
Apache Flex, Apache and the Apache feather logo are
trademarks of The Apache Software Foundation. All other marks mentioned may
be trademarks or registered trademarks of their respective owners.
Read more about our privacy policy on our <a
href="about-privacy.html">Privacy Policy</a> page.
<div id="scroll-top-top"><a href="#" title="Go to
Top"></a></div>
</div>
</div>
</div>
</div>
<!-- Footer / End -->
</body>
</html>
======================
On Thu, Jul 25, 2013 at 5:57 AM, Nicholas Kwiatkowski <nicho...@spoon.as>wrote:
> Terry,
>
> It would be great if you could write up some instructions like we've done
> for the other IDEs, to match http://flex.apache.org/doc-getstarted.html.
> My hope is to expand this tutorial one day, but my time has been split
> with other projects... I don't have much experience with FlashDevelop, but
> some licensing and installation disagreements between me and their website
> haven't allowed me to explore it as much as I probably should.
>
> -Nick
>
>
> On Wed, Jul 24, 2013 at 11:23 PM, Terry Corbet <terry.cor...@gmail.com
> >wrote:
>
> > I know, by reading your postings 24x7, that you never sleep 'downunder',
> > but the FlashDevelp folks are in Europe. So, I'll make this promise in
> San
> > Jose time, that I will provide instructions for FlashDevelop if I cannot
> > get the owners of that software to do it directly by copying them on this
> > thread when the sun comes up over there.
> >
> >
> > On Wed, Jul 24, 2013 at 6:53 PM, Justin Mclean <jus...@classsoftware.com
> > >wrote:
> >
> > > HI,
> > >
> > > > As mentioned by others FlashDevelop not only automatically fetches
> the
> > > Adobe 23201B build for you
> > > Can you suggest some text that expands on "When using Flash develop
> there
> > > no need to package the SDK as handles that for you"?
> > >
> > > Perhaps a good idea would be to provide installation
> > > instructions/steps/screen cams for each of the major IDEs on the Apache
> > > Flex websIte. Would anyone be interested in helping up with this?
> > >
> > > Thanks,
> > > Justin
> >
>
![http://www.apache.org/images/feather-small.gif"](http://www.apache.org/images/feather-small.gif"){kind=link}