{"id":2936,"date":"2021-04-15T15:56:00","date_gmt":"2021-04-15T13:56:00","guid":{"rendered":"https:\/\/davidperezgar.com\/?p=2936"},"modified":"2023-07-20T10:34:16","modified_gmt":"2023-07-20T08:34:16","slug":"wordcamp-centro-america-desarrollando-un-plugin-de-wordpress-en-vivo","status":"publish","type":"post","link":"https:\/\/davidperezgar.com\/en\/blog\/talks\/wordcamp-centro-america-desarrollando-un-plugin-de-wordpress-en-vivo\/","title":{"rendered":"WordCamp Centro Am\u00e9rica: Desarrollando un plugin de WordPress en vivo"},"content":{"rendered":"\n<p>En la pasada WordCamp, Fran y yo, contamos nuestra experiencia de desarrollar un plugin para la comunidad de WordPress, en vivo, a trav\u00e9s de una plataforma de streaming, de modo que los espectadores participan en el proceso de creaci\u00f3n a trav\u00e9s de GitHub.<\/p>\n\n\n\n<p>Todas las sesiones de programaci\u00f3n quedan grabadas en <a href=\"https:\/\/www.twitch.tv\/frantorreses\" class=\"rank-math-link\">Twitch<\/a>&nbsp;Y el repositorio <a href=\"https:\/\/github.com\/WPES\/meetings\" class=\"rank-math-link\">GitHub<\/a>.<\/p>\n\n\n\n<p>Este plugin ayuda a todas las meetups de WordPress a organizar mejor la informaci\u00f3n en sus p\u00e1ginas web, ya que provee un tipo de contenido para mostrar la informaci\u00f3n de los encuentros, ponentes, patrocinadores y ubicaci\u00f3n.<\/p>\n\n\n\n<p>Aqu\u00ed tienes la presentaci\u00f3n completa:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-wordpress-tv wp-block-embed-wordpress-tv wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='1200' height='675' src='https:\/\/video.wordpress.com\/embed\/RTzHPyYH?hd=1&amp;cover=1' frameborder='0' allowfullscreen allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1674852142'><\/script>\n<\/div><\/figure>\n\n\n\n<p><a href=\"https:\/\/davidperezgar.com\/wp-content\/uploads\/desarrollando-un-plugin-en-vivo-david-perez-y-fran-torres.pdf\" class=\"rank-math-link\">Descarga las Diapositivas<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Transcripci\u00f3n<\/h2>\n\n\n\n<p>[M\u00fasica] Hola, \u00bfqu\u00e9 tal? Muy buenos d\u00edas a todos. Muchas gracias a Olivia, Mario, Leandro por la inauguraci\u00f3n y a todos los coorganizadores, voluntarios, mentores e involucrados en este primer Work Camp Regional de Centroam\u00e9rica.<\/p>\n\n\n\n<p>Mi nombre es Daphne Delgado y formo parte de la comunidad de WordPress en M\u00e9xico y con esto damos inicio a este evento. La primera charla ser\u00e1 presentada por David P\u00e9rez y Fran Torres, titulada Desarrollando un plugin en vivo.<\/p>\n\n\n\n<p>Les cuento un poco David P\u00e9rez, quien descubre WordPress en 2010. Crea una agencia junto con su socio. \u00c9l se encarga del \u00e1rea t\u00e9cnica y marketing de la misma. Ha desarrollado diferentes plugins y temas en Genesis Framework, as\u00ed como ha coorganizado distintos WordCamps en Granada. Tambi\u00e9n contribuye como traductor en ciertos plugins y participado como oponente en diferentes pa\u00edses. Fran Torres es ingeniero t\u00e9cnico en inform\u00e1tica y licenciado en comunicaci\u00f3n audiovisual. Trabaja en proyectos de investigaci\u00f3n de la Universidad de Granada y en 2012 pasa a ser freelance haciendo proyectos web especializados en WordPress. Participa activamente en la comunidad desde ese a\u00f1o y ha dado charlas y colaborado en traducciones, as\u00ed como ha sido coorganizador en WorldCamp Granada y WorldCamp Europa en 2019. Sin m\u00e1s pre\u00e1mbulos, vamos a la charla desarrollando un plugin en vivo.<\/p>\n\n\n\n<p>Hola. Ya estamos en vivo. \u00bfYa ha empezado la WorldCamp? Qu\u00e9 nervios, qu\u00e9 nervios. Ya ha empezado. Bueno, genial esa fant\u00e1stica bienvenida. La verdad es que me da un poco de pena ser aqu\u00ed los primeros que vamos a hablar en la WorldCamp, ser la primera ponencia. Que bueno, vamos a estar aqu\u00ed unos minutitos simplemente hablando sobre c\u00f3mo hemos desarrollado un plugin en vivo, \u00bfvale? Ahora lo vamos a comentar. Bueno, me presento, soy Francisco Torres. Soy de Granada, una ciudad en Espa\u00f1a. Bueno, como pod\u00e9is ver por mi acento, soy desarrollador WordPress. me llaman por ah\u00ed el Cierra Cada\u00f3quez y dicen que tengo tambi\u00e9n un bigotito. Y bueno aqu\u00ed pod\u00e9is ver mis redes sociales, pod\u00e9is contactarme por ah\u00ed. Bueno yo soy David P\u00e9rez, yo de este caso no tengo bigotito. Y s\u00ed, soy compa\u00f1ero de Fran aqu\u00ed en Granada de la porca de la comunidad de WordProgram. Y soy CTO en la agencia Close Marketing. Bueno, vamos a conocer un poquito qu\u00e9 vamos a aprender hoy en este breve tiempo. bueno, \u00bfc\u00f3mo se puede colaborar con plugin en WordPress? \u00bfC\u00f3mo lo hemos hecho nosotros desarrollando en vivo y en directo? Y lo que hemos desarrollado ha sido el plugin community meeting, que vamos a hablar tambi\u00e9n un poquito de la historia y c\u00f3mo lo hemos hecho. Bueno, colaborar con plugin en WordPress, pues \u00bfc\u00f3mo pod\u00e9is hacerlo? Pod\u00e9is hacerlo a trav\u00e9s de la creaci\u00f3n de plugin, es decir, que veis unas necesidades que no est\u00e1n satisfechas por parte de vosotros o que veis que otros usuarios pueden necesitarla, pueden crear un plugin, una buena, muy buena soluci\u00f3n para poder dar cabida a esa soluci\u00f3n, a esas necesidades que tenemos. Puedes colaborar tambi\u00e9n con tu c\u00f3digo, es decir, de plugins que ya est\u00e1n presentes, que est\u00e9n funcionando, puedes colaborar con tu propio c\u00f3digo, mejor\u00e1ndolo. Todos los muchos repositorios tienen su propio WI-HAT abierto para que t\u00fa puedas hacer, digamos, env\u00edos de nuevos c\u00f3digos para que el autor lo vea, lo modere y lo pueda incorporar. Otra forma tambi\u00e9n que podamos hacer es para colaborar en los plugins, puede ser a trav\u00e9s de la traducci\u00f3n a tu propio idioma. Es decir, que plugins los m\u00e1s populares o el propio que t\u00fa vayas a utilizar, que est\u00e9 en el repositor oficial de corpos.org, pues todos tienen en la pesta\u00f1a de desarrollo una opci\u00f3n de traducir. an\u00edmate a traducirlo para que t\u00fa y gente que pueda tambi\u00e9n estar interesada lo tenga traducido. Puedes tambi\u00e9n incluso dar soporte. En el foro de soporte de cada plugin, si ves que te ves capacitado y que tienes conocimiento de ese plugin, t\u00fa puedes ayudar al soporte de ese plugin. Hay plugins muy conocidos que tambi\u00e9n mucha comunidad est\u00e1 ayudando tambi\u00e9n a que ese plugin pueda dar soporte. Luego puedes ense\u00f1ar el funcionamiento a trav\u00e9s de c\u00f3mo puede ser WorkCamp, puede ser Meetup, acerca de ese plugin, c\u00f3mo funciona, c\u00f3mo se trabaja con \u00e9l. Pues eso es una buena forma tambi\u00e9n de hacer que sea m\u00e1s visible al usuario y que sepan manejar c\u00f3mo funciona ese plugin. Para muchos plugins, como son muy conocidos y tienen muchas instalaciones, siempre tienen que hacer versiones beta antes. Pues puedes ayudar a revisar esa versi\u00f3n beta, ver que est\u00e9 perfectamente, que funcione en tus instalaciones para que no se rompa ninguna instalaci\u00f3n cuando ya pase a producci\u00f3n. Y otra cosa muy interesante es el tema de identificaci\u00f3n de bugs. Cuando hay much\u00edsimas instalaciones, puede haber peque\u00f1as instalaciones muy raras que pueden ayudar a los autores para que la solventen. Siempre intenta documentar muy bien d\u00f3nde se te ha dado esa dificultad, ese error y ese problema. Y a trav\u00e9s de ya sea el repositorio o en la p\u00e1gina de soporte de ese plugin, puede identificar esos errores y pasarlos. Y vamos a ver qu\u00e9 es lo que sucede espec\u00edficamente cuando queremos crear un plugin. \u00bfQu\u00e9 viaje debemos de seguir? En este caso, pues, bueno, desarrollamos en distintas tecnolog\u00edas. Tenemos PHP, JavaScript, HTML, CSS. Pero no solo todo va de HTML y de programaci\u00f3n, sino que tambi\u00e9n hay que hacer el plugin usable. hay que hacer una maquetaci\u00f3n, un dise\u00f1o, hay que hacer que sea atractivo. Y aparte de eso, tambi\u00e9n hay que seguir unas buenas pr\u00e1cticas y hay que usar unas funciones espec\u00edficas que ofrece WordPress para integrarse totalmente con el n\u00facleo. Esto, bueno, sobre todo est\u00e1 muy bien explicado a trav\u00e9s de una documentaci\u00f3n que hay online. El m\u00e1s importante ser\u00eda el handbook de plugins de WordPress. Y tambi\u00e9n hay que tener en cuenta cumplir con la licencia que tiene WordPress, que es la GPL 2, con su licencia o una totalmente compatible. Al hacer tu plugin, dado que lo est\u00e1s haciendo sobre WordPress, que es un sistema que tiene licencia libre, tu plugin tambi\u00e9n tiene que ser libre. Luego, si quieres que este plugin est\u00e9 disponible para el resto de la comunidad, si quieres que est\u00e9 publicado en el repositorio, lo subes para revisi\u00f3n. Y hay gente de la comunidad que va a revisarlo para verificar simplemente pues que est\u00e1 bien, que no tiene problemas de seguridad. Y a partir de ah\u00ed ya puedes subir los repositorios y ya lo que quiera para seguir colaborando con el plugin es mantenerlo y ir publicando las versiones. Y, bueno, nosotros lo que hemos hecho ha sido un desarrollo en vivo de un plugin a trav\u00e9s de Twitch, de emisiones en vivo, a trav\u00e9s de esta, bueno, famosa plataforma para hacer redes misiones. A trav\u00e9s de este streaming hemos mostrado desde el principio de creaci\u00f3n del plugin, o sea, el proceso de planificaci\u00f3n y luego todo el proceso de desarrollo, desde la primera l\u00ednea de c\u00f3digo hasta la \u00faltima, todo esto sin editar. O sea, todo est\u00e1 emitido en vivo, todo el mundo ha podido ver, todo lo que hemos hecho desde el principio hasta el final. No hemos hecho nada de crear de c\u00e1mara. Y bueno, hacerlo as\u00ed, hacerlo en vivo con gente sigui\u00e9ndote en momento en el que lo est\u00e1s haciendo nos ha permitido recibir feedback en ese momento y aprender much\u00edsimo del resto de la comunidad que pues nos ha seguido a trav\u00e9s de estos v\u00eddeos. Adem\u00e1s bueno hemos visto que hay mucha gente que se ha motivado a colaborar porque ha visto esto como un poco m\u00e1s accesible y m\u00e1s a mano y m\u00e1s cercano y todo esto lo que hemos hecho adem\u00e1s de que por supuesto est\u00e1 todo se ha emitido todo y est\u00e1 todo grabado est\u00e1 todo su todo el c\u00f3digo se ha ido incluyendo a trav\u00e9s de GitHub. Bueno, las personas tambi\u00e9n han podido colaborar a trav\u00e9s de este repositorio. Vamos a ver ahora un peque\u00f1o v\u00eddeo en el que vamos a ver c\u00f3mo ha sido un poco toda esta historia. Hola, muy buenas tardes. \u00bfQu\u00e9 pasa? Empezamos una nueva tarde m\u00e1s aqu\u00ed de nuevo haciendo cositas, haciendo el WordPress. Vosotros tambi\u00e9n pod\u00e9is colaborar. Guille, perfecto, muchas gracias. Hola David. Hola, \u00bfqu\u00e9 tal? Un plugin para la comunidad de WordPress, lo vamos a empezar a desarrollar y lo vamos a desarrollar aqu\u00ed en vivo. Hoy para mi es un d\u00eda especial, hoy te abajar\u00e9 con World 3. Podr\u00e9 usar todos los functions y hooks que tras el core se esconden. de recorrer la documentaci\u00f3n de arriba abajo. Declarar\u00e9 una nueva funci\u00f3n para hacer mi trabajo. Que pasara un nuevo error, ya estoy debugging. Y trazar\u00e9 la ejecuci\u00f3n para ver qu\u00e9 est\u00e1 pasando. Hay que dar un repaso a todo para ver que est\u00e1 todo bien. Una versi\u00f3n que sea la que subamos al repositorio WordPress con este formulario. Madre m\u00eda, 72 plugins esperando. Y ya est\u00e1, que lo pas\u00e9is bien, que lo pas\u00e9is bien. Un saludo a todos y nos vemos pronto. Hasta luego. &#8211; Siento much\u00edsimo, siento much\u00edsimo haberos hecho esta canci\u00f3n. &#8211; No, ha sido un buen resumen. Ha quedado muy claro lo que hemos hecho todo este tiempo. &#8211; S\u00ed, bueno, y esto que hemos hecho, aparte de canciones, han sido m\u00e1s de 13 sesiones a trav\u00e9s de Twitch, de todas aproximadamente entre una y media y dos horas. No hemos querido que sea muy largo. han sido en total m\u00e1s de 23 horas de contenido. Los v\u00eddeos que hay subidos tienen una media de m\u00e1s o menos 40 visualizaciones y siempre nos han seguido en vivo entre 5 y 10 personas. Y bueno, de todo esto adem\u00e1s han habido m\u00e1s de 61 commits en GitHub y creciendo porque lo seguimos desarrollando y lo vamos a seguir desarrollando. Y bueno, este es el plugin que ha salido de todo esto. sali\u00f3 ayer sali\u00f3 ayer el plugin as\u00ed que eis corriendo porque tendr\u00e9is la url ya accesible ha sido justo para la huerca y bueno es el repositorio oficial en la p\u00e1gina ah\u00ed tendr\u00e9is toda la informaci\u00f3n incluso hemos hecho un peque\u00f1o dise\u00f1o y todo para que pudiera estar para hoy para vamos sido justo in\u00e9dito no explicamos un poquito el plugin el plugin como naci\u00f3 pues naci\u00f3 de un hackathon que se hicimos en 12 de junio 2019 y bueno desde la mitad de WordPress Granada pues se vio un poco la necesidad de organizar mejor la informaci\u00f3n que nosotros tenemos en las webs, porque tenemos el espacio de Meetup.com pero mejor tener todo y las notas del programa, los ponentes que han estado en esa Meetup, todo esto vimos la necesidad y creamos una reuni\u00f3n y estuvimos viendo un poco y echamos una tarde entera y ah\u00ed definimos un poco las estructuras y todo. Bueno fuimos diciendo un poco el c\u00f3digo, la verdad es que lleg\u00f3 en la contributor de WordCamp Sevilla en la que bueno, Fran Torre lider\u00f3 lo que es la mesa de contributor de plugin y gust\u00f3 bastante, no, Fran? Ah\u00ed fue, hubo mucho, vamos, fue muy directivo la gente para el tema de que se conociera un poco c\u00f3mo contribuir y subir plugins, no? Pues nada, ah\u00ed se puso Fran a hacer Twitch y directo, yo tambi\u00e9n particip\u00e9 en unos cuantos desde el 6 de febrero y ha sido resultado de unos 61 comits que ha llegado hasta el 8 de abril y se fue la revisi\u00f3n y que ayer justo se public\u00f3 en el repuesto oficial bueno que hace el plugin a todo esto despu\u00e9s de todo esto que hemos contado pues bueno pues crea una secci\u00f3n un post type de meetings que es la propia Mita que te permite tener toda la informaci\u00f3n completa de la Mita. Muchas veces la informaci\u00f3n que genera no solo el v\u00eddeo o el audio, sino tambi\u00e9n incluso todo lo que es la nota de la reuni\u00f3n, la gente que estuvo, hay mucha informaci\u00f3n que es muy interesante mantenerla en la p\u00e1gina oficial que teng\u00e1is de la Mita. Tambi\u00e9n, \u00bfqu\u00e9 hacemos? Bueno, tambi\u00e9n tenemos ponentes, patrocinadores y lugares. \u00bfC\u00f3mo vimos hacerlo? Bueno, pues en esa primera reuni\u00f3n de c\u00f3mo estructurar la informaci\u00f3n, vimos que era, en la mejor forma, una tasonom\u00eda. Una tasonom\u00eda personalizada en la que el ponente tuviera su propia foto, su descripci\u00f3n y enlaces para que pudieran localizarlo. Bueno, vamos un poquito con la visibilidad, para que, digamos, el ponente tenga m\u00e1s visibilidad de cara a las mitas que se realizan. Tambi\u00e9n muy interesante tema de los patrocinadores, por c\u00f3mo no ayudar a que su licitada tambi\u00e9n se vea mostrada en la Meetup y finalmente los lugares. Bueno, pues como tasonom\u00eda t\u00fa puedes elegir una o dos o varias y bueno pues lugar donde siempre muchas veces se repiten o por ejemplo nosotros nos pasa que tenemos cuatro o cinco lugares normales. Entonces los damos de alta en la p\u00e1gina y cuando damos el encuentro en el Meetup elegimos el lugar en que se va a realizar. Y finalmente, bueno, esto es un final, no, es un principio y para ello hemos hecho un roadmap en la, hay un grupo que puede participar en Github en el producto oficial de Corpre Espa\u00f1a y ah\u00ed en Isus puedes, digamos, proponer funcionalidades, cosas que t\u00fa veas, puedes proponer c\u00f3digo tambi\u00e9n, estamos abiertos a moderar c\u00f3digo de que, bueno, hayas visto cosas que puedas que veas t\u00fa que sean necesarias y nada pues lo iremos integrando poco a poco, o sea que este es el principio, no el final. \u00bfY las conclusiones que hemos sacado de todo esto? Bueno, que todos hemos aprendido cosas nuevas. Yo, por ejemplo, haciendo c\u00f3digo pues compartiendo me he dado cuenta de que, por ejemplo, no sab\u00eda scrapear, pues para coger ciertos valores de mitas para mostrarlo pues los asistentes que han estado en ese lugar o por ejemplo cu\u00e1ntos miembros hay dentro de una comunidad pues parec\u00eda muy interesante y de ah\u00ed se ha desarrollado ese tema es decir yo como yo aprend\u00ed much\u00edsimo y adem\u00e1s dar visibilidad y llevar la programaci\u00f3n a otros contextos llevar la programaci\u00f3n al sof\u00e1 de tu casa no te conectas a tu itch a trav\u00e9s de tu televisi\u00f3n a trav\u00e9s de tu m\u00f3vil y est\u00e1s viendo como una persona programa, llevarlo a esos sitios. Y bueno, el compartir te hace crecer como un profesional, no s\u00f3lo compartiendo lo que t\u00fa sabes y las personas que est\u00e1n contigo tambi\u00e9n comparten, pues al final aprendes como lo hacen otros y compartir siempre te va a ayudar a saber c\u00f3mo hacerte crecer como un profesional, o sea que aprendas mucho m\u00e1s de lo que t\u00fa aporta. Y por supuesto est\u00e1 la satisfacci\u00f3n de haber hecho algo en com\u00fan, algo entre varias personas que bueno, pues ten\u00e9is un peque\u00f1o proyecto que entre todos lo hab\u00e9is podido sacar adelante. Y con esto nos vamos a despedir. Os damos las gracias por estar aqu\u00ed. Esperamos que pas\u00e9is un genial d\u00eda en la World Camp Centroam\u00e9rica y que todo vaya genial y que colabor\u00e9is con este plugin. S\u00ed, esperamos en este plugin. Muchas gracias tambi\u00e9n de mi parte y nada pues nos vemos tambi\u00e9n en los contributos que estaremos por aqu\u00ed tambi\u00e9n y bueno cualquier duda o cualquier cosa ya sabiendo de contarnos. Un saludo y que vaya todo genial. Un saludo, muchas gracias. [M\u00fasica]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En la pasada WordCamp, Fran y yo, contamos nuestra experiencia de desarrollar un plugin para la comunidad de WordPress, en vivo, a trav\u00e9s de una plataforma de streaming, de modo que los espectadores participan en el proceso de creaci\u00f3n a &#8230; <a title=\"WordCamp Centro Am\u00e9rica: Desarrollando un plugin de WordPress en vivo\" class=\"read-more\" href=\"https:\/\/davidperezgar.com\/en\/blog\/talks\/wordcamp-centro-america-desarrollando-un-plugin-de-wordpress-en-vivo\/\" aria-label=\"Read more about WordCamp Centro Am\u00e9rica: Desarrollando un plugin de WordPress en vivo\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":2942,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","inline_featured_image":false,"webmentions_disabled":false,"footnotes":""},"categories":[169],"tags":[],"class_list":["post-2936","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-talks","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50"],"_links":{"self":[{"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/posts\/2936","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/comments?post=2936"}],"version-history":[{"count":0,"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/posts\/2936\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/media\/2942"}],"wp:attachment":[{"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/media?parent=2936"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/categories?post=2936"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/davidperezgar.com\/en\/wp-json\/wp\/v2\/tags?post=2936"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}