Changes between Version 9 and Version 10 of Projects/Design


Ignore:
Timestamp:
11/02/13 12:07:25 (8 years ago)
Author:
Fran Boon
Comment:

--

Legend:

Unmodified
Added
Removed
Modified
  • Projects/Design

    v9 v10  
    88An AJAX loader based on the sunflower logo would be really cool
    99
    10 == Design a Sahana Eden Theme ==
    11 Using the [DeveloperGuidelines/Themes Theme Functionality]. If it's good it may even be used to update the current Sahana Eden theme!
    12 
    13 The design of Sahana Eden could be enhanced greatly with everything from a better colour scheme (for example, the grey menu blends into the browser which is confusing) to making more efficient use of space.  If you're more of a web designer than programmer, your input is greatly needed. If you could come up with static designs for the following pages, or programmers can do their thing and make Sahana Eden beautiful. If you can design and program, even better!
    14  * Home Page - http://demo.eden.sahanafoundation.org/eden/
    15   * [http://eden.sahanafoundation.org/attachment/wiki/ProjectInformation/Sahana%20Eden%20-%20Home.jpg]
    16  * Dashboard - http://demo.eden.sahanafoundation.org/eden/org/index
    17   * [http://eden.sahanafoundation.org/attachment/wiki/ProjectInformation/Sahana%20Eden%20-%20Dashboard.jpg]
    18  * List View - http://demo.eden.sahanafoundation.org/eden/project/activity
    19   * [http://eden.sahanafoundation.org/attachment/wiki/ProjectInformation/Sahana%20Eden%20-%20List.jpg]
    20  * List Add View - http://demo.eden.sahanafoundation.org/eden/org/organisation (requires login)
    21   * [http://eden.sahanafoundation.org/attachment/wiki/ProjectInformation/Sahana%20Eden%20-%20List%20Add.jpg]
    22  * Component View - http://demo.eden.sahanafoundation.org/eden/org/organisation/8/office
    23   * [http://eden.sahanafoundation.org/attachment/wiki/ProjectInformation/Sahana%20Eden%20-%20Components.jpg]
    24 Please share the image files and the original design files (preferably an open standard)
    25 
    26 === Examples ===
    27 * http://eden.sahanafoundation.org/attachment/wiki/Contribute/UI/Sahana%20Eden%20Layout%20Design.zip
     10== Switch between an update and read page using JS ==
     11If the user has the relevant permissions, the read (display) view of a CRUD page should ideally be convertible to an Edit (update) form without needing a full-page refresh. This /could/ be done with an AJAX call, but even better would be to download the form into a hidden Div & hide the read view/open the edit form via a button.
    2812
    2913== Conduct a Usability Test ==
     
    4529
    4630For more instructions of how to conduct a usability test from the book "Don't Make Me Think" go to: http://www.sensible.com/downloads-dmmt.html
     31
     32== Design a Sahana Eden Theme ==
     33See [wiki:DeveloperGuidelines/Themes]
     34
     35Ideally we're looking for:
     36* A new 'base' theme which has neutral styling & can be easily built upon for branding
     37 * This should be responsive (e.g. using Twitter Bootstrap as several of our newer themes do)
     38* A new 'default' theme which builds upon the base theme with Sahana branding
     39* Re-implement some of the existing themes using the new 'base' theme
     40
     41The design of Sahana Eden could be enhanced greatly with everything from a better colour scheme (for example, the grey menu blends into the browser which is confusing) to making more efficient use of space.  If you're more of a web designer than programmer, your input is greatly needed. If you could come up with static designs for the following pages, or programmers can do their thing and make Sahana Eden beautiful. If you can design and program, even better!
     42 * Home Page - http://demo.eden.sahanafoundation.org/eden/
     43  * [http://eden.sahanafoundation.org/attachment/wiki/ProjectInformation/Sahana%20Eden%20-%20Home.jpg]
     44 * Dashboard - http://demo.eden.sahanafoundation.org/eden/org/index
     45  * [http://eden.sahanafoundation.org/attachment/wiki/ProjectInformation/Sahana%20Eden%20-%20Dashboard.jpg]
     46 * List View - http://demo.eden.sahanafoundation.org/eden/project/activity
     47  * [http://eden.sahanafoundation.org/attachment/wiki/ProjectInformation/Sahana%20Eden%20-%20List.jpg]
     48 * List Add View - http://demo.eden.sahanafoundation.org/eden/org/organisation (requires login)
     49  * [http://eden.sahanafoundation.org/attachment/wiki/ProjectInformation/Sahana%20Eden%20-%20List%20Add.jpg]
     50 * Component View - http://demo.eden.sahanafoundation.org/eden/org/organisation/8/office
     51  * [http://eden.sahanafoundation.org/attachment/wiki/ProjectInformation/Sahana%20Eden%20-%20Components.jpg]
     52Please share the image files and the original design files (preferably an open standard)
     53
     54 * Review CSS & layout.py for different themes to avoid duplication
     55 * Ensure that elements have consistent design & class/id tags and can easily be customized
     56  * Buttons
     57  * Tables
     58  * Popups
     59  * Fonts
     60  * Throbbers
     61 * Use class/id tags which are consistent with [http://twitter.github.com/bootstrap/ Bootstrap] / JQueryUI to support easy re-theming (Can copy bootstrap) from https://github.com/flavour/eden/tree/master/private/templates/DRMP)
     62
     63=== Examples ===
     64* http://eden.sahanafoundation.org/attachment/wiki/Contribute/UI/Sahana%20Eden%20Layout%20Design.zip
    4765
    4866== Design a (better) GUI for the CAP broker ==