The Gear You Need To Go Mobile With Java Enterprise

The Gear you need to go Mobile with Java EnterpriseLukáš Fryč

RISINGPLATFORM

“Predictions say mobile Internet usagewill soon overtake desktop one.”

“There are many platforms whichyou need to make to inter-operate with.”

RISINGTECHNOLOGIES

“The technologies in mobile web isfocused around efforts known as HTML5.”

JavaScript“These improvements is just not about one technology,But they bears also improvement to CSS and JavaScript.”

“But its quite hard to stay in touch with the development in the space of these technologies.Thats what frameworks can improve – they make sure higher-level features works on various platforms.”

THE AGE OFFRAMEWORKS

“But there are many of such frameworks, and its hardto stay in touch with all of these just to know which is bestin given area.”

“But the only what we, Java developers, want to achieveis making our users using mobile work with our application...”

“...and let these phones to connect to our strong enterpriseback-ends.”

“But how to not getcrazy with all theinformationsflowing around?”

“Its obvious that you would need some gear to do the job.”

“And thats exactly where AeroGear project focuses.”

2 CASE STUDIES

#1 MOBILE FRIENDLY“First case study is about making the current enterprise webframeworks work on mobile devices.”

“As the base technology for the sample was chosen JSF.”

Powerful Technology“JSF is very powerful technology, it offers several conceptswhich makes easier to develop mobile-enabled solutions.”

Facelets VDL

Render Kits• JSF allows to use device detection and select Render Kit based on user device: – Desktop – Mobile

Cross-cutting concerns• Delegates to custom solution when specification falls short

Is it enough?

JSF wasnt createdwith mobile web in mind

“Thats where component libraries like RichFaces come in.”

RichFaces & Mobile• Mature Component Library for JSF – 60 components• Mobile Friendly – It has been made sure that each component can be controlled by mobile device users

RichFaces QuickStart• http://bit.ly/rf-quickstart – Device detection → optimized view• http://bit.ly/rf-quickstart-mobile – Mobile view for desktop browsers

RichFaces Showcase• http://bit.ly/rf-showcase – Device detection → optimized view• http://bit.ly/rf-showcase-mobile – Mobile view for desktop browsers

Mobile RichFaces• Device detection – Server-side• Page transitions – Nearly native feeling• Back button support – Including bookmarking

Mobile Improvements• Slidfast framework – Native-like Look – CSS3 Page Transitions• Single-page model

Resource Optimization• CSS/JS compression• Minimizes number of requests

#2 TARGETTING MOBILES“Second case study is integrating current mobile web andenterprise back-end technologies in order to providenearly native feeling.”

IntroducingPOH5 Architecture(Plain Old HTML5)

“POH5 lets workstandard HTML5applications onmobile web, inhybrid and evendesktopapplications.But additionallyAeroGear focuseson the enterpriseneeds:”

“And then you can let this application communicate through AJAX with REST service or via WebSocket to Messaging service. This all can be plumbed together using CDI.”

HTML5 QuickStart Sample

RESTful Endpoints• JAX-RS• GET, POST, UPDATE, DELETE• POJO• JPA, Bean validation• CDI

Client Side• jQuery Mobile• HTML5

Demo time• http://bit.ly/ag-poh5 – Different views for mobile / desktop• http://bit.ly/zZcg4X

3 PROJECT GOALS

#1 EDUCATION

Quick Starts ArticlesRSS / Twitter Channels Webinars

#2 COMMUNITY

Knowledge Base Forums IRCSocial Coding - GitHub

#3 INNOVATION

Coding / Hacking IRC Meetings Discussions

Hybrid Web Mobile WebLight-weight MVC Local Storage Security Offline Support

Where to reach us?bit.ly/aerogearbit.ly/ag-forumsbit.ly/richfaces@AeroGears, @RichFaces, @LFryc#aerogear / #richfaces – irc.freenode.net

Thank You!EDUCATION The GearCOMMUNITY you need to go MobileINNOVATION with Java Enterprise

Photographs used in presentation were authored by various artists and published under Creative Commons licensehttp://www.flickr.com/photos/velkr0/3472576304/http://www.flickr.com/photos/txh62/478812294/http://www.flickr.com/photos/txh62/478812294/http://www.flickr.com/photos/twicepix/3332881889/http://www.flickr.com/photos/seanhobson/4504828599/http://www.flickr.com/photos/virtualsugar/6933601335/http://strategy.wikimedia.org/wiki/Mobile/Forecasts

http://lanyrd.com	44
http://api.yoolk.dev	5
https://twimg0-a.akamaihd.net	1
http://us-w1.rockmelt.com	1

The Gear You Need To Go Mobile With Java Enterprise

by Lukáš Fryč

Accessibility

Categories

Upload Details

Usage Rights

4 Embeds 51

Statistics

The Gear You Need To Go Mobile With Java Enterprise Presentation Transcript