 Vamos a hablar ahora de una combinación que yo creo que les va a sorprender Arduino y Warpre, ¿por qué no? Así que sin más las dejo con nuestras organizadoras también de la Warpre a las Palmas de la Canaria que no solo organizan la Warpre, sino que se venden a dar una charla. Un aplauso grande para ellas, por favor. Vale, buenos días. He de decir que somos filimí, como pueden ver, no hay aslice, yo soy Paloma y como decía Esther, básicamente cuando se nos ocurrió presentar una ponencia para esta Warpre estaba lo que ella decía, no somos filimí de teléfono, entonces dijimos, bueno, pues porque no, algo un poquito más así de hardware, que no sea solo lo de siempre, ¿no? Y entonces dijimos, vale, ¿por qué no Arduino y Warpre? Y fue cuando se nos ocurrió el fotómatón de la Warpre a las Palmas de la Canaria. Así que lo primero que vamos a hacer es una foto, ¿vale? Tenéis que es cuando yo diga, cuando yo diga sonreír o decir papá, no va a haber soniditos ni nada, ya se aviso, bueno, a ver, ya sonreír, perfecto, maravilloso. Pues, vale, continuamos, antes de continuar voy a hacer un descargo de responsabilidad, porque no nos hacemos responsables del tan temido Vectodemo, que es muy probable o tiene muchas posibilidades de que pase. Además, bueno, es un fotómatón como estamos diciendo, entonces hay una cámara, de a poco nos hacemos responsables de la calidad de las imágenes, así que por favor las quejas de las imágenes, bueno. Y ya por último, aunque es un proyecto de, si tiene una embriatura bastante amplia, cosa que no esperábamos, y lo vamos a tocar muy superficialmente, no vamos a adentrarnos porque si no se nos iría el tiempo, sí vamos a tocar algunos aspectos técnicos. Entonces, daremos por hecho que hay unos mínimos conocimientos técnicos, ¿vale? No se falta copa, ya es porque lo vamos a usar, entendéis, todo es la charla, pero sí es verdad que si nos voy a hablar de ella y some cosas así, pues ustedes, si no lo entienden, pues siguen pasando, ¿vale? Que no pasa nada. Así que, seguimos con el fotómatón de World of Warcraft, las palabras en el canal, y lo primero que vamos a hacer es ver la foto que nos hemos hecho. ¿Lo habéis hecho? Vale, este es el fotómatón. Muy bien, ¿no estás la foto? Muy bien, ¿no estás? Vale, no pasa nada. Es que si antes contigo lo del efecto demo, antes pasa lo del efecto demo. Vale, no pasa nada. Nosotros teníamos un plan B por lo que pudiera pasar, así que, seguimos y luego ya vemos cuándo cuadramos en ese plan B, ¿vale? Entonces, bueno, nos metemos en materia. Bueno, vale, la página por si queréis ver las supuestas fotos, fotos.wmp.es, podéis acceder. Están ahora mismo dos fotos porque ayer íbamos a hacer fotos, pero, bueno, todos sabéis lo que es ser organizador, con tributo, serlo fue, y no hay fotos de ayer. Así que, foto.wmp.es, fotómatón de la World of Warcraft. Ahora sí, ¿cómo hemos hecho esto? Si funcionara... Pues bien, el sistema, lo que hace es una cámara que hace fotos y las envía a un Warcraft. Eso es así, a grosos modos, ¿vale? Pero, ¿cómo está hecho por dentro? Pues bien, lo que empezamos por la parte de la cámara, lo que es el fotómatón, el cacharrito, está formado por una placa Arduino, que ya trae integrada el componente de Wi-Fi, y, en este caso, un puso de la placa, no de MSU. Además, tiene un lector de tarjetas micro-CD para poder almacenar las imágenes porque, ¿cómo podría pasar este efecto demo? Dicimos, bueno, puede tener la imagen de algún lado. La cámara, ¿cómo no? Obviamente, porque si contiene cámara, no es un fotómatón. Y, además, un botón, ¿vale? Porque el funcionamiento sería de la siguiente manera. Ah, bueno, lo que ya se me olvidaba, que lo olvidaba el señal. No sé si se ve bien, ¿vale? Pero este sería, más o menos, si primero hay colocado ahora mismo, ¿vale? Sería, ustedes apretan el botón, se hace la foto y se envía via Wi-Fi a un Warcraft, ¿vale? Además, hemos colocado lo ideal sería que tuviera una cámara. Esto es un fotómatón 1.0, ¿vale? Esto sería que tuviera una pantalla o algo que se está indicando. Pues, si tienes que sonreír, que tienes que hacer, ¿vale? Pero, en este caso, como no hemos puesto ninguna pantalla, hemos puesto un led, que es el que nos va indicando en qué estado está el sistema. Nosotras, que sabemos cómo es el código, pues sabemos en qué estado está, ¿vale? A ustedes, simplemente, le significa que tienen que sonreír. Bien. Y quizás muchos no sepan lo que es Arduino. Entonces, Arduino es una plataforma de diseño y desarrollo de software y hardware. Es mayormente conocido por todas sus placas, porque será por placas de Arduino. Hay muchísimas, aunque también tiene un idea de programación, ¿vale? Y de Arduino. ¿Y por qué nos ha elegido Arduino? Bien, pues porque es de bajo coste, es de multiplata forma, es fácil de programar, de código abierto, versátil y, al igual que Warp Press, tiene una gran comunidad. Y todos sabemos lo que significa de tener una gran comunidad detrás. Pero, ¿y cómo conectamos todos estos con Warp Press? Que a fin de cuentas supongo que será lo que realmente le interesan. Con quien decía Paloma al principio, nuestro sistema tiene dos partes. Una parte de hardware que ya ya les ha explicado. Y por otro lado tenemos la web que antes abrimos y donde esperamos ver una foto que no hemos visto. Así que ahora lo que vamos a hacer es entrar un poquito más en detalle en la parte de Warp Press. Básicamente tendríamos dos componentes. Un servidor que no solo nos sirve para lo que es la web en sí, sino que además sirve para almacenar las imágenes que son enviadas desde el Arduino. Y por otro lado tenemos una web. Aunque no se estaría de instalar ni poner nada adicional para usar la Warp Press Rehappy si destacar que es la parte que vamos a aprovechar y que vamos a ir viendo a continuación. Para aquellos que no estén familiarizados, ¿qué es la Warp Press Rehappy? Bueno, aquí vuelvo un segundo al descargo de responsabilidades. Partimos de la base de que todo el mundo sabe lo que es Happy y Red y ya, postos en ese punto, vamos a ver qué es la Warp Press Rehappy. La Warp Press Rehappy nos permite integrar y comunicar aplicaciones entre terceros con Warp Press. De forma que convertimos Warp Press en una herramienta súper potente. ¿Y eso qué podemos hacer con ello? Pues desde lo más sencillo, como listar todas nuestras entradas de nuestra web, listar una entrada concreta con las Warp Reallies que ven aquí de ejemplo, pero mucho más que eso, podemos crear contenido nuevo, actualizar contenido existente, eliminar el contenido y todavía podemos ir más allá porque en Warp Press Rehappy podemos definir nuevas en points o puntos finales para adaptarlo a las necesidades de nuestro proyecto. En estos tres puntos que parecen tan sencillos y que ya nos hubiera gustado nosotras que no nos hubieran supuesto sudores y láctimas, vamos a ir viendo uno por uno el que hemos hecho en cada uno de estos puntos. Lo primero, ya que son obvios, nunca es mejor siempre decirlo, hay que instalar el Warp Press y configurarlo. En nuestro caso, nos vemos un Warp Press, lo más sencillo, lo más nativo y puro posible, sin ningún plugin que mande, además también optamos por el tema y para nuestro Photomaton, podríamos verlo, pero también hemos querido quedarnos en lo nativo y puro y hemos utilizado el shortcode que trae el Warp que por si no lo saben, si no le ha añadido ningún atributo, lo que hace es mostrar todas las imágenes que están vinculadas al post donde pongas el shortcode y aquí un inciso relacionado con la Warp Press Rehappy como nosotros vamos a estar añadiendo contenido, necesitamos autenticarnos y ahí sí que hemos instalado un plugin de autenticación, ahí actualmente existen 3 o 4 disponibles y nosotros nos hemos decantado por la Application Password. Otro inciso, cuando se metan en la web para buscarse la foto, verán que la web es HTTP. Si Google ni nadie recomienda un HTTP a estas alturas, pero nosotros descubrimos a base de cabezazos que Arduino no se lleva muy bien con el certificado del SNCREET y nos complicaba mucho el sistema tener una web con HTTPS así como nosotros es un proyecto piloto 1.0 pues hemos opiado esa parte de momento. Los de seguridad no se lleven las manos en la cabeza aquí no hay datos y no hay nada y en el hosting tampoco hay nada más. Vale, esta es el primer paso. El siguiente ya empezamos un poquito con la chicha. En este punto que tenemos las imágenes que han viajado desde el Arduino a nuestro servidor y lo que tenemos que hacer es subirlo al Wordpress. Para ello, sin entrar en detalle del código es simplemente decirles pues como vamos a subir una imagen la URL que atacamos con Wordpress Rehappy es la de los medios. Lo que hacemos es componer una petición a HTTPS en la que con los atributos de la cabecera le indicamos que vamos a tener un archivo junto y le decimos cuál es el nombre de esa imagen. Lo sumado lo pueden ver en esta línea. Es un attachment y este es el nombre de mi imagen. Ya, aunque no lo estamos viendo la imagen realmente ya está en Wordpress. O sea, ya ha llegado. Esa es la fase que lo tenemos superado y lo que nos queda es lo que les decía en el primer paso de que teníamos un post con uno de los short codes de Galeri. Lo que tenemos que hacer es con los atributos de la imagen los típicos que solemos tocar de título, de software metido hay muchísimas más que a lo mejor no conocemos y uno de ellos es el post que te indica a qué entrada esta víncula de esa imagen y para nosotros ha sido la clave para poder mostrarlo en la web. Y esto lo podemos ver aquí que a diferencia de artes no atacamos los medios en general si no atacamos la URL de la imagen que ya hemos subido y componiendo un JSON donde le indicamos el ID de la entrada donde está nuestra galería cambiamos ese atributo y ya automáticamente nuestra web muestra esa imagen que acabamos de subir a la web y bueno, ahora ya sí que sí conocen todas las entrañas de nuestro fotomator tanto la parte hardware como la parte de la web y como vamos bien de tiempo todos nos apetece vernos así que vamos a activar el plan B para que podamos de forma alternativa ver nuestra foto en la web y para ello pues empezamos con la maquinaria básicamente lo que hizo Paloma fue coger la tarjeta SD del cacharro y lo está conectando al ordenador y nosotros como este efecto demos no es la primera vez que nos sucede la tecnología es así tenemos preparada una URL en la que subimos a la imagen es la que normalmente se hace en Arduino y aquí lo vamos a hacer en HTML por lo que más le damos al botón de subir la imagen y lo que les acabo de contar de las peticiones actuales de después vale, esta es la imagen que acabamos de hacer no la voy a abrir que sea lo que Dios quiera la del perdido es la fría bueno, debería estar aquí si, eso me va a ser un segundo que me cuida la fría bien, está chaval oye, el que no ha acabado poco es el la presentación bueno, es el segundo efecto vamos a hacer la presentación pero ya la volvemos ahí un chavundo esto no estaba en los planes bueno, no es en los planes bueno, este es haciendo toda la tarjeta vale, básicamente lo que queríamos demostrar con este proyecto son los límites que tiene Wordpress o los que creemos que tiene Wordpress porque a fin de cuentas vivimos en un mundo completamente interconexado y lo ideal es que todas las herramientas que tenemos a nuestro alcance podamos usarlas para aprovecharlas y que se interenen en este mundo hacia el que vamos, que son las ciudades inteligentes entonces, lo que queríamos decir es que Wordpress tiene un potencial infinito y que a fin de cuentas eres tú el que pone los límites sobre lo que quieres hacer o no, porque las herramientas están ahí y eres tú lo que decide que hacer o no y, vale, esto es el fotomatón de la bolsa más prolongada en Canaria y como ayer bien nacido será agradecido, queríamos primero agradecer especialmente a Alexia y Ernesto que están por aquí, son voluntarios y a mi padre, que sin ellos este proyecto no hubiera sido posible a nuestras compañeras del Controverde Digital Esteremerche y a miembros de la comunidad Arduino por habernos hecho una manilla y por supuesto y más importante, a vosotros por estar aquí, dedícanos unos minutos porque el fotomatón ha nacido por y para los términos entonces simplemente gracias y esperamos que les haya gustado ¿Tenéis preguntas? Sí, tenéis preguntas Bueno, no sé Se me oye Hola, ¿cuál es el proyecto que vamos a utilizar para la autenticación en la API? En la API hemos utilizado application password porque lo más sencillo y para proyectos de desarrollo es basic authentication, creo que era el nombre pero ese te lo envía ante estos planos entonces jotaos por el siguiente que te crea una contraseña específica para la aplicación que quieres integrar en nuestro caso el fotomatón y además lo puedes codificar entonces no va ante estos planos en la petición para los de seguridad pues no tiene STTPS pero algo tiene Sí, no, hemos intentado que dentro de los posiles para ellos ¿Oye, otra foto? No, no lo he conectado No, no lo he conectado No, no lo he conectado Decidimos las preguntas Un aplauso para Lice Paloma