De don nadie a guía turística gracias a Lopeca

De don nadie a guía turística gracias a Lopeca

Se aproximan las vacaciones y ya empezamos a preguntarnos a donde vamos a parar, si nos gustara y por encima si no vamos a gastarnos una fortuna en avión, tren, coche, hotel,…

No tengo la respuesta a todas estas preocupaciones pero la casualidad y el aburrimiento de la navegación me han traído hasta la web de una startup, Lopeca, que propone un servicio muy original aunque no estoy muy seguro si van a triunfar o estrellarse antes de despegar.

Cuando uno quiere ir de vacaciones en algún lugar concreto, por ejemplo Paris, va buscando fotos, videos o quemarse los ojos en Google Street View para saber si le gustara su destino y si vale la pena pasar meses comiendo pasta para ahorrar lo suficiente para pasarlo bien. Otra solución es pasar por los servicios de Lopeca.

Todavía en su fase beta, Lopeca propone a cualquier persona convertirse en guía para otro durante 5, 10 o 15 minutos gracias a una invención formidable, el Smartphone. Seguramente por falta de fondos, no tiene una app propia y la comunicación entre guía y visitante se hará mediante Skype, Facetime u otro programa de VOIP.

La idea me parece muy buena, permite al visitante ver que los autóctonos de su lugar de destino no son salvajes, ver la ciudad en movimiento ‘real’, tener por lo menos un contacto que habla el mismo idioma y todo esto por poco dinero, de 5 a 10 USD, la plataforma se queda con el 25%.

El visitante también tiene un seguro y si la visita no le gusto porque el guía no hizo nada o por cualquier otro motivo relevante, se le devolverá su dinero. El creador, Muzaffer Selimbeyoğlu, no es un novato en el sector del viaje y tiene otra web ‘de viaje’ más convencional de alquileres de barco de particular a particular.

El servicio tiene apenas 1 mes y medio y todavía huelle a pintura fresca, les falta mucho por hacer como finalizar su página web y hacer un video promocional antes del verano.

Compartir

Obtener feedbacks y reportes de errores con Usersnap

Obtener feedbacks y reportes de errores con Usersnap

Visto ayer en un blog francés, no podía no hablar de UserSnap tanto me pareció una muy buena idea. UserSnap es un tracker de fallos visual para todos los que trabajan en un proyecto web y que simplemente no pueden/quieren probarlo en todos los dispositivos y todos los navegadores para ver si todo está bien cada vez que cambian un detalle.

Más concretamente, es un pequeño modulo que se instala en una página web y que hace aparecer un módulo en la parte inferior derecha de la página. Al hacer clic encima, aparecen 2 ventanitas, una en la que se puede escribir su mail y un mensaje y otra que contiene herramientas para comentar, subrayar, hacer cuadros, flechas o dibujos libres en la misma pantalla y enviar el informe al encargado de la página web para informarle de un fallo o bug.

La instalación es realmente muy simple ya que los desarrolladores han previsto un montón de casos posibles, del desarrollador que pasa por su propia plantilla a los que pasan por un CMS como wordpress, Joomla, Drupal o Magento, todos tienen su plugin especifico.

El propietario de la página web recibirá las capturas de pantalla directamente por mail, Evernote, GitHub o 20 otras fuentes posibles y si lo desea, recibir notificaciones por Slack, Hipchat o Hall.

El modulo funciona en todos los navegadores e incluso en los Smartphone Android (iOS ?) y es gratuito durante los 15 primeros días luego de que el precio es de entre 19 a 99 USD/mes dependiendo del número de proyecto pero cuando más se paga, más funcionalidades hay.

No es el primero UX bug tracker que existe pero este es realmente bueno y en la lógica de la web actual permitiendo la conexión de varios servicios entre ellos y a un equipo o a todos los visitantes participar en la experiencia.

Por los que prefieren no gastarse dinero, hay también una buena extensión Google Chrome, UX Check, que es totalmente gratuita y bastante buena pero no permite instalar ningún tipo de modulo en una página web.

Compartir

Pasar su carnet de conducir en un mundo 2.0 con Ornikar

Pasar su carnet de conducir en un mundo 2.0 con Ornikar

El último año de instituto suele representar muchas cosas y para el joven y para sus padres: el primero está contento mientras que los segundos están sudando la gota gorda con todos los gastos que les esperan.

Además del precio de los estudios que el gobierno creo oportuno subir (no Mariano, la crisis todavía está…) el carnet de conducir representa una inversión grande por 2 motivos, porque es una suma importante a desembolsar en muy poco tiempo y porque es un gasto que implica otro gasto (coche, seguro,…).

En Francia, donde el precio es aun mayor que en España, tanto que hay jóvenes que cruzan la frontera para pasar el carnet y ahorarse un dineral, hasta 1000 €uros, cosa que no gusta a las autoescuelas francesas pero que tampoco pueden impedir, es Europa.

Hace unos meses, un joven emprendedor tuvo una idea brillante y lanzo un nuevo concepto de autoescuela en línea y el mercado es particularmente interesante, 1,3 millón de personas lo pasan cada año. Aprovechando las tecnologías actuales, Ornikar propone todos sus servicios en línea: entrenamiento al código en línea y reserva de horas de conducción en línea.

Las ventajas son múltiples tomando en cuenta que el 80% de los que pasan el carnet tienen menos de 25 años y/o son estudiantes, el hecho de facilitar un acceso a su ‘autoescuela’ desde cualquier ordenador es un paso de gigante, el candidato puede ir y venir cuando le da la gana desde cualquier punto del mundo. Otro punto clave es que los profesores de autoescuela van a poder elegir y empezar a trabajar por su cuenta como autónomo sin depender de una escuela si quieren. El último punto clave es por supuesto el precio, 690 €uros todo incluido es decir 2 a 3 veces más barato que los precios habituales.

Además, como se trata de una escuela virtual, el alumno no tiene por qué pagar sus 20 horas de aprendizaje en una vez, puede pagarlas al momento de hacer la reserva y puede pasar una hora en una ciudad y otra en una ciudad distinta, imposible con el sistema convencional, Es un poco el Duolingo automovilístico!

Este concepto está respaldado por grandes empresarios como Xavier Niel, un gigante de los telecoms y servicios 2.0 Francés a quien le gusta crear y ayudar servicios innovadores pero los sindicatos ponen trabas, no les gusta nada la idea y hacen todo lo posible para retrasar lo más posible el buen funcionamiento de Ornikar que de momento no puede ofrecer horas de prácticas por un tema puramente político, están esperando que se les autora la certificación de la junta.

De momento, este concepto solo funcionara en algunas ciudades en Francia pero es más que probable que el sistema se extiende muy rápidamente a otros países de la unión Europa, los alumnos ganaran mucho en flexibilidad y en la factura final y los profesores ganaran también mucho en flexibilidad y en organización del tiempo. Las autoescuelas tradicionales no desaparecerán, siempre hay personas que confiaran más en una escuela física que virtual, pero tendrán que revisar sus precios y/o proponer servicios adicionales para seguir compitiendo.

French Only !
Compartir

La holografía está cada vez más cerca del publico

La holografía está cada vez más cerca del publico

Hoy entramos en la 4 dimensión o mejor dicho en la tercera dimensión pero que parece tan increíble como si fuera un cuarta, me sigues? Todo empezó con una pequeña noticia, la empresa Holocube acaba de crear un nuevo accesorio para iPad que es ni más ni menos que una especie de espejo que permite ver imágenes 2D en 3D.

Este accesorio está diseñado como un escáner, tiene un espejo de plástico transparente con un ángulo de visión de 45 grados que captura el contenido de la tableta para proyectarle en el aire. La imagen queda capturada por la pantalla de plástico y el espectador tiene la impresión de ver un objeto en 3D, simple pero eficaz.

Sin embargo no es lo que más me sorprendió de Holocube sino otro producto que es aún más impresionante a pesar de llamarse sobriamente HC 40. Este dispositivo es directamente una especie de caja con 4 lados cerrados y 2 abiertos para permitir al público ver a través. Cuando el cubo entra en acción, proyecta literalmente una imagen en D sin artificios, nada de espejo de plástico a 45 grados, una imagen bastante nítida de un objeto totalmente virtual.

El HC 40 parece tener unas dimensiones buenas dimensiones al ver el video pero tiene varios hermanos como el HC 70 (vertical) tan grande como una persona y con las mismas capacidades que su hermano pequeño.

Esta tecnología está ya bastante avanzada y la parte hardware ocupa muy poco espacio, es una buena señal que indica que en los próximos años podremos ver estos dispositivos en centros comerciales y tiendas porque la primera función que tendrán estos cube serán exclusivamente mercantil. Un joyero podría enseñar a sus clientes todos los modelos de reloj existentes sin necesidad de tenerlos en el almacén y las marcas de zapatos podrían hacer publicidades muy visuales de su último producto por ejemplo.

Existen ya varios productos que proyectan hologramas pero es la primera vez que veo uno sin espejos de por medio ni prisioneros en una forma piramidal, el espacio es totalmente abierto y lo cambia todo. Algo sorprendente con Holocube es que, por una vez, no viene de Asia o América pero de Europa y más precisamente belga.

Compartir

Pingendo, un editor bootstrap realmente muy bueno

Pingendo, un editor bootstrap realmente muy bueno

Todos los que deben crear landing page, newsletter o pequeñas páginas webs tienen siempre el mismo problema, hay un precio incomprensible por debajo del cual no se gana dinero y a menudo le faltan 9 €uros para tener un billete de 10 al cliente o más formalmente, siempre hay que bajar el precio porque no hay dinero…

Todos tenemos trucos como tener nuestras plantillas hechas manualmente o compradas, o tenemos contactos en la India, Pakistán o Bangladesh o por ultimo utilizamos un editor para ayudarnos un poco, trabajar más rápido y bajar el precio final.

En los editores de tipo WYSIWYG hay de todo, unos son gratuitos y otros de pago y los de pago no son necesariamente los mejores ni en el resultado final ni siquiera en ergonomía, tengo el doloroso recuerdo de un editor que pague un poco caro y que hoy, a pesar de recibir actualizaciones de vez en cuando, no vale para mucho.

Sin embargo, hay 2 que realmente están por encima de los demás y han tenido la muy buena idea de ser gratuitos, de momento por lo menos. Uno de estos 2 es LayoutIt, un bonísimo editor online que permite ganar mucho tiempo y el segundo es Pingendo, un editor aún mejor que se instala en el ordenador.

Pingendo es un editor de tipo arrastrar/soltar basado en BootStrap 3.2, es decir que todo lo que se hace con tendrá un código limpio y un diseño responsive, argumento perfecto para vender un trabajo unos €uros más.

El programa se divide en 3 columnas, una a la izquierda que contiene todas las opciones disponibles para tipografía, media, componentes, botones y layouts. La columna de la derecha nos indica la estructura del elemento seleccionado y los ajustes posibles por el elemento y la columna central es el visual del proyecto en curso así que el código HTML en su integralidad.

El trabajo es bastante sencillo y consiste en arrastrar los elementos de la columna izquierda a la parte central para ver el resultado al instante y cambiar texto e imágenes en vivo pero también, y es la gran fuerza de Pingendo, poder ajustar varias cosas con las opciones disponibles en la columna derecha como indicar un ID al elemento, elegir su posición, color, tamaño y si tiene que ser visible u oculto en Smartphone, Tablet, laptop y/o ordenadores es decir que esta última columna permite ganar un montón de tiempo de retoques de código y hasta la fecha no conozco otro servicio o programa, gratuito o de pago, que permite hacer tantas cosas.

Crear un témplate o un landing page se convierte en una tarea sencillísima, se pueden añadir fotos y videos, en una línea, columna o sección en unos clics y todo se puede deshacer con la misma facilidad sin riesgo de fastidiar el HTML que se actualiza en tiempo real, que queda siempre disponible y que se puede editar. La última gran ventaja de Pingendo es que se puede comprobar la visibilidad del trabajo en curso en todos los formatos disponibles gracias a 4 botones situado en la parte superior y que permiten simular una pantalla de Smartphone, Tablet, laptop u ordenador sin tener que guardar su trabajo en su espacio FTP para poder hacerlo.

Para ser sincero, me sorprendió mucho que un programa tan bueno sea gratuito y la versión 2.0 es increíblemente mejor tanto en ergonomía que en posibilidades porque los creadores han añadido unos mini templates de sección vacías o preparados – galerías, equipo de 3 o 4 personas, texto + imagen,…), componentes (video, parágrafo, botón,…) y la posibilidad de hacer un SEO sencillo con las opciones de la columna derecha. Además, es posible retocar directamente el CSS/LESS (imposible en la versión 1) trabajar en varios proyectos a la vez, guardarles. La versión 2.0 de Pingendo está en su fase beta y los que quieren probarla solo tienen que enviar un mail a info @ pingendo.com para recibir un enlace de descarga para Windows, Mac y Linux.

Al final, Pingendo no hace todo el trabajo y no es exento de fallitos pero facilita bastante la tarea para dejar al usuario hacer los retoques necesarios para cumplir con sus requisitos o los de su cliente y entregar un trabajo bien hecho con un código limpio.

Compartir

Monitorear páginas web con Yahoo! Pipes

Monitorear páginas web con Yahoo! Pipes

Una de las cosas más recurrentes cuando uno quiere ser el primero en enterarse de las ultimas noticias en el sector que le interesa es monitorear la web y eso se puede hacer de muchas formas o con una solución de pago, que suelen funcionar bien y son sencillas en su uso, o de forma gratuita pero generalmente se tratan de servicios que se quedan un poco cortos con los ajustes posibles.

Pero no todas las herramientas gratuitas son sencillas y una de las más potentes por no decir la más potente es sin duda Yahoo! Pipes (YP) que no es nada nueva, es de 2007 y en la actualidad sigue funcionando. Es una herramienta potente pero que puede resultar algo desconcertante la primera vez que se utiliza.

Yahoo! Pipes nos permite hacer lo que sea con las fuentes RSS y más concretamente:

  1. Añadir letras, palabras, signos… delante o detrás del RSS final
  2. Cambiar palabras por otras
  3. Rechazar o aceptar las entradas que contienen cierta palabra o palabras
  4. Ordenar por fecha, autor, titulo, …
  5. Filtrar para impedir los dobles
  6. Filtrar por localización geográfica
  7. Un barbaridad de cosas más…

Primer paso

Como todos servicios, lo primero que hay que hacer es registrarse. Antes era posible registrarse mediante cuentas Yahoo!, Google o Facebook pero desde unos meses, la llegada de Marisa Mayer en Yahoo! cambio las cartas y solo se puede registrar con una cuenta Yahoo!.

Una vez registrado al servicio, la primera pantalla que nos enseña YP se parece a un cuaderno de alumnos con un fondo cuadriculado y un menú desplegable con varias entradas en la parte izquierda. El más fácil de usar es sin duda el ‘fetch feed’ que vamos a arrastrar en la parte de la derecha. ‘fetch feed’ se despliega y tenemos que indicar una fuente RSS (no una página web) y luego conectar esta ventana con ‘pipes output’.

Enhorabuena, sola falta guardar el Pipe, darle un nombre y lanzarlo para ver el resultado. A notar que se pueden añadir varias fuentes a la vez para obtener un resultado final más amplio en un solo RSS.

En las herramientas de la columna de izquierda, uno de los más interesantes es sin duda los ‘operators’ con los que se puede hacer:

  1. Regex > cambiar una palabra por otra en el resultado final
  2. Filter > Permitir o bloquear fuentes que contienen o no una palabra determinada
  3. Sort > ordenar los resultados del más reciente al más antiguo (por titulo, autor, fecha, ….)
  4. Unique > Filtrar los dobles (por título, autor, fecha, ….)

Se puede también fabricar un motor de búsqueda personalizado como en estos 2 ejemplos.

Pipe Test 1

Pipe Test 2

Buscar y fabricar sus fuentes RSS

A este punto, todo el mundo puede utilizar los Pipes, solo hace falta buscar fuentes interesantes que se pueden encontrar de varias manera:

  1. Ver el icono RSS en una página web y recuperar su dirección
  2. Buscar en los directorios de fuentes RSS
  3. Pedir ayuda a Google
  4. Pedir ayuda a Bing o Yahoo!

Las 2 primeras opciones son muy sencillas, las 2 siguientes son algo más desconocidas aunque realmente interesantes mientras los motores de búsqueda las indexan.

Buscar una fuente RSS en Google

Existe un operador muy sencillo: ‘inurl:’. Para buscar una fuente RSS, se tiene que añadir una palabra clave así que los términos buscados en la URL de este modo, por ejemplo, ‘palabra clave inurl:rss.xml’ y google os indicara las fuentes pero a veces falla un poquito y los resultados no son todos fuentes.

Buscar una fuente RSS en Yahoo! o Bing

Los 2 comparten las mismas fuentes así que es inútil buscar en uno y en el otro. Yahoo! y Bing son bastante más fiables a la hora de buscar fuentes y es más sencillo, solo hace falta buscar con el operador “feed:” como, por ejemplo “feed:chocolat” par obtener las URLs de la fuentes en relación con la palabra buscada.

Fabricar fuentes RSS a medida

Muchas páginas web tiene un RSS pero no todas por varias razones:

  1. Prefieren que los internautas vengan el su página en lugar de leer los RSS
  2. Nos les gusta que se les roben sus informaciones para publicarlas en otras paginas
  3. No se ven las publicidades (aunque sea posible)
  4. No quieren que sus artículos se conviertan en ‘Fast food’
  5. ….

Cada uno tiene sus razones sin embargo es posible fabricar fuentes a partir de (casi) todas las páginas web. Una de las posibilidades es usando el filtro ‘XPath’ de YP e indicando que tipo de información tiene que buscar YP. Ahora, creo que todos los navegadores tienen un atajo para saber fácilmente el Xpath de datos en una página web con el menú contextual del clic derecho ‘inspeccionar elemento’ y seleccionándolo, ‘copiar XPath’. Los que nos quieren complicarse la vida pueden también pasar por servicios online como:

Hay unos mejores que otros según las paginas y a veces se bloquean un poco pero resultan prácticos.

Las posibilidades de YP son enormes y se puede hacer cualquier cosa, de monitorear la web a buscar fotos/noticias de una zona geográfica determinada pasando por la reestructuración completa del formato del resultado final y los más ‘hambrientos’ vincularan YP con IFTTT para tener todas las informaciones que les interesa antes que los demás.

Existen un montón de tutoriales en la web que enseñan cómo utilizar YP, muchos de ellos demasiados sencillos o demasiados confusos y lamento decir que el del video de abajo es muy incompleto pero enseña las bases por un caso concreto de búsqueda. Uno de los mejores tutoriales son visibles en esta página pero son todos en francés.

Compartir