Page History

This document describes how to setup the Radiate Radii8 project for development. Radiate Radii8 is an tool to integrate design and development into one work space to make web, mobile and applications easier to create. The main audience is designers working on web, Flex designers and developers and HTML developer and designers. There is still a lot of problems with web development in the HTML world and those who do not yet have a grasp on web development and this aims to soften the edges and introduces web developers to Flex at the same time.

...

Flash Builder 4.5 design view and Java FX Scene Builder are good guidelines for where we want to go for a design view.

Setup Instructions

install Flash Builder or compatible IDE. After that follow these steps:

...

First we have to verify the Radii8Library is setup. Then after that we can setup the desktop or web projects.

Radii8 Library Project Properties

In Flash Builder open this project and then open the properties. It should look like this:

...

/AS3CommonsReflect.swc
/Radii8LibraryAssets.swc
/FlexIFrame.swc

Radii8 Desktop Project Properties

In Flash Builder open the Radii8Desktop project and then open the properties:

The main web project is Radii8Designer. The project properties should look similar to the desktop version.

...

FCLibrary Project Properties
Image Modified

The main project had an Ant Builder that runs when you compile the project that auto-increments the build number and sets the current date. It has been moved. We now update the version number in the application descriptor of the desktop version and could probably grab that value when building the online version.

...

Desktop Version: If you do not get any errors in the problems panel in the Radii8Desktop project then launch Radii8Desktop.mxml.
Web Version: 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. Read all following steps before starting this process as things may have changed.

1. Install your Wordpress blog on your server

2. In the extras directory download and unzip 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

3. Further more detailed instructions are found here and 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 parent 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.

Notes

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

The development blog for news and new releases from the github repository are currently at www.radii8.com. A google group has been setup here. The donation of the domain and / or hosting costs are being discussed as is the process of working from the Apache repository. Since the current version relies on the domain to save and publish removing this domain will "break" the product. A few other issues such as libraries used that have no license or non-compatible license with Apache and how to set that up are also being discussed.

How to Guide for Developers

A list of how to add new features, new components, new views are in the How To directory of the Radii8Desktop project here.

Goals

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

...

. It might be outdated. Also, check the website.

The following is features I'd like to see in the design view:

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

...

    • 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

...

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

Issues

As you encounter issues mention them in the issue tracker.