Speaker on Firefox OS event where I explained what are webapps: main advantages, drawbacks and how to configure your own application. Finally I explained how to publish your own application on FirefoxOS apps marketplace

1. Web Applications and
FirefoxOS Marketplace
Jorge Ferreiro - 28/11/2014

2. What is a WebApp?

3. Optimised version for mobile
devices of a web page
What is a WebApp? @jgferreiro

4. • No updates: the user always access
the latest production version
available on your server.
• Multiplatform: one design, multiple
devices.
• Iterate fast: test your new features
directly with the customer the same
day you released them.
Why webapps? @jgferreiro

5. • Performance: native applications
have better performance (normally
they are compiled).
• Could exists some API’s limitations
(depends on the platform).
• You may need to use frameworks
(eg, phonegap, ionic) to publish your
Apps on Android, IOs…
Drawbacks @jgferreiro

6. Some cool Webapps out there!
Candy rain 2 CameranOpenwapp
Examples @jgferreiro

7. How to develop a Webapp?

8. + +
HTML5 JS CSS3
Technology Mix!
How to develop? @jgferreiro

9. Useful Tool: Firefox OS Simulator
Tools kit @jgferreiro

10. Web webapp
So the idea is turning a website into a
webapp... But, how can we do that?

11. App manifest

12. Required fields
JSON configuration file of your project.
App manifest: options @jgferreiro

13. App manifest: options @jgferreiro
Locales: Which languages you support?

14. App manifest: options @jgferreiro
Permissions: Indicates the API’s your
Application is using

15. My webapp:
Music4deejays

16. A few months ago I had an idea...

17. Passion for electronic music
Nowadays is very difficult for
artists and producers to be
discovered.
I like to solve problems creating
online services / products
What motivates me?

18. What is Music4deejays?
Listen
Share
Download
The best electronic music
from emerging artists

19. Home page
Music4deejays screenshots @jgferreiro

20. Responsive Design
to any Device
Music4deejays screenshots @jgferreiro

21. How to publish on
FirefoxOS Marketplace?

22. https://marketplace.firefox.com/developers/submit/
Firefox Marketplace
Publishing @jgferreiro

23. Type + Manifest Route
Publishing @jgferreiro

24. Error ☹ Configure .htacces file
AddType application/x-web-app-manifest+json
.webapp
Add to .htaccess:
Publishing @jgferreiro

25. App Requirements
AddType application/x-web-app-
manifest+json .webapp
Añadir al .htaccess:
Publishing @jgferreiro

26. Basic Information
AddType application/x-web-app-
manifest+json .webapp
Añadir al .htaccess:
Publishing @jgferreiro

27. Just a few more steps and…
Ready! You only need Firefox
approves the application
Publishing @jgferreiro

28. More information:
@Music4deejays
music4deejays.com

29. • https://marketplace.firefox.com/developers
/docs/deploy
• Curso HTML5 para Firefox OS.
• Pautas para el desarrollo de aplicaciones
• Distribuir tu aplicación
@jgferreiroInteresting links

30. Questions?

31. Thank you
Keep in touch!
Mail: me@jgferreiro.com
Website: www.jgferreiro.com