FemaleDev -- HTML5 Mobile Apps
Upcoming SlideShare
Loading in...5
×
 

FemaleDev -- HTML5 Mobile Apps

on

  • 1,286 views

My Presentation today at FemaleDev Workshop event. ...

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

Statistics

Views

Total Views
1,286
Views on SlideShare
1,281
Embed Views
5

Actions

Likes
3
Downloads
77
Comments
0

1 Embed 5

https://twitter.com 5

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-ShareAlike LicenseCC Attribution-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    FemaleDev -- HTML5 Mobile Apps FemaleDev -- HTML5 Mobile Apps Presentation Transcript

    • 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
    • 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
    • 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)?
    • the presentation only for #developers
    • 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
    • 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
    • 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
    • http://phonegap.com/about/artwork HTML5 MOBILE APPS
    • 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
    • h t t p : / / o o . o r. i d / t a g s / t h e m e jQuery Mobile Theme
    • PHONEGAP ๏ unzip phonegap-2.9.0.zip ๏ import Android code from lib/android/example/ ๏ build! run! (on device or simulator)
    • 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
    • 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
    • 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!
    • 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
    • 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
    • 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
    • https://github.com/arfiandwi/jogjaradio SAMPLE #2 JOGJARADIO
    • https://github.com/arfiandwi/doamuslim SAMPLE #3 DOAMUSLIM
    • WEBSERVICE SAMPLE WORDPRESS JSON-API ๏ Sample data from WordPress site http://boomee.co ๏ Install WordPress plugin JSON-API http://wordpress.org/plugins/json-api/
    • WEBSERVICE SAMPLE WORDPRESS JSON-API
    • WEBSERVICE SAMPLE WORDPRESS JSON-API ๏ http://boomee.oo.or.id/api/get_post/?id=1360
    • WEBSERVICE SAMPLE WORDPRESS JSON-API
    • MULTIPLATFORM WITH PHONEGAP BUILD
    • @fem al ed ev + fe m a l e d e v @ooni d @7l angi t