22
Lessons Learned from working with HTML5, GlassFish and NetBeans Mark Stephens IDRsolutions

Lessons Learned from working with HTML5, GlassFish and NetBeans

Embed Size (px)

DESCRIPTION

My DevFest presentation on my experiences with NetBeans, GlassFish, HTML5 and SVG with lots of hints and tips.

Citation preview

Page 1: Lessons Learned from working with HTML5, GlassFish and NetBeans

Lessons Learned from working with HTML5, GlassFish and

NetBeans

Mark Stephens IDRsolutions

Page 2: Lessons Learned from working with HTML5, GlassFish and NetBeans

Who is talking...

• Entrepreneur and founder of UK based IDRsolutions

• Systems Architect for PDF library and converters

• Talk at BoS, JavaOne, usergroups

• Work on PDF, HTML5, SVG in Java

• Make extensive use of web technologies and Java

• I have a degree in Mediaeval History...

Page 3: Lessons Learned from working with HTML5, GlassFish and NetBeans

Talk will consist of…• Introduction to HTML5/SVG and why we use it

• Interactive demo of NetBeans and GlassFish

• Include lots of hints and tips

• Questions at end.

• Lots of kitten pictures…

Page 4: Lessons Learned from working with HTML5, GlassFish and NetBeans

I will deny anything that I say in this talk (even if it is on video)

Official disclaimer

No kittens were harmed (or neglected) during the making of this

presentation...

Page 5: Lessons Learned from working with HTML5, GlassFish and NetBeans

HTML5Who is currently using HTML5?

Using HTML5 and NO other versions of HTML?

• Open standard

• Lots of support (especially on mobile)

• Backwards compatibility...

Page 6: Lessons Learned from working with HTML5, GlassFish and NetBeans

Key features• Javascript

• Dynamic

• CSS support

• Location

• Offline

• SVG

• Canvas

• Embed video content

• Inlining and Base64...

Page 7: Lessons Learned from working with HTML5, GlassFish and NetBeans

How good does it look?

Page 8: Lessons Learned from working with HTML5, GlassFish and NetBeans

HTML5 versus SVG

• Animation

• Forms

• Features

• Support

• Look…

Page 9: Lessons Learned from working with HTML5, GlassFish and NetBeans

HTML5 canvas

• Great for animation and games

• No real benefit for static content (use image or SVG)…

Page 10: Lessons Learned from working with HTML5, GlassFish and NetBeans

HTML5 support in...• IE 8 and before

• IE 9/10

• Firefox, Chrome, Safari behave differently on PC, Mac, Windows, Android

• IPad

• Android

Use WOFF and EOT fonts

Important note for Mac users - upgrade to Mavericks...

Page 11: Lessons Learned from working with HTML5, GlassFish and NetBeans

Our top 3 issues in HTML5...

Any guesses?

• JavaScript

• Fonts

• Implementation differences

It is never going to be 100% ...

Page 12: Lessons Learned from working with HTML5, GlassFish and NetBeans

HTML5 as a replacement for...

• Flash

• General web content

• PDF

• Native apps...

Have you noticed people starting to run mobile apps on their PCs???

Page 13: Lessons Learned from working with HTML5, GlassFish and NetBeans

What is NetBeans

What does this mean?

Page 14: Lessons Learned from working with HTML5, GlassFish and NetBeans

NetBeans IDE• 15 years young.

• Java/php/Android/HTML5/JS/CSS/Python/C/C++

• Cross-platform

• Git, Mercurial, SVN etc for VC

• Highly configurable

• Free

• Heavily supported by Oracle

• A natural platform for GlassFish....

Page 15: Lessons Learned from working with HTML5, GlassFish and NetBeans

GlassFish is an Application Server

What does this really mean?

Page 16: Lessons Learned from working with HTML5, GlassFish and NetBeans

No Glass

and no fish….

Page 17: Lessons Learned from working with HTML5, GlassFish and NetBeans

GlassFish consists of...

• A server program

• One of more client programs on glasses,phones, Tablet, Raspberry Pi, even PC

• They talk to each other.

You can run all on a single machine for testing and development…

Page 18: Lessons Learned from working with HTML5, GlassFish and NetBeans

It is a Magic door

Page 19: Lessons Learned from working with HTML5, GlassFish and NetBeans

Demos and stories

• Hello GlassFish

• HTML5 replacing flash

• Stories in HTML5

• Online marking

Page 20: Lessons Learned from working with HTML5, GlassFish and NetBeans

Happy developing

Page 21: Lessons Learned from working with HTML5, GlassFish and NetBeans

Questions?

Page 22: Lessons Learned from working with HTML5, GlassFish and NetBeans

http://www.netbeans.org !

http://glassfish.java.net/ !

http://blog.idrsolutions.com !

http://convert.idrsolutions.com

Details and links