Danilo es uno de los colaboradores que participa más activamente en los proyectos de localización del blog La Guarida y el boletín Firefox y Tú. Gracias a su valiosa contribución en la comunidad de Mozilla Hispano, este contenido llega mensualmente a miles de lectores de habla hispana, y ¡queremos darte las gracias por ser un compañero de equipo tan estupendo!

Sobre los colaboradores del mes

Esta es nuestra pequeña muestra de agradecimiento mensual a nuestros colaboradores, pero, ¿sabías que tú también puedes participar? No necesitas ser un gurú de la programación o dedicarle muchas horas a la semana.

Mozilla es una comunidad global sin ánimo de lucro que funciona gracias a personas como tú que colaboran voluntariamente.

Podría decirse que vivimos en un momento en el que los navegadores modernos han avanzado tanto que se dan la mano en cuanto a rendimiento, pero aún así, muchos os hacéis la pregunta, ¿qué más da el navegador que use?

Aunque parezca una tontería, la elección de navegador es una decisión muy importante para el usuario, ya que le acompañará en su vida online a todas horas y marcará la ventana por la que mira a la web.

Vengo observando que desde hace tiempo, y también (gracias supongo a ya no sólo la buena calidad, si no a la infinita publicidad que tiene) que mucha gente nos comenta que se ha pasado a Chrome porque “es mejor”. Pero siempre que nos dicen esto les pregunto los motivos, que normalmente:

• Es más rápido.
• Tiene mejores herramientas para desarrolladores.
• No se, cambié y me iba bien.

Curioso es sin embargo que para cada una de estas cuestiones y pidiendo más detalle nos encontramos:

• No saben apreciar la diferencia real de velocidad, “me parece” que carga más rápido.
• No conocen las nuevas herramientas para desarrolladores integradas en Firefox.
• No han vuelto a probar Firefox desde la versión 4, cuando si es cierto que la diferencia con Chrome en velocidad era mayor. Ahora mismo las diferencias son inapreciables y en los benchmark, en unas pruebas en levemente mejor uno, y en otro el otro.

Además caen sorprendidos al saber:

• Los intereses a la hora de crear el navegador no son los mismos de una empresa vs una organización sin ánimo de lucro apoyada por voluntarios como tú. Uno prioriza lo que da dinero y tráfico a sus productos, otro lo que demandan los usuarios.
• Las políticas de privacidad, los datos son de los usuarios y no se comercia con ellos.
• Que pueden restablecer sus Firefox “lentos”, debido a que tienen demasiadas extensiones o preferencias cambiadas.

Todas estas cosas y otras muchas pasan inadvertidas para el usuario de a pie, y por eso es importante que los que las conocemos se las hagamos llegar a aquellos que creen que da igual usar un navegador que otro.

Me quedo con unas declaraciones de Cameron Paul y su experiencia como “switcher” a los dos lados:

«Creo honestamente que Mozilla está comprometida con la libertad y privacidad en la web. Google está comprometido con hacer dinero y saber todo lo que hago. Firefox me recibe con una página explicando mis derechos como usuario de software libre. Chrome me recibe con… bueno… Chrome me recibe con un puto anuncio del Chromebook.»

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

Con este acceso previo al hardware, los desarrolladores podrán probar las capacidades de Firefox OS en un entorno real con una red móvil y hardware real como los acelerómetros y la cámara que no son fáciles de probar usando Firefox OS Simulator. Los terminales cuentan con la última versión de desarrollo de Firefox OS y están desbloqueados para que los desarrolladores los usen donde quieran y se actualizan regularmente con la última versión del sistema.

Tenemos la suerte de haber disfrutado ya de estos terminales en persona y os dejamos el unboxing del modelo Keon.

Geeksphone tiene dos dispositivos con Firefox OS para desarrolladores, el primero, el Keon que veíamos en el vídeo anterior, tiene las mismas especificaciones que los primeros teléfonos que saldrán al mercado para usuarios en Venezuela, Colombia y España a mediados de año. El segundo es su hermano mayor, el Peak, que ofrece una experiencia de gama media-alta para los que quieran experimentar con aplicaciones en dispositivos de mayor gama que estarán disponibles en el futuro.

Keon cuenta con una pantalla de 3,5″, procesador Qualcomm a 1Ghz y 512MB de RAM. Esta disponible por 91$ más impuestos y gastos de envío.

El Peak tiene una pantalla bastante más amplia (4,5″), un procesador Qualcomm DualCore a 1,2 Ghz, y doble cámara. Su precio es 141€ más impuestos y gastos de envío.

Ambos teléfonos se pueden comprar desde cualquier parte del mundo de forma online desde la web shop.geeksphone.com.

(El Keon está en estos momento agotado debido a la gran demanda que en una hora se ha hecho con todos los terminales en stock. Pronto repondrán unidades e iremos avisando en nuestro twitter.)

Como colofón final os traemos, en exclusiva, una entrevista con Rodrigo Silva-Ramos, uno de los máximos responsables de Geekphone, que nos habló de la motivación de esta apuesta por Firefox OS y de estos dos nuevos terminales que desde hoy están a la venta.

Crear aplicaciones para Firefox OS es extremadamente fácil, si ya sabes desarrollar para la web, ya sabes desarrollar para esta plataforma, e incluso en Android puedes instalar las aplicaciones web a través de Firefox para Android accediendo al Firefox Marketplace.

Si eres desarrollador te recordamos:

• Documentación sobre creación de aplicaciones web.
• Firefox OS Simulator.
• Foro en español sobre Firefox OS donde preguntar tus dudas y conocer otros desarrolladores.

Piwik

Gestor de estadísticas web y analítica avanzada, el Google Analyctics libre, no le falta detalle. Los datos de tus usuarios controlados por ti y con soporte para Do Not Track. (PHP)

Gitlab

Visor y gestor web de repositorios de código en git. Es como tener github para tu uso privado: Gestor de issues, equipos, proyectos, integración con CI… (ruby)

ownCloud

Tus datos bajo tu control, tu propia nube de almacenamiento de archivos. (php)

Discourse

Plataforma de comentarios y discusiones, fácilmente integrable en otros sistemas como backend de comentarios. (ruby)

Teambox

Gestor de proyectos y tareas. Aunque su última versión no es libre, la versión 3 lo sigue siendo y se está empezando a trabajar en un fork comunitario para que siga vivo. (ruby)

Actualización (17/4/13)

Roundcube

Cliente de correo web, rápido, dinámico y extensible. Nada que envidiar a los webmails modernos que nos podemos encontrar por ahí, configurable contra nuestro propio servidor de correo o el de otro proveedor. (php)

Despite this has allowed us to do amazing things and accomplish great things at the Spanish community, it has been proved that there were some issues:

• People hate emails. Specially when they have dozens of them every day and they have to read all to get an idea about what’s going on or what’s needed to be done. Some people don’t even read them and other people from the community got frustrated because they felt ignored. A lot of great ideas were forgotten in a sea of emails.
• Time is finite, and volunteers can’t spend hours during their weekend to attend a lot of long meetings. The balance between more and shorter meetings or less and longer ones is complicated because it doesn’t fit everyone.
• Wiki as a task board is hard. Hard for people to use and hard for developers to implement all functions and notifications you expect.

So after discussion on our last Work Week in Peru and a lot of hours looking for good tool, we decided to give Teambox a try. We are using the open sourced version 3 on github, because the next version is only available using their site, it’s not free and they are not going to liberate it.

Awesome open source story here: Because version 3 is no longer maintained by Teambox Co., we did a research and found there were a lot of people who forked the version 3 on github, so we contacted all of them and a Czech University, who did some major modifications in the past, was happy to see our interest on this and our proposal to do a community fork. So they are going to continue the development in a community way. You can find this community fork on github and it’s where we are reporting bugs and suggestions, we hope to encourage a couple of Mozilla Hispano devs who know Ruby on Rails to join this project and help (you are invited to help too).

Going back to our implementation of this tool,  I would say that it has being very successful, in 4 days we have more then 140 tasks created and we are moving from our shared spreadsheet to track new contributors to tasks, so it would be easier to assign, notify and track progress of each individual contributor inside the mentors team.

Another great thing about this is that we don’t have to exchange 20 emails to do things, the person in charge will create tasks and assign to people with due dates. Everyone know what’s pending, when they have to do stuff or ping others for help using the great @mention feature inside comments. Less talking, more working.

It’s also great to track contributions and recognizing people’s work, because for each task you can specify how many time you have devoted to do it and other people can see your hard work. I personally love time tracking feature to get a full overview of our work and it’s great to know who has more or less work when assigning new tasks.

We want to introduce new contributors to this workflow as soon as possible on their on-boarding process, so they will know how we organize the work in the community they want to contribute to from the beginning. I did a short screencast (in Spanish) on how we use the tool so people can start using it right away.

This can be considered a pilot program, and let’s see how it goes, specially having in mind we have to coordinate the Firefox OS launch in three Spanish speaking countries in less than two months.

I’ll keep you posted with more news about this initiative

Ángela, María, Pedro, Guillermo López, Inma, Ricardo, Guillermo Movía y Ximena han conseguido completar este mes pasado todos los artículos y hacer que el portal esté 100% traducido al español, algo para sentirse orgullosos ya que pocos idiomas han conseguido esta titánica tarea.

Si haces clic en Firefox > Ayuda, puedes acceder a cientos de artículos que nuestra comunidad ha creado y localizado al español para ti. Queremos ayudarte a resolver cualquier duda o problema y obtener lo máximo de tu navegador favorito, Mozilla Firefox.

Sobre los colaboradores del mes

Esta es nuestra pequeña muestra de agradecimiento mensual a nuestros colaboradores, pero, ¿sabías que tú también puedes participar? No necesitas ser un gurú de la programación o dedicarle muchas horas a la semana.

Mozilla es una comunidad global sin ánimo de lucro que funciona gracias a personas como tú que colaboran voluntariamente.

Esta semana pasada se cumplían 15 años del nacimiento de Mozilla, 15 años desde que Netscape liberó el código fuente de su navegador el 31 de marzo de 1998.

Esta no es sólo una celebración para el proyecto, es una celebración para la web y para Internet en general. De no ser por la creación de Mozilla, Mozilla Suite y posteriormente Firefox, la web hubiera seguido estancada en un monopolio de Internet Explorer, sin innovación y sin la posibilidad de la web 2.0 y la creación e implementación de tecnologías que han permitido el boom de Gmail, Twitter, Facebook… y otros cientos de servicios web que actualmente forman nuestro día a día en la web.

Mozilla sigue trabajando mediante proyectos como Firefox, Firefox para Android o Firefox OS, para que la web siga siendo un recurso abierto, innovador y participativo para todo el mundo, por ello, no olvidemos felicitar a un proyecto y a una organización que cambió el panorama de la web y que sigue trabajando para el futuro de la misma en beneficio de todos. Entérate de cómo participar con la comunidad.

El pasado 20 de marzo, celebramos en Valladolid (España) el segundo Firefox OS App Days, donde cerca de 100 desarrolladores se reunieron para aprender y hackear en el nuevo sistema operativo para dispositivos móviles de Mozilla.

Afortunadamente pudimos documentar extensamente en vídeo todo el evento y por eso queremos compartirlo con todos vosotros, especialmente con los que no habéis tenido la oportunidad de asistir a un App Days de forma presencial. Además en el índice posterior os detallamos los tiempos de cada sesión, así como un enlace a las diapositivas que se usaron para un mejor seguimiento.

Índice

00:00:00 – Bienvenida

Presentada por: Antonio Ferreras (@ant_ferreras), Benjamín Sahelices, Valentín Cardeñoso (@vcp1984).

00:04:25 – Introducción a Firefox OS y Martketplace

Presentado por: Rubén Martín (@nukeador)

Dispositivas [html5].

00:32:20 – Arquitectura del sistema

Presentado por: Jose Manuel Cantera Fonseca (@jmcantera)

Dispositivas [pdf].

00:59:50 – WebAPIs

Presentado por: Jose Manuel Cantera Fonseca (@jmcantera)

Dispositivas [pdf].

01:20:40 – Building blocks

Presentado por: Guillermo López (@willyaranda)

Dispositivas [pdf].

Demo building blocks [html5].

01:41:30 – Ronda de preguntas

Participan: Rubén Martín, Jose Manuel Cantera y Guillermo López.

Taller – Ejemplo práctico de aplicación

Presentado por: Cristian Rodriguez de la Cruz (@cristian_cruz)

Diapositivas [html5].

Código de la aplicación [github].

Utilidades y documentación

Recordatorios

• Si os surge cualquier duda a la hora de empezar, continuar, subir un desarrollo al Marketplace o alojarlo en vuestros servidores, recordad que tenemos unos foros de Firefox OS donde se reúne toda la comunidad hispanohablante para ayudarse y compartir experiencias.
• Os recordamos también que Mozilla es una comunidad sin ánimo de lucro compuesta mayoritariamente por voluntarios, y todas estas iniciativas no serían posibles sin ellos. En la página de colabora de Mozilla Hispano podéis ver todos los frentes en los que trabajamos y anotaros para formar parte de esta gran familia que quiere mantener la web como un recurso abierto, libre y participativo. Hay oportunidades para todo tipo de disciplinas y tiempos disponibles.
• Tenemos un boletín para desarrolladores que posiblemente os interese. Actualmente en inglés, pero en breve también lo estará en español.

A year ago Mozilla presented a OS proposal for mobile devices based on web technologies and this year we came back to show it’s a reality and we will have it in our pockets this summer.

In this article I want to show my personal experience at the event, not details about Firefox OS, which I’ve already talked about in this same blog time ago.

For this event Mozilla mobilized 100 people to Barcelona, including volunteers from Mozilla Reps program, among them Gloria (Colombia), Arturo (Venezuela), Willyaranda (Spain), Ricardo (Brasil) and me. A great opportunity to show that Mozilla is a non-profit organization where a multicultural group of volunteers and employees work together.

Our role as Reps was mainly in the demo team, so everyday from 8:30 in the morning we were in different demo stations, from the main Mozilla booth to the small stations at our partners booths (Telefónica, ZTE, DT…)

It’s important to mention the HUGE people attendance to Mozilla’s booth everyday, since the first moment in the morning it was crowded. When you ended showing a demo to a group, you had another one waiting. It was one of the few booths I saw with so many people from 8:45 to 19:30. In fact, we were asked about where did we get the models for the booth to be so successful, not realizing that we were part of Mozilla and that was the reason why passion for the project and its values was so present in each conversation we did.

Also, it was amazing to show how each day, more and more people were expressing their support to the project, adding from the initial  ZTE, Alcatel and LG, also Huawei, or even Sony publishing a Firefox OS ROM for Xperia E. Developers who came, fell in love with the concept of webapps with the same power as “native” apps, and press from all over the world was talking about the news and came to know more about that OS created by a non-profit and that was in everybody’s mouth in such an important event.

For me it was a big personal satisfaction to see this big support for a concept and values that everyone in the community is working on for so many years in our spare time and something to be proud for being part of Mozilla community.

Despite the thousands of people that form Mozilla couldn’t be there, I believe that the ones that were there made a fantastic job representing all people that invest their time to make the web an open, participative and innovative platform for everyone.

All of us are Mozilla, and this week our work has been recognised globally again.

Update: All Mozilla Reps attending MWC this year recorded a video for you all to share our experience there.

Pinche aquí para ver el vídeo