SVG

• Documento resumen:SVG y empaquetamiento
• SVG es el formato de representación de gráficos vectoriales
• No pierden calidad con el aumento de tamaño.
• Recursos:
  • Galería wigimedia: http://commons.wikimedia.org/wiki/Category:SVGs_by_subject
  • Editor SVG: http://svg-edit.googlecode.com/svn/branches/2.5.1/editor/svg-editor.html
  • Tutorial: https://developer.mozilla.org/en-US/docs/Web/SVG
  • Tutorial: http://www.w3schools.com/svg/
• Se pueden generar como código javaScript (Ver ejemplos
• Se pueden definir como objetos externos en XML e importarlos com img,object,embed,iframe. Tutorial: http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Web-Use.html

Canvas

• CANVAS define un mapa de bits
• Se define en HTML con la marca <canvas>
• Permite programar en javascript aplicaciones interactivas
• Tutoriales:
  • http://www.w3schools.com/html/html5_canvas.asp
  • http://www.w3schools.com/tags/ref_canvas.asp
  • https://developer.mozilla.org/es/docs/Web/Guide/HTML/Canvas_tutorial

FirefoxOS

• Sistema operativo para móviles y tabletas
• Características: pag.21
• Dos tipos de aplicaciones:
  • hosted: alojadas en un servidor
    • Pueden ejecutarse desde un navegador
    • o publicarse en una tienda para su instalación en dispositivos FirefoxOS
    • Más información: https://developer.mozilla.org/en-US/Marketplace/Options/Hosted_apps
    • Necesitan conexión a internet para ser ejecutadas
    • Solo puede haber una hosted WebApp por dominio Web
  • packaged: se descargan empaquetadas en un fichero zip
    • Pueden publicarse en una tienda para instalarse en dispositivos FireFoxOs
    • Más información:https://developer.mozilla.org/en-US/Marketplace/Options/Packaged_apps
    • Solamente se pueden instalar: no se pueden ejecutar directamente desde el navegador.
    • Pueden funcionar sin conexión a internet
• Firefox Marketplace
  • Permite crear tiendas de aplicaciones alojadas en servidores
  • Más información: https://developer.mozilla.org/en-US/Marketplace
  • Market places con apps de Mozilla: https://marketplace.firefox.com/
• Crear una App hosted:
  • Añadir los ficheros de los iconos que se mostrarán en el escritorio
  • Añadir el fichero instalador (install.htm)
  • Añadir el fichero manifiesto con información sobre la instalación.
    • En formato JSON
    • Información de instalación, recursos,diseñador...
• Crear una aplicación empaquetada:
  • Añadir el fichero manifiesto, esta vez los URL son relativos
  • Empaquetar todos los ficheros (.zip),incluído el manifest.webapp, no deben estar en directorios
  • Añadir el fichero package.manifest, con información de la webapp

    Atención: los valores del name, version y developer deben ser los mismos en los ficheros manifest.webapp y package.manifest

  • Añadir el fichero 'index.html' que ejecutará la instalación.
• Instalación:
  • Se puede utilizar el emulador de dispositivos con FireFox OS, disponible en las herramientas de desarrollador del navegador, en las opciones del Administrador de aplicaciones
  • Instalar una App Hosted:
    • Abrir el navegador del emulador
    • Indicar la dirección donde tenemos instalada la aplicación, llamando a 'install.html'
    • Ejemplo: https://d3fe9c3c8fb516274bec940d7d721de08d333bd7.googledrive.com/host/0B4vz6YIaVKcrczQzQ3VDSE5vY0k/hosted/install.htm
    Instalar una App empaquetada:
    • Abrir el navegador del emulador
    • Indicar la dirección donde tenemos instalada la aplicación
    • Ejemplo: https://d3fe9c3c8fb516274bec940d7d721de08d333bd7.googledrive.com/host/0B4vz6YIaVKcrczQzQ3VDSE5vY0k/packed