You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 9 Next »

This project is to help the Flex community and HTML developer/designers. I think web and application development can be better. For many, in HTML based web applications can be horrible maintenance (not bad as it was). I talk to people all of the time in school and community and there is still a lot of suffering through it. I refer to those in the HTML world and those who have not yet got a grasp on development. I think you should be able to start at any stage and progress to any stage and the tool to still be useful. I had a lot of trouble in my early days of software development. I believe that we can give designers tools to do their design work and give developers tools to do their development work in the same software. I'm looking really at the way Drumbeat 2000 did it and taking something from there that I haven't seen anywhere else. There are many things that can be better in my opinion than the current dev and design software. I'm also looking at all the great features that were in all of the other great tools I've used in like, Visual Studio, Eclipse, Photoshop and many others and mixing them together in an appropriate way.


Flash Builder DV and Java FX Scene Builder are good guidelines for to where we want to go,

http://www.youtube.com/watch?v=rHcnsEoSK_c

 

Setup Instructions

 

  1. Download the github libraries flexcapacitor, Radii8, FlexIFrame and svn libraries AS3Commons (AS3CommonsReflect) and AS3SyntaxHighlighter.

  2. Import the following projects into your FlashBuilder workspace:

    /Radii8Designer
    /Radii8Library
    /Radii8LibraryAssets
    /flexcapacitor/MainLibrary (shown as FCLibrary in the screenshots)
    /flex-iframe/library (shown as FlexIFrame)
    /AS3CommonsReflect
    /AS3SyntaxHighlighter

 

Radii8 Designer Project Properties

The main project is Radii8Designer. The project properties should look like this:


Compiler options

 

Compiler options (text):

 

-locale en_US 
-includes=mx.managers.systemClasses.MarshallingSupport 
-keep-all-type-selectors=true 
-link-report linkreport.txt 
-size-report=sizereport.txt
-keep-as3-metadata+=Alternative 
-keep-as3-metadata+=ArrayElementType
-keep-as3-metadata+=DefaultProperty
-keep-as3-metadata+=Deprecated
-keep-as3-metadata+=Effect
-keep-as3-metadata+=Event 
-keep-as3-metadata+=HostComponent
-keep-as3-metadata+=IconFile
-keep-as3-metadata+=Inspectable
-keep-as3-metadata+=InstanceType
-keep-as3-metadata+=RemoteClass
-keep-as3-metadata+=RichTextContent
-keep-as3-metadata+=SkinPart
-keep-as3-metadata+=SkinState 
-keep-as3-metadata+=Style 
-keep-as3-metadata+=SWF


Server options are optional but some functionality will not work at runtime without it:



Builder options are optional but you may need to create a new builder for the version number if you get an error:

When you create a new builder enter what you see in the screenshot.

Radii8Library Project Properties


FCLibrary Project Properties

The main project has an Ant Builder that runs when you compile the project that auto-increments the build number and sets the current date. It may no longer be valid and can probably be removed.

If you do not get any errors in the problems panel in the Radii8Designer project then launch Main.mxml.

 

Wordpress Server Setup

Instructions for saving to the server (saving locally to the file system isn't available yet) using Wordpress:

  1. Install your Wordpress blog on your server
  2. In the Radii8Designer project navigate to the php/wordpress/ directory. Copy the json-api directory and upload it to your Wordpress plugins directory. Usually, wordpress_install_directory/wp-content/plugins. In your wp_config.php file add the following:

      define('JSON_API_CONTROLLERS', "core,categories,posts,user,attachments,projects");
    define('JSON_API_EMAIL_FROM', "contact@mysite.com"); // this is optional use your own contact email here
    define('JSON_API_EMAIL_FROM_NAME', "mysite.com"); // this is optional use your own contact name here

MiniInspector Utility class

At runtime you can use the MiniInspector class let's you can click on an CMD + click on a display object and it will show details about the element. If you do nothing it will then show details about the container and so on until you get to the Application. You can set properties and styles on the selected object by clicking on it's name. It can be set to show style declarations and style inheritance in the console. In the main.mxml application set the property showInheritedStyles to true it will show inherited styles on the object in the console when you CMD + click. This can be used as a starting point for a visual panel for CSS.

  • No labels