¿Qué es Pebble?

Os lo podría contar yo pero...

...nadie mejor que ellos mismos:

Características TOP

• Duración de la batería

• Luminosidad de la pantalla

• Precio

• ...muchas más.

¿Por qué desarrollar para Pebble?

A parte de ser 'cool' y 'fancy' hay razones más interesantes

Razones intersantes para empezar a desarrollar

• Con unos conocimientos básicos puedes comenzar a desarrollar

• Puedes empezar desde el navegador, ni siquiera necesitas tener un reloj

• Es un mercado no tan masificado como el de las aplicaciones móviles

¿Qué se puede desarrollar para Pebble?

Sencillo, 'esferas' y aplicaciones

Esferas (Watchfaces)

• Las esferas o watchfaces son formas diferentes de mostrar la hora en nuestro reloj
• Se pueden desarrollar 'a mano' pero también se pueden hacer desde páginas web sin necesidad de desarrollar
• Puedes mostrar datos del reloj como el estado de la batería, la conexión...

Aplicaciones (Watchapps)

• Aplicaciones, juegos, controles...
• Puedes usar servicios de tu teléfono desde el reloj (p.e. Conexión a internet)
• Mostrar datos de terceros (meteorología, estado de tráfico, transporte...)

¿Por qué desarrollé Bilbikes?

Bibikes es un buscador de anclajes y bicicletas en tiempo real del sistema de alquiler municipal del Ayuntamiento de Bilbao.

La idea de Bilbikes

Los datos de Bilbikes

La primera versión de Bilbikes

Aplicación de Pebble

Segunda versión de Pebble

Versión actual de Pebble

Veamos cómo se traduce todo esto en código

Tranquilos, sólo van a ser tres capturas

Cómo crear una tarjeta

var UI = require('ui');

var card = new UI.Card({
title: 'Hello World',
body: 'This is your first Pebble app!',
scrollable: true
});
						

Cómo crear un menú y mostrarlo

var UI = require('ui');
var menu = new UI.Menu({
  status: {
    separator: Feature.round('none', 'dotted'),
  },
  highlightBackgroundColor: Feature.color('vivid-violet','black'),
  sections: [{
    items: [{ title: 'One', subtitle: 'Using Color' },
            { title: 'Color', subtitle: 'Color Formats' },
            { title: 'Hightlight', subtitle: 'Readability' }],
  }],
});
menu.show();
						

Cómo hacer una llamada AJAX

var ajax = require('ajax');
ajax({ url: 'http://api.theysaidso.com/qod.json', type: 'json' },
  function(data) {
    card.body(data.contents.quotes[0].quote);
    card.title(data.contents.quotes[0].author);
  }
);
						

Lo que viene en el futuro cercano...

• Nuevos modelos con sensor de ritmo cardíaco
• Modelos con pantallas ligeramente más grandes
• TODO se enfoca al deporte y la salud

Eskerrik asko!

Thank you, muchas gracias...

http://iortizdezarate.com/ / @israelozarate7