Functional Specifications/ Mockups for the Sahana Eden EdenUI for Google Summer of Code 2010

Revision History
VersionAuthorDateComments
0.1Abhishek Mishra2010-06-07First Draft.


Overview

S3XRC being a powerful backend that serves XML and JSON in a RESTful manner hasn't yet got a front-end that can exploit its positives. A new ExtJS based front-end would help us not only utilize S3XRC but also save a lot of bandwidth by exchanging information in JSON instead of full page reloads.


Background Scenarios and User Stories

Dave wishes to update multiple records at one go using the web interface, but current UI allows him to do so only after that many number of page reloads.

Ravi has a list of important organizations that need to be added, but he is on a 64Kbps connection, which makes it a horrible user experience for him to navigate to different pages everytime he adds an organization.

Perkins is running a browser that doesn't support javascript, he wishes to switch back to old Eden UI which is less javascript intensive.

Ron is a developer on the Sahana Eden team and wants a uniformity in UI elements across Eden.



Non-Goals

(to be completed)

Definitions

S3XRC - RESTful interface for XML & JSON on which the new UI elements are based on.

Widgets - Any generic container that represents data in a meaningful, readable way, at the same time adding some functionality to it (create, edit, delete, sort, search)



Users

  • Eden developers
  • End users → people using Eden to view or add/edit data



Architecture



UI Elements

  • ExtJS based grid view for existing tables
    • Sortable
    • Paginated
    • Create/Update/Delete in place
  • Edit-in-place Pheader area
    • Existing pheader would be made more dynamic by allowing
      • developers to customize fields to be shown/hidden
      • end users to edit it in place (transformation to editable form)
    • Change search criteria in place
  • Nested/Related resources to be converted to tabs
  • * more to be added



Mockups


ExtJS based grid


Transformations for resource page


Popup for edit in place



Technologies

  • ExtJS
  • AJAX



References



Open Issues

Rheader replacement to suit new UI - TBD

Comments

None

Nice to have

* Live validations on forms * Constant update to catch up S3XRC development

foundation/gsoc_mishra_spec.txt · Last modified: 2010/12/18 17:35 (external edit)
Back to top
CC Attribution-Noncommercial-Share Alike 3.0 Unported
chimeric.de = chi`s home Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0