 Pues creo que... Perfecto. Bueno, vamos al lío. Venga, pues... Muy buenas tardes a todos. Esta charla, lo que voy a hablaros es de gravatar. Pero antes voy a contaros un poquito sobre mí. Para los que no me conozcáis, me llamo Nilo Vélez, me he pasado media vida haciendo webs, soy coordinador de la Meetup de Warp Sevilla, moderador del equipo de traducciones de Español de España, moderador de Warpestv, y también me recorro toda la Workham de España y parte del extranjero haciendo fotos. Y además desde este mes me patrocina hostinger el trabajo que hago para la comunidad. Así que me vais a ver todavía más dando la lata. Un segundín. Venga, vamos al lío, vamos a ver. Gravatar, que es gravatar. Gravatar es un servicio que es de automática, de la empresa que es la dueña de Warpest.com, de Jetpack, de Bucómer y un montón de servicios más. Empezó siendo un servicio propio y al nada de tiempo lo abrieron para todo el mundo. Y como ellos dicen en su propia web, dicen que es un servicio que siempre va a ser gratis para todo el mundo. Gravatar es un servicio que antes lo que hacía era que te permitía tener un avatar universal en todos lados y ahora lo han ampliado. Eso si hace un tiempo que no entraréis, vais a ver que le han metido muchas cositas nuevas y ahora además de tener el avatar, además de tener la foto, podéis tener también un perfil público. ¿Cómo se usa? Pues es la cosa más tonta del mundo, se utiliza como mil servicios más que hay de perfiles online, tipo link tree o about me y demás. Simplemente entrais en gravatar.com o en es.gravatar.com o registrais, reclamáis vuestra dirección de correo electrónico que simplemente es que es meteros, añadir vuestro email, los mandan la confirmación y ya con eso ya demostráis que el email es vuestro. De hecho podéis añadirle todas las cuentas de correo que queráis y a partir de ahí por ya os deja subir vuestra foto, configurar el perfil público y la gracia es que cualquiera que tenga vuestra dirección de correo puede consultar cuál es vuestra foto pública y cuál es vuestro perfil público. Pero es que además ese perfil, como es un perfil online que siempre está que gravatar sirve las imágenes, si cambies vuestra foto se cambia en todos lados. A ver, ejemplo sencillo tenemos una web, una web que es un blog que tiene comentarios y dentro de una entrada de ese blog dejáis un comentario. En ese comentario vais a poner vuestro nombre, vuestro email y el contenido del comentario. Pues esa web a partir de vuestro email puede hacer una llamada a gravatar y preguntar cuál es la URL de vuestra imagen de perfil. Haces la llamada a gravatar y gravatar devuelve vuestra imagen. La gracia de esto es que como eso se hace de forma dinámica no es que la web se descargue la imagen sino que el que está sirviendo la imagen es gravatar. Esa foto de perfil que tenéis ahí cada vez que la actualicéis en vuestro perfil de gravatar se actualizan todos lados. Eso sirve para cosas como, por ejemplo, que se apuntáis una webcam que salga vuestra foto en la lista de asistente. O sea, si en una lista de asistente ves que hay un montón de gente que sale sin la foto, eso es porque es gente que no se ha registrado en gravatar. De hecho, normalmente en todas las webcam ponemos un artículo de cómo hacer que tu foto salga en la acreditación. ¿Cómo hacer que vuestra foto salga en la acreditación? Porque además de servir para utilizarla online también se puede utilizar para cosas como las acreditaciones de las webcam en las que lo mismo los organizadores cuando generamos las acreditaciones podemos consultar a partir de vuestro email si tenéis una cuenta de gravatar, si tenéis una foto pública, descargar esa foto y meterla a la acreditación. Y otra vez más, si basta simplemente con que a la hora de comprar la entrada de la webcam el email que pongáis como email de compra sea un email que tengáis registrado en vuestra cuenta de gravatar. Lo maravilloso que tiene esto, que no solamente es para servicios de WordPress, sino que hay muchísimos más servicios que utilizan también gravatar. Es también de donde sale la foto y el perfil de chat gpt, la de Slack, la de GitHub, la de Salesforce, un montón de servicios que utilizan también esa foto. Vamos a ver cómo se utiliza. Voy a dividirlo en dos partes. Primero voy a contar cómo se utiliza desde el punto de vista del usuario, del usuario de gravatar que tiene su perfil, que tiene su foto. Y luego os voy a dar una pinceladita de cómo lo tendrías que utilizar desde el lado de alguien que maneja una página web o de que quiere programar algo e integrarlo con gravatar. Vale, primer lugar, entrais como hemos dicho en es.gravatar.com, arriba tenéis un botón de iniciar sesión o de registro que lo que os mandas una página como esta, que lo que pides que metáis una dirección de email y os va a llegar un correo con el enlace para verificarlo. Voy a meterme en un perfil que tengo ya aquí montado, que es una cuenta de prueba que la de Manolito. Y cuando registréis lo que os va a crear va a ser un perfil como este. Me he hecho un perfil público muy parecido al de Linktree, o sea que tenéis vuestra foto, vuestro nombre, los servicios que tengáis verificado. Bueno, vamos a verlo por dentro, vamos a personalizarlo un poco y así vemos cómo funciona esto. Voy a meterme aquí, a editar mi perfil, entonces tenemos por un lado, tenemos el about, que es la información que sale la bio. Vamos a poner aquí una típica de Manolito, que es social media, que es 3dami, va saliendo en tiempo real. Esto es muy parecido al personalizador de WordPress. Pues se puede meter también vuestra ubicación y demás. Y cada vez que vamos yendo para atrás, perdón, esta no, esta sí tiene un botón de guardar, la mayoría se guarda automáticamente. Según vamos guardando, se va actualizando este perfil, vale. La sección importante es esta segunda, que es la de avatares, donde podéis dejar subidas todas las fotos que queráis y esas fotos las podéis ir cambiando cuando queráis. O sea, no hace falta que la subes cada vez, sino que tenéis vuestra foto subidas ahí y las cambiéis cuando vea. Y además tiene esto, que antes será más claro y ahora está un poquito escondido, y es que si entrais en la sección de avatares tiene aquí la opción de añadir una dirección de email secundaria, que le dais aquí y os permita verificar otra cuenta de correo. Vale, por ejemplo, eso sirve si tenéis una cuenta de correo personal y otra de trabajo, pero el perfil los vale el mismo. Le podéis meterlos todos dentro de la misma cuenta de grabatar y además le podéis asignar una foto distinta a cada una. Vamos a cancelar y para ver los cambios que estamos haciendo vamos a ponerle esta misma, por ejemplo. Vale, vamos para atrás. Estos son los servicios que tenéis conectados, que para que salgan vuestros enlaces de los servicios que verificáis, que bueno, tenéis de WordPress.com, TikTok, Twitter, Instagram y un montón más, todos estos que tenéis aquí. Y además están también los enlaces, que es para que podéis poner también los enlaces que queráis. Eso ya no se verifican, podéis poner el enlace de vuestra web, de proyectos que tengáis. ¿Vale? Información de contacto, que se pueda hacer pública, si queréis que sea una cuenta en la empresa y queréis que sea público vuestro email, vuestro teléfono. Por defecto, no se muestra, o sea, aunque tenga el email, a no ser que lo metáis aquí, no se va a publicar nunca vuestro email. De hecho, siempre se le puede dar la opción de no mostrar la información public, la información de contacto. La cartera, que son los enlaces a PayPal, a vuestros monederos de Bitcoin y demás. Porque si lo añadís, lo que hace es que sale un botón aquí de donar. Y las fotos, que es lo que hace, no tiene una cosa, cuidado con esto porque es fácil equivocarse, avatares son el perfil que sale aquí, el perfil que sale como público en todos lados. Y fotos, bueno, vamos a meter aquí un par de ellas. Fotos es para lo que monta aquí es una galería con foto puestas destacadas. Va saliendo aquí una sección con la galería de fotos. Y bueno, luego tiene un par de ajustes muy básicos, como por ejemplo el cambiarle el color de fondo. Voy a poner un amarillo y guardamos cambios y quita. Los ajustes de privacidad, que si queréis que vuestro perfil o vuestro avatar o las dos cosas sean públicas o no. Y también si queréis que esta página se indexe en los buscadores o no, si le das aquí lo que haces es que va a intentar le meter un index para que no salga en Google. Bueno, y si se quita todo esto ve el último que ni me acuerdo cuál era, y por último que vuestro perfil tiene una URL que es gravatar.com barra el usuario que lijáis y esto lo podéis cambiar por el usuario que queréis siempre que esté libre. Una vez que ya hemos hecho estos cambios vamos a ver nuestro perfil y ya tendríamos aquí nuestro perfil andando. Desde el lado vuestro del usuario aquí ya estaría hecho. Con esto yo ya tengo reclamado el email de este usuario y ya le tengo puesto una foto con lo cual en cualquier servicio donde yo comente donde yo me registre con ese email ya pueden acceder a la foto de este perfil. Pero ahora vamos a ver la parte que por lo menos para mí es divertida que es la parte del lado de los desarrolladores. Tiene una documentación que es muy sencillota muy clarita y además como todo el rato se trabaja metiendo URLs en navegador es muy fácil de probar. La tenéis en docs.gravatar.com y la única parte que es un poquito complicada es que como la URL de ese perfil muchas veces se queda pública para que no sea visible ese email para que no pueda ver la gente vuestro email. Si no yo por ejemplo yo en esta página de asistentes yo mirando el código fuente podría ver el email de todo el mundo. Yo podría ver el email de todo el mundo pero si lo que pero lo como funciona grabatar es que la petición no se hace con el email se hace con el hash. El hash es una función que tienen todos los lenguajes de programación que te convierte un texto en un ladrillo como este de forma unidireccional. Eso quiere decir que a partir de esto siempre va a salir esto pero que a partir de esto es imposible sacar esto. Es una medida de seguridad con lo cual yo si sigo los pasos que te dicen en las instrucciones que son quitarle los espacios, ponerle todo las minúsculas y sacar un hash de este tipo el SA256 a partir del email siempre va a dar este mismo chorizo, este mismo hash. Entonces para la cuenta de correo, manualitos, tona, robaje, email siempre va a dar este mismo código y eso es lo que tiene relacionado grabatar con vuestro perfil para saber qué tiene que dar a vuestra foto, vuestro perfil, vuestro tal. Hasta que el rollo. Vamos a probarlo. Para pedir el perfil el avatar del usuario. Para pedir el avatar del usuario simplemente tenemos esta URL que es httpsgrabatar.com-abatar y el hash, el chorizo, este enorme debajo. Además de eso le podemos pasar una serie de parámetros. Tenemos el parámetro sosize que lo que pide es de qué tamaño queremos que sea la imagen. No sé si lo habrán cambiado, el tamaño máximo antes eran 512 píxeles. El ratting que es la calificación por edades, o sea la calificación máxima por edades que permitís si estés haciendo un sitio para niños. Cuando añadís una foto le podéis decir la calificación que tiene. Si una foto es más 18, pues por decirle aquí no quiero que salgan fotos con calificación de más de más 13. Por defectos salen todas y yo personalmente no he visto de nadie que suba burradas de momento, pero bueno es una cosa para tener en cuenta. Y el último parámetro que es el default es lo que queréis que salga si ese usuario no está registrado en grabatar. Hemos visto que aquí salían un montón de perfiles, salían con el hombre misterioso, el misteryman este, misteryperson, perdón. Sería pasando el parámetro, es lo que pone por defecto o pasando el parámetro mp, pero también podemos pasarle una url codificada con url encode de la imagen que queremos que salga por defecto. Podemos decirle que de un 404, si le pasamos el parámetro 404 va a dar un error de que la imagen no existe, pero luego también tenemos otros que son muy graciosos que son los identicón, monster ID, guabatar, vale, todos estos que si lo pasamos como parámetro lo que hace es que en vez de salir la misteryperson lo que sale son un dibujito de esto. Pero lo gracioso de esto es que además estos muñequitos son generados y también son únicos. Es decir que si a partir de tu email sale este muñequito siempre va a salir este muñequito. Entonces yo personalmente a mí me encanta el robo has, eso aquí se ve chiquitito, pero cuando lo veis en grande es espectacular. Eso lo he utilizado un montón de veces en acreditaciones, porque en vez de que salga el muñequito gris o que salga en blanco, pues le pone el robotito. Y además cuando ya lo haces en mucha workamp, pues ya ves que tu robotito siempre es tu robotito. Vale, entonces vamos a hacer una prueba. Aquí he sacado el has de la cuenta de correo de manolito que es la que tenemos antes. La de manolito está en la robaje email. Entonces sería gravatar.com va a rabatar el has, la extensión que con eso le decís el formato en el que querías la imagen se puede pedir en GIF en png o en jpg. Si le decimos que aquí es png lo que va a generar la imagen en png, ese que es el tamaño, hemos dicho, y de que es el default. Vamos a hacer una prueba. Entonces nos vamos a ir aquí a cualquier generador de hases. He buscado generador de esa 256 online. Vamos a poner aquí manolito stonearroba gmail.com. Y a partir de esto me ha generado el has. Y con eso vamos a irnos a punto gravatar.com, barra a avatar, barra el has. Y vamos a decirle que punto png. Y por efecto me está sacando el avatar que he puesto hace un momento en mi perfil, el avatar este que he cambiado. Dijaros que lo he cambiado hace cinco minutos, pero ya sobre la matcha lo cambia. Y bueno, pues aquí están los parámetros que hemos dicho, que por ejemplo le ponemos el s y con s le podemos decir que lo saque de 500 px. Que esto ya es un tamaño que nos podríamos descargar para utilizar para las acreditaciones, por ejemplo. Más cositas. Lo mismo que sacamos el usuario, lo mismo que sacamos el avatar, perdón, podemos sacar también el perfil. Que simplemente si lo comparéis con el anterior, lo único que le hace es quitarle el barra avatar, sino que simplemente es gravatar.com, barra el has. Y eso lo que va a hacer va a ser hacer una redirección al perfil. Vamos a hacer la prueba. Si yo le quito aquí el barra avatar y lejo solamente el has, voy a copiar un momento por si acaso. Y entro en esa URL, lo que hace es que me hace una redirección a gravatar.com barra Manolestone, que es el perfil que tenía reclamado. Y antes no estaba funcionando, pero dentro de los parámetros que te permite. Porque bueno, esto lo podéis mirar en la documentación, aparte de por defecto te hace la redirección, pero también te deja hacer cosas como quiero que en vez de hacerme la redirección, quiero que me des los datos en JSON, que con eso ya desde cualquier aplicación podría consultar los datos públicos de este perfil. Pero también te deja sacarlo como un objeto se realiza de PHP, como una Wecard. Y la última, que es la que no me estaba funcionando antes, no sé qué ha pasado, se supone que puedes poner aquí punto QR y te saca un QR que apunta a tu perfil, que esta mañana estaba probando y ahora no, no sé si es que estará caído el servicio y si no, pues habrá que probar con otro. Pues parece que no. Bueno, este también estaba también aquí, en este botoncito sale el QR, ah bueno mira, gravatar.com, el usuario punto QR, saca también el QR. Y este QR además se supone que tiene un parámetro también que es el S con el que, vale, lo que no está funcionando es la aplicación que los genera, o sea los que están generados y funcionan, pero no te deja generar código nuevos. Bueno, vale. Lo que nos dejaría pasarle como parámetro sería el parámetro S con el que le decimos el tamaño del código QR. Que bueno, que eso está bien gracioso para, por ejemplo, en la charla vuestra, pues poner el QR que va a vuestro perfil, pues si queréis seguirme ahí tenéis mi perfil y podéis verme en mis redes sociales. Y ya está, y eso es todo. Cualquier duda por aquí me tenéis.