Interactive floor plans with Flex / Flash builder

Hi,
I'm totally new to Flex and Flash builder and pretty strong in Java back end technologies.
We're having a requirement of visually present the data center floor plan with the server racks in it. Following features has to be supported.
1) Zoom in and out of the data center rack areas
2) Clickable racks, which shows the details of the servers which it's carry (This has to be retrieved from the database)
3) Click and reserve space in the data center floor (to install new racks)
How am I going to achive this ?
Any suggestions / tutorials highly appreciated.
Thanks in advance,
Dushan

My first suggestion is to do a mockup using Flash Catalyst. Its pretty intuitive. Nail down the details. Look at some of the code that it generates, and then go from there.

Similar Messages

Flash Islands Tutorial I - Confusion with Flex/Flash Builder Versions

Hi Guys,
i am new to the Adobe Flex/Flash Islands technology and tried to implement Tutorial I by Thomas Jung. Unfortunately i am confused by the various different versions for flex and the corresponding IDE's.
As far as i understood SAP at the moment only supports Flex versions up to version 3.3 for NetWeaver 7 EHP1. Furtheron the Adobe Charting Components (used in the Tutorial) seem to be part of the Flex Builder Professional Version only.
So i went to the Adobe Website and looked into the products and download areas. All i found was Flash Builder 4.5 Premium and the various Adobe and Open Source Flex SDK versions. I am using Flash Builder 4.5 as a trial right now. Unfortunately the Charting Components are not included.
So the question i have is whether the Charting Components (e.g. <mx:BarChart /> )are included in the non Trial version of Flash Builder 4.5 Premium or whether there is any possibility to get them as an Add-On. Or do i have to use Flex Builder 3 Professional (i found no information about this on the Adobe Website)?
Additional Hint:
I found out that when i compile the poject with Flex SDK vesion 3.6 or higher, the compiler knows the <mx:BarChart /> tag. Also in that case the view designer is working. However FlashIslands is only supported up to Flex SDK 3.3. But when i choose 3.3 the <mx:BarChart /> tag and some other related tags are unknown.
This is a really anoying issue.
Best Regards,
Dirk
Edited by: Dirk Jäckel on Jul 19, 2011 12:14 PM

HI Dirk,
wtith Web Dynpro, you can only use Flex SDK version 3.3 and downwards. You can download the SDK here [http://opensource.adobe.com/wiki/display/flexsdk/DownloadFlex3]
Flash Builder ships with Flex SDK 4.5 which is not compatible with WDA flash islands.
As for the charts library, which Adobe referes to as the Data Visualization Component, it is also available as a separate download which can be unzipped into the same directory as the Flex SDK -- the library is available here [http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex3sdk]
I must say I am also confused, because as far I can tell data visualization component is not included in 3.3, but SAP makes no mention of this. Hopefully someone else can enlighten us on this issue?

Use Native iOS/Android APIs with Flex/Flash Builder 4.5.1?

Is there any documented, official way to access the native APIs on mobile devices (iOS and/or Android, specifically)? Perhaps some sort of ExternalInterface support? My most important need for this is importing 3rd party SDKs, the first one being the Facebook iOS SDK for Single Sign-On.
If not, is support for native APIs planned? Has anybody figured out an unofficial way to access the native APIs?
Related:
http://forums.adobe.com/thread/865548?tstart=30
http://forums.adobe.com/thread/785130
[Re-posted here from Flash Builder forum]
http://forums.adobe.com/message/3754084

Nothing official is available; although there is an AIR for TV Document on building ACtionScript extensions to AIR. I expect that "approach" will show up in other AIR runtimes.
You can look at this for an "ad-hoc" way to do it: http://www.jamesward.com/2011/05/11/extending-air-for-android/

Using Flex 3.5 with flex/flash builder 3

We have a flex builder 3 professional license. We would like to switch to the 3.5 flex SDK to use features added in 3.4. The flex builder we have only comes with 3.2.
Is it possible to update to 3.5 flex sdk using Flex builder 3?

Yes, go to this url and download these files:
http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+3
Unpack the zips and put the files here:
C:\Program Files\Adobe\Flex Builder 3\sdks\3.5

How do you create an interactive floor plan in flash using AS2?

I am attempting to make an interactive floor plan. I am sure that I have done it wrong, I am new to flash. So far I have outlined the rooms that I want to make "hot spots", turned them into buttons. Then I selected all the buttons and turned it into a movie clip called "mcbtns". I then turned it into a movie clip again, named it "mcbtninside"; this is where I house all of my buttons which have instance names "btn1" thru "btn11".
The images that corrospond with the rooms of floor plan are housed in a movie clip named "mcPhotos". On the timeline the photos are place at 10 frame increments, and the Action Script time line above them has frame names "img1" thru "img11", which corrospond with the photos every 10 frames. Frame 1 on the AS line has the code stop();
Now back to Scene 1...
Scene 1 frame 1 on the Action Script line I have in the following script:
mcPhotos._visible = false;
this.mcbtns.onRollOver = function() {
     mcPhotos._visible = true;
this.mcbtns.onRollOut = function() {
     mcPhotos._visible = false;
stop();
In frame 1 on the Action Script line within "mcbtninside" I have the following script:
var frameNum:Number;
function photoChange(){
     _root.photos.gotoAndPlay("img" + frameNum);
btn1.onRollOver = function(){
     frameNum = 1;
     photoChange():
btn2.onRollOver = function(){
     frameNum = 2;
     photoChange():
The code continues thru btn11.
So I am sure that I have gone wrong in many places. If someone could lead me in the right direction I would greatly appreciate it.

Take all the interactive code off the mcbtns movieclip, and even get rid of that clip if it serves no other purpose than to collect all the rooms. Assign the code to make the photos appear / disappear to all of the rooms... (what's shown below assumes mcbtns went away and the rooms are on the same timeline as the photos mc)
btn1.onRollOver = function(){
     frameNum = 1;
     photoChange():
     mcPhotos._visible = true;
btn2.onRollOver = function(){
     frameNum = 2;
     photoChange():
     mcPhotos._visible = true;
btn1.onRollOut = btn2.onRollOut = function(){
     mcPhotos._visible = false;
If you keep the mcbtns movieclip, then your button code would have to use a _parent reference to target the mcPhotos... _parent,mcPhotos.visible = etc... actually, I'm not sure where things lie in that aspect, so hopefully you can figure out the correct targeting

I am trying to create interactive floor plans for my website Is it possible to do this in Flash CS4?

Is it possible to create interactive floor plans in flash CS4? Are there any tutorials out there to do this?

I don't see why not. Just create the elements you want to move around as MovieClips or swf's, add event listeners to these items listening for MouseEvent.MOUSE_DOWN, drag and MouseEvent.MOUSE_UP, drop.   writh the drag and drop functions and you're set.
function drag(e:MouseEvent):void {
     itemx.removeEventListener(MouseEvent.MOUSE_DOWN, drag);
     e.eurrentTarget.startDrag();
function drop(e:MouseEvent):void {
     itemx.removeEventListener(MouseEvent.MOUSE_UP, drop);
      e.eurrentTarget.stopDrag();

Interactive medical report with Flex/AIR, XML, U3D and PDF

Hello,
I am computer science student and during my master thesis I want to program an interactive medical report which should include some 3D models (U3D) and which should provide the following options:
Interactive manipulation of the 3D models
Typing in a structured medical report
Loading of a XML file with additional information
Loading of medical image data (jpg images)
At best, only one pdf file as resulting report
And: A nice user interface (I like the interface elements of Flex...)
I think, the best way is a pdf file which includes all the needed data. The problem is that I don't know exactly what software combination fulfills my requirements... I read some things about Adobe Flex and AIR and the U3D format and I suppose, the great interface builder "Flash Builder 4" might be useful to generate a nice user interface. BUT: I was not able to find out, how to include U3D in Flex/AIR.
Then I found the nice pdf library iText (http://itextpdf.com/examples/index.php?page=chapters) which is able to produce a pdf file from a swf file and to include a U3D-model with an additional JavaScript file for manipulations.
BUT again: If I have a swf flash file with the nice user interface (generated with the Flash Builder), how can I access the U3D model in the final pdf document? Imagine: I click on a "rotate" button in the swf and then the U3D-Model in the pdf should rotate...
Ok, as you can see, it is a complex szenario.
My questions summarized:
What, in your opinion, is the best technology for my task? Flex? AIR?
How can I import the U3D-models? Should I use PaperVision, Sandy3D or something else?
Is there a way to save user inputs directly in the pdf file, or as new pdf file or as xml file?
What is the best way to produce the user interface? Flashbuilder, or maybe a html container with "normal" html interface elements and then the events communication between JavaScript and ActionScript?
How can I export all the stuff to one pdf document? Should I use iText?
Best regards,
Steven

Thanks for making my point - perfect is the enemy of good. We tolerate less capable, less perfect system that are in place now, because of the false expectation that it should be perfect. Incremental improvements are rejected, because they are not perfect. Even an imperfect algorithm can find 'Broken' as a common thread in your example, and highlight them for the clinician to evaluate their impact on the current treatment. This no less likely to miss the connection than a clinician trying to scan through handwritten notes, in the 5 - 10 minutes he/she has to interact with the patient and determine what to do.
Because of legal concerns, incremental but imperfect improvements don't get implemented, so nothing ever moves forward. Imagine if after the Wright Brothers first flight, no improvements were considered acceptable unless they completely eliminated the risk of failure - there wouldn't be any airlines to go bankrupt today!
For the most part, IT has focused on activities where 'perfect' is achievable. Accounting in its various forms have been the primary focus of most IT systems. In that area, the vocabulary is very limited, well defined, and consistent. A debit is always a debit, and a credit is always a credit. Medicine is completely different. It is much larger in scope, poorly defined, the vocabularies are mostly non-existent, and where they exist are incomplete and inconsistent. Despite the huge leaps forward in the last century, there is still more unknown than known about how and why the body works. This environment makes most individuals trained in IT uncomfortable. Until we learn how to deal with 'fuzzy', Healthcare IT is going to be limited to the billing and collection functions that it mostly accomplishes today.
Mark

Does Flex/Flash Builder allow me to do this?

Hi, I have a scrolling gallery element that I built in Flash and then imported to catalyst as part of my website. (I'm an artist who is self-taught in the realm of web-building and maintain my own site.) When I add new images, I end up opening my .fxp file in catalyst and then take that flash element back in Flash and add images, and then export the whole thing as a .swf and then update that file for my site.
Can using flex/flash builder some how stream line my process where I am instead updating data. i.e. adding new images to a database, which then gets pulled in?
Also I have text fields that require frequent updating, it would be much easier to simply update a document that gets pulled into the final output.
Mainly I'm confused on the purpose of flex and flash builder, and am just wondering if it is something I should know in a limited way to make things easier.
Or is there a much easier way to do this all within catalyst without the round-trip to flash? Should this be a "datalist?"
if you want to see what I'm working with you can visit my site:
www.timothymcmahon.com
the gallery component is reached by clicking on either of the two circles on the lower left after entering the main page.
Thanks, Tim

Don't use FlashBuilder for making a gallery. Much better to google "Actionscript xml image gallery" there are a ton of solutions out there.

Help with connection flash builder 4.5 to remote php database

help with connection flash builder 4.5 to remote php database

Fatal error: require_once() [function.require]: Failed opening required 'Zend/Loader/Autoloader.php' (include_path='.;C:\php5\pear;D:/webserver/apache2/htdocs/ZendFramework/library') in D:\webserver\apache2\htdocs\giga\first-debug\gateway.php on line 27

Load Flex/Flash Builder project in Flash Professional CS5

Is there a way that I can load (or export) Flex/Flash builder project in Flash Professional CS5?
As it turns out we got Flash Prof for our team, but it may look like we actually need Flash builder to build lots of UI related stuff..

Specifically, I want to use flex chart in CS5. Is there a way to do this?
Message was edited by: bart2335658
And flex ui

Please give me some examples of video chat with adobe flash builder 4 or adobe flex 3.5

I'm a newbie for flex. I had a project from my college to made a video chat application using Adobe Flash Builder 4 and used Red5. please help me, give me some examples of video chat source code, so that i may to learn it. thanks a lot friends.

As you are starting at the beginning you may as well start with FB4. When you install FB4 you will find that its start page has links to documentation tutorials and examples through the tour-de-flex. There are some great blogs that continue to offer advice and examples, nothing beats well written examples for learning. If you are on face book there is an Adobe Flex page that is continually giving links to examples and information about e-seminars.
And of course there is here. So jump on board and have a bit of fun.
David

Webcam and Whiteboard not working with Adobe AIR with Adobe Flash Builder

Hi,
I am trying to build a simple chat service using Adobe Flash Builder target for desktop AIR( my final objective is to port it to android). My adobe AIR version is 2.5.0 and below is my source code:
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" xmlns:rtc="http://ns.adobe.com/rtc">
<fx:Declarations>

<rtc:AdobeHSAuthenticator id="auth" userName="Yy" protocol="rtmfp"/>
</fx:Declarations>
<rtc:ConnectSessionContainer id="session" authenticator="{auth}" roomURL="https://collaboration.adobelivecycle.com/yytan1987/myfirstroom" width="100%" height="100%">
<mx:HBox width="100%" height="100%">
<mx:VBox width="25%" height="100%">
<rtc:WebCamera width="100%" height="50%"/>
<rtc:SimpleChat width="100%" height="50%"/>
</mx:VBox>
<rtc:SharedWhiteBoard width="75%" height="100%"/>
</mx:HBox>
</rtc:ConnectSessionContainer>
</s:WindowedApplication>
Basically when i debug it with AIR, the chat is working properly but the webcam and whiteboard just don't work....I really don't know what's wrong with it already...Appreciate it if anyone can help,thanks!!
Regards

Hi,
My take is , is your autopromote tuned on for the room. I mean whats
your user role when an user enters the room(who is not host), is it 10
or 50. If its 10 i.e. viewer , then he cant use his own cam etc. You
need to take a look at the logs when an user enters and if its 10 and
you want to give him these permissions, turn autopromote on from the
devconsole for the room to make his role 50 i.e. publisher.
I just now downloaded 2.5.1 AIR and created a new project with your
source and I am able to use everything.
Thanks
Hironmay Basu

Is there any difference in an android .apk file developed with flex/flash?

Is there any difference in an android .apk file developed with flash compared to one developed with flex?
I just made a test application and the textinput reaction time is way too slow. I used Flash to build it.

Thank for the response.
What I actually wanted know though was if there is a difference between an android app developed with falsh cs5 compared to an app developed with flash builder 4.

Flex/Flash Builder version compability

Hi,
I got a question about compability.
My friend created a Flex Project using Flex Builder 3 and Flex SKD 3.6. Now I need to further develop that project possibly without changing much stuff inside it. The best way would be to buy Flex Builder 3 with Flex SDK 3.6. But now I see that Adobe changed names/versions and I'm quite confused about it.
Can I still buy Flex Builder 3 somewhere? It'd be nice coz my friend can teach me how to use it, he didn't work na Flash Builder.
If I change from Flex Builder 3 to Flash Builder 4.6 will there be much differences?
What about SDK versions? Can I work with SDK 3.6 on Flash Builder 4.6?

Flex comes into its own when doing MMXL, where you're using markup language to layout interface components. If you're doing a utility app, that could save you quite a bit of time. If you're doing something more like a game, or graphical scenes rather than entry forms, then Flex might not be of much use.
On the general topic of using powerful editors, you can choose to do everything inside Flash Pro, but still use Flash Builder as the script editor, though right now I can't remember where to set that! If you do investigate Flash Develop, you can create a Flash IDE project, and then Flash Develop will get Flash Pro to do the compiling. It's talked about on this page:
http://code.tutsplus.com/articles/beginners-guide-to-flashdevelop-basix--active-7168
For me though, I like the way I can work just inside Flash Pro. I'm seeing the graphics and the code at the same time, and a lot of what I do involves a combination of how the two work together. I know that I'm missing out on some of the powerful editor features, but Flash Pro has improved over time, and I'm on the Flash Pro pre-release, and can continue to plead with the Flash team to improve it some more!

Flex/Flash Builder 4.6 and SWFKit 3.5 compatible?

I've been using SWFKit 3.5 for the past few years with Flash Professional. I have had no problems using a Flash Professional generated SWF and creating an executable and installer with SWFKIt.
However, I am now currently using Flash Builder 4.6 and have created an Adobe AIR based desktop application project. I'd like to take the SWF that is generated from that project and build an .exe and installer in SWFKit, but that does not seem to be working as easily. When I test my application in SWFKit, the stage is blank. To rule out any potential actionscript conflicts, I even tried by using a SWF that was nothing but a line of text on the stage, and even that did not work. The only part of my SWF that gets translated properly in SWFKit is the background color of my application.
Are there any known compatibility issues with SWFKit 3.5 and SWF files generated from Flash Builder 4.6? Any idea what I could be missing? Is there a difference in a SWF that is outputted form Flash Builder vs. Professional?
Any insight would be appreciated. Thanks.

An AIR app is not just a SWF, but also its –app.xml file and then is usually packaged into a .AIR file. Just launching the SWF won’t work as it usually launches FlashPlayer which does not have AIR APIs.

Interactive floor plans with Flex / Flash builder

Similar Messages

Maybe you are looking for