1 / 24

Picking & choosing for a rich user interface

Picking & choosing for a rich user interface. The case of Flanders Investment & Trade. Manu Vermeyen. Disclaimers. agenda. Why ‘classic’ domino web dev Rich User Experience : javascript frameworks Who is FIT ? Examples Structure : why ajax ?

yetty
Download Presentation

Picking & choosing for a rich user interface

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Picking & choosing for a rich user interface The case of Flanders Investment & Trade Manu Vermeyen

  2. Disclaimers

  3. agenda Why‘classic’ domino web dev Rich User Experience: javascript frameworks Who is FIT? Examples • Structure: whyajax? • Important notices : what is dojo? • Searching: YUI • Phototheque: MooTools • Forms: Dojo • Agenda: Dojo

  4. Classic web vsXpages Pre 8.5 period Learning curve forxpagesforallinvolved Sense of control Quick wins New web developers Futuredirection : sharpenyouraxe

  5. Rich User Interface Modern web sites offer (full) clientfunctionality Rely on javascript and/or XML AJAX based models for speed andbandwidth DOM Manipulation CSS & Javascript frameworks

  6. What are Javascript frameworks Library of utilitiesandfunctions Manipulate DOM objects Event handling AJAX support Notnecessarytouse the complete framework

  7. Whichframeworksandwhy DOJO MooTools Yui Completeness of the set Development anddocumentation Specificfunctionality

  8. Who is fit: mission Improve the internationalentrepreneurship of Flemish companies, especially SMB Attractforeign investments toFlanders Stimulateinternationalentrepreneurshipfocussing on a sustainableandethical approach Providean excellent service toourFlemishandforeigncustomers F.I.T is close toitscustomers, present notonly in Brussels but also in: EveryFlemishprovince: close-knitdomesticnetwork Abroad: more than 90 offices worldwide

  9. Who is FIT: services Towardslocal companies Events & Actions Subsidies. Opportunities & International information Contact data of prospects and partners Foreignpresence Foreign expertise

  10. Who is FIT: services Towardsforeigncompanies PromoteFlanders as investment location Advisecompanies wantingtoinvest in Flanders

  11. Who is FIT: Lotus Notes Role of Lotus Notes • Primarycommunication end collaboration tool betweencentralanddescentralised offices • On/offline collaboration • RAD in a fastchanging environment

  12. FIT the intranet: requirements Simplicity Performance Easily ‘click in’ new andexistingnotesapplications Rolesandfunctions (security)

  13. Examples: Structure Reasons Simplicityto ‘click in’ new blocks Change of mind / importance Extensible Technical Form preloadingallnecessary classes shared andstructure of the site documents describing the individual blocks Framework Dojo: loading of individual blocks usingxhrget (ajax call for html)

  14. Importancenotices Reason • Show top notices on restricted screen real estate • Look Technical • One form, one view Framework • Dojo : Rotator

  15. Type Ahead Search Reason • Help users enter correct search criteria that lead toanswers (no ‘nothing found’), fast response Technical • Field and a lookup view Framework • YUI, Autocomplete

  16. 5

  17. Fototheek Reason • Modern way to present picture series • Easy navigation (and extra info) Technical • Form and view forlookup Framework • MooTools: copyingfunctionality of example web site • AndDojolightbox

  18. Various Forms Reason • Enhanced user experience Technical • Field properties Framework • DOJO

  19. Form examples

  20. Rendezvous? POT days : Deepdive in web dev(javascript framework DOJO, YUI,…) – week 16/5 (FREEFREEFREE!) • www.groupwave.com • manu.vermeyen@groupwave.com • Tungle.me/ManuV

  21. Conclusions Chooseoneframework You’vegotfriends Decide on some ‘standards’ up front Don’t want to do everything ‘likeGoogleLotusLive’ Whenstartingfrom scratch : sharpenyouraxe

More Related