(last updated on AUG xxth 2006 by Corex)

There are many memerable moments since the last release till now. FLABER won three awards from a University IT Project Competition. And the first language translation of FLABER (Simplified Chinese) is done by Raymond@openlink.cn. SourceForge records more than 3000 downloads. All of these achievements will never exists without your support! I am sure FLABER will become more famous and perfect with your contribution! Thanks a lot!!

Vicker LEUNG [at] JULY 17th 2006

FLABER is a pure ActionScript 2.0 driven Flash Rich Internet Application (RIA). The structure of FLABER is mainly divided into three components - Flash RIA (the graphic user interface and core), PHP (server-side scripting language) and XML (data storage format).

This project is first started as my final year project in City University of Hong Kong. (in other words… homework…) Since the first public release in SourceForge, I received many great feedbacks from the public. That is why I decided to make FLABER an open source product so that everyone can benefits from it :)

A well designed and coded web page is very important to attract users. Unfortunately, not everyone is good at designing and coding. Using our FLABER tool, anyone - even a kid - can build a user-friendly and accessible website with great multimedia experience. FLABER not only benefits the web owner, but also improves the user experience.

From a business point of view, web maintenance is always a problem. Companies need to hire an expert in web design or train a staff to update the web contents. This problem will be more crucial if Flash contents are used. With FLABER, companies can cut down resources used in maintaining the web site. Moreover with better content presentation, it may boost their sales as well.

1. Download the latest package of FLABER from SourceForge
   • If you simply want to use FLABER, download the “flaber” package
   • If you also want to modify FLABER, download the “flaber_source” package
2. Unzip the package
3. Upload the unzipped content to your own web server
4. Change the file and folder permission as follows
5. Browse to

   http://www.your_domain.com/installation_path/flaber/index.html

6. What's more?!?! Go ahead and enjoy FLABER now~

Please accept my apology first… I don't have much time and experience in preparing a good documentation. If you would like to offer me some help, I will always welcome and appreciated! Your participation is one of the criteria to make FLABER perfect!

In order to protect your web page from non-authorized editing, FLABER has an authentication mechanism. The advanced functions such as editing will become accessible, only if the user can provide the administrative password to the system.

You can bring up the login panel or context menu anytime by pressing a hotkey when FLABER is within focus. Different operating systems and browsers use different hotkey or mouse click which are listed as follows:

If the password is correct, a new menu bar will be available at the top with all the advanced functions.

Tool > Change Password

Starting from version 1.1, you can change the password in a much simplier way than before by making use of the new change password dialogue box. Simply enter your original password and new password to do the changes.

In FLABER, it can be divided into two modes (or viewpoint). They are “Action Mode” and “Edit Mode”. Different modes will give the page contents a different behavior and functionalities.

Mode > Action Mode

This is the default mode when FLABER is opened, you can see it as the “Display Mode”. Within this mode, all the page contents will act normally like those in traditional XHTML web pages. For example, you can highlight and copy the text fields.

Mode > Edit Mode

This is the mode where you do all the page editings. When you try to mouse over the page elements, they will be highlighted. Clicking on the elements will bring up a small panel known as “ Edit Panel”. Making use of this little panel, you can perform move, resize, rotate, properties and delete functions on the target element.

Mode > xxxxxx

In order to switch between the two operation modes, you have to login as an adminstrator. For information concerning login, please refer to F.a.i) Login Panel.

After authentication, you can trigger a mode switching using the “Mode” menu item, for example:

Mode > Edit Mode

You will notice the change when you try to mouse over the page elements on the stage. In edit mode, mouse over the page elements will have a highlight effect where action mode don't.

File > xxxxxx

Each screen you browse inside FLABER is known as a page and it is stored in a XML file. You can do many page functions just like you are using other software applications, such as:

• New Page
• Open Page
• Save Page

!!!!!! Since FLABER don't have auto saving mechanism yet,                !!!!!!
!!!!!! PLEASE ALWAYS REMEMBER TO SAVE THE CONTENTS before leaving FLABER !!!!!!

Currently FLABER supports four page elements including:

• TextFields
• Images
• Links
• Shapes
  • Rectangles
  • Oval
• Navigation Menu
  • Navigation Item

Insert > xxxxxx

You can add new elements to the stage using the “Insert” menu item, for example:

Insert > Textfield

First of all, make sure you are in Edit Mode. Then you can left click on any page element to bring up a handler object that covers the whole element. This handler replaces the edit panel in previous versions to give you more direct manipulation on the elements.

The functions of the handlers are listed as follows

Actually not all the page elements have all the functions, the detailed list is as follows:

Modify > Page Properties

Inside page properties, it contains all the settings concerning with the currently opened page including:

• Background Color
• Background Image

Modify > Web Properties

Web properties are quite similar as the page properties, however the target is on the entire web site. Functions include:

• Index Page (the very first page that FLABER will load when started)
• Status Message (switching on / off the status message bar)
• Navigation Menu
• Page Transition (special animation effects during page change)
  • Iris
  • Fade
  • Fly
  • Pixel Dissolve
  • Wipe

Tools > Depth Manager

All the page elements within FLABER are placed in seperate layers (different depths). In order to change the depth of different elements, you can make use of the depth manager.

Inside depth manager, all the moveable page elements are listed. You can change the depth simply by selecting an item and press either the button + or - (+ stands for moving up and - for moving down)

In version 1.1 RC1, you can also edit or delete the page elements through the depth manager. Simply select the target element from the list and press the corresponding button.

Tools > Image Uploader

If you want to use your own image files, you have to upload the file from local to the server. Instead of using your personal FTP clients, you can also make use of the image uploader inside FLABER.

By default, all the uploade files are placed inside the “IMG” folder, and file size is limited to “10MB per file”. (Additional limit may be present for some servers. Please contact your server provider for details)

Actually FLABER is still under rapid development. Some of the functions are not editable through the GUI. Expert users like you may like code editing rather than using the GUI. In this case, you are always welcome to edit the XML files directly.

!!!!!! For non-expert users, try not to edit the XML directly        !!!!!!
!!!!!! which may results unpredictable corruption to the FLABER data !!!!!!

The following is a brief explanation on the XML documents:

Please check here for all the related information.

Here, I grab the chance to thank some of the people who helped me a lot in the success of this project.

• Dr. Andy CHUN, Hon Wai (Associate Professor - City University of Hong Kong)
  • My final year project supervisor, expert in artificial intelligence and a great artist. He is a great professor who provided me with lots of knowledge and suggestions throughout the year.

• Mr. Tim SHIU, Ka Ki (FLABER's Strategic Master & FARSER's founder)
  • One of my best friend and a great programmer in many different languages. He has a very rigid logic and thinking which really helps me a lot during FLABER's early development, especially those OO concepts.

• Mr. Chris LIANG, Li (FLABER's Strategic and Algorithmic Master)
  • Another best friend and great thinker. No algorithm can troubles him. That is why whenever I got some Maths problem in FLABER, I will throw them to Chris XD

• Ms. Eva SHI, Yi Fan (FLABER's Tester)
  • My girlfriend and also my first-line tester. I already forgot how many times she sat beside me watching me typing all those crazy Flash codes. Sorry about that and I love you :)

• Mr. Warenix WONG, Ms. Soki HO and Ms. Christy CHUNG (FLABER's Testers)
  • Three user testers during the second release. They really gave me a lot of comments that I never thought of and are important for all the users. Thanks.

• FLABER Supporters
  • ATIX, BeVeR, Catherine, Claudio, David Prouty, elomibao, John Petitjean, Kevin Airgid, kristjan dekleva, Liam, Paul, Scott AKA Stri, shauryaanand, Sven Schaetzl, Vesselin Drangajov, Zac Raybould … (Have I missed your name?!?! Let me know!)

• Special thanks to
  • 00HK (Project hosting company)
  • SourceForge (Project hosting community)
  • Adobe Flash (Development platform)
  • PSPad (Code editor)
  • SEPY ActionScript Editor (Code editor)