ASO: Cómo optimizar la ficha de tu aplicación para conseguir más descargas

Mucha gente conoce el término SEO (Search Engine Optimization) como el posicionamiento de páginas web en los buscadores. Pero, ¿qué es el ASO?.
En la actualidad, solo en España más del 90% de personas posee algún tipo de conexión móvil, y de este porcentaje alrededor del 80% tiene un smartphone.


Es por este motivo que comienza a surgir el término ASO, que es nada más y nada menos que el posicionamiento de apps en las tiendas de aplicaciones.

¿En qué consiste el ASO?

ASO o App Store Optimization, es el conjunto de técnicas utilizadas para hacer que tu aplicación sea más visible en las tiendas de apps. En otras palabras, mientras el SEO se encarga de obtener una mejor posición en los motores de búsqueda, el ASO posiciona una aplicación en las tiendas virtuales de esta misma.

Fuente: https://unsplash.com/

Son varios los factores que hay que tener en cuenta para crear una buena estrategia de ASO y hoy os voy a hablar de uno concretamente: la ficha de la aplicación, en donde se reúnen las distintas características de tu app, como el nombre, descripción, screenshots, entre otros.

¿Por qué la ficha es tan importante para mejorar el posicionamiento de tu app?

¿Cuántas veces antes de descargarte una aplicación, has mirado el icono, la descripción o los screenshots? Siempre, ¿verdad? Y ¿cuántas veces has decidido no descargarte una aplicación porque no has entendido cuáles eran sus funcionalidades o porque el icono no te transmitía confianza?.

Es por este motivo que, la ficha es un aspecto clave para que los usuarios decidan si descargarse tu aplicación o no, ya que, a través de ella, podrán saber cuáles son las principales funcionalidades que les podrá aportar tu app.

Factores a tener en cuenta de la ficha de tu aplicación

Google Play y App Store son las dos tiendas de aplicaciones más populares y con un mayor número de usuarios. Aunque la optimización de ambas tiendas es parecida, existen algunos factores que las diferencian y que debes de tener en cuenta a la hora de crear tu ficha de aplicación.

1- Características importantes en Google Play

Google Play es la tienda o plataforma de distribución digital de aplicaciones móviles desarrollada por Google, para los dispositivos con sistema operativo Android.

A continuación, te muestro los factores más importantes a tener en cuenta para crear la ficha de tu aplicación en Google Play:

• Nombre de la aplicación: uno de los aspectos más importantes para el posicionamiento de tu app es saber escoger el nombre o título adecuado. En Google Play solo se permiten añadir 50 caracteres. Por este motivo, es recomendable elegir un título breve y conciso que describa a la perfección la principal función de tu aplicación y, si puede ser, que lleve la keyword más importante. Por ejemplo: AliExpress- Compra fácil, vive mejor o MiTele- TV a la carta. Como puedes ver, son nombres claros que ayudan al usuario a conocer la principal funcionalidad de la aplicación.
• Icono: aunque este no tenga influencia directa con el posicionamiento ASO, sí que ayuda a llamar la atención del usuario. Por este motivo, un icono bien diseñado y acorde a los valores de tu aplicación, influye en gran medida en el aumento de las descargas.
• Descripción: el número máximo de caracteres permitidos en la descripción de Google Play es de 4000. Se recomienda que sea extensa y que incluya un mínimo de 350 palabras, repitiendo la keyword distintas veces a lo largo del texto. Explica las funcionalidades principales de tu aplicación de forma más detenida y si, la app ha obtenido algún premio o cita en algún medio, trata de nombrarlo en la descripción.
• Imagen destacada: consiste en una imagen apaisada que se añade a la ficha como si fuese una portada. Asegurate que ésta resuma la funcionalidad principal de tu aplicación.
• Screenshots: los screenshots de una app son muy importantes para obtener un mayor número de descargas ya que en ellos se puede mostrar las funcionalidades principales y el aspecto de la app, de una forma visual. Google Play permite añadir hasta 8 screenshots o capturas de pantalla.
• Vídeo promocional: a parte de los screenshots, Google Play, permite añadir un vídeo promocional entre ellos. Trata de resumir brevemente, preferiblemente menos de 1 minuto, las funcionalidades de tu aplicación, de una forma creativa y que llame la atención de tu público objetivo.
• Tipología de la app: en Google Play solo existen dos opciones: aplicaciones y juegos. Elige la más acorde con la temática de tu app.
• Categorías: en esta tienda de aplicaciones solo se permite añadir una categoría. Por este motivo, es importante elegirla adecuadamente, para no generar confusión en el usuario.

2- Factores a considerar en App Store

App Store es un servicio creado por Apple, que permite a los usuarios buscar y descargar aplicaciones informáticas de iTunes Store o Mac App Store.

A continuación, enumero las características principales de la ficha de una aplicación en la App Store:

• Nombre de la aplicación: el número máximo de caracteres permitidos en el nombre en la App Store es de 30. Este juega un papel fundamental en la forma en que los usuarios lo descubren en la App Store. Elige un nombre sencillo y memorable que sea fácil de deletrear y que indique lo que hace tu aplicación. Se distintivo. Evita los nombres que usan términos genéricos o que son muy similares a los nombres de las aplicaciones existentes.
• Subtítulo: los subtítulos de una aplicación aparecen debajo del nombre y pueden ser de hasta 30 caracteres. Su objetivo principal es resumir la funcionalidad de tu aplicación en una frase clara y concisa. Evita los subtítulos genéricos, como por ejemplo "la mejor aplicación del mundo". En cambio, considera usarlos para resaltar las características o los usos típicos de tu aplicación, con un lenguaje que se adapte a tu público objetivo.
• Icono: el icono de tu aplicación es uno de los primeros elementos que el usuario ve al abrir la ficha de tu app. Por lo tanto, es esencial dar una buena primera impresión que comunique la calidad y el propósito de tu aplicación. Trabaja con un diseñador gráfico para crear un icono que sea simple y reconocible. Intenta probar diferentes opciones para determinar cuál es más reconocible y significativo para tu público objetivo. Para asegurarte de que sea legible en todos los tamaños, evita agregar detalles visuales innecesarios.
• Descripción: añade una descripción interesante que destaque las características principales y la funcionalidad de tu aplicación. La descripción ideal es un párrafo conciso e informativo seguido de una breve lista de características principales. Es recomendable añadir las principales ventajas competitivas de tu app, es decir, lo que hace que tu aplicación sea diferente a las demás. Comunícate en el tono de tu marca y usa la terminología que tu público objetivo apreciará y comprenderá. La primera frase de tu descripción es la más importante: resume la funcionalidad de tu app de manera que el usuario no necesite dar al botón de “leer más”. Si decides mencionar un premio, te recomiendo ponerlo al final de la descripción o como parte del texto promocional.
• Texto promocional: el texto promocional de tu aplicación aparece en la parte superior de la descripción y tiene una longitud de hasta 170 caracteres. Puedes actualizar el texto promocional en cualquier momento sin tener que enviar una nueva versión de tu aplicación. Considera usar texto promocional para compartir las últimas noticias sobre tu aplicación, como ventas por tiempo limitado, próximas funciones o contenido u otros eventos dentro de tu app.
• Screenshots: este es uno de los factores que el usuario más considera a la hora de descargar la aplicación, ya que es una forma de mostrarle cómo será tu aplicación de una manera más visual. La App Store da la opción de subir hasta 5 capturas de pantalla.
• Vídeo promocional: así como en Google Play, en la App Store también está permitido incluir entre los screenshots un breve vídeo para promocionar e informar a los usuarios sobre los aspectos más importantes de tu aplicación. Los vídeos promocionales pueden durar hasta 30 segundos e incluir imágenes capturadas en el dispositivo para mostrar la experiencia de usar tu aplicación. Puedes presentar hasta tres vídeos promocionales de la aplicación en tu ficha e incluirlos para todos los idiomas disponibles de App Store.
• Novedades: usa el apartado "Novedades" para comunicar los cambios de tu app a los usuarios. Este texto aparece en la página del producto y en la pestaña Actualizaciones. Si has añadido una función o solucionado un error basado en los comentarios, usa Novedades para que los usuarios lo sepan. Enumera nuevas características, contenido o funcionalidad en orden de importancia, y añade llamadas a la acción que consideres que van a entusiasmar al usuario.
• Categorías: a diferencia de Google Play, puedes asignar dos categorías a tu aplicación para que los usuarios puedan encontrarla mientras exploran la App Store. La categoría principal que selecciones es especialmente importante para la capacidad de descubrimiento de tu aplicación en la App Store. Esta será la aparecerá cuando los usuarios naveguen por categoría o filtren los resultados de búsqueda. Asegúrate de seleccionar una categoría principal que mejor describa la función principal de tu aplicación.

Como habrás podido comprobar, la ficha de tu producto es muy importante para que tu aplicación esté entre las mejores posiciones de las tiendas virtuales de aplicaciones.

¡Espero haberte guiado para que obtengas un mayor número de descargas! pero recuerda, si consigues que tu aplicación sea descargada, trata de mantener a tus usuarios y fidelizarlos, actualizando y adaptando la aplicación a sus necesidades y escuchando sus quejas en los comentarios de las valoraciones.


* Artículo de Rebecca Gornic González *

Rebecca Gornic González

Redactora de contenidos en King of App, startup que ofrece una herramienta de código abierto que permite construir apps sin necesidad de tener conocimientos de programación.

BIO

Amante del marketing digital, cinéfila y en aprendizaje constante.

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

El proyecto Chromium: marcando HTTP como no seguro

HTTPS es importante porque proporciona seguridad crítica e integridad de datos para tus sitios web y para la información personal de tus usuarios. Además, es un requisito para varias funciones del nuevo navegador, en especial las requeridas para el uso de progressive web apps.


Para la ejecución de nuevas y potentes funciones de las plataformas web, como la toma de fotografías o grabación de audio, o la habilitación de experiencias de apps sin conexión con procesos de trabajo de servicio, se requieren permisos explícitos de los usuarios. Además, muchas otras API más antiguas se están actualizando para exigir permiso de ejecución; por ejemplo, la API de ubicación geográfica.

HTTPS es un componente clave de los flujos de trabajo de permisos, tanto para estas funciones nuevas como para las API actualizadas.

Chromium es el proyecto de código abierto de navegador web del que Google Chrome obtiene su código de fuente.

A continuación se muestra la propuesta original para marcar HTTP como no seguro.

Cronología

Enero de 2017 (fase 1)

Entra en vigencia: enero de 2017 (Chrome 56)
Anuncio: avanzar hacia una web más segura (8 de septiembre de 2016)

En esta fase, las páginas HTTP se marcarán con "No seguro" en la barra de navegación (URL) bajo las siguientes condiciones:

• La página contiene un campo de contraseña.
• El usuario interactúa con un campo de tarjeta de crédito.

Octubre de 2017 (fase 2)

Entra en vigencia: octubre de 2017 (Chrome 62)
Anuncio: próximos pasos para una mayor seguridad de conexión (27 de abril de 2017)

En esta fase, las páginas HTTP se marcarán con "No seguro" en la barra de navegación (URL) bajo las siguientes condiciones:

• El usuario está navegando en el modo incógnito de Chrome.
• La página contiene un campo de contraseña.
• El usuario interactúa con cualquier campo de entrada.

Julio de 2018 (fase 3)

Entra en vigencia: julio de 2018 (Chrome 68)
Anuncio: una web segura llegó para quedarse (8 de febrero de 2018)

En esta fase, todas las páginas HTTP se marcarán con "No seguro".

Septiembre de 2018

Entra en vigencia: septiembre de 2018 (Chrome 69)
Anuncio: evolución de los indicadores de seguridad de Chrome (17 de mayo de 2018)

En esta fase, las páginas seguras se marcarán de forma más neutral en lugar de afirmativamente seguras.

Octubre de 2018

Entra en vigencia: octubre de 2018 (Chrome 70)
Anuncio: evolución de los indicadores de seguridad de Chrome (17 de mayo de 2018)

En esta fase, las páginas HTTP se marcarán como afirmativamente "No seguro" usando color rojo y el icono no seguro en la barra de direcciones si el usuario interactúa con cualquier campo de entrada.

Previsiones

Todavía no hay una fecha objetivo para el estado final, pero se tiene la intención de marcar todas las páginas HTTP como afirmativamente no seguras a largo plazo (al igual que otras páginas no seguras, como páginas con broken HTTPS).

Preguntas frecuentes

¿Esto inhabilitará los sitios HTTP simples?

No. Los sitios HTTP continuarán funcionando; actualmente no existen planes para bloquearlos en Chrome. Todo lo que cambiará es el (los) indicador (es) de seguridad.

¿Los certificados de seguridad son costosos o difíciles de obtener?

Actualmente, algunos proveedores ofrecen certificados gratuitos o muy baratos. El proyecto Let's Encrypt facilita la obtención de certificados gratuitos (incluso para muchos subdominios a la vez, o con comodines).

¿Los certificados son difíciles de configurar?

Let's Encrypt ha desarrollado un protocolo simple de código abierto para configurar certificados de servidor.

SSLMate actualmente ofrece un servicio similar por una tarifa.

Los servicios como Cloudflare actualmente ofrecen certificados SSL/TLS gratis para los sitios alojados a través de su plataforma, y los proveedores de hosting realizarán procesos de automatización para todos los usuarios una vez que los certificados gratuitos sean comunes.

Para aquellos que no tengan un dominio personalizado, hay varias opciones de alojamiento que admiten HTTPS de forma gratuita, por ejemplo, GitHub Pages, servicios de blog, Google Sites y Google App Engine.

A partir de 2018, muchos proveedores de alojamiento incluso admiten activar HTTPS con una sola casilla de verificación.

¿SSL/TLS es lento?

No necesariamente. Una vez que habilite y optimice su pila TLS, también estará en camino de implementar HTTP/2.
A diferencia de HTTP/1.1, HTTP/2 requiere solo una conexión por origen, lo que significa menos sockets, búferes de memoria, handshakes de TLS, y más.

Más información: https://istlsfastyet.com/


Consulte también las preguntas frecuentes acerca del protocolo HTTPS en el blog de Mozilla:

Deprecating Non-Secure HTTP - Frequently Asked Questions

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Negocios rentables que requieren tecnología

El pasado año 2017, el sector tecnológico fue categorizado como uno de los más rentables y atractivos en Wall Street, ya que en sus primeros 5 meses alcanzó una rentabilidad del 21%.
David Boronat, CEO de Multiplica, apunta "hay que tener la sensibilidad y el sentido común para detectar cuál de estas tecnologías y qué combinación de ellas te pueden permitir crear una oportunidad de negocio".


Si tú mismo quieres crear un negocio rentable en el sector tecnológico, es necesario que cuentes con algunos conocimientos o nociones básicas para realizar las operaciones oportunas. Recuerda que hace unos años nadie te creería si hablases de realidad virtual o de inteligencia artificial, así es que échale imaginación!!

A continuación pasamos a exponer 5 ideas de negocios rentables y tecnológicos:

1. Cloud Computing

La nube lleva unos años en el top de los negocios más útiles, y en su momento fue muy revolucionario. Permite que todo nuestro contenido digital esté colgado en un espacio que no ocupa lugar, y nos ahorra costes de servidores y de dispositivos.

El cloud computing ha atravesado varias fases: primero, se crearon armarios donde poder almacenar la información, y posteriormente se traspasó. Actualmente se trabaja para conseguir encontrar la forma de tratar esa enorme cantidad de datos.

Fue en 1961 cuando John McCarthy sugirió que los avances en la información y las comunicaciones conducirían a que "algún día la computación se organizaría como un servicio público" igual que el negocio del agua o la electricidad. El mismo McCarthy fue el que le dio difusión al fenómeno denominándolo "inteligencia artificial", construida a modo de nube global.

2. Tecnología medioambiental

La tecnología ha ayudado en gran manera a diversas variantes de la vida diaria y nos ha hecho avanzar en cirugía, medicina, educación… ¿por qué no nos iba a ayudar con los problemas existentes en el medio ambiente?.

Una forma de ahorrar es buscar servidores con menos emisiones, reducido coste de mantenimiento, una producción energética más barata y que ahorre energía.

Existen tres ideas básicas:

Green Computing: Tendencia que persigue desarrollar servidores más eficientes, más inteligentes, que contaminen menos, con menos emisiones y que requieran menos costes de mantenimiento. Actualmente se encuentra en auge y con tremendo éxito.

Baterías: Las baterías de litio sólido son la solución a la inexistencia de una energía barata y están presentes en vehículos eléctricos y ‘smartphones’. Permiten mayor autonomía y una rapidez de recarga mayor.

Smart Grid: Es una especie de red que pone en relación los elementos que consumen energía con los que lo producen para gestionar la energía de forma eficiente. De momento, se está desarrollando entre los grandes consumidores y productores (tipo ciudad), pero tiene muchos campos de aplicación: empresas, edificios y polígonos, entre otros.

3. Encriptación

En la actualidad, con el incremento de actividades relevantes que requieren espacio en la nube, la seguridad es crucial.

Están surgiendo como modelo de negocio rentable numerosas empresas que desarrollan software destinado a garantizar la seguridad en las transmisiones del 'cloud computing'.

Por ejemplo, la reconocida empresa tecnológica IBM acaba de crear una tecnología que permite realizar y analizar operaciones en la nube con datos encriptados sin necesidad de desencriptarlos.




La encriptación va de la mano con el siguiente modelo tecnológico:

4. Criptomonedas y criptografía

El negocio de las criptomonedas ha ido en aumento durante los últimos años, creando un universo a su alrededor, con una gran cantidad productos.

Tras el estudio de este campo, algunos expertos las consideran las monedas del futuro.

Las criptomonedas son un medio digital de intercambio, de compra y venta.
La primera de su especie fue el Bitcoin que nació en 2009 y desde ese momento han aparecido otras monedas virtuales de diferente valor.

Cada día es más sencillo encontrar dónde pagar con bitcoin, ya que su sistema garantiza la seguridad y la integridad del estado de cuentas de su valor a través de la criptografía, es decir, a través de técnicas, métodos y algoritmos que tienen como objetivo cifrar mensajes.

Las causas del éxito de este negocio son la reducción de costes de transacción, y de tiempo de gestión. También lo son las liquidaciones, que se hacen de forma automática y no hacen necesaria la intervención de un agente financiero que revise la buena conducta de las operaciones.

5. Pagos desde el móvil

El sector bancario tradicional, el tecnológico y el 'fintech', vienen peleando fuertes en los últimos años por imponerse en la carrera por la desaparición del dinero en efectivo y las tarjetas de crédito. Y lo están consiguiendo.

Los TPV llevan incorporados lectores de pago y otros sistemas integrados que facilitan la transacción.

Para poder realizar estos pagos se necesita:

• Un Smartphone con NFC, presente en todos los dispositivos de gama media alta.
• Una app que administre la transacción, puede ser propia de la marca de tu smartphone o general.
• Una tienda que acepte pagos por el móvil, dónde los datáfonos suelen ir acompañados con el símbolo de pago 'contactless'.

Estos son 5 de los negocios actuales que más rentabilidad y ganancias están aportando a sus creadores, ya sea por la demanda de éstos o por la necesidad de que fueran creados.


* Artículo de Pilar Martínez *

Pilar Martínez

Redactora de contenidos en NeoAttack, agencia de marketing digital especialistas en SEO, adwords, social Media, contenidos, diseño web, diseño gráfico y desarrollo de Aplicaciones móviles.

BIO

Amante de la lectura y de las buenas series en busca del cambio social y en continuo aprendizaje.

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Dropshipping, el método para emprender sin necesitar capital

En los últimos años, una serie de estudios han demostrado que cerca de la mitad de la población mayor de 18 años prefiere un negocio propio a uno tradicional, ya sea como emprendedor o auto-empleado, a pesar de los riesgos financieros que conlleva. Del mismo modo, en el público millennial, el porcentaje es un poco mayor al del resto de las cohortes de edad.


Sin embargo, como acabamos de mencionar, el miedo al fracaso y a la pérdida de dinero es lo que hace que muchas personas sientan una aversión hacia todo lo referente a iniciar una aventura laboral de esta naturaleza.

Es por eso que con el transcurso del tiempo, desarrollar un método de emprendimiento que pueda sortear esta barrera de entrada se ha convertido en una prioridad.

El método que está cambiando la estadística

Inicialmente muchos trataron con la creación de tiendas virtuales tradicionales pero, si bien es cierto que tal vez no se necesite inversión en mercancía, en muchos casos sí era necesario el manejo de inventario, lo que se traducía en una inversión inicial y un aumento en el riesgo.

Es por eso que surge un método que contrarresta específicamente este problema de logística: el Dropshipping.

Este es un método de ventas que surgió hace décadas como una forma de que grupos de terceros fueran los encargados de expandir la presencia de marcas y empresas en distintas regiones.

Sin embargo, con el crecimiento en la popularidad del e-commerce, comenzó a adaptarse a internet y se posicionó como el proceso que conocemos hoy en día.

¿Cómo funcionan este tipo de tiendas?

Se trata de tiendas de bajo riesgo que pueden generar ingresos estables, pero que requieren a su vez un mayor tiempo de planificación para determinar las distintas características que esta poseerá.

Un ejemplo de esto es la elección de la estrategia base: comercializar un producto conocido, o desarrollar una marca desde cero.

El primero, y más sencillo, es conseguir un proveedor de productos, y hacer las veces de intermediario entre éste y el consumidor final.

El segundo, que requiere de una mayor inversión de tiempo, se basa en tomar una marca blanca, y realizar todo el proceso correspondiente al branding, para comercializar un producto “ajeno” bajo una marca propia.

Una vez se ha definido esta parte del proceso, debe procederse a la selección del producto a comercializar.

Esta es una de las partes más importantes, ya que dependiendo de lo que se elija variará la demanda que se atraiga, así como las comisiones que se generen por cada venta.

El producto también definirá la estrategia comunicacional, así como las pruebas de desempeño y la selección del proveedor final.

Con todo esto perfilado, se puede comenzar a probar el método de ventas y realizar los cambios pertinentes.

Esta última etapa, más enfocada en la venta, estará protagonizada por los esfuerzos de mercadotecnia y de captación de clientes a través de los canales de comunicación que se tengan disponibles.

(haz click en la imagen para ampliarla)

Capacidades que deben desarrollarse

El Dropshipping, a pesar de ser un método de trabajo muy popular en la actualidad, tiene una serie de barreras que deben ser superadas para poder alcanzar el éxito.

Al igual que en cualquier emprendimiento, se necesitarán una serie de habilidades especiales, algunas de estas son las siguientes:

• Capacidad para genera valor: debido a la popularidad del Dropshipping, así como la competencia general que existe en las tiendas virtuales, es posible que los márgenes de ganancias que pueda tener tu tienda sean relativamente bajos. Es por eso que se necesita la capacidad de generar valor extra en los productos que van a comercializarse, ya sea mediante reseñas, atención al cliente, un branding que supere las expectativas del mercado, entre otros.
  
  
• Buena gestión de proveedores: al no tener un inventario propio, sino ser completamente dependiente de los productos que posean nuestros proveedores, es necesario contar con una amplia variedad de éstos. De acuerdo al criterio de distintos expertos, se recomienda tener al menos 3 proveedores para evitar dolores de cabeza y problemas de abastecimiento a mediano o largo plazo.
  
  
• Investigar a los proveedores: sin embargo, en el momento de seleccionar a los proveedores, lo más importante no es contar una amplia variedad de éstos, sino ser capaces de realizar un estudio en profundidad para evitar fraudes o estafas. A diferencia de otros métodos para crear tiendas por internet, en el Dropshipping el vendedor realmente está en medio de la cadena de valor, por lo que no podrá ver los productos de forma recurrente. Es por eso que generar alianzas o acuerdos con proveedores serios que desarrollen productos de calidad, es obligatorio.

Aunque no exista una forma de emprender que pueda considerarse realmente fácil, y que el proceso para alcanzar el éxito siempre estará plagado de obstáculos, la realidad es que modalidades de negocio como el Dropshipping están ayudando a que cada vez más personas puedan generar grandes ingresos sin necesidad de contar con un capital inicial importante.

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Emoji Scavenger Hunt: el juego de Google que utiliza el aprendizaje automático

La Inteligencia Artificial (AI) está detrás de muchos de los productos de Google. En algunos casos, son experimentos simples que hacen que sea muy fácil para cualquier persona comenzar a explorar el aprendizaje automático, a través de imágenes, dibujos, lenguaje, música, etc.


Emoji Scavenger Hunt un original y divertido juego web para dispositivos móviles que consiste en encontrar los emojis que te muestra el juego en el mundo real con la cámara de tu teléfono.

Para ello dispones de un tiempo limitado y si localizas el emoji, tendrás que ubicar otro diferente. Cada emoji localizado en la vida real suma un punto y una vez finalizada la partida podrás compartir tu puntuación en las redes sociales.





Emoji Scavenger Hunt 🕵️♀️ está impulsado por Tensorflow.js, un framework de código abierto para el aprendizaje automático con JavaScript.

Funciona así: el juego te mostrará un emoji, y debes encontrar su versión del mundo real antes de que expire el tiempo. Mientras buscas, la red neuronal de imágenes intentará adivinar lo que está viendo.

Links:

• Código fuente: GitHub
• Más experimentos I.A.: Experiments With Google

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

WebAuthn, el estándar que apoyan Google, Microsoft y Mozilla para acabar con las contraseñas

La FIDO Alliance y el World Wide Web Consortium (los consorcios que regulan los estándares en el uso de la web) han alcanzado un hito en el estándar global para ofrecer una autenticación web simplificada pero más robusta para los usuarios a nivel mundial.


Han sido cerca de dos años de intenso trabajo que han dado como fruto el anuncio oficial y la disponibilidad de este nuevo estándar que pone orden y unifica los primeros acercamientos hacia sistemas de identificación biométricos que algunas firmas estaban ya empleando.

WebAuthn define una API web estándar que se puede incorporar en los navegadores y ofrece a los usuarios nuevos métodos para autenticarse de forma segura en la web, en el navegador y en todos los sitios y dispositivos.

Se trata de un componente central del Proyecto FIDO2, que junto con la especificación del Protocolo Cliente a Autenticador (CTAP) de FIDO, permite que un autenticador externo, como una llave de seguridad o un teléfono móvil, transmita credenciales de autenticación sólidas a través de USB, Bluetooth o NFC al dispositivo del usuario.

Google, Microsoft y Mozilla se han comprometido a respaldar el estándar WebAuthn en sus navegadores insignia (Google Chrome, Microsoft Edge y Mozilla Firefox respectivamente) y han comenzado a implementarlo para plataformas Windows, Mac, Linux, Chrome OS y Android.

Además de los principales navegadores, el nuevo estándar será implementado poco a poco por las organizaciones de todo el globo, con la ventaja adicional de que las especificaciones de FIDO2 son totalmente compatibles con la autenticación FIDO, el estándar anterior, con lo que su aplicación será mucho más sencilla para los desarrolladores.

El siguiente paso lo darán los grandes (Microsoft, Google, Facebook y Apple) aplicando el nuevo estándar en sus sistemas y logrando que el usuario solo necesite su huella, rostro o bien un dispositivo móvil para identificarse de forma segura y sin necesidad de recordar complejas contraseñas.

Beneficios del proyecto WebAuthn y FIDO2

La API WebAuthn del W3C permite credenciales fuertes, únicas y basadas en claves públicas para cada sitio, eliminando el riesgo de que una contraseña robada de un sitio web pueda ser usado en otro.

• Autenticación simple » los usuarios simplemente inician sesión usando:
  
  1- Autenticadores internos o incorporados (como huellas digitales o biometría facial) en PC, laptops y/o dispositivos móviles.
  
  2- Autenticadores externos (como claves de seguridad y dispositivos móviles) para la autenticación de dispositivo a dispositivo utilizando CTAP.
  
  
• Autenticación más fuerte » la Autenticación FIDO es mucho más sólida y tiene estas ventajas:
  
  1- Las credenciales de usuario y las plantillas biométricas nunca salen del dispositivo del usuario y nunca se almacenan en servidores.
  
  2- Las cuentas están protegidas de ataques de phishing, man-in-the-middle y otros mecanismos que usan contraseñas robadas.
  
  
• Los desarrolladores pueden comenzar a crear aplicaciones y servicios que aprovechan la Autenticación FIDO en la nueva página de recursos para desarrolladores de FIDO.

Acerca de la Alianza FIDO

La Alianza FIDO (Fast IDentity Online), se creó en julio de 2012 para resolver la falta de interoperabilidad entre las tecnologías de autenticación fuerte y remediar los problemas a los que se enfrentan los usuarios para crear y recordar diversos identificadores de usuario y contraseñas.

La Alianza planea cambiar la naturaleza de la autenticación con el desarrollo de especificaciones basadas en estándares para una autenticación más sencilla y a la vez más fuerte que defina un conjunto abierto, escalable e interoperable de mecanismos que reduzcan la dependencia de las contraseñas.

La autenticación FIDO es más fuerte, privada, y más fácil de usar en la autenticación de servicios online.

Acerca del W3C

La misión del World Wide Web Consortium (W3C) es llevar a la Web a su máximo potencial mediante la creación de normas técnicas y directrices para garantizar que la Web permanezca abierta, accesible e interoperable para todos en todo el mundo.

El W3C desarrolla especificaciones bien conocidas como HTML5, CSS y Open Web Platform, además de trabajar en seguridad y privacidad, todas creadas para todo el mundo y provistas de forma gratuita y bajo la exclusiva Política de Patentes del W3C.



Lee el comunicado de prensa y los testimonios de los miembros del W3C.

Jose Maria Acuña Morgado - Desarrollador Web

Leer más

Calendario de publicación para Blogger (II)

Como ya sabréis la mayoría de vosotros, incorporar un calendario de publicación de artículos en un blog con tecnología Blogger es relativamente sencillo y en el post Calendario con todos los post publicados en Blogger ya daba unas instrucciones concretas para su implementación.


A modo de recordatorio:

1. Selecciona la entrada Diseño del panel principal de Blogger.
2. Pulsa sobre el link Añadir un gadget y se abrirá una ventana con diferentes alternativas
3. Desplazamos el scroll de la nueva ventana hacia abajo hasta llegar a la opción:
   
   
   

   HTML/Javascript
   Añade una característica de un tercero u otro código a tu blog.
   
   
   
   
   
   
4. Introduce el Título del widgets (por ejemplo Calendario)
5. En la caja Contenido pega el siguiente código:
   
   

   <div id='calendar'><strong>Loading...</strong></div>
   <script>
   var conf = {
    bgcolor: '#5692ce', 
    newtab:  1,         // 0:abre link en la misma ventana | 1:abre link en ventana nueva
    start:   1,         // 0:Domingo | 1:Lunes
    days:    "Lunes|Martes|Miercoles|Jueves|Viernes|Sabado|Domingo",
    months:  "Enero|Febrero|Marzo|Abril|Mayo|Junio|Julio|Agosto|Septiembre|Octubre|Noviembre|Diciembre",
    date:    "Ir al mes actual"
   }
   </script>
   <script src='https://cdn.jsdelivr.net/gh/jmacuna/calendar-widget@master/create-calendar.js' type='text/javascript'></script>
   <script src='https://www.tecnoblog.guru/feeds/posts/summary?max-results=1000&alt=json-in-script&orderby=published&callback=createCalendar' type='text/javascript'></script>
   

6. Por último hacemos click sobre el botón Guardar

Los parámetros de configuración son:

• bgcolor: color de fondo del calendario.
• newtab: 0 para abrir el artículo seleccionado en la misma ventana o 1 para abrir el link en una ventana nueva.
• start: 1 si queremos que el calendario empiece en Lunes o 0 si empieza en Domingo.
• days: días de la semana. Nota: si ponemos la variable start a cero, el primer día de la semana en la variable days será el Domingo
• months: meses del año.
• date: texto que aparece cuando posicionamos el cursor encima de la fecha actual (parte inferior del calendario).
• Tenemos que escribir la url de nuestro blog en el último script, dónde aparece https://www.tecnoblog.guru resaltado en negrita.

Puedes ver el ejemplo funcionando a continuación.


De hecho, me sorprende gratamente que numerosos lectores del blog hayan incorporado este widget a su bitácora.

También sois muchos los que me habéis enviado emails preguntándome si era posible realizar un diseño menos espartano y la respuesta es un SI rotundo.

Sin necesidad de modificar el código del gadget, tan sólo incorporando unas líneas de código o estilos de presentación, podemos personalizar nuestro diseño:

<div id='calendar'><strong>Loading...</strong></div>
<script>
var conf = {
 bgcolor: '#5692ce', 
 newtab:  0,         // 0:abre link en la misma ventana | 1:abre link en ventana nueva
 tooltip: false,      // false:title por defecto | true:tooltip con css3
 start:   1,         // 0:Domingo | 1:Lunes
 days:    "Lunes|Martes|Miercoles|Jueves|Viernes|Sabado|Domingo",
 months:  "Enero|Febrero|Marzo|Abril|Mayo|Junio|Julio|Agosto|Septiembre|Octubre|Noviembre|Diciembre",
 date:    "Ir al mes actual"
}
</script>
<script src='https://cdn.jsdelivr.net/gh/jmacuna/calendar-widget@master/create-calendar.js' type='text/javascript'></script>
<script src='https://www.tecnoblog.guru/feeds/posts/summary?max-results=1000&alt=json-in-script&orderby=published&callback=createCalendar' type='text/javascript'></script>

<style type="text/css">
@font-face {
  font-family: 'Catamaran';
  src: local('Catamaran Regular'), local('Catamaran-Regular'), url(https://fonts.gstatic.com/s/catamaran/v4/o-0IIpQoyXQa2RxT7-5r5TRA.woff2) format('woff2');
}
#contentDate *{font-family:'Catamaran'!important}
#spanLeft, #spanRight, #spanMonth, #spanYear{border:0;cursor:pointer;line-height:20px!important;background-color:#5692ce;padding:0!important}
#spanMonth,#spanYear{background-color:#fff!important;font-size:16px!important;color:#000!important;border:0!important;cursor:text!important;pointer-events:none}
#spanLeft:before{content:'<';font-size:15px;color:#fff;display:inline-block;padding:0 10px!important}
#spanRight:after{content:'>';font-size:15px;color:#fff;display:inline-block;padding:0 10px!important}
#spanLeft:hover, #spanRight:hover{background-color:#515151!important}
#spanLeft img, #spanRight img, #spanMonth img, #spanYear img{display:none}
#contentDate table{margin-bottom:0!important}
#contentDate table tr td{padding:0}
#contentDate table tr td a{width: 28px;display:inline-block}
#contentDate table tr td a[style='text-decoration:none;color:#000;cursor:default;border-radius:100%;border:2px solid #5692ce;cursor:pointer;'], #contentDate table tr td a[style='text-decoration:none;color:#000;cursor:default;border-radius:100%;border:2px solid #5692ce;cursor:pointer;border-radius:100%;border:2px solid #5692ce;cursor:pointer;'] {border:0!important;border-radius:0!important;background-color:#4080cc;color:#fff!important}
#contentDate table tr td a[style='text-decoration:none;color:#000;cursor:default;border-radius:100%;border:2px solid #5692ce;cursor:pointer;'] span {color:#fff!important}
#contentDate table tr td a[style='text-decoration:none;color:#000;cursor:default;border-radius:100%;border:2px solid #5692ce;cursor:pointer;']:hover {background:#515151}
#contentDate table{box-shadow:none!important;font-size:13px!important;width:100%!important}
#contentDate table tr{background:#fff!important}
#contentDate table tr td{text-align:center!important}
#contentDate{width:240px!important; display:inline-block}
#lblToday{background:#fff}
#lblToday a{color:#bd3434!important; font-size:medium; width:auto!important}
</style>

Y obtenemos un resultado asombroso.

Loading...

Si tienes conocimientos técnicos de css (siglas en inglés de Cascading Stylesheets) podrás personalizar el calendario a tu gusto cambiando fuentes de texto, tamaños, colores y un sinfín de propiedades de diseño.

Jose Maria Acuña Morgado - Desarrollador Web

Leer más