Revision 347285 of Desarrollo de aplicaciones para desarrolladores web

  • Revision slug: Aplicaciones/Para_desarrolladores_web
  • Revision title: Desarrollo de aplicaciones para desarrolladores web
  • Revision id: 347285
  • Created:
  • Creator: MPoli
  • Is current revision? No
  • Comment
Tags: 

Revision Content

Requerimientos mínimos

Si eres un desarrollador web y tienes un sitio o una aplicación web que quieres transformar en una aplicación de web abierta instalable, técnicamente se necesita hacer muy poco. Los requerimientos mínimos son algunos:

  1. Crear un manifiesto de aplicación.
  2. Entregar el manifiesto de la aplicación en un archivo con extensión .webapp. Establecer el encabezado Content-Type a application/x-web-app-manifest+json.
  3. Publicar la aplicación, ya sea en un sitio propio o en una tienda de aplicaciones (o ambos). Publicarlo tú mismo requiere agregar algo de código al sitio para administrar la instalación y actualización de la aplicación en los navegadores de los usuarios.

Características opcionales

Filosóficamente, la idea de una aplicación de web abierta instalable es mucho más que simplemente agregar un manifiesto al sitio. Las tecnologías estándares de la web pueden ser vistas como una plataforma de aplicaciones hecha y derecha que pasa a utilizar el motor del navegador para mostrar interfaces de usuario e interpretar código y usa protocolos web para comunicarse con un servidor. Mozilla ofrece ejecutables "Web runtime" para varias plataformas así las aplicaciones pueden ejecutarse en su propia ventana sin una ventana de navegador.

Para "apificar" un sitio web, hay varias preguntas específicas de las aplicaciones a considerar:

  • ¿Debería funcionar mi aplicación cuando no esté conectada a la web?
  • ¿Cómo usa los datos mi aplicación y cómo necesitan ser guardados?
  • ¿Puede el rendimiento de mi aplicación beneficiarse de características avanzadas de la plataforma como Web Workers o WebSockets?
  • Y muchas más

Si desea sacar el máximo provecho de las capacidades de las aplicaciones instalables, hay mucho que se puede hacer. Por ejemplo:

  • Usar diseño web adaptable para que se vea bien y funcione bien en todos los dispositivos.
  • Cobrar dinero por las aplicaciones.
  • Proveer una forma de identificar usuarios.
  • Habilitar cacheo offline para que la aplicación pueda ser usada cuando el dispositivo no esté en Internet.
  • Guardar datos localmente usando ya sea IndexedDB o localStorage.
  • Iniciar la aplicación nativamente (con un ícono en el escritorio o la pantalla de inicio).
  • Usar APIs del dispositivo para interactuar con el hardware, como geolocalizacion y orientación.
  • Darle a los usuario una forma de opinión. Los estudios de usuarios de Mozilla muestran que quieren dar su opinión a los desarrolladores de aplicaciones y quieren saber si hay un humano recibiéndolas. Quieren hacer sugerencias y obtener ayuda sin problemas. Pueden dejar de usar una aplicación si tienen algún problema y no hay forma de conseguir ayuda.

Tecnologías útiles

Hay algunas tecnologías web que pueden ser útiles al escribir aplicaciones instalables. ¡Nótese que no hay nada en esta lista que sea exclusivo de las aplicaciones de la web abierta!

Ver también

Revision Source

<h2 id="Minimum_requirements">Requerimientos mínimos</h2>
<p>Si eres un desarrollador web y tienes un sitio o una aplicación web que quieres transformar en una aplicación de web abierta instalable, <em>técnicamente</em> se necesita hacer muy poco. Los requerimientos mínimos son algunos:</p>
<ol>
  <li>Crear un <a href="/en-US/docs/Apps/Manifest">manifiesto de aplicación</a>.</li>
  <li>Entregar el manifiesto de la aplicación en un archivo con extensión <code>.webapp</code>. Establecer el encabezado <code>Content-Type</code> a <code>application/x-web-app-manifest+json</code>.</li>
  <li>Publicar la aplicación, ya sea en un sitio propio o en una tienda de aplicaciones (o ambos). Publicarlo tú mismo requiere <a href="/en-US/docs/Apps/Apps_JavaScript_API">agregar algo de código al sitio para administrar la instalación y actualización de la aplicación</a> en los navegadores de los usuarios.</li>
</ol>
<h2 id="Optional_features">Características opcionales</h2>
<p><em>Filosóficamente</em>, la idea de una aplicación de web abierta instalable es mucho más que simplemente agregar un manifiesto al sitio. Las tecnologías estándares de la web pueden ser vistas como una plataforma de aplicaciones hecha y derecha que pasa a utilizar el motor del navegador para mostrar interfaces de usuario e interpretar código y usa protocolos web para comunicarse con un servidor. Mozilla ofrece ejecutables "<a href="/en-US/docs/Apps/Apps_architecture#Web_runtime">Web runtime</a>" para varias plataformas así las aplicaciones pueden ejecutarse en su propia ventana sin una ventana de navegador.</p>
<p>Para "apificar" un sitio web, hay varias preguntas específicas de las aplicaciones a considerar:</p>
<ul>
  <li>¿Debería funcionar mi aplicación cuando no esté conectada a la web?</li>
  <li>¿Cómo usa los datos mi aplicación y cómo necesitan ser guardados?</li>
  <li>¿Puede el rendimiento de mi aplicación beneficiarse de características avanzadas de la plataforma como <a href="/en-US/docs/Using_web_workers">Web Workers</a> o <a href="/en-US/docs/WebSockets">WebSockets</a>?</li>
  <li>Y muchas más</li>
</ul>
<p>Si desea sacar el máximo provecho de las capacidades de las aplicaciones instalables, hay mucho que se puede hacer. Por ejemplo:</p>
<ul>
  <li>Usar <a href="/en-US/docs/Web_Development/Responsive_Web_design">diseño web adaptable</a> para que se vea bien y funcione bien en todos los dispositivos.</li>
  <li>Cobrar dinero por las aplicaciones.</li>
  <li>Proveer una forma de <a href="/en-US/docs/Apps/Identity_integration">identificar usuarios</a>.</li>
  <li><a href="/en-US/docs/Apps/Using_apps_offline">Habilitar cacheo offline</a> para que la aplicación pueda ser usada cuando el dispositivo no esté en Internet.</li>
  <li>Guardar datos localmente usando ya sea <a href="/en-US/docs/IndexedDB">IndexedDB</a> o <a href="/en-US/docs/DOM/Storage">localStorage</a>.</li>
  <li><a href="/en-US/docs/Apps/Platform-specific_details">Iniciar la aplicación</a> nativamente (con un ícono en el escritorio o la pantalla de inicio).</li>
  <li>Usar APIs del dispositivo para interactuar con el hardware, como <a href="/en-US/docs/Using_geolocation">geolocalizacion</a> y <a href="/en-US/docs/DOM/Orientation_and_motion_data_explained">orientación</a>.</li>
  <li>Darle a los usuario una forma de opinión. Los estudios de usuarios de Mozilla muestran que quieren dar su opinión a los desarrolladores de aplicaciones y quieren saber si hay un humano recibiéndolas. Quieren hacer sugerencias y obtener ayuda sin problemas. Pueden dejar de usar una aplicación si tienen algún problema y no hay forma de conseguir ayuda.</li>
</ul>
<h2 id="Useful_technologies">Tecnologías útiles</h2>
<p>Hay algunas tecnologías web que pueden ser útiles al escribir aplicaciones instalables. ¡Nótese que no hay nada en esta lista que sea exclusivo de las aplicaciones de la web abierta!</p>
<ul>
  <li><a href="/es/docs/HTML/HTML5">HTML5</a></li>
  <li><a href="/en-US/docs/CSS">CSS</a></li>
  <li><a href="/en-US/docs/JavaScript">JavaScript</a></li>
  <li><a href="/en-US/docs/HTML/Canvas">Canvas</a></li>
  <li><a href="/en-US/docs/AJAX">Ajax</a></li>
  <li><a href="/en-US/docs/HTML/Using_the_application_cache">Offline resources in Firefox</a></li>
  <li><a href="/en-US/docs/DOM/Storage">DOM Storage</a></li>
  <li><a href="/en-US/docs/IndexedDB">IndexedDB</a></li>
  <li><a href="/en-US/docs/DragDrop/Drag_and_Drop">Drag and drop</a></li>
</ul>
<h2 id="See_also">Ver también</h2>
<ul>
  <li><a class="external" href="http://smus.com/mobile-web-app-tech-stack">A mobile web application stack </a></li>
</ul>
Revert to this revision