Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  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:

    Code Block
    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.

The main.mxml is the main application. The Radiate.as is the main API.

 

Notes

This is an in-progress project. You'll find things that don't work.

Goals

Read the readme.txt. It contains the list of goals among other information. 

 

    DESIGN VIEW FEATURE REQUIREMENTS

    

    The design view is the most important part of the application.

    It must support the following features:

    • drag and drop - move

    • rotate

    • resize - drag handles

    • drag into group, drag out of group

    • zoom in and zoom out, other functions work while zoomed in and out

    • drag item from off screen into screen

    • support scrollbars

    • select and work with components in the flex component tree (select tool)

    • select and work with graphic primitives (direct selection type of tool)

    • support filters

    • remove listeners - so components don't react (button press doesn't change state, etc)

    • states

    • transitions

    • measurement rulers

    • alignment tools

    • multiselection

    • rich editable text on double click of text component

    • overlay of image (for example iphone, ipad or layout grid or mock up image)

    • snap to grid (while dragging)

    • snap to other elements (while dragging)

    • snap to rulers

    • background image (used to compare design spec as you work - onion skin)

    

    ADDITIONAL FEATURE REQUIREMENTS

    • Templates - users can use their own MXML, HTML, PHP, etc templates and indicate locations for CSS, script includes, code blocks and layout

    • Desktop environment - users can run on the desktop

    • Compiler integration - users can compile using the mxmlc or Falcon

    • Flex project support - users can connect to their Flex projects

    • Wordpress integration - users can create their own theme. tokens can be used to repeat sections and get values. results are assembled on the server by a theme assembler

    • Editors - users can create or edit text documents. using Ace editor or Moonshine to syntax highlight

    • Append CSS - users can append CSS to add to element CSS block and override the generated CSS

    • Includes - a view exists of external scripts to include (for CSS, JavaScript, MXML script)

    • Declarations - a view showing declared objects

    • Publishing - users can publish to their server (using Wordpress) or add in FTP for desktop version

    • ActionEffects - users can assemble actions based on ActionEffects and create different action paths

    • AST - a syntax tree can be created for code completion, documentation and error handling

    • Compiler integration - compiler can provide a problems panel (desktop only?)

    • Import and Export plugins - new or improved import and export plugins can be added to the environment for better input and output

    • Plugins - new and improved plugins can be added to the environment to add new or better feature sets

    • Tools - new and improved tools can be added to the environment to add new or better feature sets

    • Commands -  can be added to the environment to add missing or necessary functionality

    • Document types - new document types can be added for additional functionality. text, vector graphics editor

    • State inheritance - users should be able to create states based on other states (this exists in Flex via basedOn property) this can be used for design templates exporting pages based on state

    • Integrated language support - users should be able to integrate server side language in the output

    • Different work flows for output results - one is to generate code (one way), the other is create an AST from code (round trip), another is a mix of both including search and replace tokens and generated code in templates

    • Examples - starting points and examples should be included for partial and even full example sites and apps

    • Previews - users should be able to preview in HTML or application (possibly in another browser or FP instance)

    • Import of PSD, AI files - users should be able to import PSD or AI. AS3 importers exist

    • CSS view - show styles applied to component and inherited from containers

    • Vector graphics editor - users should be able to create and edit vector graphics and use as FXG and SVG skins

    • Animation timeline - users should be able to animate and trigger effects on elements (see ActionEffects). it may should look like a tree hierarchy.

    • Export options - panel for setting export options. for example, when converting to HTML, convert text element to an image option

    • Data objects - panel of data from a service or internal data for things like lists, datagrids and charts.

    • Workspace Settings - panel that lets you set workspace settings. meaning components to include, panels to include, panel layout, properties and styles to include or exclude

    • Filters - panel for filters and matrix

 

This list will undoubtedly get out of sync with the readme.txt so check both.