- the Mobile UI (http://teasencha.net), built on top of Sencha Touch,
- the Green TEAm (http://green.teasencha.net), built on top of Drupal 7,
- the Yellow TEAm (http://yellow.teasencha.net), built on top of Drupal 7.
I followed a Service-Oriented Architecture. The demo uses Drupal as the back-end and Sencha Touch as the front-end. There are actually two Drupal sites being used. While the Drupal sites provide all the data and services, the Sencha Touch interface consumes those data and services and displays them in an innovative way to the user.
Whatever action the user performs in the graph, it's immediately synchronized on the menu. This way, the user can jump from one visualization to the other. Since this interface was specially tailored for mobile devices, only one of the visualizations is available at a time to save screen space. However, it would be interesting to provide both visualizations simultaneously for tablet and desktop users.
The menu provides access to a set of services from different websites. I've used JSONP since both sites are trustful, but it would be a good idea to use CORS for a real-world application. The services layer I've built on top of Drupal already supports CORS. The services are interlinked and use a mechanism I've developed called serviceLink. With serviceLink, it's possible for a user to navigate a Contacts List from a friend, jump to another service, navigate another user's home menu, and come back to the user's own home menu, all this without even noticing that several websites were contacted.
In conclusion, this was a very exciting opportunity to not only create something fun (by the way, the name Tea Sencha Network was inspired by the movie The Social Network), but also something that demonstrates very important concepts regarding social networks and mobile applications.
This site was built in 3 weeks for the Sencha Touch Contest.
Thank you for your attention.
P.S.: This demo's only intention is to demonstrate how Drupal and Sencha Touch can work together and the copyright of the aggregated blog entries belong to the original authors.