 Todos a la vez, todos a la vez. Conmigo, venga. Ahora va más rápido. Muy bien, muy bien, muy bien. Muy bien, ya hemos calentado motores, ya estamos así como más despiertos, incluso sin café. Imaginaos yo que me acabo de tomar uno. Bueno, puede ser la leche esto. En cualquier caso, continuamos. ¿De qué vamos a hablar hoy? Vamos a hablar de 24 herramientas para ganar 24 horas. La charla, en principio, se llamaba 20 herramientas para ganar 20 horas, pero como el título no era como suficientemente clickbait, pues la cambié. Bueno, lo de abajo es una canción de... un cantante famoso de la anuncia de Cas, los más mayores lo conoceréis. Pero en cualquier caso, me presento brevemente. Soy Fernán Díez, me podéis encontrar en Arroba Fernán, en Twitter. Y también, pues si os gusta el mundo del podcasting y queréis escuchar a alguien pesado como yo, hablar todos los días, tenéis un podcast que es WordPress Diario. Donde hablamos, curiosamente, sobre WordPress, es una cosa... hemos variado un poco WordPress, en cualquier caso, ese es el tema. Y recientemente he empezado como coordinador de proyectos en la empresa Frikitek. Este es uno de los temas, uno de los puntos que de alguna manera me ha servido a mí para inspirarme en la charla. ¿Por qué motivo? Cuando yo empiezo como coordinador de proyectos, me enfrento con tres objetivos principales, que son los que de alguna manera tengo que acometer para poder conseguir que el trabajo diario salga adelante. Por un lado, satisfacer a los clientes, en cuanto al trabajo. Controlar la calidad y asegurarnos de que el trabajo que entregamos es un trabajo profesional, correcto, se entrega tiempo y los clientes que dan satisfechos por ese trabajo y además nosotros como compañía conseguimos de alguna manera tener un trabajo a la altura de lo que estamos ofreciendo. Y por último también organizar el equipo, que es una de las tareas las cuales anteriormente tampoco me había enfrentado directamente en el mundo de los proyectos web. ¿Qué es lo que buscamos con estas herramientas? Vamos a buscar también conseguir estos objetivos. Es decir, no solamente es ahorrar tiempo, sino también ahorrar tiempo para conseguir estos objetivos. Hay que ganemos mucha más calidad tanto en los trabajos como en el día a día en lo que estamos haciendo. Os voy a contar una pequeña historia. Este es mi amigo Teofrasto. Nació así como antes, 300 años antes de Cristo. Y bueno, él se fue a Tenas a hacer un Erasmus y allí conoció a Platón y Tolroyo. Estudió con él y después le dijo a Aristóteles, ven pa aquí que tengo curro para ti. Nuestro amigo Teof, lo que hice en ese momento fue encontrarse en frente de todo el liceo de Aristóteles, la escuela que tenía montada. El curro era bastante importante y una de sus labores era organizar toda la información que tenían, toda la biblioteca. En aquel momento había unas cosas, eran como esto que hay aquí, veis que se llaman libros. Son como tablets gordas puestas así, una de tras de otra. Igual hay algún millenial por aquí. No ha tocado papel en su vida todavía. Bueno, pues son libros. Esto era como multiplicado por mil y así. Y además no tenían tapadura, era como un rollo folio así cuando los pones con un clip. Mucho más complicado. Él lo que intentó en ese momento es organizar toda esa información y para eso ya empezaba a pensar 300 años antes de Cristo que el tiempo era algo fundamental. Y de ahí su frase, el tiempo es la cosa más valiosa que un hombre puede gastar. Atención al micromachismo, ¿vale? Lo he querido dejar así, pero entiendo que también se refería a todo tipo de género y así de más. Bueno, pues qué es lo que hacía Teo Frasto, o el nuestro amigo Teo, gestionarte todo este tipo de cosas. Y de pronto me he encontrado hablando con él por Messenger, que un poco mi trabajo también es conseguir mejorar la documentación, mejorar los procesos, las tareas, conseguir en algún modo otimizar los tiempos en los que entregamos los trabajos, los tiempos en los que desarrollamos los productos o los proyectos para conseguir así de esa forma mejorar el producto final a través del ahorro de tiempo. Vamos a empezar directamente con una de las partes, como veníamos en la presentación anterior, una de las partes en las cuales nos vamos a entrar y entramos un poquito en materia. ¿Habéis venido a escuchar herramientas? ¿Habéis venido a que os cuente mis historias? Pues aquí os voy a contar todas las herramientas y todas las historias que habitualmente en el día a día utilizo en mi trabajo diario y trato que mis compañeros de equipo también lo hagan. ¿Se escucha bien así o mejor así o así? ¿Más pegado? ¿Más cerca? ¿Así de cerca? Bueno, uno de los sistemas que siempre recomiendo a utilizar y que yo utilizo en el día a día todo, vamos, en cada una de las cosas que hago es WellDrive. WellDrive nos permite crear documentos colaborativos, trabajar al mismo tiempo de manera sincronizada entre varios compañeros y me parece una herramienta fundamental. Seguramente muchos de vosotros utilicéis pues igual Office o LibreOffice o alguna suite de Ofimática, pero yo he dejado de utilizarla desde hace años, me parece un poco atraso. Yo recomiendo que no la utilicéis vosotros tampoco porque realmente tiene unas posibilidades WellDrive que no te da otro tipo de herramientas. Por ejemplo, un buscador fundamental para los documentos de WellDrive, puedes buscar cualquier tipo de término, ahorras muchísimo tiempo para encontrar los documentos y en el caso de WellDrive como decimos además permite trabajar de manera paralela entre varios compañeros. Imaginaos que tenemos que hacer una tarea entre dos otras personas y mientras alguien quiere al contenido hay otras personas que necesitan de ese contenido. Vamos a, en el mismo tiempo, conseguir llegar al resultado final utilizando una herramienta como WellDrive. Otra de las cosas que WellDrive nos permite es añadir extensiones en el navegador o extensiones directamente en WellDrive como, por ejemplo, estas dos que os he rescatado, hay muchas más, pero estas dos son las fundamentales que en mi día a día utilizo. Una de ellas, una de ellas es EZ o ESET notifications que lo que permite es en cada documento que nosotros queramos rastrear, añadir una notificación cuando alguien edite ese documento. Os pongo un ejemplo concreto, supongamos que enviamos unas preguntas a un cliente que queremos que nos conteste en ese mismo documento, en un documento de WellDrive compartido cuando el cliente haya editado ese documento y lo haya contestado nos llega una notificación al coro eletrónico indicándonos que está hecho. Esto es muy interesante a nivel de seguimiento, no tenemos que estar pendiente del cliente, recordárselo, sabés si nos lo envía, nos lo envía y directamente nos llega un e-mail en el mismo momento incluso o en el mismo día en el cual se ha realizado esa edición del documento lo mismo con los compañeros de equipo. Otra de las extensiones que recomiendo es DocHub. Hablamos también de alternativas, supongo que utilizaréis Adobe Reader o estas aplicaciones para editar PDFs. Yo también he pasado de instalar esas aplicaciones y utilizo esta herramienta. Abres el PDF con DocHub que está entregado con WellDrive y te permite editar un documento PDF al momento. Por lo tanto ahorramos mucho tiempo, nos salimos del navegador, tenemos el documento guardado en el propio cloud de WellDrive y al final el proceso es mucho más sencillo y mucho más agil. Y muchas veces no necesitamos un documento super maquetado, super bien preparado, simplemente es por ejemplo rellenar un contrato. Tengo que ver agua, entonces no puedo hablar y ver agua a la vez. A ver, ¿se oye? ¿Se oye? Sí. Vale, seguimos con herramientas de Well, en este caso Gmail y Well Apps. ¿Por qué? Porque tiene un calendario integrado, porque tiene de alguna manera otras herramientas como WellDocs, de la cual ya hemos hablado antes con WellDrive y porque además nos permitan añadir extensiones en el propio Gmail, en la propia gestión de correo, que nos permiten agilizar muchísimo el tiempo. Al final estamos pensando en herramientas que por un lado nos permitan agilizar el tiempo y por otro lado conseguir mejor resultados y también nivel personal, unos mejores frutos en nuestro trabajo. Boomerang for Gmail, que nos permite mandar un correo y recordarnos que se corre a su enviado al de unos días para hacer un seguimiento o por ejemplo Gmail Nutrello, que lo que nos permite es directamente desde el correo electrónico pasar un email a una tarea. Más cosas, gestores de tareas. Es muy importante gestionar todas las tareas que realizamos y sacarlas del correo electrónico. El correo electrónico no es una herramienta de gestión, el correo electrónico es una herramienta de comunicación y como tal no tiene que servirnos para tener tareas creadas. Os pongo algunas simplemente para que tengáis en cuenta Trello, Asana y luego otras un poco más diferentes como Manday o como Ora y otras un poco más profesionales como Teamwork o Gira. En cualquier caso tenéis la información o las presentaciones lo podéis buscar y trastear. Es interesante que tengamos una y realmente no importa tanto cual sea, ¿de acuerdo? Porque al final es simplemente un contenedor de tareas. Más cosas, en muchas ocasiones habéis enviado reportes de marketing a los clientes escribiendo, bueno, pues aquí te mando las estadísticas de Analytics o las estadísticas de AdWords. Muchas gracias por tu confianza, esto es lo que pasa este mes. Bueno, hay que olvidarse de eso. Podemos automatizar los envíos de informes de marketing con herramientas como, por ejemplo, Google Data Studio o como, por ejemplo, Reaport Garden, que es otra herramienta también que nos permite sincronizar en un solo documento datos, por ejemplo, de Analytics, datos de AdWords, datos de Facebook Ads, datos de Google Search Console, toda la información de analítica y de marketing que podemos tener asociada un proyecto web, las podemos incluir en estas herramientas. Algo que muchas veces nos pasamos por alto y utilizamos, por ejemplo, hojas de cálculo para gestionar los clientes difíciles de editar y que además nos permiten funciones adicionales. Esto también nos va a permitir agilizar mucho la comunicación con los clientes y hacer un seguimiento de todo lo que está pasando. Por ejemplo, gestores de CRM como Fox Manager, que es muy completo, está muy bien, tiene un montón de opciones, otro como Holdeth, que además incluye elementos de faturación o algunos que también he usado en el pasado como Invoice Plane, que es software libre que podemos instalar en un servidor y tener todo el control de los datos o como, por ejemplo, Soho Invoice, que es también bastante interesante. Vale, aquí sí me voy a tener un poquito más, es el tema de las reuniones. ¿A quién de vosotros se le va el tiempo con las reuniones o 10? Las reuniones son los clientes, pensáis que es todos. La reunión con el cliente es uno de los elementos más importantes de nuestro trabajo si somos diseñadores, desarrolladores web, si nos dedicamos al marketing online porque es el contacto directo que tenemos con los clientes donde podemos tomar toda la información de requerimientos que pueda tener el proyecto y donde además vamos a poder tantear el pulso del cliente y conocer cómo quiere que realmente se entrega el trabajo. Cada cliente es diferente, cada cliente tiene unas expectativas para satisfacer a este cliente y tenemos que adecuarnos a él. Por lo tanto las reuniones, aunque a veces nos puedan parecer un poco pesadas o un poco aburridas porque nos saca de nuestro trabajo habitual para el que estamos involucrándonos, nos permiten hacer mucha toma de contactos y información. Dos trucos y herramientas que yo utilizo en las reuniones con los clientes. Primero, la grabadora de sonidos con el móvil es suficiente. Si tú le comentas al cliente que vas a grabar la reunión y vas a tener o vas a poder olvidarte de apuntar todo en un papel, apuntar todo en el ordenador de amar nota exactamente de lo que dice, te olvidas, hablas con él, le preguntas, charlas creas incluso más vínculos porque no estás tan vendiente de lo que te dice sino de cómo te lo dice y la relación puede ser mucho más sueltífera si utilizamos una grabadora de sonidos para tener ahí todo guardado y escucharlo después. Y luego lápiz y papel. Cuando vamos a las reuniones o vienen los clientes a las reuniones utilizamos muchas veces un portátil y el portátil tiene como una tapa que nos distancia un poco del cliente en el tú a tú y parece que estamos un poco pendientes del ordenador incluso hay veces que nos llega una notificación de slack y se nos va un poco el ojo y eso hay que evitarlo porque al final no estamos a 100% en la reunión y no estamos sacando todo el provecho de lo que realmente podríamos obtener. Lápiz y papel para tomar notas muy rápidas. Una punte, una palabra, un nombre de una marca, un correo electrónico con cuatro cositas en una hoja que nos van a permitir centrarnos más y al final luego a ganar tiempo porque esas cosas que no tomamos en la reunión se las tenemos que preguntar al cliente y si no se las preguntamos y si se lo mandamos de una manera diferente lo que va a suceder es que el cliente va a decir no es que yo en la reunión te dije que esto era así y vamos a tener que rehacer otra vez el trabajo o por lo menos lo tener en concreto. Una parte también que es importante es plasmar lo que hemos comentado en la reunión si es un proyecto web en un white frame o en un mock up para tener una base e incluso esa base nos va a permitir validar un paso antes del diseño contra el cliente. De esa manera lo que hacemos es tantear un poco si la jerarquía es correcta si la estructura de contenido es válida y hay herramientas como balsamic, como white frame, como sketch o como gravity designer que nos puede interesar. Gravity designer es una herramienta que os recomiendo porque es algo así como un illustrator pero gratuito y que además tiene versión en el navegador. No tenemos que salirnos del navegador web para poder hacer trabajos de tipo illustrator, trabajos gráficos. Además tiene una opción de repository en la nube que nos permite sincronizar documentos y podemos trabajar con esos documentos con otros compañeros y es gratuito. Si no necesitáis justo illustrator para hacer determinados trabajos os lo recomiendo. Otra de las herramientas y en esta casa hablamos de recursos pueden ser estas. Muchas veces cuando nos planteamos un diseño web necesitamos referencias y necesitamos de algún modo pensar en cómo queremos que sea ese trabajo. Vamos a copiar, vamos a inspirarnos en lo que hace otra gente y ahorrar ese tipo de pensamiento para decir que es justo esto lo que quiero. Algunas referencias que yo utilizo es el sitio web de web designer que es una newsletter donde semanalmente te envían recursos sobre diseño web que muchas veces hay ideas a tener en cuenta. Otra es la de AdWords que recopila las páginas web premiadas en los últimos meses y nos presenta diseño realmente espectaculares de los cuales podemos tener más información. Y por último, oh, cielos, sin forest. Bueno, pues sí, yo no soy partidario utilizado sin forest en los proyectos. Ya hemos hablado en muchas ocasiones de ellos seguramente durante el día de hoy hablaremos. Es una solución, de acuerdo, o sea, que alguien no sea partidario y no quiere decir que no sea una solución para otras personas, no seamos tan poco muy nazis en ese sentido, pero yo sí lo utilizo para inspirarme en los diseños, para ver qué cosas que hay en sin forest que me puedan servir a mí para los diseños que realizo o al equipo para los diseños que realizamos. Desarrollo, rápidamente, WLP, cli. Con esto lo que vamos a hacer es automatizar procesos contra la terminal. Hacerle un ojo es un poco denso, pero en cuanto empeces y aceptarías automatizadas con la terminal en WordPress es muy interesante. Y además ahora, gracias a Moises Muñoz de Vigo, está traducido al castellano. Tenemos también entornos locales, herramientas como, por ejemplo, local, como por ejemplo MAM, de estos servers, son las que más he utilizado. Lo que sirven no es para desarrollar un local y luego subir a staging y luego subir a producción. A mí me sirven para crear en mi entorno local diferentes instancias de WordPress que me puedan servir para arrancar proyectos de diferentes categorías. Por ejemplo, un Google Comerz siempre va a ser un Google Comerz y muy probablemente siempre le instalemos determinados plugins. Pues yo me monto un Google Comerz con eso y cuando arranco un proyecto con Google Comerz tengo ya el trabajo hecho. Un membership site también siempre va a ser un membership site. Va a tener determinadas herramientas, me monto un membership site y luego lo lanzo o una web corporativa. Es decir, para crear plantillas, instancias o para crear diferentes elementos que nos permitan trabajar más rápido en la instalación de un nuevo WordPress. Para themes y para plugins, si estáis interesados en código en implementación automática de nuevas revisiones del código que hagamos dos herramientas que os recomiendo que están súper bien y que creo que tenéis que echarle un vistazo. VW Passer, que es lo que nos permite sincronizar repositorios de GitHub y de Bitbucket contra la producción o contra el staging y por otro lado, Version Press, que también nos hace un control de versiones de lo que está pasando en nuestro WordPress si estamos trabajando en desarrollo continuo, en implementación contínua. Por último, en cuanto al tema de desarrollo de migraciones hay una herramienta que me parece fundamental que es Duplicator. Yo creo que es como lo mejor de todo para este tipo de cosas y si tenéis el PRO pues mucho mejor. Te soluciona toda la parte de cambio de URL, la parte de connection con base de datos, la parte de compresión del fichero para hacer la copia es súper potente. Hay veces que en algunos hosting da algunos problemas pero no es por Duplicator, es por el hosting. Así que trabaja siempre con hosting de calidad, como por ejemplo los hosting que nos acompaña en hoy entre los patecinadores, que por otro lado si no es por ellos no sería posible. Y otra herramienta para importar bases de datos WLP Migrate WB Pro, vale, es complicado hacerla en inglés. Es muy interesante para, como decimos, sacar solamente la base de datos y exportarla. Repositorios, yo esto lo utilizo un montón, sobre todo la parte de GIST, de GitHub. Cuando creo una solución de código que puede ser un pequeño snippet que sé que me va a servir aunque sea dentro de un año siempre lo guardo en un GIST. Por un lado está público, lo puedo utilizar cualquiera y por otro lado me sirve a mí para buscarlo en mi repositorio personal y poder utilizarlo a futuro. No os digo todos los días, pero toda la semana he hecho mano del código que he escrito para volverlo a utilizar. Pueden ser reidecciones por HT Actes, pueden ser snippets de WordPress, pueden ser sentencias o comandos de secuel para hacer diferentes consultas. Poneslo ahí o en un sitio que vosotros queráis, mucho mejor si es público para compartirlo con la comunidad y de algún modo se puede hacer. Y también repositorios en GITA. Lo mismo con Starter Thins, tenemos muchas herramientas que nos permiten desarrollar 2.0, pero con una base, Android Scores que todos conocemos y yo he utilizado y me gusta mucho Android Strap que añade Bus Strap también para el CSS en un Android Scores. Y si trabajamos con GeneXys, de todos los Starter Thins de GeneXys, el que mejor he encontrado y más me gusta es el GeneXys Starter de SEO Thins. Y todos visuales, más cosas, vamos a ver cuánto nos queda. Bueno, ya estamos terminando. Vale, ¿por qué recomiendo editores visuales? Lo mismo, no siempre son recomendables, pero si los utilizáis, buscas un editor visual que permita reutilizar módulos. Vale, cuando creamos un slider que lo podamos exportar y usar un otro proyecto. Cuando creamos un carusel de imágenes que lo podamos exportar y usar otro proyecto o en el mismo proyecto. Todos esos elementos exportables nos van a ahorrar muchísimo tiempo a la hora de maquetar el contenido de otras páginas. Entonces, editores visuales ligeros en este caso, en el caso de la hora del tiempo, que nos permitan, de alguna manera, exportar los módulos con los que estemos trabajando. Trabajamos una vez para luego el tiempo del trabajo hecho. Plugins, también, que sean exportables, como por ejemplo Advanced Custom Fields. En Advanced Custom Fields, lo que nos permite es, cuando creamos un grupo de campos, exportarlo. Y ese grupo de campos lo podemos reutilizar. ¿Cuántas veces habéis hecho una sección de portafolio? Y cada vez hacemos un portafolio diferente para cada cliente. Eso es un error, porque en muchas ocasiones la parte de código y la parte fundamental del proyecto sigue siendo la misma. No tenemos que reinventar la rueda y volver a arriesgar el ritmo. Y lo mismo con Custom Post Type UI, que nos permite también exportar el código y reutilizarlo en otros proyectos. Y, por último, la herramienta definitiva. Casi, yo creo que la charla se podía resumir en esta herramienta, Manach VWP. Soy bastante fan de esta herramienta, y a todo el mundo se la recomienda porque nos permite gestionar el mantenimiento de varios sitios web con WordPress de manera automatizada y en un solo sitio. Autualizar todos los plugins de todos los sitios web con los que trabajamos, hacer copias de seguridad automáticas con todos los sitios web, revisar el código de los sitios web, revisar la seguridad, revisar el SEO. También tiene diferentes elementos de control de update o de uptime de los proyectos. Y esto realmente es el ahorro a máximo. No tenemos que entrar en cada una de las herramientas, no tenemos que entrar en cada uno de los grupos que tenemos instalados y nos va a permitir ahorrar muchísimo tiempo. Así que, bueno, si por lo menos nos quedamos con esta, ya vamos a ganar bastante tiempo. Al final, recordad que lo que necesitamos es conseguir rascar de los diferentes fases de nuestros proyectos para ganar pequeños minutos y, al final, conseguir que eso se convierte y se transforme en horas y, de alguna manera, conseguir tener más contentos a nuestros clientes tener unos trabajos más profesionales y también nosotros a nivel personal o con nuestro equipo ser mucho más felices. Así que, esto ha sido todo. Muchas gracias. Si alguien tiene una pregunta, no sé si nos queda algo de... Tres minutos de pregunta. Por ahí el compañero de atrás. A ver, el tema de Gutenberg estamos como muy preocupados, pero realmente la mayor parte de editores visuales ya se están adaptando a lo que Gutenberg nos puede ofrecer. Y, en el fondo, el propio editor visual va a poder seguir trabajando en complemento con eso. Es decir, sí, va a haber una parte que, de alguna manera, no se pueda volver a utilizar porque ya no vamos a tener el editor Tiny MC, pero, en el fondo, los editores visuales que todos tenemos en mente y todos conocemos han hecho ese trabajo previo de poder cualquier tipo de aspereza que pueda haber que se pueda sincronizar. Así que, yo estaría tranquilo. Obviamente, como todo, y lo que siempre suelo recomendar, copias de seguridad antes de hacer cualquier cambio. Si ahora tenemos un proyecto web abierto o en desarrollo o en producción, pues espero que tengáis una copia de seguridad porque, bueno, en agosto ya no sale esto. O sea, en agosto va a haber aquí e-mails a TutiPlant. Nos va a llegar racatacatá, todo actualizado a la nueva versión de WordPress y, por lo tanto, con Gutenberg instalado. Si tú tienes una copia de seguridad, no hay ningún problema. Eso es lo más importante. Y luego utilizar a poder ser plugins soportados por la comunidad, desarrollos que pueden estar soportados y, bueno, y en este caso de los editores visuales, editores que, de algún modo, pues tengan cierto soporte porque hay un equipo de tres que está trabajando. No te lo bajes pirata. Claro, porque no, es que se me ha roto y aquí hay preguntas. Claro, a Ferna, ¿no? Como tiene un podcast y contesta correos, pues no, o sea, no estamos para eso. Vale, pues más o menos creo que queda contestada. Alguna preguntita más rápida ha quedado súper claro. ¿Está todo correcto? El caballero del Polo Azul ¿He utilizado Composer para explorar plugins y el Wordpress? ¿Todo utiliza Composer? Si, pasa que estás tocando la arquitectura de Wordpress, o sea, el modo de modelo vista controlador y demás, lo estás retocando para trabajar al modo de Composer. Y a la hora de trabajar con ello, yo no lo he tocado mucho personalmente. O sea, intervienes un poco en el proceso en el cual se trabaja con Wordpress. Pero si tú estás acostumbrado y para ti supone una herramienta que te ahorra tiempo a la hora de trabajar, es una herramienta que tienes que utilizar. Es decir, las herramientas que hemos comentado son las que yo he probado y a mí me funcionan, porque a mí me permiten ahorrar tiempo. Si tú encuentras que con otra herramienta puedes ahorrar tiempo y te permite hacer el mismo resultado en menos tiempo, esa es la herramienta que tienes que utilizar. Y con Composer hay módulos para poder hacer cosas. ¿Hay alguien que sepague Composer por aquí? Vale, pues le preguntas a él y te va a explicar. No puedo saber de todo. Esto es Community, amigos. Bueno, rápida, rápida. Zapier es, sí, no lo he puesto porque es como más de marketing, igual está hablando más de la parte web. Pero Zapier, o sea, esta semana me ha solucionado un problema con un tema de integración de calendarios. Zapier está súper bien, porque tiene integración con un montón de cosas y hay veces que nos volvamos locos intentando meter horas a un... solucionan un código y luego les conectar un Google Calendar con un formulario y ya lo tienes. O sea, que Zapier es la herramienta definitiva. Y ya está. Vamos todos a donde queráis. Luego, si queréis preguntarme...