The Dojo Tapestry5 integration library http://tapestry-jfly.sourceforge.net

What's all about Dojo – The most effective javascript framework Java – A standard for the big and medium sized industry Tapestry5 – A web framework that incorporates all the tools you need for the backend and frontend development Tapestry-JFly – An extension library that incorporates dojo into Tapestry5 in a fascinating natural way

Dojo – The most effective javascript framework

Java – A standard for the big and medium sized industry

Tapestry5 – A web framework that incorporates all the tools you need for the backend and frontend development

Tapestry-JFly – An extension library that incorporates dojo into Tapestry5 in a fascinating natural way

Dojo Advantages Portability among all the browsers jungle A super rich widget set A shiny templating system Ease of use thanks to dojo.parser Available documentation with a lot of samples … yes it's fast!

Portability among all the browsers jungle

A super rich widget set

A shiny templating system

Ease of use thanks to dojo.parser

Available documentation with a lot of samples

… yes it's fast!

Java Advantages Widely used in the big and medium sized industry Huge set of libraries, for nearly every needs Portability among OS, mostly without native libraries A powerful modern project management system (MAVEN) Nearly all you need is Open Source

Widely used in the big and medium sized industry

Huge set of libraries, for nearly every needs

Portability among OS, mostly without native libraries

A powerful modern project management system (MAVEN)

Nearly all you need is Open Source

Tapestry Advantages A dependency injection system that makes easy the availability of all services present in your application Component based (all components may provide their own assets, like css and js files) A templating system that allow a distinct separation between presentation and buisiness layers, so HTML like - NO jsp! Library of services, components and pages that may be directly injected into your application

A dependency injection system that makes easy the availability of all services present in your application

Component based (all components may provide their own assets, like css and js files)

A templating system that allow a distinct separation between presentation and buisiness layers, so HTML like - NO jsp!

Library of services, components and pages that may be directly injected into your application

Tapestry-JFly advantages Naturally integrates dojo into Tapestry5 Ready to use No expressed need to force the programmer to include dojo.js No need to remember any dojo.include (tapestry-jfly components do it for you) All dojo/dijit/dojox public classes mapped into components

Naturally integrates dojo into Tapestry5

Ready to use

No expressed need to force the programmer to include dojo.js

No need to remember any dojo.include (tapestry-jfly components do it for you)

All dojo/dijit/dojox public classes mapped into components

Creating a Tapestry5 application Creating a T5 “myapp” project mvn archetype:create -DarchetypeGroupId=org.apache.tapestry -DarchetypeArtifactId=quickstart -DgroupId=org.example -DartifactId=myapp -DpackageName=org.example.myapp -Dversion=1.0.0-SNAPSHOT

Creating a T5 “myapp” project

mvn archetype:create -DarchetypeGroupId=org.apache.tapestry -DarchetypeArtifactId=quickstart -DgroupId=org.example -DartifactId=myapp -DpackageName=org.example.myapp -Dversion=1.0.0-SNAPSHOT

Modifying the pom.xml Adding tapestryjfly dependency <dependency> <groupId>net.sourceforge.tapestryjfly</groupId> <artifactId>dojotapestry5</artifactId> <version>1.2.3-rc1</version> </dependency> Adding tapestryjfly repository <repository> <id>TapestryJFly_Release</id> <name>TapestryJFly Release Repository</name> <url>http://tapestryjfly.sourceforge.net/repository/</url> </repository>

Adding tapestryjfly dependency

Adding tapestryjfly repository

Enabling dojo Use annotation @DojoInitialization for page classes Use annotation @DojoInitialization for a teamplate component, and add @Mixin private DojoWidget dojoWidget; as a template property You are ready to use TapestryJFly!!

Use annotation @DojoInitialization for page classes

Use annotation @DojoInitialization for a teamplate component, and add @Mixin private DojoWidget dojoWidget; as a template property

You are ready to use TapestryJFly!!

Using TapestryJFly components As html elements <t:dojot5:dijit.form.button id=”foo” element=”button”> Click me </t:dojot5:dijit.form.button> As html decorators <t:dojot5:dijit.form.form forId=”theForm” <t:form id=”theForm”>...</t:form> </t:dojot5:dijit.form.form> For new custom dojo classes <t:dojot5:dojocomponent id=”foo” dojoType=”mylib.widget.Foo” dojoRequire=”mylib.widget.Foo”> Something inside </t:dojot5:dojocomponent>

As html elements

As html decorators

For new custom dojo classes

Ending Questions? See it in action! Conclusions....

Questions?

See it in action!

Conclusions....