El próximo sábado 1 de junio, tendrá lugar en Valencia (España) una nueva edición de nuestro taller para desarrollar aplicaciones para Firefox OS. Mostrándote cómo subirlas al marketplace, explicando qué es lo que necesitas para desarrollar para la plataforma y un “hackaton” intensivo por la tarde.

El sitio elegido es el Workether en la calle serpis 3, bajo. Puedes ver el mapa aquí. Empezaremos a las 10 de la mañana, por lo que te pedimos que seas puntual.

El programa del día es:

• 9:30 - Registro
• 10:00 – Mozilla, comunidad y proyectos.
• 10:30 – Introducción Firefox OS y Marketplace.
• 11:00 – Arquitectura general del sistema.
• 11:30 – Descanso.
• 11:45 – Responsive design y herramientas para desarrolladores.
• 12:15 – WebAPIs y ejemplos prácticos.
• 12:45 – Sesión de preguntas.
• 13:00 – Descanso para comer.
• 14:00 – Hackaton.
• 18:00 – Presentación de demos.
• 19:00 – Despedida.

Como siempre el evento es gratuito, pero es indispensable registrarse en la página del evento. Ten en cuenta que las plazas son limitadas y te agradeceríamos que si no pudieras venir, nos avisaras para poder liberar tu lugar para que pueda venir otra persona. Sólo debes completar el formulario en la página del evento, y traer tu equipo de desarrollo (recomendamos también tener actualizado el simulador de Firefox OS).

Habrá café por la mañana, una pequeña comida al mediodía, y también habrá bollos y café por la tarde. Así que sólo te pedimos que traigas tus ganas de programar, o si ya tienes una aplicación a medio desarrollar, también te acerques para ver cómo puedes subirla al marketplace.

¡Os esperamos!

Inscripción al evento

A la implementación inicial de Facebook Messenger para Firefox se suman nuevas redes:.

Cliqz es un agregador de noticias manejado por los propios usuarios. Una vez presionado el botón de «Activar», se integrará a Firefox en una barra lateral ubicada a la derecha del navegador.

msnNOW es el servicio para compartir noticias en tiempo real que te brinda las noticias más compartidas y comentadas de la Web. Te permite seguir el rastro de las noticias más compartidas en la Web directamente desde la barra lateral de Firefox. Desde el menú desplegable de la barra lateral puedes personalizar el flujo de la actividad para estar atento a contenidos concretos que están siendo tendencia.

Un nuevo servicio se une a la API social

Además de estas nuevas funciones sociales, se mejoraron algunas opciones de privacidad.

Nueva interfaz para «No quiero ser rastreado»

Más opciones para esta configuración

Aquí veremos tres opciones, siendo la última de «No decirle a los sitios mis preferencias de rastreo» la predeterminada por Firefox. Acorde a la libertad de elección promovida por Mozilla, el usuario podrá elegir la opción para indicar el rastreo y así mejorar los anuncios personalizados que recibe, como también podrá indicar que no desea ser rastreado en sus hábitos de navegación.

Elección de datos a reportar

Datos opcionales que ayudan a mejorar Firefox

En esa pestaña se activan diferentes reportes, donde se hace especial énfasis en el «Informe de salud de Firefox», el cual está diseñado para proveer información que ayude a mejorar y establecer prioridades en el desarrollo de Firefox. Una vez analizada la información, Firefox le presentará al usuario un tablero desde donde podrá mejorar aspectos del rendimiento en su instalación de Firefox.

Actualizaciones en la versión para Android

Mozilla también ha actualizado Firefox para Android, con soporte para los tipos de letra Charis y Open Sans, los cuales son de código abierto y permiten su uso sin el pago de una licencia. Estos tipos de letra están diseñados para ser usados en dispositivos portátiles como las tabletas y móviles para facilitar la lectura del contenido escrito en la web.

Firefox también mejora el soporte del estándar HTML5, según las pruebas realizadas por el sitio HTML5Test.com, con Firefox alcanzando 421 y 14 puntos extras, sobre un máximo de 500.

421 puntos en HTML5Test.com

Podemos terminar celebrando que Firefox ha alcanzado 4.5 estrellas en la tienda Google Play, !Yuju!

Mozilla y OTOY (creadores del motor Octane Render) están actualmente trabajando en el proyecto ORBX.js, un sistema que permite transmitir video por streaming y decodificarlo directamente en el navegador, usando solamente tecnología JavaScript asistida por la GPU. Usualmente esto no sería muy distinto de otros sistemas creados para ello (como por ejemplo WebRTC), pero este en particular ofrece la ventaja de poder usar cualquier códec que pueda implementarse en la plataforma sin necesidad de hacer cambios al navegador. Esto lo vuelve apto para poder ser utilizado para aplicaciones de cualquier tipo, con una alta capacidad de mejora a futuro.

Actualmente, ORBX.js está siendo empleado especialmente como un sistema para transmitir y ejecutar a distancia todo tipo de programas en navegadores de escritorio o móvil, indistintamente del sistema operativo de origen, y sin necesidad de que el sistema de destino sea muy potente: basta solamente con que tenga la capacidad para decodificar el stream recibido y una conexión a Internet de suficiente velocidad. Inclusive, gracias a las tecnologías abiertas, estas aplicaciones pueden ejecutarse como si fueran nativas del sistema operativo de destino, o permitir que la ejecución del programa se reparta entre el sistema de destino y el de origen, como si se tuviera una GPU adicional en la nube.

Otra de las ventajas del sistema es que no requiere DRM (Digital Right Management o Gestión de derechos digitales) para funcionar; el gestor de contenido, si desea, puede usar un sistema de marcas de agua para identificar el stream que se está transmitiendo, lo que es suficiente en muchos casos para evitar el uso no autorizado, sin necesidad de usar tecnologías restrictivas del lado del usuario. Esto se vuelve más imprescindible tras las últimas discusiones sobre agregar sistemas de DRM al estándar web a pedido de las productoras de Hollywood.

ORBX.js promete un panorama interesante a futuro para las aplicaciones web, permitiendo que tengan alta potencia gráfica sin necesidad de depender del sistema de destino para ello. Mozilla, con este proyecto, buscará lograr que las tecnologías web estén a la par de las tecnologías nativas, lo que podría significar una revolución para la Internet del futuro.

Nuevamente puedes encontrar otro episodio de nuestro podcast, donde comentamos las noticias del momento sobre el mundo de Mozilla.

En esta ocasión los participantes han sido Rubén Martí­n (Nukeador), Arturo Martínez (ThePhoenixBird), y Guillermo Movia (deimidis).

Y se hablaron sobre los siguientes temas:

• Actualización del simulador de Firefox OS
• TowTruck, un nuevo proyecto de Mozilla Labs para trabajo colaborativo
• Los teléfonos de Geeksphone con Firefox OS a la venta
• Curso online para enseñar la Web de Mozilla
  • Grupo de estudio en castellano (en G+)
• Eventos y AppDays que se vienen

La música del podcast ha sido sacada de Jamendo.com, del álbum 8-bit lagerfeuer de Pornophonique con licencia Creative Commons.

Podéis descargar directamente el archivo o suscribiros al RSS del podcast con vuestro lector de podcast preferido, iTunes o Miro.

MP3 | El podcast de Mozilla Hispano #048

OGG | El podcast de Mozilla Hispano #048

Herramientas de desarrollo para Firefox: resumen de la semana de trabajo

Este artículo resume las actividades del equipo de herramientas de desarrollo, que se reunieron por primera vez con el equipo del add-ons SDK (también conocido como Jetpack) para planear futuros desarrollos y trabajar en varios demos interesantes.

Que tiene Firefox 20 para los desarrolladores

Un listado de cambios e innovaciones que le puede interesar a los desarrolladores web y de complementos. Vamos a tratar de tener un artículo similar para todas las versiones nuevas del Firefox.

Empezando con Rust

Una vista rápida del nuevo lenguaje Rust, con algunos ejemplos que puedes probar tú mismo.

Asm.js: Compilando a JavaScript

Asm.js promete optimizar el código JavaScript para aplicaciones que requieren operaciones intensivas, como los juegos de video. Este artículo es una introducción a esta interesante librería.

Diez cosas que deberías saber sobre la red de desarrolladores de Mozilla

¿Sabías que MDN es uno de los recursos más importantes para los desarrolladores web, y que puedes contribuir con su contenido y traducción? Este artículo explica esto y mucho más.

Unboxing y entrevista: Geeksphone con Firefox OS

Los sumamente populares teléfonos de Geeksphone, explicados por sus creadores.

Firefox será más rápido gracias a un nuevo compilador de JavaScript

Una explicación de la nueva generación del motor de JavaScript del Firefox, la cual podremos disfrutar en el Firefox 23.

Artículo escrito por Tristan Nitot en su blog «Beyond the code». Traducción y revisión realizadas por Carlos Solís, Gabriela Montagu y Natalia Harreguy

Esta semana se cumplen veinte años de algo importante que le sucedió a la red: fue puesta en libertad. El 30 de abril de 1993, el software que potenciaba la Red fue colocado en el Dominio Público. Desde ese momento, fue posible para cualquiera colocar su propio servidor en la Red y usar formatos y protocolos de la red sin tener que pagar regalías.

En breve, todas las personas pudieron comenzar a crear una parte de la Red sin tener que pedir permiso. Esto, combinado con la simplicidad de los conceptos de la Red (URL, HTML y HTTP), hicieron de ella el éxito que conocemos y amamos.

Tim Berners-Lee y Mitchell Baker

En esa fecha, sin que la gente se diera cuenta, el mundo cambió.

Robert Caillau, que trabajaba con Tim Berners-Lee en ese entonces, lo explica bien:

Solamente hay una cuantas propiedades cruciales de la WWW: se asienta sobre el esquema de nombres de internet, es un hipertexto tan simple que escala indefinidamente, usa un formato simple basado en texto, está guiado por estándares abiertos y libres a los que cualquiera puede contribuir. Y estuvo disponible en forma gratuita desde muy temprano.

Veinte años después, la Red está en todas partes. Ha cambiado al mundo, la forma en que aprendemos, cómo nos comunicamos y trabajamos. La Red encara retos, claro, pero podría estar a punto de cambiar la industria móvil, si Firefox OS llega a ser tan exitoso como queremos que sea.

Mientras tanto, deseo agradecer a Tim Berners-Lee y a Robert Caillau por tomar la decisión correcta 20 años atrás:

Finalmente, como estábamos más interesados en la emoción de hacer algo útil que en volvernos ricos, optamos por usar el antiguo modelo del CERN para derivados tecnológicos: hacerlo disponible.

Compartir y potenciar en vez de cerrar las cosas. Ese es un fantástico ejemplo de cómo la gente puede cambiar el mundo. ¡También está muy cerca de la propuesta de Mozilla!

El próximo viernes 10 de mayo proyectaremos los cortos ganadores del concurso Firefox Flicks del año pasado y los que han sido elegidos como mejores de los pioneros que se han enviado en esta nueva edición del concurso.

A partir de las 20 horas los esperamos en el Bar Orsai, Humberto Primo 471, Ciudad de Buenos Aires. Además de ver los cortos ganadores y contarles más sobre Firefox Flicks, haremos concursos en los que podrán ganarse premios. Si estás interesado en venir, te pedimos que te inscribas en la página del evento, ya que tenemos un número máximo de ubicaciones. La entrada es gratuita.

Les recordamos que Firefox Flicks es un concurso de cortometrajes organizado por Mozilla. Esta es la tercera edición y tiene por objetivo que los cortos narren lo que significa tener acceso a la Web a través de dispositivos móviles, y cómo esto puede cambiar la manera en que vemos el mundo y funcionamos en él. Tendrás la opción de ganar fantásticos premios y de ser visto por jueces famosos que pueden hacer realidad tu sueño de crear una película.

Si conoces alguien que esté estudiando cine no dudes en comentarle del concurso e ¡invitarlo a la proyección!

Uno de los primeros cortos ganadores del 2013, Huba – Huba

Hoy vamos a repasar una forma que personalmente creo bastante ágil para crear una aplicación para dispositivos móviles usando el framework de desarrollo Lungo.

El código del ejemplo se puede descargar desde github.

La novedad para muchos en este desarrollo, es la creación de un archivo manifest con la información de la aplicación:

1
2
3
4
5
6
7
8
9
10
11
12
13

{
"name": "Lungo Boilerplate",
"description": "Lungo Boilerplate para Firefox OS",
"launch_path": "/index.html",
"icons": {
"128": "/img/icon.png"
},
"developer": {
"name": "Nukeador",
"url": "http://www.mozilla-hispano.org/labs/"
},
"default_locale": "es"
}

El archivo manifest puede tener muchas más cosas, detalladas en la documentación de Marketplace, y que le dirá al dispositivo el icono y nombre de la aplicación a la hora de instalarla.

Para utilizar todas las ventajas que nos ofrece Lungo, simplemente tendremos que añadir los estilos en la cabecera:

1
2
3
4
5

<link rel="stylesheet" href="components/lungo/lungo.css"/>
<link rel="stylesheet" href="components/lungo/lungo.icon.css"/>
<link rel="stylesheet" href="components/lungo/lungo.icon.brand.css"/>
<link rel="stylesheet" href="components/lungo/lungo.css"/>
<link rel="stylesheet" href="components/lungo/theme.lungo.css"/>

Y las librerías js antes del cierre del body:

1
2

<script src="components/quojs/quo.js"></script>
<script src="components/lungo/lungo.js"></script>

Con un poco de html definiendo sections y articles tendremos montada la interfaz completa de nuestra aplicación:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

    <section id="main" data-transition="slide">
 
        <header data-title="Inicio">
            <nav class="right">
                <a id="install" href="#" data-icon="plus"></a>
            </nav>
        </header>
 
        <article id="main-article" class="active list">
            <ul>
                <li><strong>Título</strong>
                    <br />
                    Este es mi texto</li>
            </ul>
        </article>
 
        <article id="article2" class="list indented">
            <ul>
                <li>Este es el texto 2</li>
            </ul>
        </article>
 
        <footer>
            <nav>
                <a href="#main-article" data-icon="home" class="active" data-router="article"></a>
                <a href="#article2" data-icon="folder" data-router="article"></a>
            </nav>
        </footer>
    </section>

Cabe destacar el uso que hace Lungo de los data-atributtes que nos permitirán definir muchos comportamientos, iconos, imágenes, destino de los enlaces o títulos. La documentación de Lungo es muy extensa y descriptiva al respecto de lo que se puede hacer.

Adicionalmente vemos la inclusión de una librería llamada base.js

1

<script src="components/base.js"></script>

Que nos permitirá que se invoque la instalación de la aplicación desde el elemento con id #install. Esto es muy útil por ejemplo si alojamos la aplicación web en nuestro servidor, la gente usa la aplicación desde nuestro dominio myapp.midominio.com y quiere instalarla en su dispositivo (ya sea Firefox OS, Firefox para Android o Firefox para escritorio). En próximos artículos veremos como usar el caché de aplicación para que esta no requiera conexión a la red.

Si queréis ampliar sobre Lungo, os recomiendo dar un vistazo al extenso hangout que realizaron con la gente de Desarrolloweb.com.

Enlaces:

• Firefox OS Simulator
• Código del ejemplo
• Documentación para desarrolladores de Marketplace
• Web de Lungo

Si eres fan de Firefox para Android desde hace tiempo, tal vez te hayas dado cuenta de que falta algo. La gente nos ha estado preguntando “¿A dónde ha ido a parar el botón salir?”. En las últimas versiones, se eliminó el botón salir para cumplir las indicaciones que la tienda de Google Play establece para las aplicaciones. ¡Pero no temáis! Hay un modo de recuperar ese botón salir. Aquí están las instrucciones para añadirlo.

Tenemos nuevas características sobre las que hablaros, también.

• Navegación privada por pestañas: La Navegación privada te ayuda a controlar tus datos personales, permitiéndote navegar por la Web sin que se guarde ninguna información sobre los sitios y páginas que has visitado. Con las últimas mejoras en Firefox para Android, esta (muy solicitada) característica te permite cambiar entre pestañas privadas y normales durante la misma sesión de navegación en tu dispositivo móvil, igual que lo haces en tu escritorio. Los datos de la navegación privada no se mostrarán en el historial de tu Barra Alucinante, ni en tus atajos Alucinantes. Infórmate mejor sobre la navegación privada en Firefox para Android.
• Iconos personalizables en la pantalla de inicio: Ahora puedes personalizar los iconos que aparecerán en tu pantalla de inicio, añadiendo tus sitios favoritos o aquellos que más visitas de manera que siempre estén a un clic. Pulsa durante unos segundos sobre alguno de tus sitios favoritos, selecciona “Añadir a la pantalla de inicio” y listo. Aprende más sobre cómo personalizar Firefox para Android.

Si te gusta Firefox para Android, cuéntaselo a tus amigos dándole una valoración de 5 estrellas en la tienda de Google Play. ¡Allí podrás descargar Firefox completamente gratis también!

Mozilla trabaja en un servicio para mejorar la experiencia de los desarrolladores a la hora de trabajar en grupo y en tiempo real en cualquier sitio web, llamado TowTruck. Con tan solo agregar el enlace a un archivo JavaScript podrán automáticamente comunicarse por chat o audio y ver lo que los otros participantes están mirando y realizando.

Un nuevo desarrollo de los laboratorios de Mozilla

Colaborando con tus compañeros

Imagina que necesitas revisar el funcionamiento del sitio web que estás punto de publicar. Agregas tan solo una linea en el código de tu página

<script src="https://towtruck.mozillalabs.com/towtruck.js"></script>

Y ya tienes un chat de audio funcionando, y puedes ver los desplazamientos del cursor de tus compañeros, dónde hace clic, etc. Todas las tecnologías usadas son estándares, con lo que debería funcionar de igual forma en cualquier navegador moderno (para las conversaciones por audio se utiliza WebRTC).

Puedes comunicarte por chat o audio

Además de la librería de JavaScript incluida en tu página se utiliza un servidor. Hay una instalación que puedes usar de Mozilla o puedes descargarlo para tenerlo instalado en tus propios servidores, para mayor privacidad.

También se publicó un complemento para Firefox que permite las mismas funcionalidades sin necesidad de tocar el código del sitio web (no es necesario instalar el complemento si vas a agregar la librería de JavaScript al código de tu sitio).

Si tienes ganas de ayudar en el desarrollo, serás bienvenido. Este es un producto de Mozilla Labs, y como tal está en sus inicios. Puedes ver el código en github . Seguiremos el desarrollo de esta librería que promete ser muy útil.