mozilla

Compare Revisions

App Center

Change Revisions

Revision 441959:

Revision 441959 by chrisdavidmills on

Revision 441963:

Revision 441963 by jswisher on

Title:
Open web apps
Open web apps
Slug:
Web/Apps
Web/Apps
Tags:
"Mobile", "B2G", "Apps", "Firefox OS", "Web Development"
"Mobile", "B2G", "Apps", "Firefox OS", "Web Development"
Content:

Revision 441959
Revision 441963
n12      <img alt="" src="https://mdn.mozillademos.org/files/4627/fxn12      <img alt="" src="https://mdn.mozillademos.org/files/4627/fx
>-marketplace-icon.png" style="width: 175px; height: 175px; float:>-marketplace-icon.png" style="width: 175px; height: 175px; float:
> left;">The idea of open web apps is to allow developers to creat> left;">The idea of open web apps is to allow developers to creat
>e rich experiences that run across multiple devices and form fact>e rich experiences that run across multiple devices and form fact
>ors (desktop, mobile, tablet, etc.) using the same web standards >ors (desktop, mobile, tablet, etc.) using the same web standards 
>and open technologies that many of them will be used to already, >and open technologies that many of them will be accustomed to alr
>such as HTML5, CSS, and JavaScript. Essentially, open web apps ar>eady, such as HTML5, CSS, and JavaScript. Essentially, open web a
>e no different to normal web pages or sites — in fact, they can b>pps are no different to normal web pages or sites — in fact, they
>e hosted as standard web sites and accessed in the normal way — b> can be hosted as standard web sites and accessed in the normal w
>ut the app model offers some significant advantages. As well as s>ay — but the app model offers some significant advantages. As wel
>tandard web technologies, open web apps feature additional metada>l as standard web technologies, open web apps feature additional 
>ta that allows the User Agent to discover, install, launch, and g>metadata that allows the User Agent to discover, install, launch,
>rant them additional privileges.> and grant them additional privileges.
n15      &lt; Diagram showing open web app API/topic ecosystem &gt;n15      &lt; TBD: Diagram showing open web app API/topic ecosystem 
 >&gt;
nn17    <div class="topicpage-table">
18      <div class="section">
17    <h2 id="Advantages_of_open_web_apps">19        <h2 id="Advantages_of_open_web_apps">
18      Advantages of open web apps20          Advantages of open web apps
19    </h2>21        </h2>
20    <ul>22        <ul>
21      <li>23          <li>
22        <strong>Local installation and offline storage</strong>: 24            <strong>Local installation and offline storage</stron
>open web apps can be installed on the device, and leverage APIs s>g>: open web apps can be installed on the device, and leverage AP
>uch as local storage and IndexedDB to provide local data storage >Is such as <a href="/en-US/docs/Web/Guide/DOM/Storage" title="/en
>capabilities. In addition, open web technologies tend to have a m>-US/docs/Web/Guide/DOM/Storage">local storage</a> and <a href="/e
>uch smaller footprint than native apps and can be updated atomica>n-US/docs/IndexedDB" title="/en-US/docs/IndexedDB">IndexedDB</a> 
>lly rather than having to install a complete new package each tim>to provide local data storage capabilities. In addition, open web
>e there's an update. Such apps are therefore less dependant on an> technologies tend to have a much smaller footprint than native a
> always-on web connection, and more useful when networks are patc>pps and can be updated atomically rather than having to install a
>hy.> complete new package each time there's an update. Such apps are 
 >therefore less dependant on an always-on web connection, and more
 > useful when networks are patchy.
23      </li>25          </li>
24      <li>26          <li>
25        <strong>Hardware access</strong>: the metadata provided w27            <strong>Hardware access</strong>: the metadata provid
>ith open web apps can be used to grant the application permission>ed with open web apps can be used to grant the application permis
> to privileged APIs that enable usage of device hardware features>sion to privileged APIs that enable usage of device hardware feat
>, something the web platform has not traditionally enjoyed.>ures, something the web platform has not traditionally enjoyed.
26      </li>28          </li>
27      <li>29          <li>
28        <strong>Breaking the walled gardens</strong>: The norm fo30            <strong>Breaking the walled gardens</strong>: The nor
>r mobile platforms tends to be be walled gardens written with pro>m for mobile platforms tends to be be walled gardens written with
>prietary technologies, so apps are locked inside their platforms.> proprietary technologies, so apps are locked inside their platfo
> And smart phones tend to be expensive, and require credit cards >rms. And smart phones tend to be expensive, and require credit ca
>for app purchases. Open web apps tend to be able to run on much c>rds for app purchases. Open web apps tend to be able to run on mu
>heaper hardware, especially in the case of Firefox OS devices whe>ch cheaper hardware, especially in the case of Firefox OS devices
>re you've literally just got Firefox running on top of a lightwei> where you've literally just got Firefox running on top of a ligh
>ght Linux kernel. And they are written using open web technologie>tweight Linux kernel. And they are written using open web technol
>s, which is the most distributed platform around. In addition, Fi>ogies, which is the most distributed platform around. In addition
>refox OS devices feature payment systems where you can simply pre>, Firefox OS devices feature payment systems where you can simply
>pay for apps, or add the cost to your phone bill.> prepay for apps, or add the cost to your phone bill.
29      </li>31          </li>
30      <li>32          <li>
31        <strong>Open web app stores</strong>: following on from t33            <strong>Open web app stores</strong>: following on fr
>he previous point, you can choose to host your apps in an existin>om the previous point, you can choose to host your apps in an exi
>g marketplace (such as the Mozilla marketplace), or host them som>sting marketplace (such as the Mozilla marketplace), or host them
>ewhere else entirely. It's up to you. Mozilla aims to put the dev> somewhere else entirely. It's up to you. Mozilla aims to put the
>eloper back in control of every aspect of the app experience — fr> developer back in control of every aspect of the app experience 
>om easy development to distribution to direct customer relationsh>— from easy development to distribution to direct customer relati
>ip management. And the apps can be searched for just like any oth>onship management. And the apps can be searched for just like any
>er web-based experience.> other web-based experience.
32      </li>34          </li>
33    </ul>35        </ul>
34    <h2 id="Platforms_supporting_open_web_apps">36        <h2 id="Platforms_supporting_open_web_apps">
35      Platforms supporting open web apps37          Platforms supporting open web apps
36    </h2>38        </h2>
37    <p>39        <p>
38      Firefox OS is Mozilla's exciting new open web app platform,40          <a href="/en-US/docs/Mozilla/Firefox_OS" title="/en-US/
> which aims to deliver a smartphone experience to low cost handse>docs/Mozilla/Firefox_OS">Firefox OS</a> is Mozilla's exciting new
>ts, and show how a mobile platform could be done in openness. But> open web app platform, which aims to deliver a smartphone experi
> it doesn't stop there. Mozilla is offering open web app features>ence to low cost handsets, and show how a mobile platform could b
> like privileged APIs and manifests for standardization, and plan>e done in openness. But it doesn't stop there. Mozilla is offerin
>ning to make open web apps installable on other platforms, like d>g open web app features like privileged APIs and manifests for st
>esktop and Android.>andardization, and planning to roll out support for installing op
 >en web apps on other platforms, like Firefox for desktop, Firefox
 > for Android, and even other browsers.
39    </p>41        </p>
40    <div class="row topicpage-table">42      </div>
t86      </div>t
87      <div class="section">

Back to History