Chapter 3. HTML5 Archetype Tutorial

The HTML5 archetype is a Maven archetype that is released to Maven Central with this JBoss Web Framework Kit release. The archetype generates a simple HTML5 web application optimized for mobile devices, allowing you to register and list members. This tutorial provides an overview of the archetype and demonstrates how the archetype can be called from JBoss Developer Studio and subsequently changed, tested, and deployed using IDE tools.

3.1. About the HTML5 Archetype

The HTML5 archetype is a Maven archetype that is released to Maven Central with this JBoss Web Framework Kit release. The archetype generates a project for a simple HTML5 web application. This deployable web application is optimized for mobile devices, allowing you to register and list members.
The generated Maven 3 project is a basic JavaEE 6 application using HTML5, jQuery Mobile, JAX-RS, CDI 1.0, EJB 3.1, JPA 2.0, and Bean Validation 1.0. The project includes a persistence unit and some sample persistence and transaction code to help you get familiar with database access in enterprise Java EE.
The application uses a pure HTML client that interacts with the application server via restful endpoints (JAX-RS). This application also uses some of the latest HTML5 features and advanced JAX-RS. Testing is equally important for client-side as for server-side so this application uses QUnit to show you how to conduct unit tests for your JavaScript.
The application also integrates jQuery Mobile and basic client-side device detection to give you both a desktop and mobile version of the interface. Both versions support the same features, including form validation and member registration. However, the mobile version adds a mobile layout, touch, and performance improvements needed to get you started with mobile web development.