Posted:
Author PhotoPor Peter Lubbers, Chrome Developer Relations

Cursos en Línea Masivos y Abiertos o MOOC (siglas en inglés de massive open online courses) como el curso gratuito Udacity HTML5 Game Development course (CS255) tienen la increíble habilidad de llegar a una audiencia global, sin embargo, las barreras del idioma impiden que participen muchos estudiantes. Hoy anunciamos algunos pasos que hemos dado para romper dichas barreras.

Como parte de una iniciativa para apoyar a desarrolladores en mercados emergentes con entrenamiento de alta calidad en otros idiomas, Google financió un proyecto para traducir una buena porción del programa para desarrollo web de Udacity, tanto a español como a portugués brasileño. Específicamente, hicimos equipo con Udacity para agregar subtítulos traducidos para CS253 (desarrollo Web), CS255 (juegos en HTML5) y CS256 (Desarrollo web móvil, a punto de iniciar—¡regístrate gratis hoy mismo!).

+Nick Bortolotti, Developer Relations Program Manager en Google Buenos Aires, quien jugó un papel fundamental para empujar este proyecto dijo: "Esta es una contribución enorme para el ecosistema y la comunidad regional. Estoy muy emocionado por las nuevas formas y posibilidades. Estoy seguro que este contenido de alta calidad, por oradores de alto nivel, será una inspiración para desarrolladores talentosos latinoamericanos."

screenshot from Udacity course
 ¡Que empiece la fiesta!

Para ver las traducciones en vivo ve a, por ejemplo, www.udacity.com/course/cs255 e inicia la clase. Cuando estés en el salón viendo los videos, has click en el botón de Closed Captions (CC) en el visor de YouTube y selecciona Spanish (Mexico) o Portuguese (Brazil), para subtítulos en español y portugués, respectivamente.

Uno de los estudiantes de CS255, Edwin Rodolfo Maldonado Perez de la Ciudad de Guatemala en Guatemala, dijo: "En América Latina, si estudias en una escuela pública, no te enseñan un segundo idioma como el inglés. Cuando esos estudiantes de escuelas públicas crecen y buscan trabajo, no tienen tiempo o dinero para asistir a una escuela de idiomas. A partir de ahí es un problema del huevo y la gallina, donde para obtener un nuevo trabajo o mejorar tus habilidades técnicas, como aprender un nuevo lenguaje de programación, te encuentras con que casi toda la documentación está en inglés."

Las traducciones para CS253 y CS255 ya están vivas. ¡Que las disfrutes!


+Peter Lubbers es un Program Manager en el equipo Chrome Developer Relations, difundiendo las cosas buenas de HTML5 y Open Web. Es fundador del Grupo de Usuarios de HTML5 de  San Francisco --la primera y más grande reunión de desarrolladores HTML5 en el mundo, con más de 8,000 miembros. Peter es autor de "Pro HTML5 Programming" (Apress) y, si, la placa de su automóvil es HTML5. En sus ratos libres disfruta corriendo alrededor del lago Tahoe, sin parar, y lanzarse desde aviones.

Versión original publicada por +Scott Knaster, Editor.
Publicado en español por +Francisco Solsona, Developer Relations Regional Lead

Posted:
Por Francisco Solsona, Google Developer Regional Lead

Aviso importante: este, el 24, es el último Google Top Geek con este formato. A partir del siguiente episodio, haremos un programa enfocado en uno o dos conceptos novedosos, con análisis más profundos y técnicos. ¡Gracias por todos sus comentarios y sugerencias!

Google Top Geek (GTG) es un show semanal que generamos desde México con noticias, las tendencias en búsquedas y YouTube en América Latina, así como referencias a apps y eventos interesantes. GTG se transmite los lunes al medio día, 12 pm, desde Google Developers Live.

Guión del programa. El elenco en este programa: +Ericka Méndez+Rafa Munoz+Jack Fermon y +Francisco Solsona.

Esta semana

  1. Quioscos de Chromebooks para empleados y clientes. Fácil de personalizar y con seguridad incluida.
  2. Hace unas semanas lanzamos Google+ Sign-In, una manera para autenticar a tus usuarios y hacer login en tus aplicaciones web y móviles. La semana pasada conectamos esta información de Sign-In con Google Search, lo que complementa muy bien los resultados de búsqueda con información agregada y popular. Para empezar lo hicimos con apps de música y cine, pero se irán agregando otro tipo de aplicaciones.
  3. Ya está disponible la app para Chrome de Google Keep, que te permite facilmente crear notas, marcar como terminadas tus tareas y agregar fotografías a las tareas.
  4. Invitación para registrarse al MIT Global Start-up Labs 2013 que es un curso de 6 semanas que se llevará a cabo en la Facultad de Ciencias de la UNAM. Tecnología móvil y desarrollo de software en un formato de incubadora. Realmente muy interesante y una buena oportunidad para desarrollar tus habilidades de emprendimiento y programación. El registro se cierra el miércoles 8 de mayo, corre.
  5. Hangouts Remote Desktop: soporte técnico con un toque humano. Ahora está disponible una app para Hangouts que utiliza la misma tecnología que Chrome Remote Desktop y que te permite controlar remotamente la computadora de otros, con su permiso, por supuesto. Y, dado que sigues en el hangout, puedes platicar durante la sesión.
  6. Añadir eventos a Google Calendar desde Gmail ahora es muy fácil, cada vez que aparecen fechas y horas en tu correo, notarás que están levemente subrayados: cuando haces click en ellos, puedes agendar esa llamada importante o cita para comer sin salir de Gmail.

Búsquedas de la semana

Lo más interesante en búsquedas de la semana:

  • Argentina, Colombia, Peru, Uruguay, Venezuela: Dia de trabajador, 1 de mayo
  • Chile: Iron Man 3
  • España: Movistar Fusion (plan de datos)
  • México: Omar Borkan (deportado Arabia Saudita, muy guapo)

Y lo más visto en YouTube:

  • Argentina: “Soccer Star Messi Picking up girls” (comedia)
  • Chile: “Pacific Rim Trailer” (aliens)
  • Colombia: “La novia de Peter La Anguila”
  • España: “Raf’s Perfect Girlfriend”
  • México: Anuncio telefono celular (Nokia Lumia)
  • Perú: “Esto es guerra”

Fotografía Francisco Solsona
Francisco Solsona   +solsona | @solsona 

Francisco es director de relaciones para desarrolladores en América Latina norte para Google y se enfoca en fortalecer la comunidad de desarrolladores ejecutando programas estratégicos y empoderando a desarrolladores promoviendo eventos de alta calidad; así como fomentando su relación con inversionistas, empresas e instituciones educativas.

Posted:
Por Francisco Solsona, Google Developer Regional Lead

Google Top Geek (GTG) es un show semanal que generamos desde México con noticias, las tendencias en búsquedas y YouTube en América Latina, así como referencias a apps y eventos interesantes. GTG se transmite los lunes al medio día, 12 pm, desde Google Developers Live.


Guión del programa.

Esta semana

  1. Después de las explosiones al terminar el maratón de Boston, Google lanzó una herramienta para ayudar a la gente involucrada, Google Person Finder.
  2. Nuevas características de Chrome para negocios: (a) Legacy Browser Support, para que tu chrome se comporte como alguna versión anterior para soportar una cierta aplicación y (b) cloud-based management, que te permite controlar hasta 100 aspectos: políticas y preferencias de chrome, como aplicaciones por omisión, temas personalizados o apps "curadas" en la tienda.
  3. Google+ - los moderadores de comunidades ahora pueden mover posts (mensajes en la comunidad) de una categoría a otra, lo que permite mantener ordenadas las discusiones.
  4. Google+ Hangouts ahora hacen mute automático si estás escribiendo, porque a nadie le gusta el ruido de las teclas en una conversación. No tienes que hacer nada, sucede de manera automática para HO con más de 4 personas.
  5. Comentarios de Google+ ahora en Blogger. Después de activarlo en el Blogger Dashboard, disfrutarás de tu blog y comentarios Google+ en el mismo lugar, además de ayudar a tus lectores a comentar y conectar con sus círculos.

Búsquedas de la semana

Lo más interesante en búsquedas de la semana:
  • Argentina: Leo Fariña (empresario, lavado de dinero)
  • Chile: Chi Cheng (falleció, bajista, Deftones)
  • Colombia: Sandra Brand (falleció, actriz de 30 años)
  • España, México, Uruguay: Atentado en Boston
  • Perú: Elecciones Venezuela 2013
  • Venezuela: Elecciones Presidenciales 2013 
Y lo más visto en YouTube:
  • Argentina, Colombia, Mexico, Peru: Psy Gentleman (Gangnam Sytle 1.5 B views, +150M views publicado el Abril 13)
  • Chile, España: Explosión de la planta fertilizante en Texas

Noticias para desarrolladores

  1. PageSpeed Service (PSS) hace que los sitios móviles sean más rápidos. En este artículo te explican varias de los servicios de reescritura de PSS, que son especialmente efectivos para páginas web móviles (i.e. destinas para consumo en dispositivos móviles), como Priorizar CSS Crítico, Diferir JavaScript, Optimizar imágnes, etc. 
  2. Google AdMob SDK v6.4.1 Released para Android e iOS, que tienen un par de cosas nuevas en Android y reparación de errores en ambas plataformas.

Fotografía Francisco Solsona
Francisco Solsona   +solsona | @solsona 

Francisco es director de relaciones para desarrolladores en América Latina norte para Google y se enfoca en fortalecer la comunidad de desarrolladores ejecutando programas estratégicos y empoderando a desarrolladores promoviendo eventos de alta calidad; así como fomentando su relación con inversionistas, empresas e instituciones educativas.

Posted:
Por Francisco Solsona, Google Developer Regional Lead

Google Top Geek (GTG) es un show semanal que generamos desde México con noticias, las tendencias en búsquedas y YouTube en América Latina, así como referencias a apps y eventos interesantes. GTG se transmite los lunes al medio día, 12 pm, desde Google Developers Live.

Guión del programa.

Esta semana

  1. Actualización de Chrome para Android, te llevamos directo a la versión 25 con un rendimiento mejorado para recorrer páginas, mejor respuesta para pellizcar o expandir páginas, mayor eficiencia en páginas interactivas con la última versión de V8, mejor soporte para HTML5, etc.
  2. La semana pasada ocurrió el Google Enterprise Global Partner Summit en Mountain View, CA. Partners de todo el mundo se reunieron para conocer de primera mano tendencias, productos y la visión que tiene Google Enterprise para este tan excitante 2013. El evento contó con la participación de Vint Cerf, Google’s Chief Internet Evangelist; Patrick Pichette, Google’s Chief Financial Officer; Urs Hölzle, Senior Vice President of Technical Infrastructure; Amit Singh, President of Google Enterprise.
    Si están interesados en convertirse en Partners de Google Apps, visiten
    este sitio.
  3. Lanzamiento de code.org.
  4. Google+ Sign-In: una manera sencilla y que ofrece confianza al usuario para utilizar sus credenciales de Google para conectarse a tu aplicación web y móvil.

Trucos

Esta semana platicamos nuestros trucos y recomendaciones para utilizar Google Calendar, que entre otros incluyen:
  • Calendarios compartidos
  • Find a time
  • Labs: World clock
  • Calendarios interesantes (públicos)
  • Apps script y calendar
  • Gadgets para calendars
  • Eventos recursivos
  • Publicar calendarios
  • Entrada en una sola linea
  • Puedes agregar un correo como una tarea y asignarle una fecha, con lo que se conecta en tu calendario.

Búsquedas de la semana

Lo más interesante en búsquedas de la semana:
  • Argentina y Chile: Oscars 2013
  • Colombia: Paro Cafetero (caficultores exigen mejores condiciones para el cultivo del grano)
  • México: Chivas vs Leon (El último partido de la Jornada 8 de la Liga mexicana, C 2- L 1)
  • Perú y Uruguay: Jennifer Lawrence (Oscar, Mejor actriz por la película Juegos del Destino/Silver Linings Playbook)
Y lo más visto en YouTube:
  • Argentina: Patada asesina de Diego Braghieri a Ronaldinho (Arsenal 2 vs Atletico Mineiro 5, según comentador era expulsión, pero solo se marca penal)
  • Chile: “Farting on beach babes” (se echa un gas)
  • Colombia: “Harlem Shake” (No más)
  • México: Gol Olímpico de Daniel “Hachita” Luduena (Pachuca vs Atlante, Jornada 5 de la liga Mexicana)
  • Perú: “Monkey Thieves”
Fotografía Francisco Solsona
Francisco Solsona   +solsona | @solsona 

Francisco es director de relaciones para desarrolladores en América Latina norte para Google y se enfoca en fortalecer la comunidad de desarrolladores ejecutando programas estratégicos y empoderando a desarrolladores promoviendo eventos de alta calidad; así como fomentando su relación con inversionistas, empresas e instituciones educativas.

Posted:
Por Francisco Solsona, Google Developer Regional Lead

Google Top Geek (GTG) es un show semanal que generamos desde México con noticias, las tendencias en búsquedas y YouTube en América Latina, así como referencias a apps y eventos interesantes. GTG se transmite los lunes al medio día, 12 pm, desde Google Developers Live.


Guión del programa.

Esta semana

Tendencias 2013

(Source: AdvertisingAge)
  • Muchos datos, pocos científicos de datos. Cada día más distintas compañías necesitan o quieren datos cuantitativos, sin embargo no hay suficiente talento para analizarla y explotarla.
  • Los gobiernos se seguirán viendo presionados por temas de privacidad.
  • Se espera que China sobrepase a EU en comercio electrónico.
  • El mundo digital ha incrementado el apetito de las marcas para llamar la atención en el mundo real. Se espera que las “experiencias digitales de marca” se vuelvan mucho más ambiciosas y creativas.
  • TV Cable: ¿Será reemplazada por internet?

Top búsqueda

  • AR:: Balón de oro (interesante que Cristiano Ronaldo está en el top 10 y no Messi)
  • CH: Temperatura actual
  • Colombia: Sena Sofia Plus → espacio informativo gubernamental (repetido 4 veces en el top 10)
  • MX: Reyes Magos
  • PE: Gringasho (Delicuente juvenil que recibió ayuda para fugarse)
  • UR: Patentes 2013

Lo más visto en YouTube

  • AR: Cassidy - Raid (Meek Miss Dill)
  • CH: Los Profesores del canal “Holasoygerman” 
  • CO: Caída de Andre Ghidone en Escandalosas // El resto de los videos más vistos se refieren a distintos capítulos de la serie “Corazón Valiente”
  • MX: El mundo de los sexos - La pachanga
  • PE: Esto es... ¿talento?

Canal beta de Chrome para Android

Google Chrome for Android Beta, para teléfonos y tabletas con Android 4.0+, ahora tenemos un canal beta, donde puedes probar las últimas características de Chrome y nos permite encontrar y resolver las fallas rápidamente.... La filosofía del software abierto: release early, release often.

Invitaciones para estudiantes

  • Programa de pasantías en Google, esto es de interés para los estudiantes de negocios (MBAs) que quieran incorporarse en nuestro sistema de pasantías y trabajar en un proyecto …
  • Estudiantes (licenciatura y preparatoria) a participar en un concurso de programación segura: Hardcode... Google, junto con los organizadores del SyScan te invitan, la ronda final y premiación será durante el congreso en Singapur.


Posted:
El desarrollo de soluciones web desde siempre se ha enfrentado a diversos desafíos de implementación pero la llegada de HTML5 dió una frescura a estos diversos ambientes como es el almacenamiento desconectado.

El nivel de interacción de las soluciones Web actuales requiere sin lugar a dudas de estas características de almacenamiento desconectado. La idea es poder implementar mecanismos semi-conectados o desconectados de una forma mucho más flexible.

En este artículo vamos a abordar el tema de IndexedDB, donde resolveremos una simple implementación paso a paso de un administrador de tareas que independiente de la conexión sigue funcionando.

Para realizar la solución propuesta tendremos que pensar en abrir el repositorio de datos y generar los objetos de persistencia, luego establecer el mecanismo para agregar y visualizar los datos, finalmente establecer la estrategia de eliminación de los objetos.

Construyendo la solución

Para ejemplificar de la mejor manera posible vamos a implementar un caso concreto de implementación en donde pondremos en práctica la tecnología de IndexedDB para el manejo del almacenamiento desconectado.

Diseño de la interfaz de usuario

En esta sección haremos un diseño a muy alto nivel de lo que queremos lograr para el usuario final.
Fig. 1 - Diseño de alto nivel de la interfaz de usuario.
Este diseño será el representado en nuestro HTML genérico para generar la solución propuesta.
Abrir el modelo de datos y creando los objetos de persistencia

Completo el diseño de alto nivel de la solución, vamos a generar los scripts necesarios para interactuar con el modelo IndexedDB para abrir el repositorio de datos y dejar establecido el mecanismo para generar los objetos, que en este ejemplo serán Tareas.

html5redtask.indexedDB.open = function() {
var request = indexedDB.open("Redtask","Nuestras tareas en rojo como el día laboral");
//Si la operación para abrir es correcta.
request.onsuccess = function(e) {
var v = "1.99";
html5redtask.indexedDB.db = e.target.result;
var db = html5redtask.indexedDB.db;
if (v!= db.version) {
            var setVrequest = db.setVersion(v);
            setVrequest.onerror = html5redtask.indexedDB.onerror;    
            setVrequest.onsuccess = function(e) 
              {
                  if(db.objectStoreNames.contains("task")) 
                  {
                    db.deleteObjectStore("task");
                }
              var store = db.createObjectStore("task",
                {keyPath: "timeStamp"});
             e.target.transaction.oncomplete = function() {
                 html5redtask.indexedDB.getTaskItems();
                 };
             };
          }
          else {
           request.transaction.oncomplete = function() {
            html5redtask.indexedDB.getTaskItems();
          };
          }
        };
        request.onerror = html5redtask.indexedDB.onerror;
      }
Código 1 - Escenario de apertura de los datos y mecanismo de creación de objetos. 

Tengan en cuenta que utilizamos otro método html5redtask.indexedDB.getTaskItems(); como muestra el Código 1 para ir al repositorio actual y verificar si existen elementos en el inicio de la operación de la solución.

Agregando datos al contenedor y visualizando resultados

Al recibir el estímulo de botón de agregar tarea debemos generar el mecanismo de generación de un nuevo objeto Tarea. Esta función se muestra en el Código 2. Esta función recibe un parámetros “todoText” que utiliza para establecer en "text": todoText,. Luego se construye la solicitud y se impacta en el repositorio mediante store.put(data);

// Agregar una tarea
      html5redtask.indexedDB.addTask = function(todoText) {
        var db = html5redtask.indexedDB.db;
        var trans = db.transaction(["task"], "readwrite");
        var store = trans.objectStore("task");
      
        var data = {
          "text": todoText,
          "timeStamp": new Date().getTime()
        };
      
        var request = store.put(data);
      
        //Si todo salió bien
        request.onsuccess = function(e) {
          html5redtask.indexedDB.getTaskItems();
        };      
        //Si ocurrieron errores
        request.onerror = function(e) {
          console.log("Error: ", e);
        };
      };
Código 2 - Escenario insertando objetos

Eliminando elementos del repositorio

También debemos planificar el mecanismo de eliminación de los objetos del repositorio, para esta actividad la fucnión deleteTask recibe como parámetros el id de la tarea que se dese eliminar y se procede con las mismas simples actividades genéricas de minipulación del repositorio de datos, manejo de la transacción y el objectstore para finalmente impactar la operación con store.delete(id);

 //Para Borrar una tarea 
      html5redtask.indexedDB.deleteTask = function(id) {
        var db = html5redtask.indexedDB.db;
        var trans = db.transaction(["task"], "readwrite");
        var store = trans.objectStore("task");
      
        var request = store.delete(id);
      
        //La operación de borrado es correcta
        request.onsuccess = function(e) {
          html5redtask.indexedDB.getTaskItems();
        };
      
        //La operación de borrado o eliminación no es correcta
        request.onerror = function(e) {
          console.log("Error: ", e);
        };
Código 3 - Escenario de eliminación de objetos

Luego de la eliminación se hace una llamada a la visualización genérica de  html5redtask.indexedDB.getTaskItems();  como muestra el Código 3 para recargar y actualizar la interfaz del usuario final.

Esta tecnología muestra una simpleza y flexibilidad muy interesante que permite iniciar el camino en donde las aplicaciones Web se transforman en aplicaciones muy amigables para los escenarios de persistencia.

Nicolás Bortolotti   Perfil | Twitter | Blog

Nicolás es director de relaciones para desarrolladores en latinoamérica región sur para Google. El ha desarrollado comunidades académicas y de investigación en varios países de Latinoamérica sobre la plataforma de desarrollo web y mobile de Google. Además Nicolas es profesor universitario, donde trabaja fuertemente en arquitecturas de software, ambientes emergentes e innovación en modelos de ingeniería de software


Hemos abordado el tema en detalle en nuestra sesión semanal de Developers Live para desarrolladores en español. La Web del mañana HTML5, persistencia fuera de línea.

Nivel: Intemedio
Les dejo el video de implementación con la demostración paso a paso:

Referencias



Posted:
Sabemos que no te faltan ideas y que a veces solo se necesita un incentivo para ponerse a crear y desarrollar. Algunos de vosotros seguro que ya lo habéis hecho en el pasado pero otros quizás no os habéis aventurado todavía por eso, hemos creado un concurso para la chrome web store, y te queremos invitar a participar.


A partir de hoy y hasta el 20 de enero tienes la posibilidad de enviar tu aplicación que se puede enmarcar en estas 4 categorías: ocio, social y comunicación, educación y utilidades y si crees que no encaja con ninguna de las anteriores indica la categoría que crees que más se ajusta y la evaluaremos. Puedes participar de manera individual o en grupo, hasta un máximo de tres participantes.


Las aplicaciones seleccionadas aparecerán en la versión española de chrome web store y formarán parte de una campaña de visibilidad online. Se elegirá una aplicación ganadora por categoría y además habrá otro premio para la aplicación más accesible.


Toda la información y bases del concurso las puedes encontrar aquí.


Así que no te lo pienses y ponte a crear...empieza la cuenta atrás!


Inês Gonçalves
Google España