{"id":61860,"date":"2010-10-19T00:00:00","date_gmt":"2010-10-19T00:00:00","guid":{"rendered":"https:\/\/blog.mozilla.org\/foxtail\/2010\/10\/19\/prototype-of-an-open-web-app-ecosystem\/"},"modified":"2021-05-24T22:25:19","modified_gmt":"2021-05-24T22:25:19","slug":"prototype-of-an-open-web-app-ecosystem","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/en\/mozilla\/prototype-of-an-open-web-app-ecosystem\/","title":{"rendered":"Prototype of an Open Web App Ecosystem"},"content":{"rendered":"<p>The open Web is a great platform for rich applications. It would be even better if it had additional capabilities to ease discovery, acquisition, installation and use of apps, while also enabling monetization for developers. We designed and built a prototype of a system for open Web apps: Apps built using HTML\/CSS\/JavaScript that work both on computers and mobile phones, have many of the characteristics that users find compelling about native apps and provide developers with open and flexible distribution options.<\/p>\n<p>Today, we are releasing <a href=\"https:\/\/apps.mozillalabs.com\">technical documentation<\/a> of the proposed system and a developer preview prototype that allows you to install, manage and launch Web apps in any modern desktop or  mobile browser (Firefox 3.6 and later, Firefox for mobile, Internet  Explorer 8, Chrome 6, Safari 5, Opera 10 and WebKit mobile). This  prototype provides a simple mechanism to support paid apps and authentication features to allow apps to log users in upon launch.<\/p>\n<p>The design proposed here provides the following capabilities and enables a new category of what we call &#8220;Open Web Apps&#8221; &#8212; apps that are truly of the Web.<\/p>\n<p>Open Web Apps:<\/p>\n<ul>\n<li>Are built using HTML, CSS and JavaScript.<\/li>\n<li>Can be &#8220;installed&#8221; to a dashboard within your mobile or desktop Web browser, or to your native OS desktop or mobile home screen.<\/li>\n<li>Work in all modern Web browsers, while enabling each browser to compete on app presentation, organization and management user interfaces.<\/li>\n<li>Support paid apps by means of an authorization model that uses existing identity systems like OpenID.<\/li>\n<li>Support portable purchases: An  app purchased for one browser works in other browsers, and across  multiple desktop and mobile platforms without repurchase.<\/li>\n<li>Can request access to one or more advanced and\/or privacy-sensitive capabilities that they would like access to (like geolocation) which the system will mediate, giving the user the ability to opt-in to them if desired.<\/li>\n<li>Can be distributed by developers directly to users without any gatekeeper, and distributed through multiple stores, allowing stores to compete on customer service, price, policies, app discoverability, ratings, reviews and other attributes.<\/li>\n<li>Can receive notifications from the cloud.<\/li>\n<li>Support deep search across apps: Apps can implement an interface that enables the app container (generally the Web browser) to provide the user with a cross-app search experience that links deeply into any app that can satisfy the search.<\/li>\n<\/ul>\n<p>Check out this demo to see more about our Open Web App prototype:<\/p>\n<p><video width=\"640\" height=\"360\" controls><source src=\"http:\/\/videos-cdn.mozilla.net\/labs\/openwebapps\/openwebapps.mp4\" \ntype=\"video\/mp4\" \/><source src=\"http:\/\/videos-cdn.mozilla.net\/labs\/openwebapps\/openwebapps.webm\" \ntype=\"video\/webm\" \/><source src=\"http:\/\/videos-cdn.mozilla.net\/labs\/openwebapps\/openwebapps.ogv\" \ntype=\"video\/ogg\" \/><br \/>\n<object width=\"640\" height=\"360\" type=\"application\/x-shockwave-flash\" \ndata=\"http:\/\/www.youtube.com\/v\/iBFVrmyald4\"><param name=\"movie\" \nvalue=\"http:\/\/www.youtube.com\/v\/iBFVrmyald4\" \/><\/object><\/video><\/p>\n<p>Please join us in exploring this <a href=\"https:\/\/apps.mozillalabs.com\">Open Web App concept<\/a>. Head over to the <a href=\"http:\/\/groups.google.com\/group\/mozilla-labs\" target=\"_blank\" rel=\"noopener noreferrer\">Mozilla Labs forum<\/a>, leave a comment here and follow the <a href=\"http:\/\/mozillalabs.com\">Mozilla Labs blog<\/a> for updates. As with everything Mozilla does, we&#8217;re developing this prototype and design for the public benefit in the open  and we look forward to making this concept a reality.<\/p>\n<p><a href=\"https:\/\/wiki.mozilla.org\/OpenWebAppPlatformFAQ\">Open Web App Ecosystem FAQ<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The open Web is a great platform for rich applications. It would be even better if it had additional capabilities to ease discovery, acquisition, installation and use of apps, while also enabling monetization for developers. We designed and built a prototype of a system for open Web apps: Apps built using HTML\/CSS\/JavaScript that work both [&hellip;]<\/p>\n","protected":false},"author":190,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"coauthors":[463715],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Prototype of an Open Web App Ecosystem<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.mozilla.org\/en\/mozilla\/prototype-of-an-open-web-app-ecosystem\/\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/prototype-of-an-open-web-app-ecosystem\/\",\"url\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/prototype-of-an-open-web-app-ecosystem\/\",\"name\":\"Prototype of an Open Web App Ecosystem\",\"isPartOf\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\"},\"datePublished\":\"2010-10-19T00:00:00+00:00\",\"dateModified\":\"2021-05-24T22:25:19+00:00\",\"author\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/86f9cd7c9e0ba6cc68b4a7b62d7b0e89\"},\"breadcrumb\":{\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/prototype-of-an-open-web-app-ecosystem\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.mozilla.org\/en\/mozilla\/prototype-of-an-open-web-app-ecosystem\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/mozilla\/prototype-of-an-open-web-app-ecosystem\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.mozilla.org\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Prototype of an Open Web App Ecosystem\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#website\",\"url\":\"https:\/\/blog.mozilla.org\/en\/\",\"name\":\"The Mozilla Blog\",\"description\":\"News and Updates about Mozilla\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/86f9cd7c9e0ba6cc68b4a7b62d7b0e89\",\"name\":\"jsullivan@mozilla.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/2551bb35d9b6f9157e80e2ea6e3167f3\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3be305e682b3008944459233189e8d6e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3be305e682b3008944459233189e8d6e?s=96&d=mm&r=g\",\"caption\":\"jsullivan@mozilla.com\"},\"url\":\"https:\/\/blog.mozilla.org\/en\/author\/jsullivanmozilla-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Prototype of an Open Web App Ecosystem","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blog.mozilla.org\/en\/mozilla\/prototype-of-an-open-web-app-ecosystem\/","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/prototype-of-an-open-web-app-ecosystem\/","url":"https:\/\/blog.mozilla.org\/en\/mozilla\/prototype-of-an-open-web-app-ecosystem\/","name":"Prototype of an Open Web App Ecosystem","isPartOf":{"@id":"https:\/\/blog.mozilla.org\/en\/#website"},"datePublished":"2010-10-19T00:00:00+00:00","dateModified":"2021-05-24T22:25:19+00:00","author":{"@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/86f9cd7c9e0ba6cc68b4a7b62d7b0e89"},"breadcrumb":{"@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/prototype-of-an-open-web-app-ecosystem\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.mozilla.org\/en\/mozilla\/prototype-of-an-open-web-app-ecosystem\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/blog.mozilla.org\/en\/mozilla\/prototype-of-an-open-web-app-ecosystem\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.mozilla.org\/en\/"},{"@type":"ListItem","position":2,"name":"Prototype of an Open Web App Ecosystem"}]},{"@type":"WebSite","@id":"https:\/\/blog.mozilla.org\/en\/#website","url":"https:\/\/blog.mozilla.org\/en\/","name":"The Mozilla Blog","description":"News and Updates about Mozilla","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.mozilla.org\/en\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/86f9cd7c9e0ba6cc68b4a7b62d7b0e89","name":"jsullivan@mozilla.com","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blog.mozilla.org\/en\/#\/schema\/person\/image\/2551bb35d9b6f9157e80e2ea6e3167f3","url":"https:\/\/secure.gravatar.com\/avatar\/3be305e682b3008944459233189e8d6e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3be305e682b3008944459233189e8d6e?s=96&d=mm&r=g","caption":"jsullivan@mozilla.com"},"url":"https:\/\/blog.mozilla.org\/en\/author\/jsullivanmozilla-com\/"}]}},"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/61860"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/comments?post=61860"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/posts\/61860\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/media?parent=61860"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/categories?post=61860"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/tags?post=61860"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/blog.mozilla.org\/en\/wp-json\/wp\/v2\/coauthors?post=61860"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}