FormFactory - Building Interactive Web Applications

1,707 views

Published on

FormFactory tool presentation at RoCHI, 2009, Cluj, Romania. A plugin based tool javascript (jQuery) for building html forms.

Published in: Technology, Travel
1 Comment
0 Likes
Statistics
Notes
  • Be the first to like this

No Downloads
Views
Total views
1,707
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
15
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

FormFactory - Building Interactive Web Applications

  1. 1. RoCHI, September 2009, Cluj, Romania FormFactory Building Interactive Web Applications Ciprian Amariei “Al. I. Cuza” University of Iaşi
  2. 2. Outline ● Rich Internet Applications ● Frameworks ● Customizable Web Applications ● Entity properties editing tool – FormFactory ● UI patterns ● Modern EcmaScript programming
  3. 3. Rich Internet Applications ● Desktop applications → Web applications ● Platform independent ● Accessible anywhere ● No install/update process ● Web technologies ((x)html) – no native support for rich interfaces
  4. 4. RIA – frameworks classification ● RIA-JSF (RIA JavaScript Frameworks) jQuery, YUI, GWT, Dojo Toolkit etc. ● RIA-HF (RIA Hosted Frameworks ) Adobe Flex, Microsoft Silverlight, Java FX ● RIA-MF (RIA Mixed Frameworks) OpenLaszlo
  5. 5. Customizable RIAs User can customize the web application (structure & interface) User defines entities → properties handled by application
  6. 6. Form Factory solutions Inplace Editor (sol1) (demo) Form Builder (sol2)
  7. 7. FormFactory – UI & UX patterns ● Create → modify → … → save (upload) ● Highlight current element (editing) ● Drag&drop ● WYSIWYG ● Minimize online time DEMO
  8. 8. FormFactory – modern EcmaScript ● Plugin based ● OOP ● Design patterns ● Serialization / Deserialization ● etc.
  9. 9. Conclusions & The Future ● KISS ● Educate users in small steps (unless you afford otherwise – Apple ) ● HTML 5 based RIA ( new elements, new APIs) ● Embeddable ● Semantic editor → output (link properties to known concepts etc.)
  10. 10. Thank you! Q ? (s) http://students.info.uaic.ro/~camariei/formfactory/ http://www.linkedin.com/in/ciprianamariei http://twitter.com/acip ciprian.amariei@gmail.com

×