Building Pocket Kitten

C08248149e67f2c4f02b8fe32cb9952b?s=47 Ruth John (Rumyra)
September 04, 2013
Programming
0
190

Building Pocket Kitten

How to get started and build an intro app for Firefox OS

C08248149e67f2c4f02b8fe32cb9952b?s=128

Ruth John (Rumyra)

September 04, 2013
Tweet

More Decks by Ruth John (Rumyra)

See All by Ruth John (Rumyra)
C08248149e67f2c4f02b8fe32cb9952b?s=48 rumyra
3
19k
C08248149e67f2c4f02b8fe32cb9952b?s=48 rumyra
0
48
C08248149e67f2c4f02b8fe32cb9952b?s=48 rumyra
0
350
C08248149e67f2c4f02b8fe32cb9952b?s=48 rumyra
1
130
C08248149e67f2c4f02b8fe32cb9952b?s=48 rumyra
0
53
C08248149e67f2c4f02b8fe32cb9952b?s=48 rumyra
0
190
C08248149e67f2c4f02b8fe32cb9952b?s=48 rumyra
0
150
C08248149e67f2c4f02b8fe32cb9952b?s=48 rumyra
2
99
C08248149e67f2c4f02b8fe32cb9952b?s=48 rumyra
0
250

Other Decks in Programming

See All in Programming
C302e84057a922dce0ecbe80207e3fcc?s=48 mu_zaru
1
150
3ed241740309c9b4adfeccc6212465b0?s=48 mfunaki
0
170
C302e84057a922dce0ecbe80207e3fcc?s=48 mu_zaru
0
110
29bfc9e2bc82b775a30af70be3196386?s=48 hannaprinz
0
100
40301c0affdf359eaca771713e22b71a?s=48 harshbothra
0
890
6e85e396c2fca10e469e67cbede8104e?s=48 yukikimoto
0
130
A093c82d1ffb09f8a023c757ffa7419d?s=48 yuzujoe
2
190
5fc8ab822e946a8ddfa46ba15a848392?s=48 fuqda
1
140
9ae4f3862d4cb0771cfd36e43252f755?s=48 kurotanshi
0
230
D83b3739651001461f48763639b90b50?s=48 mazipan
4
930
Db2247a5b4226e1f6f74a9bd87810090?s=48 hiroakis
3
490
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
5
3.5k

Featured

See All Featured
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
55
5.3k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
250
11k
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
123
21k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
266
16k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
83
3.8k
C86443373fbfe92996aa882d0d7a59f8?s=48 imathis
477
150k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
3.9k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
494
110k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
281
46k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
99
5.7k
78b475797a14c84799063c7cd073962f?s=48 holman
446
130k
282d599b414022eba5096510f675b6e2?s=48 chrislema
169
14k

Transcript

  1. ì   Getting  Started  

  2. Hello   ì  I’m  Ruth   ì  Work  in  The

     Lab  at  o2   ì  UX,  Design,  Front  End  Dev   ì  @rumyra  

  3. Simple  app   New  technology  -­‐ just  wanted  to  

    try  it  out  

  4. Anger  Management  App  

  5. Pocket  Kitten  

  6. Pocket  Kitten  

  7. rumyra.github.io/Pocket-­‐Kitten  

  8. Bunzorcam  

  9. Web  App   rumyra.github.io/Pocket-­‐KiKen  

  10. Simulator   ì  Firefox  Add  On   rumyra.github.io/Pocket-­‐KiKen  

  11. HTML   rumyra.github.io/Pocket-­‐KiKen  

  12. CSS   rumyra.github.io/Pocket-­‐KiKen  

  13. Manifest   ì  Manifest  –  root  of  app,  JSON  format

        rumyra.github.io/Pocket-­‐KiKen  

  14. Vibrate   ì  App  vibrates  phone  on  tap,  user  feedback

      ì  Check  compaVbility     rumyra.github.io/Pocket-­‐KiKen  

  15. What  if?   ì  I  own  a  dog   rumyra.github.io/Pocket-­‐KiKen

     

  16. Ambient  Light  API   ì  When  it’s  night,  show  dogs!

      rumyra.github.io/Pocket-­‐KiKen  

  17. Install   ì  hKps://developer.mozilla.org/en-­‐US/docs/ Mozilla/Firefox_OS/Apps/ WriVng_a_web_app_for_Firefox_OS   rumyra.github.io/Pocket-­‐KiKen  

  18. I’ve  made  an  app  –  now  what?   ì  Packaged

     Apps  -­‐>   Mozilla   marketplace   ì  Hosted  Apps  -­‐>   Host  it  anywhere   (even  Github   pages)  

  19. Resources   ì  hKps://addons.mozilla.org/en-­‐US/firefox/addon/firefox-­‐ os-­‐simulator/   ì  hKp://manifest-­‐validator.com/   ì 

    hKps://wiki.mozilla.org/WebAPI/  or   hKps://developer.mozilla.org/en-­‐US/docs/WebAPI   ì  hKps://developer.mozilla.org/en-­‐US/docs/Apps/ Packaged_apps   ì  hKp://www.12devsofxmas.co.uk/post/2012-­‐12-­‐27-­‐ day-­‐2-­‐lets-­‐make-­‐a-­‐firefoxos-­‐app  

  20. Hello   ì  Ruth  John   ì  @rumyra   ì 

    QuesVons?