Improve the HTML Form Entry Module (Designer+Schemas) Google Summer of Code 2011 João Portela Darius Jazayeri Daniel Kayiwa

Project Phases Update Form Schema Tables Develop the WYSIWYG Designer

Update Form Schema Tables Whenever an HTML Form is saved… Update the Form Schema tables So the schema can be used in other modules

Develop the WYSIWYG Designer HTML Form Entry module Forms are created using XML code HTML + Special Tags Create a WYSIWYG Designer for that “language”

Technology WYSIWYG X(HT)ML Editor CKEditor (Javascript) Rendering of Special Tags HTML Form Entry module (Java) Element Definition and Retrieval HTML Form Entry Designer module (Java)

Architecture

Demo

Future Work Update Form Schema Tables Export Form Schema into an HTML Form Develop the WYSIWYG Designer Populate Attributes for Default Tags Create more UI Elements Attribute Validation Support macros, code, etc. Better section and obsgroup support Better element selection

References Project Information and Code Branches FormEntry+WYSIWYG+Editor FormEntry+WYSIWYG+Editor

Thank you! ?