FemaleDev -- HTML5 Mobile Apps
•
3 likes•2,125 views
My Presentation today at FemaleDev Workshop event. held by GSA University of Indonesia & FemaleDev, on Fasilkom UI. Oct 26th, 2013. At the FemaleDev workshop, all the audience are women developers. The presentation is about how to develop mobile application using HTML5 technology. The target is not (only) to make multiplatforms smartphone mobile application, but most important is how any person can start making mobile application in easy way. This is part of my #mobilisasi campaign, attract people from any background to start make their own mobile application. http://oo.or.id/html5 http://femaledev.com
Recommended
More Related Content
Viewers also liked
Viewers also liked (8)
Recently uploaded
Recently uploaded (20)
FemaleDev -- HTML5 Mobile Apps
- 1. HTML5 FOR MOBILE APPS Oon Arfiandwi <oon@oo.or.id> | http://oo.or.id/html5 //femaledev Dec 14th, 2013 http://en.wikipedia.org/wiki/File:Prambanan_Complex_1.jpg
- 2. HELLO WORLD! ๏ Hi Female Developers! my name is Oon Arfiandwi ๏ I’m a Mobile Apps Developer & Entrepreneur ๏ CTO & Founder of 7Langit, mobile apps development & agency ๏ Mobile strategist for several startups ๏ Maintain a regular free* class of HTML5 for Mobile Apps ๏ http://about.me/oon
- 3. Intro ๏ Who wants to develop mobile applications? ๏ What’s the most popular smartphone platform today? ๏ So, what’s the easiest way to develop mobile apps for Android platform? ๏ How about Programming in Java? Or Programming in HTML5 (HTML, CSS, JavaScript)?
- 5. FILES YOU NEED TO DOWNLOAD ๏ jquery-1.10.2.min.js ๏ http://jquery.com/download/ ๏ jquery.mobile-1.3.2.zip ๏ http://jquerymobile.com/download ๏ Java SE 6 (SDK) ๏ http://java.sun.com ๏ apache-ant-1.9.2-bin.zip ๏ http://ant.apache.org/bindownload.cgi ๏ Android SDK ๏ http://developer.android.com/sdk/index.html ๏ phonegap-2.9.0.zip ๏ http://phonegap.com/install
- 6. Outline ๏ HTML5 at a glance ๏ Mobile site with jQuery Mobile ๏ Android App with HTML5 & PhoneGap ๏ Working with Opensource HTML5 Mobile App Samples (Github) ๏ Connect Mobile App to WebService (JSON) ๏ Going Multiplatforms with PhoneGap Build
- 7. HTML5 ๏ HTML ๏ JavaScript ๏ jQuery, jQuery Mobile ๏ CSS ๏ Wrappers for Mobile platforms ๏ PhoneGap, Sencha, ... http://html5rocks.com h t t p : / / w w w. c o c o s 2 d - x . o r g / w i k i / c o c o s 2 d - h t m l 5 http://devgirl.org http://phonegap.com/case/ http://people.phonegap.com
- 9. h t t p : / / v i e w. j q u e r y m o b i l e . c o m / 1 . 3 . 2 / d i s t / d e m o s / jQuery Mobile
- 10. h t t p : / / o o . o r. i d / t a g s / t h e m e jQuery Mobile Theme
- 11. PHONEGAP ๏ unzip phonegap-2.9.0.zip ๏ import Android code from lib/android/example/ ๏ build! run! (on device or simulator)
- 12. h t t p : / / o o . o r. i d / c o n t e n t / h o w - t o - g e t - d e v i c e - i n f o r m a t i o n - p h o n e g a p PHONEGAP, TRY TO CUSTOM THE CODE! ๏ edit file index.html
- 13. h t t p : / / o o . o r. i d / c o n t e n t / h o w - t o - g e t - d e v i c e - i n f o r m a t i o n - p h o n e g a p PHONEGAP, TRY TO CUSTOM THE CODE! ๏ edit file index.js
- 14. h t t p : / / o o . o r. i d / c o n t e n t / h o w - t o - g e t - d e v i c e - i n f o r m a t i o n - p h o n e g a p PHONEGAP, TRY TO CUSTOM THE CODE!
- 15. h t t p : / / o o . o r. i d / c o n t e n t / h e l l o - j q u e r y - m o b i l e PHONEGAP + JQUERY MOBILE
- 16. h t t p : / / o o . o r. i d / c o n t e n t / h e l l o - j q u e r y - m o b i l e PHONEGAP + JQUERY MOBILE
- 17. SAMPLE #1 HALOACI ๏ https://github.com/arfiandwi/haloaci ๏ Open Source Music Mobile App for HaloACI: Album Kompilasi 100 Musisi Cinta Indonesia ๏ include 8 .m4a songs in haloaci/assets/www/audio/ h t t p : / / o o . o r. i d / t a g s / l e a r n - e x a m p l e
- 20. WEBSERVICE SAMPLE WORDPRESS JSON-API ๏ Sample data from WordPress site http://boomee.co ๏ Install WordPress plugin JSON-API http://wordpress.org/plugins/json-api/
- 25. @fem al ed ev + fe m a l e d e v @ooni d @7l angi t