3 AJAX Frameworks That Can Support Custom Dashboards on Apple iPads

AJAX Portal Frameworks For Enterprise 2.0 Dashboards

The maturing Enterprise 2.0 landscape is leading us to increasing our focus on User Experience for improving Enterprise 2.0 Adoption.  The need for Enterprise 2.0 Solutions to support multiple devices is growing as move into the future of the “Dispersed Workforce“.  The use of Adobe Flash was a quick way to create a consistent displays across web browsers during the “Browser Wars”, but focusing on Web Standards will allow us to securely share information like never before.  I believe Adobe Flash still has a place in the market, but it has less to do with web standards and dashboards.   Asynchronous JavaScript and XML (AJAX) along with HTML 5 provides a framework for Web 2.0 in the Enterprise and the future of the Internet.  There are plenty of AJAX Frameworks to help you create Rich Internet Applications (RIAs).  Here are a few to help you create customizable dashboards that work across multiple web browsers and in devices like the Apple iPad.

Yahoo Developer Network: AJAX Portal Layout with Widgets

The YUI Library is a set of utilities and controls, written with JavaScript and CSS, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. YUI is available under a BSD license and is free for all uses.

YUI is proven, scalable, fast, and robust. Built by frontend engineers at Yahoo! and contributors from around the world, it’s an industrial-strength JavaScript library for professionals who love JavaScript.

You can play with the YUI AJAX Portal demo here.  You can review the simple code here.

I like this one, because it scales, supports the concept of the Enterprise App Store, and is truly Open Source.

Picture 20

EXT JS: AJAX Portal Layout with Widgets

Ext JS is a cross-browser JavaScript library for building rich internet applications. Build rich, sustainable web applications faster than ever. It includes:

  • High performance, customizable UI widgets
  • Well designed and extensible Component model
  • An intuitive, easy to use API
  • Commercial and Open Source licenses available

Ext JS is a clean, object oriented framework with development tools, but you will want to check their license before commercial use.

You can play with the Ext JS AJAX Portal demo here.

Picture 22

JPolite: AJAX Portal Layout with Widgets

jPolite (jQuery POrtal Lite) is a pure front-end portal framework based on jQuery & BlueTrip CSS, with a handful of jQuery plugins integrated.
It provides a compact yet powerful foundation for custom AJAX web applications with Netvibes-like user experiences.

You can play with the JPolite AJAX Portal demo here.

ss_jpolite

Happy Fav Five Friday!

Fav Five Places

ZK – Direct RIA

ZK is an open source Web development framework that enables Web applications to have both rich user experiences and low development cost as you did for years in desktop applications. ZK includes an Ajax-based event-driven engine, rich sets of XUL and XHTML components, and a markup language.

Echo Web Framework

Echo is an open-source framework for developing rich web applications. From the developer’s perspective, Echo behaves as a user interface toolkit–like Swing or Eclipse SWT. AJAX technology is employed to deliver a user experience to web clients that approaches that of desktop-based applications.

Drag/Drop Portal Interface with Scriptaculous and Drupal

How to create a drag/drop portal in a few lines of JavaScript code, using the excellent Prototype and Scriptaculous JavaScript libraries.  See the demo here.

qooxdoo AJAX Framework for RIA

qooxdoo (pronounced [’ku:ksdu:]) is a comprehensive and innovative framework for creating desktop-style web applications, often called rich internet applications (RIAs). Leveraging object-oriented JavaScript allows developers to build impressive cross-browser applications.

HTML5: Right Here, Right Now Video

In one of the outstanding sessions of YUIConf 2010, author and standards expert Tantek Çelik ( @t ), formerly of Technorati, discusses the current state of HTML5 specifications and their readiness for use in shipping web applications. (Tantek also joined a special YUIConf panel discussion on the future of frontend engineering.)

Fav Five Faces

Who is on your “Fantasy Innovation Team” this week?

Here are amazing people that have connected me to new friends and new ideas this week. You might be familiar with “Fantasy Football Teams” , well this is my “Fantasy Innovation Team” this week. I recommend following these smart, creative people on Twitter.

t-twitter barcamp bicycler coder css designer evolve gtd hacker html5 independent microformats mozilla openweb optimist pescatarian rock-climber scientist skeptic yoga ux http://twitter.com/t
lovisatalk-twitter Public Diplomacy, Mobile, Gov 2.0, Global Citizenship, Privacy, Use Policies, International Development, Social Media, Virtual Worlds, & Foodie http://twitter.com/lovisatalk
ricardolucas-twitter Formación con simulaciones de empresa y juegos serios (serious games). Marketing, Mundos Virtuales, Redes y Medios Sociales, Web 2.0, IT, Innovación http://twitter.com/ricardolucas
CharityIdeas-twitter Positively passionate 4: #charity, social media, #careers, interesting people, China, new ideas. Eternal Optimist! *good + tech = great* :) #monsterww http://twitter.com/CharityIdeas
marccusters-twitter About internet, social media & online Marketing (websites, portals, seo, ezines, mobile, analytics, strategy) http://twitter.com/marccusters

New Zend Demo – Developing Rich Internet Applications (RIAs)

Creating Rich Internet Applications (RIAs) has never been easier! The integration of Zend Framework and Dojo, and the new Dojo code editing support in Zend Studio for Eclipse 6.1, provide an out-of-the-box solution for rapid development of Ajax-based applications. View our new, five minute screencast to understand the basic steps of creating a meeting scheduler PHP Web application:

  • Creating a Zend Framework and Dojo project
  • Using Zend Studio’s code assist for writing Dojo code
  • Deploying and running the application

If you can not see the embedded video, you can access the zend demo video here.

A Fresh Install of Smarty Template System

What is Smarty?

Smarty is a template engine for PHP. More specifically, it facilitates a manageable way to separate application logic and content from its presentation. This is best described in a situation where the application programmer and the template designer play different roles, or in most cases they are not the same person.

http://www.smarty.net/manual/en/what.is.smarty.php

Using Smarty with the Zend Framework

Every Enterprise 2.0 strategy should include a plan for the base code. Our base code should easily support our Web 2.0 needs on our Enterprise 2.0 platform. The Model View Controller structure of the Zend Framework automatically supports a built-in template system. The Framework is flexible enough to plug-in your custom template system or existing systems. Smarty is a very well documented and supported system. The strategy of using Smarty with Zend will provide a solid foundation for our Enterprise 2.0 platform. This is what we define as Strategy 2.0, leveraging the effort of crowds. Thanks to all the dedicated developers at Smarty for keeping our costs down and making our lives easier.

Connecting to Your Server

Connect to your server with a command line tool like PuTTY

PuTTY is a free implementation of Telnet and SSH for Win32 and Unix platforms, along with an xterm terminal emulator. It is written and maintained primarily by Simon Tatham.

These steps are executed by super user (su) in your site’s root directory

Install Steps

  1. wget http://www.smarty.net/do_download.php?download_file=Smarty-2.6.20.tar.gz (Note: Check http://www.smarty.net for the latest version.)
  2. tar – zxf Smarty-2.6.20.tar.gz
  3. rm Smarty-2.6.20.tar.gz
  4. mv Smarty-2.6.20/libs /usr/local/lib/php/Smarty
  5. rm -rf Smarty-2.6.20

Install Steps Explained

  1. Get file package from site.wget http://www.smarty.net/do_download.php?download_file=Smarty-2.6.20.tar.gz (Note: Check http://www.smarty.net for the latest version.)
  2. Decompress the file.tar – zxf Smarty-2.6.20.tar.gz
  3. Delete the compressed file.rm Smarty-2.6.20.tar.gz
  4. Move the library files to your standard location.
    Note:
    This is usually something like “/usr/local/lib/php”, but you may need to check your PHP Include Path to validate your standard location.mv Smarty-2.6.20/libs /usr/local/lib/php/Smarty
  5. Delete the decompressed directory and all it’s contents.rm -rf Smarty-2.6.20

Installing The Zend Framework

UPDATE:

This article has been updated, please see “How to Install Zend Framework

http://framework.zend.com/

Extending the art & spirit of PHP, Zend Framework is based on simplicity, object-oriented best practices, corporate friendly licensing, and a rigorously tested agile codebase. Zend Framework is focused on building more secure, reliable, and modern Web 2.0 applications & web services, and consuming widely available APIs from leading vendors like Google, Amazon, Yahoo!, Flickr, as well as API providers and cataloguers like StrikeIron and ProgrammableWeb.
http://framework.zend.com/about/overview

Installing Zend Framework from the command line

Connect to your server with a command line tool like PuTTY

PuTTY is a free implementation of Telnet and SSH for Win32 and Unix platforms, along with an xterm terminal emulator. It is written and maintained primarily by Simon Tatham.

Here are the command line steps

These steps are executed by super user (su) in your site’s root directory

  1. wget http://framework.zend.com/releases/ZendFramework-1.7.0/
    ZendFramework-1.7.0.tar.gz
  2. tar -xzvf ZendFramework-1.7.0.tar.gz
  3. rm ZendFramework-1.7.0.tar.gz
  4. mv ZendFramework-1.7.0/library/Zend /usr/local/lib/php
  5. rm -rf ZendFramework-1.7.0

Command line steps explained

  1. Get file package from site.
    wget http://framework.zend.com/releases/ZendFramework-1.7.0/
    ZendFramework-1.7.0.tar.gz
  2. Decompress the file.
    tar -xzvf ZendFramework-1.7.0.tar.gz
  3. Delete the compressed file.
    rm ZendFramework-1.7.0.tar.gz
  4. Move the library files to your standard location.
    Note:
    This is usually something like “/usr/local/lib/php”, but you may need to check your PHP Include Path to validate your standard location.
    mv ZendFramework-1.7.0/library/Zend /usr/local/lib/php
  5. Delete the decompressed directory and all it’s contents.
    rm -rf ZendFramework-1.7.0

Setup Zend Framework Directories

Move just outside of site root directory to create your Applications directory.

  • mkdir applications
  • mkdir applications/data
  • mkdir applications/data/logs
  • mkdir applications/data/tmp
  • mkdir applications/data/tmp/templates_c
  • mkdir applications/controllers
  • mkdir applications/views
  • mkdir applications/templates

The Zend Framework site offers offers Zend Framework installation steps that are a little different than the steps explained here.