archivo | Mozilla ES RSS para esta sección

El final de mi etapa como Mozillero

MI TIEMPO MOZILLERO HA TERMINADO. Hasta este mes fui parte de Mozilla Peru y ReMo – Mozilla Reps.

Hace algunas semanas anuncié mi retiro de la comunidad local por motivos personales y nuevos proyectos, y hoy de la comunidad global. La transición se ha realizado sin problemas y ya los chicos de Mozilla Peru tienen nuevos planes para este año y deben seguirlos para estar al tanto 😀

Han sido casi siete años que he estado involucrado en cosas Mozilla. Gracias a Mozilla fui parte de un grupo donde conseguimos cosas increíbles y conocí a muchos de ustedes, así que siempre será parte de mi.

Muchas, muchas gracias 😀

El Pulso de Firefox OS: Entérate de lo último de Firefox OS en español

Bienvenidos una vez más al Pulso de Firefox OS, con lo último de Firefox OS en español. Hoy: nuevos equipos llegan a la India, aparece una alternativa a Chromecast pero basada en Firefox OS y llegan las primeras demostraciones de Firefox OS y el Internet de las cosas.

Firefox OS se refuerza en India

Luego del lanzamiento de los dos primeros equipos con Firefox OS en la India llegaron dos más. El primero es el Alcatel One Touch Fire C 2G, con un precio ligeramente menos a los dos primeros. Es muy similar al Alcatel One Touch Fire C lanzado en varios paises, pero sus principales diferencias son: una cámara de 1.3 megapíxeles, soporte Dual SIM y conectividad 2G. Estas características lo hacen ideal para el mercado de la India.

Por otro lado, Zen Mobile presentó el Zen 105 Fire, de cámara posterior de dos megapíxeles, cámara frontal de 0.3 y también soporte Dual SIM como el anterior equipo de Alcatel.

Matchstick lleva Firefox OS a la TV

Leer Más…

Mozilla Perú lanza un curso de desarrollo de apps en Firefox OS

Mozilla Perú presenta un nuevo curso de Desarrollo de Aplicaciones en Firefox OS para todo Hispanoamérica. El curso será de acceso gratuito, comenzará en septiembre de 2014 y será dictado a través de la plataforma de enseñanza Devcode.la.

Curso de Firefox OS por Mozilla Perú en Devcode.la

Este curso está diseñado para entrenar a desarrolladores web en los principios de desarrollo de aplicaciones en Firefox OS. Es un curso online donde se presentarán conceptos alrededor del desarrollo web móvil y su aplicación en Firefox OS. Al finalizar el curso los estudiantes estarán en capacidad de desarrollar web apps móviles y publicarlas en el Firefox Marketplace.

Leer Más…

LA VERDAD: Tus descargas ahora más seguras con Firefox 31

¿Sabías que el costo estimado del software malicioso es de cientos de miles de millones de dólares por año? Incluso sin pérdida de datos o robo de identidad, el tiempo y la molestia de tratar con máquinas infectadas es un costo significativo.

Leer Más…

Subtitulando Firefox OS – La plataforma que HTML5 merece

Tras el video Firefox OS – La plataforma que HTML5 merece (subtitulado), en este artículo explicaré cómo realicé el subtitulado del video. Pero antes, aquí está el resultado final.

En resumidas cuentas, los pasos fueron:

  • Descargar el video de Youtube
  • Subtitular el idioma original
  • Subtitular al nuevo idioma
  • Regenerar el video con los subtítulos incluídos

Paso 1: Descargar el video

En Linux hay una utilidad llamada youtube-dl, que es capaz de descargar videos de Youtube con múltiples opciones. El programa puede ser encontrado vía los repositorios oficiales de Ubuntu, por lo cual pueden instalarlo con apt-get o con el Centro de Software de Ubuntu.

sudo apt-get install youtube-dl

Recomendación: si tienes algún problema al usar youtube-dl, puede ser que el programa requiera una actualización, para lo cual necesitas ejecutar sudo youtube-dl -U (por alguna razón no se actualiza por repositorios). Si eso falla, quizá es un problema específico de Youtube, así que reintenta pasado unos minutos.

Para descargar el video original, utilicé este comando

youtube-dl -l https://www.youtube.com/watch?v=RJJkFshnnVc –write-auto-sub

Con eso le dices a youtube-dl que descargue el video ubicado en esa dirección, y que el archivo tenga el título del video (-l). Además, descargará los subtítulos automáticos. Esto debido a que no habían subtítulos “oficiales” del video, y Youtube genera subtítulos de manera automática (pero no confiable).

Paso 2: Subtitular el idioma original

Eso es un paso manual, y requerirá de tus habilidades de escucha. En mi caso utilicé VLC (que reconoce e incluye los subtítulos durante la reproducción del video, siempre que tengan el mismo nombre) y un editor de texto (geany, pero podrías usar el que quieras).

Esta tarea te tomará algunos minutos u horas, dependiendo de tus habilidades y de las características del video original.

Paso 3: Subtitular al nuevo idioma

También es un paso manual, pero puedes comenzar duplicando el archivo original y luego en un editor de texto reemplazar los textos de un idioma por sus correspondientes.

Paso 4: Regenerar el video con los nuevos subtítulos incluídos

Para ello necesitarás un nuevo programa, mencoder, que también puedes instalar por Centro de software o con el comando

sudo apt-get install mencoder

Luego, sólo necesitarás ejecutar un comando:

mencoder FirefoxOS-1.mp4 -sub FirefoxOS-1.es.srt -oac mp3lame -ovc lavc -o FirefoxOS-1-Final.mp4 -subcp utf8 -font FiraSans-Medium.ttf -subfont-text-scale 3.5

Una corta explicación de los archivos:

  • FirefoxOS-1.mp4 es el nombre del video descargado antes con youtube-dl.
  • FirefoxOS-1.es.srt es el archivo con los subtítulos en el nuevo idioma.
  • FirefoxOS-1-Final.mp4 es el nuevo archivo de video con los subtítulos incluidos.
  • FiraSans-Medium.ttf es la fuente o tipo de letra a usar. La fuente se puede descargar desde https://www.mozilla.org/en-US/styleguide/products/firefox-os/typeface/

¡Y es todo! El nuevo video lo puedes mostrar en un evento, o subir a Youtube nuevamente.

Actualización: mejores resultados se obtienen si en la sección -ovc se sustituye lavc por x264.

Apps peruanas para Firefox OS

Este video presenta las siete primeras apps para Perú disponibles en Firefox Marketplace, de las cuales cuatro fueron desarrolladas por Mozilla Perú antes del lanzamiento en nuestro país, el 29 de octubre de 2013.

A continuación, los enlaces al código fuente de las mismas:

Sube al Metro de Lima
https://github.com/marti1125/SubeAlMetro

Metropolitano de Lima
https://github.com/juaneladio/metropolitano

MuseaMoz: Guía de Museos del Perú
https://github.com/AngelFQC/museaMoz

Guía Desastres
https://github.com/juaneladio/guiadesastres

+30 Apps imperdibles en Firefox OS

Coincidiendo con el lanzamiento de Firefox OS en Perú , en este video mostramos las aplicaciones que no pueden faltar en tu Firefox OS, clasificados por redes sociales, juegos, utilidades y más.

  • Redes sociales: Twitter, Facebook, SoundCloud, Youtube, Wikipedia.
  • Mapas y clima: HERE Maps, The Weather Channel.
  • Utilidades: Notes, Taskino, QRScanner, Flashlight, Calculadora, Explorer, Translator.
  • Juegos Offline: Poppit, Sketchbook Squad, Capitán Rogers, Age of Barbarians, SLTR, RPSLS, Fishing Cat.
  • Juegos Online: Ninja Trail, Chess, Little Alchemy, Word Wars.
  • Otros: AfterEffects, Loqui IM, Fondos de Pantalla
  • Demos de desarrollo: Building Blocks, UI Demos, funBasicas.

Guión: Juan Eladio Sánchez. Edición: Alexander Guevara.

Pocket-Kitten2: mejorando una app de Firefox OS

(¡Ésta es una pequeña historia, lo prometo!)

Esta historia comienza con PocketKUMI, una app de Firefox OS disponible en Firefox Marketplace. Luego de probarla, quería hacer una aplicación similar. Felizmente, la descripción decía:

Make your day full of KUMI’s cuteness. Tap the screen to view images/photos of KUMI. KUMI is the maskot’s name of Mozilla Indonesia Community. This app is inspired & based on Pocket Kitten by Ruth John.

Tras una búsqueda rápida encontré una buena presentación, Building Pocket Kitten, y, más importante, el código de Pocket-Kitten.

Entonces generé una derivación (fork) con estas ideas en mente:

  • ¡Sin gatitos!: No me malinterprete: lo que quería hacer es obtener imágenes usando algún recurso externo, como los Flickr’s Public Feeds. Entonces puedes obtener las imágenes que quieras con sólo una etiqueta script.
  • Estilo de Firefox OS: Eso fue fácil: hay una Firefox OS Styleguide con los colores sugeridos y las fuentes.
  • Horizontal, no vertical: Todas las fotos que quería mostrar están en modo horizontal, entonces el cambio era realmente necesario.

Luego de un día, completé los cambios, actualicé el archivo Manifest y los iconos, y lo envié al Marketplace con un nuevo nombre y propósito: PaperToys.

Fotos de Firefox PaperToys tomadas en Lima, Perú y obtenidas de Flickr. Basado en Pocket-Kitten e inspirado en PocketKUMI.

Afortunadamente, la aplicación fue aprobada rápidamente tras un pequeño ajuste :D

Y ahora, ¿qué sigue? Pienso es una aplicación instructiva: puede ser explicada fácilmente, puede ser ‘hackeada’ (en el buen sentido de la palabra), puede ser el comienzo de otras aplicaciones similares (por ejemplo, mostrar imágenes de un país, una actriz, un artista o de cualquier otro tema). Si tienes nuevas ideas puedes enviar un issue or derivar el trabajo (otra vez).

Pocket Kitten2

Videoserie: Mi semana con Firefox OS

Desde que recibí un Geeksphone Keon para pruebas, he realizado una serie de videos acerca de Firefox OS y aplicaciones para el nuevo sistema operativo de Mozilla.

Captura de pantalla de 2013-07-07 21:48:27

Lista de reproducción: Mi semana con Firefox OS – Temporada 1

1. Mi primera semana con Firefox OS / ¡Mira mamá, sin apps!

En este video se muestran las aplicaciones por defecto que vienen en un dispositivo Geeksphone Keon, un terminal con Firefox OS 1.0.1.

2. Firefox OS: Tengo vida social … en Facebook xD

En este video se presentan las aplicaciones sociales en Firefox OS, disponibles en el Firefox Marketplace (SoundCloud, Facebook, Twitter) y en la Búsqueda adaptativa de Firefox OS.

3. Firefox OS: Productividad Everywhere

Una selección de las mejores aplicaciones de la sección Productividad en el Firefox Marketplace. Incluye Wikipedia, Checklist, Taskino, AccuWeather, WorldClock, SpeakerClock, IPAddress, Dictionary, Explorer y Calculator.

4. Firefox OS: Lo nuevo de Firefox OS 1.1

En este video se presentan las novedades más resaltantes de la nueva versión de Firefox OS, así como se comentan las últimas noticias del Geeksphone Peak+.

5. Firefox OS: ¡Juegos offline!

El video muestra cuatro juegos en Firefox OS que funcionan sin necesidad de estar conectado a Internet. Se presentan Line Runner, Honeycomb, Poppit y Sketchbook. Otro juego offline es Penguin Jump.

6. Firefox OS: Una aventura de Tiempo y Espacio

En este video se presentan aplicaciones que utilizan la geolocalización y que proporcionan información metereológica. Aquí aparecen Now I am at, gpsDashboard, mapp, HERE Maps, Weather, WeatherFox, The Weather Channel.

7. Firefox OS: Cómo empezar a construir aplicaciones en Firefox OS

En este video se describen algunos consejos para comenzar a desarrollar aplicaciones en Firefox OS.

8. Firefox OS: Juegos Offline Vol. 2

En esta segunda parte de Juegos Offline presento Capitán Rogers, Age of Barbarians, Penguin Jump, SnakeFox, Tic Tac Toe, Heroine Dusk, SLTR. Bonus: Bazinga.

9. Firefox OS: Maratón de Juegos Online

En este video se muestran RPSLS, R.P.S.L.S. (Ambos son Piedra, Papel, Tijera, Lagarto y Spock, un juego mencionado en la serie The Big Bang Theory), Ninja Moral, Chess, Little Alchemy, Pasjans/Solitaire, Browserquest. Word Wars. Al final aparece Interactive Firefox Logo (que es sólo una animación).

10. +30 apps infaltables en tu Firefox OS

Coincidiendo con el lanzamiento de Firefox OS en Perú, en este video mostramos las mejores aplicaciones que no pueden faltar en tu Firefox OS, las esenciales, clasificados por redes sociales, juegos, utilidades y más.

¿Qué temas te gustarían ver en un próximo video? Deja un comentario 😀

MozLocations: construyendo una app de transporte para Firefox OS

Firefox OS, el sistema operativo móvil de Mozilla, es una apuesta concreta por traer de vuelta a las aplicaciones web de siempre al mundo móvil. En este post explico un proyecto para hacer una aplicación en Firefox OS para resolver un problema local.

El contexto

En Lima, Perú, existen dos sistemas masivos de transporte público: el Metropolitano (un sistema de buses que recorre la ciudad) y la Línea 1 del Tren Eléctrico. Ambos cuentan con estaciones predefinidas y horarios de funcionamiento, y son empleados por miles de personas diariamente.

Estación Naranjal, Metropolitano de Lima

El año pasado en Mozilla Perú comenzamos a prepararnos al lanzamiento de Firefox OS demostrando aplicaciones web móviles, y la primera de ellas fue Metropolitano Mobile, una aplicación hecha en jQuery Mobile que brindaba información sobre estaciones y rutas.

En 2013, con los primeros lanzamientos de Firefox OS a nivel global (Geeksphone, ZTE) y local (España, Polonia, Colombia y Venezuela), comenzamos a trabajar en una aplicación para el Tren Eléctrico de Lima, que ya se encuentra disponible en el Firefox Marketplace.

La idea de MozLocations

La obstinación con aplicaciones de transporte se debía a que nos parecía importante construir aplicaciones útiles para personas de una región o un país, aplicaciones que nos resuelvan problemas concretos y que podamos aprovechar nosotros y nuestros amigos.

Tras los experimentos anteriores de Metropolitano Mobile y Sube al Metro de Lima, decidí planear una nueva aplicación pero con los siguientes principios:

  1. Una aplicación específica para Firefox OS, que aprovechase sus recursos pero que a la vez sea accesible vía web.
  2. Una aplicación offline, o que al menos para la mayor parte de sus opciones pueda funcionar sin conexión a Internet.
  3. Una aplicación online, que se integre con otros servicios en Internet sólo en situaciones específicas.
  4. Una aplicación que pueda portarse a otros escenarios con pocos ajustes.

Siendo así, los lineamientos generales fueron:

  • Listar estaciones y rutas de un servicio de transporte (en este caso el Metropolitano de Lima).
  • Mostrar detalles de una estación, como su ubicación y la lista de rutas que la atraviesan.
  • Guardar una Estación Favorita, a manera de acceso directo a los detalles de una estación que visitamos siempre o a la que tenemos que ir pronto.
  • Calcular la Estación más cercana, que a partir de nuestra ubicación actual nos sugiera cuál es la estación de transporte a la que podamos ir.
  • Obtener información de alertas del servicio. En este caso las alertas las proporciona vía Twitter la cuenta oficial del servicio.
  • Mostrar información general del servicio: Como los horarios de funcionamiento, las tarifas y los canales virtuales de atención.

Metropolitano de Lima, la aplicación

La aplicación ya se encuentra disponible en el Firefox Marketplace como Metropolitano de Lima y funciona en dispositivos con Firefox OS. La versión web también está disponible en Metropolitano de Lima, GitHub.

Es así como se ve la aplicación:

Metropolitano de Lima 1 Metropolitano de Lima 2 Metropolitano de Lima 3 Metropolitano de Lima 4 Metropolitano de Lima 5 Metropolitano de Lima 6 Metropolitano de Lima 7

Pero yo no vivo en Lima (y soy desarrollador)

Es momento de recordarles el cuatro principio de la aplicación:

4. Una aplicación que pueda portarse a otros escenarios con pocos ajustes.

Es por ello que la aplicación almacena la información del servicio en arreglos de datos en JavaScript:

js/applicationData.js
var applicationData = {
stations: [
{ /* 0 */ name: “Naranjal”, address: “Av. Túpac Amaru cdra 45 con Av. Chinchaysuyo cdra 1 – Independencia”, coordinatelat: “-11.982013”, coordinatelng: “-77.058663”, },
// more stations here
],
routes: [
{ name: “Regular A”,
directions: [
{ name: “Central » Naranjal”, days: [1,2,3,4,5,6], hours: [“05:40″,”22:55”], typeOfSchedule: “Intervals”, stations: [0,1,2,3,4,5,6,7,8,9,10,11,15,16,17,18], },
// more directions here
] // more routes here
}

Si entendiste que significa el bloque anterior, ¡Felicidades!, ya puedes hacer tu propia versión para un sistema de transporte en tu ciudad, o para una empresa de transporte que recorre varias ciudades en tu región o país.

Más aún, imagina que en lugar de una aplicación de transporte quieres hacer una aplicación de una cadena de comida rápida, o de estaciones de policía, o de simplemente negocios con varios locales. Puedes obviar la sección routes y reutilizar la aplicación para ese negocio.

El código está publicado en GitHub / juaneladio / metropolitano, pero si se te complica mucho puedes bajar el zip desde aquí.

¿Qué sigue?

Por el momento, esperar que termine el flujo de aprobación en el Firefox Marketplace (una vez aprobada, no sólo estará disponible en Firefox OS y en Firefox OS Simulator, sino también en smartphones con Firefox para Android).

En cuanto a la aplicación, ya cumple con los requisitos mínimos, pero si tienes ideas de mejoras puedes proponerlas en la sección Issues de GitHub.