RIA for Enterprise 3.0

FlexSpaces (open source Flex / desktop AIR application for Alfresco ECM) has been ported to Flex Mobile.

Here is a video of FlexSpaces Mobile for Alfresco running on an iPad2:

Here is a video of FlexSpaces Mobile for Alfresco running on an Android Tablet (ASUS Transformer):

FlexSpaces Mobile has the full features of desktop FlexSpaces AIR (creation and editing features, not just browsing and viewing).

The cool thing is FlexSpaces Mobile supports multiple mobile platforms from the same codebase (and has mostly the same code-base as the desktop AIR and browser versions).

Used Flash Builder 4.5.1 and Flex 4.5.1. (need to try with Flash Builder 4.6 / Flex 4.6 pre-release ).

All the features work (except favorites which should work if add at least one shortcut through the regular Alfresco client). More work still todo (performance, polish, etc.). Also need to add a preference dialog (for desktop version too) so things that are now in FlexSpacesConfig.xml can  be set without repackaging (or at least be able to set the repository url in the login dialog).

Changes for mobile have not been checked into the FlexSpaces google code project yet. Think FlexSpaces Mobile will be free and open source too. Also should have a commercial license / premium version too.

FlexSpaces doesn’t use CMIS (uses custom webscripts) so it can expose all the capabilities of Alfresco, not just what is in CMIS.

CMIS Spaces Mobile, based on FlexSpaces Mobile, is also up and running on Flex Mobile 4.5.1. This can support all repositories that support CMIS (Alfresco, Nuxeo, Microsoft SharePoint, EMC Documentum, IBM FileNet, OpenText, Adobe ADEP / Day CRX, etc.) Look for a future blog post with videos of CMIS Spaces Mobile in the near future.

These mobile apps are geared to the larger screens found on tablets (and desktops).  Having layouts for smart phones is not planned (some things could be done easily: tree navigation panel can be hidden already, smaller / less toolbar icons could be used. Other things would be more work: dialogs would need smaller layouts, multi-pane sections (version history, workflow attachments, etc.) would need to be done as overlays.

FlexibleDashboard

FlexibleDashboard is a dashboard application / framework focused on the uses of dashboards for BI / Reporting / Charting. It started with esria dashboard code and evolved from there, adding flexmdi cascading / tiling (esria pod drag/drop in tile mode), more pods, pods in Flex modules, Spring ActionScript configurable pods, and both Flex+Browser and Flex+Air versions. 

Additional pods beyond the esria charting pods include: JasperReports viewer, BIRT Report viewer, OLAP pivotable grid with XMLA datasource support and MDX query editor (from Grebulon sourceforge project), Pentaho Charts, GridPod, ChartGridPod, calendar, and iframe html. The AIR version has additional Flex+AIR pods: webkit HTML, web browser, Google gadgets, Liferay portlet gadget, and a local files browser.

In February, FlexibleDashboard was ported from Flex 3 to Flex 4 in build3, including a first pass of using spark controls instead of halo controls. I got mostly through porting the esria dashboard part, then discovered code by Greg Lafrance (who later wrote a 4 part Adobe devnet series of articles part1, part2, part3, part4)  that helped me port the remaining parts of the esria code in FlexibleDashboard. I also used a skin from flexdevtips for pod windows.  Instead of porting the full flexmdi code to Flex 4 / spark, all the style setting code was removed, and just the basic parts were ported.

In April, build 4 of FlexibleDashboard added having pods built in separate flex modules and instead of having the esria style hardcoded switch on pod type to pod class, the module path is listed in the pods xml files on each pod. 

Build 4 also introduced having each use of a pod/module configurable separately with Spring ActionScript in a separate context xml file (in src/spring-actionscript/ dir). This is currently used in 3 differently configured GridPods and in one ChartGridPod.  A similar approach could be used with other Flex frameworks that support modules (Parsley, etc.).  The GridPods and ChartGridPod  just reference a data service interface IDataService, and the particular data service implementation is configured and injected / autowired with Spring ActionScript. 

Build 4 also has 3 simple data service class implementations (SoapDataService, XmlDataService, RemoteObjectDataService) which get data via BlazeDS (or from LCDS).  The shared ChannelSet for the grid pods is configured in src /spring-actionscript/ application-config.xml   The esria dashboard like config is still in data/ FlexibleDashboardPods.xml (or in data/ FlexibleDashboardAirPods.xml for the AIR version).

FlexibleShare

FlexibleShare adds the following to FlexibleDashboard: FlexSpaces pods for Alfresco document management along with Flex based collaboration pod front ends (wiki, blog, calendar, doc lib, discussions) to an Alfresco Share backend.  FlexibleShare was ported from Flex 3 to Flex 4 in May.  The additional pods are now in Flex modules too.

FlexibleLiferay

FlexibleLiferay extends FlexibleDashboard to provide a Flex portal container for Liferay.  The Flex+AIR client is able to get all of the places/layouts, tabs, and portlets you would normally see as a Liferay portal user and display them using a Flex based container with an HTML control for each portlet (doesn’t support pure Flex/Flash portlets yet).

The basic idea was for a Flex Portal, instead of starting from scratch, leverage the server side and services of an existing portal. Another use case is for views from an existing portal can be included in a larger enterprise Flex application.  Note that FlexibleDashboard and FlexibleShare can also display individual Liferay portlets in a configurable pod using the Liferay widget, just not whole existing portal layouts.

Recently FlexibleLiferay was ported from Flex 3 to Flex 4. The server side code was changed from Liferay 5.x ext environment code to a simpler web plugin for Liferay 6.x. The FlexibleLiferay client uses BlazeDS/AMF to remote to Java APIs provided in the web plugin. Built versions of the AIR client and the server piece (web plugin) are now available (previously there was only code available in the svn).

FlexSpaces (Flex+AIR, Flex+Browser, portlets) RIA clients for Alfresco ECM

In March, FlexSpaces (Google Code, Alfresco Forge) was finally ported from Flex 3 to Flex 4. A first pass of moving from halo controls to spark controls was made, and it has a new look with the spark theme. In April the “04 05 2011” version of FlexSpaces added the optional capability to use Alfresco Share form xml configurations to configure view/edit mode Flex forms in a new tabbed properties dialog, thus supporting custom types, aspects, etc. See the readme-form-config.txt in the distributions for how to enable and use this configuration capability.  This version also changed to have the advanced search and properties dialogs resizable using skins from flexdevtips.    

In May, the portlets to run FlexSpaces in portals were updated. To keep them from getting outdated as quickly, they are now wrappers that reference a separate install of the “in-browser” non AIR version of FlexSpaces (that can be updated separately). The older FlexSpaces Liferay portlet supported Liferay 5.x, the new one supports Liferay 6.x.  This is available in the Liferay community plugins catalog. The FlexSpaces portlet and gadget for the GateIn portal were both updated. The FlexSpaces portlet for the original JBoss portal was also updated.

CMIS Spaces (Flex+AIR, Flex+Browser, portlet) RIA clients for content servers supporting the CMIS standard (Alfresco, IBM, EMC, Nuxeo, Microsoft SharePoint, Adobe Day CRX, etc.)

In April, CMIS Spaces, based on FlexSpaces, was ported from Flex 3 to Flex 4. CMIS Spaces has both atompub rest binding support (default, with more features hooked up in the UI) and web services SOAP binding support (optional, with only navigation and search features can be used through the UI, although the full featured data access backend code is present). Note that the ActionScript code for all the CMIS SOAP binding APIs was re-generated with FlashBuilder 4 / Flex 4.1 SDK / fiber (and this improved things to not have repeated code for types across the multiple CMIS SOAP web services).

In May, a Liferay 6.x wrapper portlet for using CMIS Spaces in a Liferay portal was introduced. This portlet references a separate install of the “in-browser” version of CMIS Spaces. Having these two parts allows CMIS Spaces, like Flex Spaces, to be updated separately and avoids the portlet getting out of date. The CMIS Spaces portlet is also in the Liferay catalog.

Great news on Apple relaxing iOS development tool restrictions

Now using Flex with coming mobile support and AIR to develop both for Android and iOS (with “Adobe AIR Packager for iPhone”) will be possible.

Supporting FlexSpaces (for Alfresco and for Adobe LiveCycle Content Services ES2), CMIS Spaces (for content servers supporting the CMIS standard), FlexibleDashboard, and FlexibleShare AIR apps on these additional platforms is getting more feasible.

Since these apps are geared to larger screens, targeting iPad and Android tablets makes more sense than the small screens (iPhone, Android mobile phones).

Steve Reiner

Integrated Semantics

on twitter

FlexSpaces Google Code Project   (open source community version is LGPL)

In the new version of FlexSpaces (0.94),  there is now also a special build “FlexSpaces for LiveCycle” that is preconfigured for LiveCycle Content Services ES2 instead of regular Alfresco. The flexspaces-0.94-LiveCycleES2.zip download has both an AIR version and an in-browser version.

This has the new features added in FlexSpaces 0.94 (less steps editing in AIR version, navigation panel, new bigger labeled toolbar icons,  show logged in as).  This version also takes advantage of some things added in Content Services ES2 to avoid getting some initial extra authentication prompts. (FlexSpaces for LiveCycle now requires ES2 and doesn’t support ES1). Also the setup for FlexSpaces with LiveCycle is easier than in the past. Just install the integratedsemantics.zip webscripts and set host name in FlexSpacesConfig.xml as described in the readmeLC.txt in the zip.

Calais Integration

Note that the Calais Integration in the Alfresco Forge works fine with LiveCycle Content Services ES2 and  FlexSpaces has UI for it (auto semantic tagging, tag suggestion, tag clouds, google map displaying geo-tags). The ES2 installer allows you to include custom AMP files such as the CalaisIntegration.amp. I used the turnkey install, selected the custom option when the Configuration Manager ran.  I had the calaisIntegration.amp release 1.1  in c:\amps.  When the config mgr is deploying content services, check the include custom amps checkbox, and browse to choose c:\amps.  For instructions on adding an amp to an existing install see Dr Flex & Dr LiveCycle (although the paths are different in ES2).

.