Tweet
Tweet

Slide 1

Slide 1 text

ì   Building  apps  for  Firefox  OS  

Slide 2

Slide 2 text

Hello   ì  Hi,  I’m  Ruth   ì  Work  in  The  Lab  at  o2  (Telefonica)   ì  UX,  Design,  Front  End  Dev   ì  @rumyra  

Slide 3

Slide 3 text

But  what  the?   ì  It’s  an  OperaIng  System!   ì  (Mobile)  Device,  then  Gonk   ì  Firefox  rendering  engine  -­‐>  Gecko   ì  Otherwise  known  as  ‘Boot  to  Gecko’  

Slide 4

Slide 4 text

But  what  the?   ì  It’s  an  OperaIng  System!   ì  (Mobile)  Device,  then  Gonk   ì  Firefox  rendering  engine  -­‐>   Gecko   ì  Otherwise  known  as  ‘Boot   to  Gecko’  

Slide 5

Slide 5 text

Gaia   ì  Suite  of  web  apps   ì  Run  naIvely  on  device   ì  Can  boot  on  other   devices  (Raspberry  Pi)   ì  All  Open  Source  

Slide 6

Slide 6 text

Devices   Geeksphone   Foxconn  tablet  

Slide 7

Slide 7 text

Released!   ì  Mozilla,  Telefonica,  &   ZTE   ì  ‘ZTE  Open’   ì  €69   ì  Ebay   ì  This  country?  

Slide 8

Slide 8 text

ì   Devices  

Slide 9

Slide 9 text

No  device?   ì  Simulator:  Firefox  Add  On  

Slide 10

Slide 10 text

How  do  I  build  apps?  

Slide 11

Slide 11 text

How  do  I  build  apps?  

Slide 12

Slide 12 text

How  do  I  build  apps? ì  You  probably  already  have   ì  HTML,  CSS,  Javascript   ì  Other  web  technologies   ì  Simples!  

Slide 13

Slide 13 text

Anything  else?   ì  Manifest  –  root  of   app,  JSON  format   ì  Responsive  design   ì  Icons   ì  Offline    

Slide 14

Slide 14 text

New  technology   ì  HTML5  api’s   ì  GeolocaIon,   getUserMedia   ì  New  webAPIs  :D  

Slide 15

Slide 15 text

WebAPIs  (are  awesome)  

Slide 16

Slide 16 text

I’ve  made  an  app  –  now  what?   ì  Packaged  Apps  -­‐>   Mozilla  marketplace   ì  Hosted  Apps  -­‐>  Host   it  anywhere  (even   Github  pages)  

Slide 17

Slide 17 text

Resources   ì  heps://addons.mozilla.org/en-­‐US/firefox/addon/firefox-­‐os-­‐ simulator/   ì  hep://manifest-­‐validator.com/   ì  heps://wiki.mozilla.org/WebAPI/  or   heps://developer.mozilla.org/en-­‐US/docs/WebAPI   ì  heps://developer.mozilla.org/en-­‐US/docs/Apps/Packaged_apps   ì  hep://www.12devsofxmas.co.uk/post/2012-­‐12-­‐27-­‐day-­‐2-­‐lets-­‐ make-­‐a-­‐firefoxos-­‐app  

Slide 18

Slide 18 text

Thank  you   ì  Ruth  John   ì  @rumyra