En el tercer caso de nuestro "Firefox OS - la plataforma HTML5 merece" serie de videos (parte una y parte dos ya se han publicado) los cuales hablan sobre las herramientas disponibles para la creación de aplicaciones para Firefox OS.
Puedes ver el video aquí con Chris Heilmann (@codepo8) de Mozilla y Daniel Appelquist (@torgo) de Telefónica Digital / W3C quienes hablan de iniciar su primera aplicación HTML5.
Primero: no se construye aplicaciones para Firefox OS - se construye aplicaciones HTML5 para la web. Firefox OS le permite como desarrollador acceder al hardware del teléfono a través de APIs Web - JavaScript APIs que son propuestas a los organismos de normalización para dar acceso seguro y sencillo.
Esto significa, que, para los desarrolladores web, nada cambia. No hay ningún SDK para la web es necesario descargar e instalar. Puede utilizar el editor y cadena de herramientas con la que está familiarizado. Esto podría ser tan simple como VI en la línea de comandos o Eclipse mientras se está trabajando con otros idiomas que la web querida. Firefox OS no exige cualquier entorno fijo, al igual que la Web. Dicho esto, hay algunas iniciativas para crear herramientas HTML5 y Mozilla está manteniendo una estrecha vigilancia sobre los esfuerzos para ver dónde y si la asociación tiene sentido.
Para empezar con la construcción de un sistema operativo de aplicación Firefox, simplemente tiene que empezar con una aplicación HTML5 en su navegador. Mientras que la primera ola de dispositivos de Firefox OS tiene una resolución de 320 x 480 píxeles, usted no debe arreglar su aplicación a ese tamaño. Abrazando la naturaleza ubicua de la web, parece prudente utilizar un
enfoque de diseño de respuesta. Hemos recopilado una gran cantidad de información sobre cómo diseñar una buena aplicación HTML5 en el Firefox OS centro de desarrolladores.
Una de las características principales de las herramientas para desarrolladores de Firefox es el modo de vista de capacidad de respuesta. Puede activar éste en la apertura de las herramientas de desarrollo y haciendo clic en el icono del modo de respuesta. Esto resultará en la página actual convirtiéndose redimensionable en el navegador sin perder las herramientas de desarrollo o de tener que cambiar el tamaño de la ventana:
Firefox no es el único navegador construido con
excelentes herramientas de desarrollo.
Chrome, por ejemplo, le permite simular eventos de toque cuando usted no está en un dispositivo táctil.
Para habilitar esto, vaya a la configuración de las herramientas de
desarrollo, haga clic en "Overrides" y marque la casilla "Enable touch events" (Habilitar eventos de toque). Para algunos consejos sobre cuándo usar el tacto y cuándo usar click, echa un vistazo a este vídeo de Peter-Paul
Koch (@ ppk).
Si desea probar Firefox OS o cómo su aplicación
se realiza en ella - incluyendo el proceso
de instalación - se puede descargar
el simulador
de Firefox OS, un no-requiere-reinicio add-on para Firefox.
Una
vez instalado, se
obtiene un panel que le permite
gestionar sus aplicaciones en el
equipo e iniciar o detener el
emulador:
Al iniciar el simulador, se obtiene una instancia limpia de Firefox
OS corriendo en su
computadora en una ventana de las
dimensiones adecuadas. Usted
puede probar el OS,
instalar sus aplicaciones y ver como es la experiencia.
Análisis más detallado del rendimiento de sus aplicaciones
requiere un dispositivo de Firefox
OS. Si usted
tiene uno de ellos, se puede conectar
el teléfono a través de USB
y enviar tu aplicación directamente desde el simulador para el teléfono.
El espacio de herramientas de aplicaciones
HTML5 es uno de los mercados
más discutidos en la Web en estos momentos. Estamos seguros de que
en un futuro cercano una gran cantidad de herramientas nuevas y
sorprendentes estará disponible para hacer el desarrollo HTML5 aplicación fácil y dar
a los desarrolladores los conocimientos
que necesitan cuando se desarrollan.
Por ahora, el uso de herramientas de desarrollo de los navegadores
Firefox y el
sistema operativo simulador te llevará el 90% en el
camino.
