Blackberry Webworks Presenation

From August 24th 2012

Transcript

1. Blackberry WebWorks Building FULL Apps using nothing by HTML5 By Damian Montero Thank you Blackberry! #bbdevmiami http:// bit.ly/ webworks presentation
2. Who am I? • Web developer since the late 90's • Senior Web Developer • Mobile Developer since 2005 • Knew Mobile was the future when I saw my first blackberry (in the late 90's • Had Original Windows Mobile Compaq cell • Bought the iPhone when it dropped to $400 • Bought the G1 (first Android) day it came out.
3. More of this????? I Loooove this stuff!
4. What are we going to do today? • Presentation • Demo • Questions • More questions
5. HTML5 is just another choice Why another language
6. Mobile Development Ain't Easy, Bro! • No #1 Device Android 51%, Apple 32%, BB 12%, Win 4% (US Comscore June 1, 2012) • No Single Language Java, ObjectiveC, Flash, C++, C# , Unity, Corona • Development takes time.
7. HTML5 to the rescue • Options available in all platforms iPhone, iPad, Android Phone/Tablet, Blackberry (BB 5+) + BB10 & Playbook, WebOS, Windows Phone 7/ 8, Symbian, Windows 8 • Sell on all App Stores • Access to full device Accelerometer, Camera, Compass, Contacts, File System, GPS, Media (songs ringtones), Network Details, Notifications , NFC (BBonly) • Just as fast • One code, All platforms*
8. What does "HTML5" mean? This isn't as obvious as you think! • One Page app. Index.html only • No Server side code (well...) • YOU'RE NOT ON A SERVER • Runs local (SERIOUSLY! NO SERVER!) • You have FULL access to web, but to APIs • No CSS problems. • Local Database
9. Truth behind 'HTML5' • Some platforms use it directly, most don't • We use WebWorks & PhoneGap • Trick: Native Wrapper for Local HTML5 • Javascript and special Libraries Do the work • Something missing? You'll have to add it. There are some "Add-on"s that help
10. The "Trick" • Single page App • Different Divs / Pages • jQuery to load sections • Make it look like an App.
11. Look like an App?... The native "look" can be had with javascript Libraries: • BBUI js https://github.com/blackberry/bbUI.js • JQMobi & JQUi www.jqmobi.com
12. Today's Popular Apps Why you need an app.
13. • GPS • Contacts • Camera • Notification Facebook
14. • GPS • Contacts • Camera • Notification Twitter
15. • Camera • Oops • Augmented Reality / Live Video Editing is a problem. Instagram
16. • Accelerometer • Camera • Compass • Contacts • File System • GPS * • Media (songs ringtones) • Notifications • In App PURCHASES! • NFC Any on the device
17. http://bit.ly/ChromeRipple Before the demo:
18. Wikipedia App: https://github.com/wikimedia/WikipediaMobile Phonegap: http://phonegap.com WebWorks: https://developer.blackberry.com/html5/ WebWorks Compiling/Build Video: http://youtu.be/u4Bxb6xS4NM Instructions: http://x.co/nCWT Chrome Extension for playbook: http://x.co/nEnh Links to what we'll be using
19. Demo! • Wikipedia App • Here I Am App
20. Damian Montero twitter: @damianmontero http:// bit.ly/ webworks presentation Leave a comment on the BB Meetup Questions?