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

2. Project Phases Update Form Schema Tables Develop the WYSIWYG Designer

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

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

5. 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)

6. Architecture

7. Demo

8. 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

9. References Project Information and Code Branches https://wiki.openmrs.org/display/projects/Update+HTML FormEntry+WYSIWYG+Editor https://wiki.openmrs.org/display/projects/Update+HTML FormEntry+WYSIWYG+Editor jportela@openmrs.org

10. Thank you! ?