Reference: Earlier Concepts - June 2014

Theme: Devhub is a tool (not a website)

  1. Devhub is an IDE
    All the things together in one package:
    • You start an app by creating a new project. A new project is populated with starter files and directories
    • You work on the file normally, but it's also possible to use the interface builder to work on the design
    • When working on the manifest file, the editor will do code completion. It can also present you with an interactive form if you don't want to edit the manifest by hand
    • App management (categories, price, avaiability ratings, payment accounts) happen inside the IDE
    • App statistics is also included
    • App user testing is also included
  2. Devhub is an interface builder + app submitter
    Think of it as an interface builder that sits on top of a technology like Bricks or Cordova. User can pick a layout, drag and drop elements onto a canvas, populate it with multimedia and RSS content, customize the loading screen and background, and choose a color scheme. The idea is to build open web apps without writing a single line of code. Although the builder does generate code that user can edit. It can also handle submission to the Marketplace and do it with one click. We don't have to make our own from scratch. Is there an existing open-source site builder that we can fork and refit for mobile/tablet layouts?
  3. Devhub is a manifest + packaged app generator + app submitter
    Think of it as an app that sits alongside your text editor. When you're done working on your app, you open this app. This app opens a GUI that will create a manifest file. But not only that, it can also zip up your app and generate a .zip file that's ready for submission. Bonus: if you want to localize your app's manifest, you don't need to edit the file by hand. Just use the GUI.
  4. Devhub makes editing app manifest painless
    This is a plugin that's even more lightweight than the above. It consists of a plugin for text editors that will syntax highlight and suggest keys for app manifest. This is something that partners have asked for, too. Developers will still need to generate the package manually and submit it using the website, but the manifest file is taken care of.
  5. Devhub is an app that lives on your phone, tablet or desktop
    Instead of making Devhub a Mozilla property, make it an app. The idea is to upload your manifest into the app. App submission and management is done on that app. By using an app to submit and manage, I don't have to be online in order to manage my app. Whenever I get online, the change I've made gets applied.
  6. Devhub hosts remote repositories for web apps
    Flow explorations
    Every time developer saves a file on desktop, it's synched to his non-public app that's hosted on Marketplace. Dev can download the non-public app to his mobile device, so he can view the changes immediately on a real phone. Submitting is trivial: just click submit. To publish an app, just set its status to public, and everybody will be able to see it.
  7. Devhub is an app publishing service on Github
    Maybe Devhub shouldn't be a repository, but it should make publishing app via Github really easy. If I have a Marketplace-ready repository on Github, submitting takes one click. But with one more twist: if I commit to Github, the changes actually sync to my Marketplace app, as well. This makes updating my app as easy as updating my repo.

Theme: Play well with other marketplaces

  1. If you've already submitted to another store, just give us the URL to the other store app, and we'll take care of the rest. Including pricing and countries.
  2. Do it the other way around. After you finish submitting to Firefox Marketplace, we say "Would you like to submit this to Amazon, Apple App Store, Google Play Store, etc.?"

Theme: Shift responsibility

  1. Let's let our developer community build Devhub
    Give them the business rules, and let them decide how they want it to be.
  2. Devhub is a concierge service
    As we do for biz partners, let's hand-hold developers through the app submission/management process.
  3. Devhub is a drop-off service for app
    Description of this flow
    Visualizations of this flow
    First, build your app. Then, drop it off at Devhub and tell us what you want (where would you like to distribute, etc.). We'll complete everything for you from start to finish.
  4. What if developers could pay someone a small amount to do Devhub for them?

Theme: Make Devhub a bigger concept

  1. Devhub is a platform for collaborating on the future of open web apps
    Submit an app idea, others can say they want to help you build it, build it together, and share the revenue. You don't have to be a developer to contribute. A Kickstarter-like idea.
    Submit an idea, submit some codes, or submit a finished app package. Collaboration can happen in the ideation phase (help narrow down/brainstorm), in the building phase (contribute code, user test), or in the launch phase (promote/street team/gather feedback, compile feedback for v2). Partners can look and invest.
  2. Devhub is the only marketplace with App Advisors
    Everything remains normal, but you can have your app professionally evaluated prior to submission and launching it. Get get feedback from pros that could make your app better before submitting it. Possibly the "pros" are Moz employees and/or contributors.
  3. App Manager is Devhub
    Flow explorations
    App manager is the centerpiece of all software build-launch-manage activities. Kill Devhub.
  4. Devhub is where Firefox Marketplace apps are forkable
    You can download the source code of some apps (if the app's developer allows it) and use it as a base for building your app.
  5. Marketplace is the app store with new sources of revenue for developers
    Marketplace is the app store with new sources of revenue for developers
  6. Devhub is where developers don't necessarily have to make apps to earn money
    What if they could consult for fees to other developers?

Theme: Improve the interface

  1. One click "Send to Devhub"
    At some point during the build process, you're going to test it out on either the simulator or a phone. The idea is to have a link to submit the app right then and there. We package everything and submit it.
  2. Devhub is Ask Jeeves
    Just type in what you want to do today, and we'll serve up the relevant pages as "worksheets" to complete. Completely non-linear. Task-based.
  3. What if many people (not just one) can be responsible for submitting and managing one app?
    We have this feature already for app management, but not for app submission. We know that the submission process is long. This way, I get to pick a price, but my finance guy can take care of the payment accounts registration. I get to upload a manifest, but my designer gets to upload the screenshot and video and get creative control over the app listing page.
  4. App's completeness
    Every time you log in and your app is not yet submitted, we'll show you what you still need to complete in order to submit. For example, it might say "80% complete: you need to fill in [description], [screenshot] and [price]"
  5. Family mode
    DevHub should understand that you work from home and have family around.
    • It should auto-save, so whenever you need to run and tend to your kids, your progress isn't ruined
    • Accidental and random keyboard inputs (scenario: kid banging on keyboard) won't be registered, so it won't ruin your app
    • A simple game inside DevHub that you can play to help calm a kid that's throwing a fit

Theme: Cover all the steps

  1. Hacks blog helps developer to explore and consider. It lists great apps and success stories.
  2. MDN helps developer to build. It provides open web apps tutorials from start to finish.
  3. DevHub helps developer confirm and launch. It allows developers to test his app to a select audience and then launch it to the world.
  4. There are a lot of companies that already do prepare (moz, etc.) and listen (AppAnnie, etc.), but their content isn't specific to Open Web Apps. We can partner with them.

< Previous Section