Xform Builder

Student Names: S.Zeeshan hasan (517-FBAS/BSSE/S-08) Asim khalil (554-FBAS/BSSE/S-08)

Proposed Supervisor : Mr. Zulqarnain hashmi

Department of Computer Science and Software Engineering Faculty of Basic and Applied Sciences International Islamic University, Islamabad 2011

Presentation Outline
1. 2. 3. 4. 5. 6. 7. Introduction Existing System Problem Statement Proposed Solution Product/System Overview Product/System Features/Requirements Tools/technologies and References

Introduction
Xform Builder is designed for generation of Xform pages. Xform is a XML format for the specification of data processing model for the XML data and user interfaces for the XML data, such as web-forms. It was designed to be the next generation of XHTML forms but in generic enough to be used as stand alone manner or with presentation languages other than XHTML

Existing Systems
Orbean Forms Web-based Complete designer and runner Implemented in JAVA Others: Ubiquity Form Player Client side Form runner(client installation) and browser extensions. supports only IE betterFORM (Java implemetation )

Problem Statement
The Problem of Forms are application dependent, extra coding effort, complex user interface issues, risk involved and cross browsers compatibility issues. Affects Developers and business users The impact of which is Coding effort is not reusable, cross browser incompatibility of forms code and require different implementations. A successful solution would be A web based Application that fulfills needs of user to creates the web forms. Forms are application independent, compatible with all browsers; reduce the cost of coding helps in the deployment and integration of complex forms.
5

Solution
For Form developers and business users. Who Managers, Directors, Accountants, Clerks Xforms Builder Web based Application XForm Builder is a software product That Enables to create and manage forms directly from web browsers. Being in platform independent no need of any software installation on client side. And forms can be shifted from one place to another. Unlike Ubiquity FormPlayer in which all forms validation held on client side and various plugins installation on client side. Our Product Provides web based platform for the creation of web pages. And have user friendly user interface and platform independent forms.
6

Product Overview

Product/System Features
Two modules Form Manager :
Add Form Delete Form View Form Download Form

Form Designer Change form title Publish form Layout Manager

Add section Add/delete columns to section Add/delete rows to section Change section title Simple controls Selection controls Submit controls 8

Controls manager

Form Designer-Add Form

Add Form:
Table Layout( dynamically expanding) Auto finding empty spaces in the layout Remember selection for adding control Change form title Change Form Metadata

Product/System Features
Add Form Sequence

10

Manage Form-View Form

View Form:
user can access the forms which he had built up User can view any form from its repository In opening form( which is in XFORM syntax), the default runner for XFORM located on the server is linked to that form automatically, and the form displays normally.

11

Form Designer-Publish Form

Publish form

Conversion from HTML to XForm

Save Forms( temporary storage on client side)

Publish Forms(permanent storage) Storing to appropriate user space on server Adding entry to database for future use

12

Form Designer-Publish Form

Publish form

13

Form Designer-Layout Manager

Layout Manager:

Add section to the form with default settings Add columns to the section
Remember the selection for adding the columns to particular section Manage the spacing of the newly build columns along with others

Add rows to the section

Remember the selection for adding the columns to particular section Manage the spacing of the newly build columns along with others

Change section title

14

Form Designer-Controls Manager

Controls Manager:
Simple Controls
Change controls title Delete control It includes input , password, text area and out put field Change controls title Add controls to the existing controls Delete control It includes checkbox, radio, combo box and option group fields

Selection Controls

15

Continued ..
Controls Manager:
Submit Controls
Change controls title Change submission type (get or post) Delete control It includes submit button

16

Tools/Technologies and References

Implemented using jquery and javascript In .Net framework for server side

References:
Orbean forms Microsoft infoPath

17

Thanks for Listening

Queries ???
18