XFormsDB: An XForms-Based Framework for Simplifying Web Application Development
2 likes1,806 views
The document is a presentation about XFormsDB, an XForms-based framework for simplifying web application development. It introduces XFormsDB, which extends the XForms markup language with common server-side and database functionality. This allows users to build interactive multi-user web applications using declarative languages. An example blog application implemented with XFormsDB is presented to demonstrate its capabilities.
![Example: An XHTML+XFormsDB Document
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xforms="http://
www.w3.org/2002/xforms" xmlns:xformsdb="http://www.tml.tkk.fi/2007/xformsdb">
<head>
<title>Mailing List</title>
<xforms:model>
<xforms:instance id="form-instance">
<form xmlns=""><email /></form>
</xforms:instance>
<xforms:bind nodeset="instance( 'form-instance' )/email" type="xforms:email" required="true()" />
<xforms:bind nodeset="instance( 'form-request-instance' )/xformsdb:var[ @name = 'email' ]"
calculate="instance( 'form-instance' )/email" />
<xformsdb:instance id="form-request-instance">
<xformsdb:query datasrc="mailing-list-data-source" doc="mailing_list.xml">
<xformsdb:expression resource="xq/form_handler.xq" />
<xformsdb:var name="email" />
</xformsdb:query>
</xformsdb:instance>
<xformsdb:submission id="form-submission" requestinstance="form-request-instance"
expressiontype="all" replace="none">
<xforms:load resource="thankyou.xhtml" ev:event="xforms-submit-done" />
<xforms:load resource="error.xhtml" ev:event="xformsdb-request-error" />
</xformsdb:submission>
</xforms:model>
</head>
...
Page 11 Aalto University, School of Science and Technology, Department of Media Technology](https://image.slidesharecdn.com/xformsdb-anxforms-basedframeworkforsimplifyingwebapplicationdevelopment-130228040405-phpapp01/85/XFormsDB-An-XForms-Based-Framework-for-Simplifying-Web-Application-Development-11-320.jpg)
XFormsDB: An XForms-Based Framework for Simplifying Web Application Development
- 1. XFormsDB An XForms-Based Framework for Simplifying Web Application Development Markku Laine <markku.laine@gmail.com> Master’s Thesis Presentation March 9, 2010
- 2. Presentation Outline Part I Introduction Part II Background Part III The XFormsDB Markup Language Part IV The XFormsDB Framework Part V Sample Web Application: XFormsDB Blog Part VI Conclusions Page 2 Aalto University, School of Science and Technology, Department of Media Technology
- 3. Part I Introduction Page 3 Aalto University, School of Science and Technology, Department of Media Technology
- 4. Introduction Developing even simple multi-user Web applications is a complex task The author has to master many programming languages and paradigms - Client side: (X)HTML+CSS+JavaScript - Server side: PHP/J2EE/Ruby on Rails - Database: SQL/Object-Relational Mapping (ORM) The bulk of Web content authors are non-programmers Page 4 Aalto University, School of Science and Technology, Department of Media Technology
- 5. The Main Research Question Is it possible to extend the XForms markup language in such a way that users can build useful, highly interactive multi-user Web applications quickly and easily using purely declarative languages? Page 5 Aalto University, School of Science and Technology, Department of Media Technology
- 6. Part II Background Page 6 Aalto University, School of Science and Technology, Department of Media Technology
- 7. XForms An XML-based forms technology and the successor to HTML forms - A high-level declarative language for defining rich Web user interfaces - Client-side technology - Turing complete W3C Recommendation since 2003 Architecture - Based on Model-View-Controller (MVC) - Instance Data (XML) - XForms Model - XForms User Interface - XForms Submit Protocol Page 7 Aalto University, School of Science and Technology, Department of Media Technology
- 8. Example: An XHTML+XForms Document <?xml version="1.0" encoding="UTF-8"?> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xforms="http:// www.w3.org/2002/xforms"> <head> <title>Mailing List</title> <xforms:model> <xforms:instance id="form-instance"> <form xmlns=""><email /></form> </xforms:instance> <xforms:bind nodeset="instance( 'form-instance' )/email" type="xforms:email" required="true()" /> <xforms:submission id="form-submission" ref="instance( 'form-instance' )" resource="/form-handler" method="post" replace="none"> <xforms:load resource="thankyou.xhtml" ev:event="xforms-submit-done" /> <xforms:load resource="error.xhtml" ev:event="xforms-submit-error" /> </xforms:submission> </xforms:model> </head> <body> <h1>Mailing List</h1> <p> <xforms:input ref="instance( 'form-instance' )/email"><xforms:label>Email:</xforms:label></xforms:input> <xforms:submit submission="form-submission"><xforms:label>Subscribe</xforms:label></xforms:submit> </p> </body> </html> Page 8 Aalto University, School of Science and Technology, Department of Media Technology
- 9. Part III The XFormsDB Markup Language Page 9 Aalto University, School of Science and Technology, Department of Media Technology
- 10. Overview An extension to the XForms markup language - A pure superset of XForms 1.1 Naturally extends XForms with common server-side and database related functionalities - Can be thought of as "XForms Server Pages" - Functionalities include, among others: querying and updating (with or without data synchronization) data stored in data sources, error handling, state maintenance as well as authentication and access control - Easily extensible, i.e., new server-side functionalities can be easily added to the language Page 10 Aalto University, School of Science and Technology, Department of Media Technology
- 11. Example: An XHTML+XFormsDB Document <?xml version="1.0" encoding="UTF-8"?> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xforms="http:// www.w3.org/2002/xforms" xmlns:xformsdb="http://www.tml.tkk.fi/2007/xformsdb"> <head> <title>Mailing List</title> <xforms:model> <xforms:instance id="form-instance"> <form xmlns=""><email /></form> </xforms:instance> <xforms:bind nodeset="instance( 'form-instance' )/email" type="xforms:email" required="true()" /> <xforms:bind nodeset="instance( 'form-request-instance' )/xformsdb:var[ @name = 'email' ]" calculate="instance( 'form-instance' )/email" /> <xformsdb:instance id="form-request-instance"> <xformsdb:query datasrc="mailing-list-data-source" doc="mailing_list.xml"> <xformsdb:expression resource="xq/form_handler.xq" /> <xformsdb:var name="email" /> </xformsdb:query> </xformsdb:instance> <xformsdb:submission id="form-submission" requestinstance="form-request-instance" expressiontype="all" replace="none"> <xforms:load resource="thankyou.xhtml" ev:event="xforms-submit-done" /> <xforms:load resource="error.xhtml" ev:event="xformsdb-request-error" /> </xformsdb:submission> </xforms:model> </head> ... Page 11 Aalto University, School of Science and Technology, Department of Media Technology
- 12. Part IV The XFormsDB Framework Page 12 Aalto University, School of Science and Technology, Department of Media Technology
- 13. Overview Implements the XFormsDB markup language A Java-based, generic server-side component - Provides the integration services to heterogeneous data sources as well as common server-side functionalities Bundled with - An XForms processor (Orbeon Forms) - A native XML database (eXist-db) An extremely powerful XForms/REST/XQuery (XRX) framework - Allows for the rapid development of entire Web applications using a single document and under a single programming paradigm Page 13 Aalto University, School of Science and Technology, Department of Media Technology
- 14. High-Level Architecture Page 14 Aalto University, School of Science and Technology, Department of Media Technology
- 15. Part V Sample Web Application: XFormsDB Blog Page 15 Aalto University, School of Science and Technology, Department of Media Technology
- 16. XFormsDB Blog An online journal Web tool for publishing personal contents Three (3) separate Web pages and six to ten (6-10) main views ~3000 lines of code - 9% related to XFormsDB & XQuery Normal response times LIVE demo Page 16 Aalto University, School of Science and Technology, Department of Media Technology
- 17. Part VI Conclusions Page 17 Aalto University, School of Science and Technology, Department of Media Technology
- 18. Results The XFormsDB markup language - Naturally extends the XForms markup language to include common server-side and database related functionalities - New server-side functionalities can be easily added to the language - For users who are already familiar with XForms, the language is relatively easy to learn The XFormsDB framework - Supports most common browsers and heterogeneous data sources - Includes built-in support for synchronized updates - Allows for the rapid development of entire Web applications using a single document and under a single programming model Page 18 Aalto University, School of Science and Technology, Department of Media Technology
- 19. Future Work Refine the syntax of the XFormsDB markup language Implement support for a subset of XML Binding Language (XBL) 2.0 on the server side - Allows the use of highly reusable components Implement a Web-based visual tool for developing XFormsDB Web applications - Makes the technology accessible to non-technical users Add built-in support for OpenID authentication - Users could use an existing account to sign in to XFormsDB Web applications Improve current transaction support - Grouping of synchronized updates Page 19 Aalto University, School of Science and Technology, Department of Media Technology
- 20. Thank You! Questions? Comments? <markku.laine@gmail.com> Page 20 Aalto University, School of Science and Technology, Department of Media Technology