Apps/Developers

This page contains all of the important details for the Apps Developers project.

Elevator Pitch

Imagine you're a web developer and you want to learn about this Open Web Apps thing. The Apps Developers project focuses on explaining what this is, what you can do with it and how to build a web app, providing you with guidance and resources along the way.

Overview

• Prod URL: https://marketplace.mozilla.org/en-US/developers/ (behind login)
• Dev URL: TBD
• Stage URL: TBD
• Code Repo: Zamboni/mkt
• Code: Django (part of Zamboni = AMO/Marketplace)
• Product Owner: Daniel Buchner
• Dev Team: Arron Schaar (dev)
• IRC Channel: #devecosystem on irc.mozilla.org

Project Status

• Phase 1. (see below)
• Target release date: Q2 2012 goal

Development Phases

Phase 1: General Apps Landing Page and Tutorial

Initially, our strategy to up-level the developer ecosystem will be focused on introduction and information. We will create a compelling landing page and tutorial that lead developers through the subtleties of the general apps development case. In later phases we will expand our landing page + tutorial formula to address other app verticals of interest.

Goals

• Make the app developer experience amazing
• Give app developers a very clear path to where they want to go

Audiences

• Mobile app developers
• Game developers
• Web developers
• Partners/App workshops
• Startups

Outline

• Design
• Revision/Source control
• App workshops/IDEs
• Advertising
• Statistics
• Purchases
• Hosting
• Cloud storage

Notes

• Comparative analysis, design prep - jgrlicky
  • Comparative Analysis
  • Raw Screenshots
  • jgrlicky: the movie
  • Landing page mocks

Relevant Sites

Internal:

• https://www.mozilla.org/en-US/apps/
• https://marketplace.mozilla.org/en-US/login?to=/en-US/developers/
• https://developer.mozilla.org/en/Apps
• https://developer.mozilla.org/en-US/Apps

External:

• https://simple.com/
• https://stripe.com/ and https://stripe.com/docs
• https://developer.apple.com/library/ios/#referencelibrary/GettingStarted/RoadMapiOS/

Landing Page

Informational landing page(s) outlining the dev process for web apps.

Suggested outline:

What's a Web App? - content

• Examples
• Compare to other platforms
  • iOS, Android
  • Website
  • Add-on
• Technologies used

Design it!

• Layouts
• Responsive Design
• UI/Themes

Code it! - content

• The parts of an open web app
• Bootstrap
• HTML5 / CSS3 / JS docs
• Localization

Test it! -- content

• Mobile
• Desktop
• Offline / online
• QA best practices document

Publish it! (see "test it" content)

• Deployment
  • (own server, Heroku, Google Appspot)
• Marketplace / AMO
• Monetization

Next Steps (see "test it" content)

• Updates
• User Engagement

Phase 2: Turn Developer Hub into a one-stop destination

	THIS PAGE IS A WORKING DRAFT
	The page may be difficult to navigate, and some information on its subject might be incomplete and/or evolving rapidly. If you have any questions or ideas, please add them as a new topic on the discussion page.

- templates (mortar, webgamestub) - web components (x-tags) - tutorials and end-to-end "walkthrough" - apps UX design guidelines - apps submission API

and probably: - a landing page for potential partners.