Architecture of larger Flex applications

Hello,
I'm new to Flash and Flex development, having been a .NET developer for many years.  I am now putting together a Flash application for the web and I suspect that I'll be using Flex and Flash Builder as my primary development tools.
I had a question about overall architecture of a larger scale application.  Specifically, how should a Flex app be structured or architected to group UI elements and load and unload those elements as particular portions of the application are navigated to.  The best analogy I can make would be pages in a web application, or Forms in a windows application.  It seems pretty clear that the "state" structure from Flash Catalyst is not the right way to do this.  And I don't know if multiple "stages" from Flash Pro can be created, saved, and loaded as needed by Flex.
Thanks in advance for your help, and guidance for a very new developer to these tools!
-Ben

Thanks for the fast reply Darrell!
That seems to be the right path, sometimes it's just a matter of vocabulary and knowing what words to Google search for
-Ben

Similar Messages

  • Architecture of Flex application

    Are there any tutorials for decomposition of a large flex
    application into smaller components that are easier to handle?
    Integration of the components?

    "Johnking08" <[email protected]> wrote in
    message
    news:gegn85$plf$[email protected]..
    > Are there any tutorials for decomposition of a large
    flex application into
    > smaller components that are easier to handle?
    > Integration of the components?
    If the Flex 3 Help isn't enough, I highly recommend Flex 3
    Training from the
    Source.
    HTH;
    Amy

  • Flex Application architecture with web and air interface both using common components.

    We have a flex based e-learning application. It uses HTTP REST service and webservice to communicate with ASP.Net application to fetch and store data.
    We now want to develop an adobe air version of the user interface, which the students can download on their desktop as well as mobiles (Android, others).
    What would be a good architecture for such an application which has both web and windows interface. I can see that we can reuse almost 80% of the code of our web version. But I do not want to copy and create a new windows app from the flex web app. I would want to have both co-exist.
    Let me know a good article that I can read on this.

    I dug deeper and found the concept of Shared Common Library. I am trying to implement that.

  • Is it possible to export of the stage of a Flex application in vector format?

    Is it possible to export of the stage of a Flex application in vector format?
    Right now our only option is to render our graphs to a (large, off-screen) bitmap and export that bitmap, which is a real shame because every
    component in Wondergraphs is 100% vector based.  Anyone at Adobe know more about this?

    Hi.
    Try start->search for pen and touch--> then uncheck "Use your finger as an input device" in the Touch tab.

  • Embedding Fonts in a Flex application -- Legal issues?

    I am currently building a Flex application for a Client. The Style guide they have provided shows Univers 55, Univers 65, and Univers 45 as the main fonts for the site and the app.
    Page 1567 of Using Flex 4.5 states
    Note: 
     Check your font licenses before embedding any font files in your applications. Fonts might have licensing restrictions that preclude them from being stored as vector information.
    The fonts they are using in the AI file for the design document appear to be older version Adobe 1.0 TrueType fonts dated 30th June 1997.
    I can not find the original license for these fonts, but such licenses may pre-date embedding technology, so are we allowed to embed them?
    As an alternative could we safely use the OTF Univers LT Std family and are there any differences?
    Message was edited by: lingoguru

    As far as i see it, it's mainly just for convenience.
    Embedding an image into application removes the need for you to store it elsewhere on the server, as it becomes part of the .swf file.
    From personal experience it's very handy with small images, as it doesn't increase the size of the .swf file too much, and it means you don't have to keep track of them when distributing your release build.
    you don't have to embed anything, you can simply reference it by location instead, but you'll experience a slight delay as it's loaded into the application on request.
    The need for using this feature depends entirely on what you're trying to accomplish.
    If you're making something like a large image gallery, it'll completely remove the need for wait for pictures to load when  you're scrolling through them. However i wouldn't recommend it as you'll send your application size will go through the roof, and the waiting time for the whole application to load would be fairly extensive.
    If you have an application with like 40 small ~3kb images using for navigation icons or something, you might as well, it's just convenient and won't impact the loading time by too much.

  • Trying to make a flex application scalable in its display size by using a "Host-swf" - Problem

    We created a flex application using Flex 3. What we are
    trying to do is to make this application scalable in its display
    size. That means we want the application to scale itself to exactly
    fit the size of the browser window without using a scrollbar like
    normal Flash-swfs do. Sadly flex application don't scale like a
    normal flash swf.
    To get a workaround for this we created a so called
    "Host-swf" with flash CS3. This Host-swf loads the flex application
    and adds it as a child. And voila: When calling the Host-swf our
    application can scale.
    We used this code to achive this:
    var oUrlRequest:URLRequest = new
    URLRequest("Flex-Application.swf");
    var oURLLoader:Loader = new Loader();
    oURLLoader.load(oUrlRequest);
    addChild(oURLLoader);
    This works perfectly as long the browser window is larger
    then the resolution of the host-swf (900*600) when calling the url
    for the application:
    Picture showing the
    scaling
    But it doesnt't work out when the browser window is smaller
    than 900*600. The application is then shown with a scrollbar, and
    when resizing the browser window the scrollbar is still there:
    Picture showing the
    application with scrollbar
    Maybe anyone already tried to achive the same thing and has a
    different solution for us?
    Thank you in advance!

    "noby_95" <[email protected]> wrote in
    message
    news:gpsue6$rhh$[email protected]..
    > We created a flex application using Flex 3. What we are
    trying to do is to
    > make
    > this application scalable in its display size. That
    means we want the
    > application to scale itself to exactly fit the size of
    the browser window
    > without using a scrollbar like normal Flash-swfs do.
    Sadly flex
    > application
    > don't scale like a normal flash swf.
    >
    > To get a workaround for this we created a so called
    "Host-swf" with flash
    > CS3.
    > This Host-swf loads the flex application and adds it as
    a child. And
    > voila:
    > When calling the Host-swf our application can scale.
    >
    > We used this code to achive this:
    >
    >
    > --------------------------
    > var oUrlRequest:URLRequest = new
    URLRequest("Flex-Application.swf");
    > var oURLLoader:Loader = new Loader();
    > oURLLoader.load(oUrlRequest);
    > addChild(oURLLoader);
    >
    >
    > -------------------------
    >
    > This works perfectly as long the browser window is
    larger then the
    > resolution
    > of the host-swf (900*600) when calling the url for the
    application:
    >
    http://www.gansl-online.de/Bild1.jpg
    >
    > But it doesnt't work out when the browser window is
    smaller than 900*600.
    > The
    > application is then shown with a scrollbar, and when
    resizing the browser
    > window the scrollbar is still there:
    >
    http://www.gansl-online.de/Bild2.jpg
    >
    > Maybe anyone already tried to achive the same thing and
    has a different
    > solution for us?
    When I set the Application width and height to a percentage
    number, it will
    change its size based on the size of the window.

  • Is Flex Builder necessary to edit a flex application?

    Hi, I made an swf application with Flex 3 Builder using mxml files. Now i've got to deliver the application to a designer in my division so I would like to know, if he wants to modify the application, does he have to use Flex Builder as well? Adobe CS3 wouldn't be enough?
    I'm asking if he can modify the design as you do in flex builder in the design tab (drag drop component ...)
    Thanks

    Well, to answer your subject question, Flex Builder is not needed to edit the MXML or ActionScript code that makes up a Flex Application.
    You can use notepad--or any text editor, and re-compile it against the command line SDK.  There are also alternatives, FDT comes to mind as one.  There is also a few Visual Studio plugins.
    None of that addresses your real concern.  As far as I know, there are no tools in CS3 [or 4] that will give you "Designer-style" access to a Flex Builder project.
    It sounds like you want Flash Catalyst; however it is still in beta, and has limited support for the Flex 3 component architecture.

  • How large an application can grow

    Environment:
    Windows XP / 7 / Linux / Solaris
    Browsers: IE 7/8, FF latest, Chrome latest.
    Flash 10.x.
    Is it possible to find how much RAM Flash is able to use, other words how large an application can grow?
    Say, I am running my Flex app in Chrome on Windows XP.
    Phisical memory available to Windows: 3 Gig.
    Using Chrome Task Manager I see that sometimes FP crashes somewhere around 1/4 of total
    RAM, sometimes it goes above.
    Thanks in advance,
    Ilya

    Most email providers limit the size a message can be, and the most significant determinant of message size is the attachments. I do not believe your ISP understood your question, or you misunderstood their answer, because no email provider would support a message the size you report. MobileMe, for example once only supported messages of 10 MB or less, but now supports 20 MB see:
    http://support.apple.com/kb/HT2069
    For the size limits for such providers as Gmail, see:
    http://email.about.com/od/gmailtips/qt/et083105.htm
    Others support perhaps upwards of the 20 MB. Regardless, if your provider were to support such huge messages, the providers of many recipients would not.
    My own cable provider might support the video file you tried to send, but not certain. With such files, I always FTP them to a gallery of some sort, and let people access them. There is not similar limits on what can be downloaded via your browser.
    Ernie
    Message was edited by: Ernie Stamper

  • Flex application running under AIR takes a long, long time to start.

    I have a flex application which runs on a desktop under AIR. The application has an assets folder with 3,500 mp3 soundclips totalling about 50MB. The problem is, the application takes around 90 seconds to load. I'm sure that AIR is scanning the application folder and doing something with the contents because if I delete the assets folder it loads in about 5 seconds. Does anyone know why AIR/Flex would do this, and why it doesn't exhibit the same problem if I run or debug in Flexbuilder on eclipse? It's making my killer app unusable!
    Thanks
    Paulo

    Well, I've spent a bit longer looking at this now, and the problem appears to lie with my encrypted local store. The first thing that happens is for the app to read the product key from the ELS. But, it fails (for some unknown reason). So, the app seems to hang there for 90 seconds until it eventually renders the welcome screen. If I remove the assets folder it still fails to read from the ELS, but only takes a couple of seconds to start the welcome screen. This is where the scanning of the application folder seems to come into play, because if I remove the code which reads from the ELS the app starts within 2 seconds whether the asset folder is there or not.
    I think the slow startup and the scanning of the assets folder are just symptoms of a different problem, i.e. a problem with the ELS. I don't have the same problem with my development environment though - it's only when I test deploy the application.
    Thanks for your help on this problem EgorKDie. I think I should be able to resolve it once I can sort out why the ELS is being awkward.

  • How to show double byte data in a Flex application

    Hi
    I am looking for a way to show UTF-8 formatted data in a Flex
    application. I have a Java app in the backend that generates an xml
    file. Some attributes in the file are encoded in UTF-8 (when data
    is Japanese or Chinese...). My Flex app is showing box characters.
    I have XSLT app that generates html based off this xml file. The
    browser i showing the Japanese characters fine.
    I am wondering what the trick is to get Flex app show this
    data.
    Thanks
    Videoguy

    It turned out to be my XP that didn't have the the right lang
    sets installed. I have two PCs. On one everything showed up fine. I
    was able to view arabic, chinese data from xml just fine. On the
    other one, same swf didn't show them. There is MS knowledgebase
    article on how to enable east asian languages etc. I didn't give it
    a try. I am using other pc for my dev now.

  • What to look for in a web hosting company for Flex applications

    Hello,
    I am trying to figure out what I need to look for in a web
    hosting company if I want to deploy my own Flex applications? I
    don't anticipate having any special requirements other than the
    ability to interact with databases and XML files. Can someone help
    me figure out what the server-side requirements are?
    Thanks in advance!
    Matt

    then almost 99.9% hosting will work.
    if you want a Flexx app with compiler then oo thats different
    but as you say "I don't anticipate having any special requirements
    other than the ability to interact with databases and XML files"
    then you can go with pretty much any hosting, as long as they have
    apache, Database serve and I think thats it.

  • How to Call a AIR application from Flex Application

    Hi,
        I have Used AIR (Desktop application) in Flex Builder to Upload a File from a local path and save it it a server path.
    I need to Call this AIR(Desktop application) from my Flex Application.... i.e
    I am using a link button to send a event using Script and Forward that Desktop application  from Flex Screen
    But it doesnot load that (Desktop application)  in Screen. Only Balnk screen is loaded from path
    Here is the code
    AIR(Desktop application)
    <?xml version="1.0" encoding="utf-8"?><mx:WindowedApplication 
    xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="openBrowseWindow();">
    <mx:HTTPService id="urlpath" showBusyCursor="true" useProxy="false" method="
    POST" url="http://localhost:8080/nat/FlexAction.do?method=UrlPath"result="pathresult(event)"
    fault="faultHandler(event)"
    >  
    </mx:HTTPService> 
    <mx:Script>
    <![CDATA[
    import mx.events.FileEvent; 
    import mx.rpc.events.ResultEvent; 
    import mx.rpc.events.FaultEvent; 
    import mx.utils.ObjectUtil;  
    import mx.controls.Alert;
    private  
    var openFile:File = new File() 
    private  
    function openBrowseWindow():void{openFile.addEventListener(Event.SELECT, onOpenFileComplete);
    openFile.addEventListener(Event.OPEN, load);
    openFile.browse();
    private  
    function load():void{Alert.show(
    "load"); 
    var imageTypes:FileFilter = new FileFilter("Images (*.jpg, *.jpeg, *.gif, *.png)", "*.jpg; *.jpeg; *.gif; *.png"); 
    //var textTypes:FileFilter = new FileFilter("Text Files (*.txt, *.rtf)", "*.txt; *.rtf"); 
    var allTypes:Array = new Array(imageTypes);openFile.browse(allTypes);
    private  
    function faultHandler(event:FaultEvent):void { 
    //Alert.show("Fault")Alert.show(ObjectUtil.toString(event.fault));
     private  
    function pathresult(event:ResultEvent):void{Alert.show(
    "res") 
    //Alert.show(ObjectUtil.toString(event.result));}private  
    function onOpenFileComplete(event:Event):void{ 
    //mx.controls.Alert.show("event: "+event.target.nativePath +"UR!!!"); 
    var pPath = event.target.nativePath; 
    var parameters:Object = {FlexActionType:"PATH",path:pPath};  
    // Alert.show("Image Selected from Path : "+pPath); urlpath.send(parameters);
    //Alert.show("Passed.."+parameters);}
    ]]>
    </mx:Script>
    <mx:Button click="openBrowseWindow();onOpenFileComplete(event)" name="Upload" label="Upload" x="120.5" y="10"/> 
    Here is Mxml Code for Flex Application
    <?xml version="1.0" encoding="utf-8"?><mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns="http://ns.adobe.com/air/application/1.0.M4" >
    <mx:Script>
    <![CDATA[
    import mx.controls.Alert; 
    private function Upload():void{ 
    // CursorManager.setBusyCursor();  
    //var url:String = "HomeAction.do?method=onLoad"; 
    //var url:String = "assets/Air.swf"; 
    var url1:URLRequest = new URLRequest("assets/Air.swf");navigateToURL(url1,
    "_self"); 
    // CursorManager.removeBusyCursor(); }
    ]]>
    </mx:Script>
    <mx:LinkButton id="up" click="Upload()" x="295" y="215" label="UpLoad"/>
    In this code i forward using s url to Open tat  Desktop application but a blank screen appears with out the proper output...
    Please Help me in this to forward AIR from Flex Screen..
    Thanks in Advance
    With Regards
    Gopinath.A
    Software Developer
    First Internet Systems Pvt. Ltd.,
    Chennai

    try this
    http://www.leonardofranca.com/index.php/2009/09/17/launching-an-installed-air-application- from-the-browser/
    regards
    Leonardo França
    Adobe Certified Expert Flex 3 with AIR
    Adobe Certified Expert Rich Internet Application Specialist v1.0
    Adobe Certified Expert Flash CS3 Professional
    Certified Professional Adobe Flex 2 Developer
    Adobe Certified Professional Flash MX 2004 Developer
    http://www.leonardofranca.com
    http://twitter/leofederal
    Manager AUGDF - Adobe User Group do Distrito Federal
    http://www.augdf.com.br
    http://twitter/augdf

  • Hi All,i am currently working on a flex application that will allow the user to change the language

    Hi All,i am currently working on a flex application that will allow the user to change the language within the application from english to Japanese and vice versa. And everything works fine.
    I am using flex 4.5
    We allow the user to save records with english or japanese texts.
    problem
    When the user manually enters Japanese text and tries to save it the record defaults back to the default name (which is in english). But if you copy the entered text and paste it and then save it.It works fine.
    Any idea , why this is happening?
    Please let me know if the question is not clear.
    Looks like there was already a bug
    https://issues.apache.org/jira/browse/FLEX-28894?page=com.atlassian.jira.plugin.system.iss uetabpanels:all-tabpanel
    Not sure why does it say , Resolved .
    -KB
    Message was edited by: bKartik.b

    By Payal integration , you mean paypal button html ? or payment gateway setup etc ? If its a gateway configuration for your site domain then single page for all layout will work , but if you are using button code for all renditions then you would need to create separate pages for all.
    Thanks,
    Sanjit

  • Flex application not working when deployed run from Server

    Hi,
    I have Flex application which takes a parameter from user, makes a web-service call and returns the message.
    This application is running perfectly when I launch from IDE.
    But when I copy the files from bin-release to server and launch it, it gives me no result.
    In the crossdomain file on the server which hosts web-service, I have added the my host IP in the
    allow-access-from domain tag.
    In the initialization method of the application I load crossdomain using following code:
        Security.allowDomain("remoteservername");
        Security.loadPolicyFile("http://remoteservername/crossdomain.xml");
        var request:URLRequest = new URLRequest("http://remoteservername/crossdomain.xml");
        var loader:URLLoader = new URLLoader();
        loader.load(request);
    Is there a way I can debug application when running from server?
    Please give me some pointer to solve this problem.
    Thank you.
    Chintan

    Alex thanks for reply
    The URL for the app is http://<some_IP>/flex_app
    <some_IP> is added in crossdomain.
    Also we have outbound IP's and of these are also added in the crossdomain file.
    This is the current content of crossdomain file:
    <cross-domain-policy>
    <site-control permitted-cross-domain-policies="master-only"/>
    <allow-access-from domain="<some_IP>"/>
    <allow-access-from domain="<outbound_IP1>"/>
    <allow-access-from domain="<outbound_IP2>"/>
    <allow-access-from domain="<outbound_IP3>"/>
    <allow-http-request-headers-from domain="<outbound_IP1>" headers="SOAPAction"/>
    <allow-http-request-headers-from domain="<outbound_IP2>" headers="SOAPAction"/>
    <allow-http-request-headers-from domain="<outbound_IP3>" headers="SOAPAction"/>
    </cross-domain-policy>
    App runs perfectly fine when launched from Flex Builder.

  • Flex Application does not work outside of the default dir

    Hi,
    I have developed a flex application which calls a http
    service and displays the contents in a text area.
    This works fine when I execute it from the flex builder or
    from the directory where the flex builder stores it.
    If I copy the files to any other dir or the server, after
    making http call no result is displayed in the text area.
    Is there any thing else i need to do other building
    application in flex builder for deployment.
    Please help,
    Thanks in advance,
    Chintan

    "rtalton" <[email protected]> wrote in
    message
    news:gjlmvm$hrv$[email protected]..
    > Stubborn, aren't we? Ok, let me try again:
    > You only use "loadPolicyFile" to load a non-default
    policy file. remove
    > that
    > line from your code.
    > Also you do not need this line:
    > flash.system.Security.allowDomain("*");
    > ...in your code. Remove it. This is used when you have
    two SWFs on two
    > different servers. You do not.
    >
    > Again, read this page:
    >
    >
    http://livedocs.adobe.com/flex/3/html/help.html?content=deployingoverview_12.htm
    > l
    >
    > Your answer is there.
    > Hint: all you need is to *properly* deploy a
    cross-domain policy file.
    > Really.
    > I'm being very honest here. Have I ever lied to you
    before? No, I haven't.
    > So
    > you're buying the first round tonight after work, ok?
    Some people will do anything for a date ;-)

Maybe you are looking for