 Actualmente desarrollan aplicaciones móviles React Native. Tiene el título de expecta de virtualización y computación en la nube por la Universidad de las Palmas, realizando cursos de frené por la empresa Quadernum y el último lugar certificada como expecta en Scrum Manager. Vamos a anunciar tanto el ingenio. Con ustedes, maculada. Bienvenidos a todos porque están aquí, yo soy Yuma y bueno, pues, ¿cómo empezamos con este camino? Pues tuvimos una idea que la idea subió de nuestra propia necesidad en la empresa, ¿no? Tuvimos nuestra, una empresa que nos contrata, que tiene bastante influencia en nosotros y que nos piden, pues nos piden que creamos páginas muy rápidas para que hagan estudios de mercado muy concretos. Entonces nos dicen que, bueno, que lo que quieren son un producto mínimo viable para ellos a hacer este estudio y ¿cómo nos enfrentamos nosotros a eso? Pues cogimos un Wordpress y con un tema que lo costumamos para todos estos proyectos juntos, pues creamos un tema que tenía nuestro play, el visual composer y revolución slider. Y luego lo que hicimos fue como este cliente pues siempre quería la misma estructura de tema y demás lo que interesaba básicamente era la extensión del mercado, pues le creamos un multisite. Vale, esto está muy bien, pero ¿qué pasa? Que también necesitamos que esa web esté bien posicionada, que no tenga ningún problema de posición porque tiene un HTML válido también para ayudar al SEO y el pixel perfecto. Es decir, el cliente tenía muy claro que quería un diseño y ese diseño se tiene que mostrar tal cual ellos nos lo mandan. Entonces usamos una herramienta pixel perfecta para que todo vale. Pues esto empezó, fue un poco el cómo empezó. Es decir, tenemos una hoja de cálculo y decimos, bueno, pues para llevar esto a cabo ser lo más rápido posible y ser lo más... Lo más... Pues... Lo más rápido. Lo más rápido. Pues dijimos, bueno, pues creamos una spreadsheet donde pongamos todo lo que necesitamos chiquiar con una web para poder ver, es fácil para el vendedor, no requiere requisitos técnicos y todos los problemas están en una zona vista. ¿Cuáles fueron los problemas? Pues que si varios programadores empiezan a chequear todo esto al mismo tiempo pues se nos iba un poco de las manos porque no controlábamos quién lo hacía y quién no lo hacía. Y después es el hecho de que, bueno, ponías aquí y sigue, he hecho esto, lo he testeado, pero ¿qué pasa? He hecho algún cambio que me ha vuelto a romper lo mismo. Entonces, eso, no lo actualizábamos por temas de prisas y todo esto, pues no se nos pasaban muchas cosas por alto. Entonces, nuestro alquillo, que se compañe al hotel, crea un programita que dice, bueno, pues para ayudar al programador lo que vamos a hacer para que sea más rápido, un programita que nos chequea lo esencial y pues así lo hace más rápido. Problema, pues que necesitábamos de requisitos técnicos fallaban muchas veces porque necesitábamos actualizar porque cada día esto va cambiando. Entonces necesitábamos a alguien que siempre estuviese actualizando este programita para que no diera falsos positivos. ¿No podía verificar las cuestiones gráficas? Sí, muy de código, muy de tal, pero después gráficamente no podíamos comprobarlo. Y, pues, vimos una extensión de Firefox que se llama Selenic, que lo que hacía una interacción entre el usuario y el web, web driver, que se llama, es decir, nosotros creábamos unos scripts, esos scripts se generaban en el programita y paraban cuando no encontraba algún texto o cuando encontraba alguna dificultad. Y, además, lo que hacía era capturar de pantalla el modo desktop, modo tablet y modo mobile. Así algo que damos a ver, oye, esto se está viendo bien y es un producto con calidad. Aquí hay un pequeño vídeo mostrando un poquito de cómo funciona. Los son los scripts que se han escrito, creamos unos scripts, unos demás y creamos algo. Y ahí se para porque no ha encontrado algún elemento que ha sido llamado y no lo encuentro, entonces para ahí. ¿Se gusta? Pues, dijimos, bueno, Selenium se ha parado un poco, no hemos tenido, no, ha quedado un poco antiguado, pues tenemos que buscar tu alternativa. Dimos como otro pasito y dijimos, bueno, en nuestra empresa necesitamos que nuestra web tenga que ir cosas, chequeadas, pues nos creamos nuestra propia lista de chequeos, pero otra vez tenemos el mismo problema. Sí, creo la web, la tengo terminada y voy a comprobar que todo esté hecho, pero lo mismo de siempre. No chequeo nada en la web, solo es un formulario, un menoproceso para que nosotros concluemos que todo está bien, pero no hay chequeo en la web, no nos dice, esto está mal, sino es simplemente algo para nosotros tener en cuenta nuestras cosas que tenemos que hacer, pero igualmente no nos funcionamos. Después dijimos, bueno, porque era un fly y empezamos a mirar el framework de Helper, que era muy, muy fácil de programar, alto nivel de integración, bastante modular, pero el problema es que ahora mismo Helper es un proyecto totalmente abandonado, nosotros vamos a ver documentación y demás y vemos que está la página caída y en las fuerzas parece como que nada, que es algo mejor que hacerlo. Entonces tuvimos que abandonar esta idea y aquí está nuestro amigo, techo. Antes de aceptar todos los repetitivos y con ganas de publicar un fly, dijimos, bueno, pues, ¿cuál puede ser nuestra solución? Pues crear nuestro propio fly, nuestro propio fly en ratify y este es Radu, es un compañero que hizo de la humanidad con un programa de Radu, con la idea de mirar su propia empresa y producto e hizo una especie de búsqueda en mercado a ver si esto funcionaba o no funcionaba. Tenía el tiempo, tenía los conocimientos y entonces ayudo, ayudo en la programación, ayudo un poco en la búsqueda de quién necesitaba este producto y demás. Pues aquí está, con la ayuda de la página WPPV que te ayuda a crear flyin en Wordpress de una manera sencilla, pues tenemos todo lo anterior, desde si ya el programa 2 no se tiene que preocupar de nada. ¿Qué pasa? Que ya terminó mi web y ya directamente en nuestro flyin podemos ver todo lo que falle y si volvemos a hacer modificaciones volvemos a mirar qué es lo que falle. Y él se encarga. ¿Qué tiene de bueno el Spotify? Que hace un primer barrido. ¿Y qué hace en este barrido? Pues quita todo lo que nos puede estornar en Wordpress, por ejemplo los Chrome que puede afectar si tenemos una página con bastante carga pues que haya actualizaciones y esto se rompa. Y esto no lo tenemos en el flyin. Estoy buscando un ejemplo donde se ve hasta la versión demo. ¿Qué hace este flyin? Pues mira lo que es válido y lo que no es válido. Por ejemplo, que una página tiene un título una meta de descripción que la imagen tenga el hack pues que el H1, H2 existan en la página web. ¿Qué es la batería? La batería. ¿Y por ser de los últimos? ¿Qué hace sin batería? ¿Os noto? Pues eso, pues vemos lo que se necesita y lo que no sé lo básico que se necesita para él. ¿Qué es lo bueno? Que eso que el programador no se preocupa que está todo aquí que podemos ver que Open Graph exista también la calidad del código HTML lo mismo que hace el W3. Vale, el Google Analytics si está indexado con Robots si tiene keyboard y... está la versión demo. Entonces tenemos este que ya dijimos bueno pues, por qué sólo para nosotros y no compartirlo si la mayoría de desarrolladores tienen el mismo problema por qué le está pensando una y otra vez si hemos chequeado de esto si ahora no nos falla la otra teniendo esta herramienta ¿Nos ayudan? ¿Nos ayudan en otros? Sorry ¿La anterior? Sí, sí Ok, pues entonces una demostración nosotros hemos creado Ratify pero también tenemos un Atom que será como un complemento a Ratify ¿Qué hace Ratify? pues comprobar lo que está bien y lo que está mal pero hemos desarrollado otro que es el Ratify Speed Boost y esto es para qué sirve pues para además ayudar con automaste y además a mejorar la velocidad pues hemos haciendo pruebas hemos visto que haciendo auditorías de la misma web antes de Ratify y después de Ratify vemos que antes tenemos 64 puntos mientras cuando ya hemos usado Ratify con nuestro Ratify Speed Boost tenemos 74 hay una mejora ok y esto lo usamos en web reales las hacemos pues cada día y lo usamos ok, pues estas son las tres web que usan pues esta herramienta y esta es la nueva versión esta es la versión que está subida ¿Verdad? esta es la versión que está subida ¿Está en? y en nuestra página web se creó esto ahí haciendo un poco de pues como bien se puede ver no todos somos perfectos y no todos no somos perfectos así que pero esta herramienta nos dice que fallamos pues Ratify y lo que nos ha ayudado es a lograr ya que un producto sea totalmente de calidad bueno totalmente lo mínimo en toda la web que producimos y después dijimos ¿Por qué no? ¿Por qué no publicarlo? ¿Publiqué bueno? y dijimos bueno ahora empieza para publicarlo hemos tenido en cuenta estos tres pasos primero, crear la documentación los requerimientos que necesitábamos para que esto saliera adelante y luego escribimos nuestro código puente testeamos, hacemos pruebas y por último tras recibir mucho spam de WordPress en plan por favor que lo necesitas pues lo hemos añadido y espera porque aún falta el diseño gráfico la traducción en español y el material de promoción que también hemos hecho y tras año y medio de idea, llevar a cabo pensar pues ya está listo todo hicimos las traducciones, incluimos el código pedimos la ayuda de un diseñador gráfico decidimos los materiales promocionales y hicimos algún estudio de nuestro lado publicado si tienen alguna pregunta o tal aquí está el que lo hizo y alguien ha publicado existe, existe bueno empezamos turno de preguntas 5 minutos de turno de preguntas y alguien quiere preguntar algo si es para para testear para testear el el código html tiras de alguna o sea, ustedes han creado el motor para chequear muy buena pregunta, utilizamos el W3 validator y simplemente mandamos el código al validator y lo que responde lo parseamos así de sencillo en otro apartado no solo el html el validator de css pero como daba montones de errores en cualquier css además, yo creo que los navegadores entienden mejores de css que a otros bueno eso no me acuerdo en qué fase está pero tenemos como 15 o 20 pruebas ya bien y hay otros 20 o 30 que están en fase de desarrollo todavía y para accesibilidad tenés pensado hacer algo lo mismo un grado AAA de accesibilidad es como no creo que ni se puede comprobar con un plugin tenemos idea para hacer por ejemplo comprobar que las imágenes son de calidad de resolución retina por ejemplo que es importante que la gente es difícil de controlar pero eso también está en desarrollo tenemos un housepeap que ya está más o menos funcionando pero falta esto es un labor de amor esto lo hacemos cuando yo qué sé, por la noche fin de semana han colaborado imá estaba encargada durante un tiempo de WordPress de lo que hacíamos y ella intentando con las herramientas que hacía yo y la que hacía ella misma intentando llegar a un sistema que cuando tiene 10 personas trabajando el nivel mínimo se alcanza es difícil muy difícil más preguntas cuáles son los fallos más comunes a nivel de maquetación es lo que yo contesto porque es parte de la equipo aquí que ha trabajado WordPress fallos más comunes ayúdenme fallos más comunes el out ya han visto el out el out en las imágenes y eso viene sobre todo a raíz de que WordPress para poner el out si se pone cuando subes la foto en el media si pones ahí en el campo texto alternativo y luego lo pones en un post se incluye pero si lo pones en el post antes de ponerlo en el post tienes que entrar y modificarlo es el tipo de igual plug en lo que hará en algún futuro buscará posts que contengan fotos que no tengan out y te lo pones automáticamente basando que están en media son cosas así pero yo mira descárgalo lo pruebas, me mandas un feature request me lo pongo ahí en gina y... te parece? mañana mañana, era un domingo así me lo pongo mira, hablando de eso, perdón el viernes por la noche, yo mandé esto lleva una semana y ahora tiene menos de 10 personas lo han descargado lo mandé, si claro lo mandé hace 7 días un viernes por la noche en el sábado me llegó el correo de WordPress diciendo ya está hay 2 files y tenia que arreglar los files los arreglé, lo mandé otra vez el domingo y me llevo la contestación el lunes a primera hora eso fue sin problema muy rápido bueno pregunta ya, eso nos aba todo el tiempo de preguntas muchas gracias este muchas gracias Irma