{"id":966,"date":"2024-12-18T16:19:24","date_gmt":"2024-12-18T16:19:24","guid":{"rendered":"https:\/\/amoved.es\/?post_type=case-study&#038;p=966"},"modified":"2026-04-30T11:02:52","modified_gmt":"2026-04-30T11:02:52","slug":"aplicacion-web-fuhem","status":"publish","type":"case-study","link":"https:\/\/amoved.es\/en\/caso-de-estudio\/aplicacion-web-fuhem\/","title":{"rendered":"Aplicaci\u00f3n web Fuhem"},"content":{"rendered":"\n<div class=\"wp-block-group wp-user-block-awt-case-study-summary is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:55%\">\n<h5 class=\"wp-block-awt-rich-text has-persian-green-color has-text-color has-x-small-font-size\"><strong>RESUMEN DEL PROYECTO<\/strong><\/h5>\n\n\n\n<p class=\"has-davys-grey-color has-text-color has-medium-font-size\">Desarrollo y despliegue de PROECOS, una aplicaci\u00f3n web de software libre, dise\u00f1ada a medida para facilitar la creaci\u00f3n de programaciones anuales con enfoque ecosocial conforme a la normativa educativa vigente.<br><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:45%\">\n<h5 class=\"wp-block-awt-rich-text has-persian-green-color has-text-color has-x-small-font-size\"><strong>CARACTER\u00cdSTICAS<\/strong><\/h5>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<p class=\"has-small-font-size\">Organizaci\u00f3n<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p><strong>Fuhem<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<p class=\"has-small-font-size\">\u00c1rea<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p><strong>Educaci\u00f3n ecosocial<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<p class=\"has-small-font-size\">Servicio(s)<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p><strong>Acompa\u00f1amietno, Desarrollo aplicaci\u00f3n web, Mantenimiento Formaci\u00f3n y Documentaci\u00f3n<\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:55%\">\n<h5 class=\"wp-block-awt-rich-text has-persian-green-color has-text-color has-x-small-font-size\"><strong>RESULTADOS<\/strong><\/h5>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Optimizaci\u00f3n <\/strong>del proceso de creaci\u00f3n de programaciones anuales<\/li>\n\n\n\n<li><strong>Reducci\u00f3n <\/strong>del esfuerzo administrativo<\/li>\n\n\n\n<li><strong>Herramienta accesible<\/strong> para los centros educativos y en tres idiomas (espa\u00f1ol, catal\u00e1n y euskera)<\/li>\n\n\n\n<li>Fomento del <strong>uso cr\u00edtico<\/strong> de la tecnolog\u00eda mediante el software libre<\/li>\n\n\n\n<li><strong>Buena valoraci\u00f3n<\/strong> por parte de los usuarios, con planes de expansi\u00f3n a otras \u00e1reas y materias<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:45%\">\n<h5 class=\"wp-block-awt-rich-text has-persian-green-color has-text-color has-x-small-font-size\"><strong>TECNOLOG\u00cdAS LIBRES EMPLEADAS<\/strong><\/h5>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<p class=\"has-small-font-size\">Lenguaje<\/p>\n\n\n\n<p class=\"has-small-font-size\">Librer\u00eda principal<\/p>\n\n\n\n<p class=\"has-small-font-size\">Framework<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<p><strong>Javascript<\/strong><\/p>\n\n\n\n<p><strong>Vue.js<\/strong><\/p>\n\n\n\n<p><strong>Nuxt.js<\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-awt-rich-text separator\"><strong>PROECOS, software libre al servicio de la educaci\u00f3n ecosocial<\/strong><br><\/h2>\n\n\n\n<p class=\"has-davys-grey-color has-text-color has-small-font-size\"><a href=\"https:\/\/www.fuhem.es\/fuhem\/\" data-type=\"link\" data-id=\"https:\/\/www.fuhem.es\/fuhem\/\">FUHEM<\/a> es una entidad sin \u00e1nimo de lucro dedicada transformar la sociedad desde una perspectiva ecosocial. Gestiona cuatro centros y apoya a docentes de toda Espa\u00f1a en la integraci\u00f3n de este enfoque en su pr\u00e1ctica pedag\u00f3gica. <strong>Uno de los mayores desaf\u00edos <\/strong>para el profesorado es la elaboraci\u00f3n de <strong>programaciones anuales <\/strong>ajustadas al lenguaje y formato de la normativa educativa vigente, un proceso que suele resultar largo y complejo.<\/p>\n\n\n\n<p class=\"has-davys-grey-color has-text-color has-small-font-size\">Para responder a esta necesidad, apoyamos a FUHEM mediante la creaci\u00f3n de <a href=\"https:\/\/www.fuhem.es\/proecos-programacion-ecosocial\/\"><strong>PROECOS<\/strong><\/a>, una <strong>aplicaci\u00f3n web de software libre<\/strong> <a href=\"https:\/\/amoved.es\/hacemos\/#desarrollo\"><strong>dise\u00f1ada a medida<\/strong><\/a>. Trabajamos de forma colaborativa para desarrollar una soluci\u00f3n tecnol\u00f3gica que mejora la planificaci\u00f3n educativa y asegura la calidad pedag\u00f3gica desde una perspectiva ecosocial, promoviendo un <strong>uso cr\u00edtico de la tecnolog\u00eda digital<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-awt-rich-text separator\"><strong>Desarrollos libres frente a la inteligencia artificial&nbsp;<\/strong><br><\/h2>\n\n\n\n<p class=\"has-davys-grey-color has-text-color has-small-font-size\">Con la entrada en vigor de <a href=\"https:\/\/educagob.educacionfpydeportes.gob.es\/lomloe\/ley.html\">una nueva ley educativa<\/a> en 2020, FUHEM vio la necesidad de reforzar su apoyo a los docentes para cumplir con los nuevos requisitos administrativos potenciando la dimensi\u00f3n ecosocial ya presente en la ley. Una de las herramientas que cre\u00f3 fue<strong> un manua<\/strong>l para la creaci\u00f3n de programaciones anuales, pero el proceso resultaba demasiado laborioso y poco pr\u00e1ctico.<\/p>\n\n\n\n<p class=\"has-davys-grey-color has-text-color has-small-font-size\">\u00ab<strong>No quer\u00edamos una inteligencia artificial que \u2018escupiera\u2019 las programaciones<\/strong>, sino una soluci\u00f3n tecnol\u00f3gica que promoviera una reflexi\u00f3n profunda por parte del profesorado a la hora de elaborar su programaci\u00f3n, asegurando as\u00ed la calidad educativa\u00bb, nos cuenta Luis Gonz\u00e1lez Reyes, responsable de FUHEM Educaci\u00f3n Ecosocial, en una conversaci\u00f3n de revisi\u00f3n del proyecto.<br><\/p>\n\n\n\n<p class=\"has-davys-grey-color has-text-color has-small-font-size\">Frente a la opci\u00f3n de la IA, se plantearon <strong>transformar el manual en una<\/strong> <strong>aplicaci\u00f3n web <\/strong>que facilitara el proceso paso a paso y liberara tiempo para otras tareas, sin poner en riesgo la calidad y creatividad educativa. Desde el inicio, FUHEM ten\u00eda claro algunos elementos clave de la herramienta. Pero<strong> convertir una idea en una soluci\u00f3n digital pr\u00e1ctica y accesible requiere experiencia en dise\u00f1o, usabilidad y desarrollo digital<\/strong>. Por eso, decidieron buscar un proveedor tecnol\u00f3gico que ofreciese tanto la capacidad t\u00e9cnica como un alineamiento en valores.<br><\/p>\n\n\n\n<p class=\"has-davys-grey-color has-text-color has-small-font-size\">FUHEM se acerc\u00f3 a nosotros a trav\u00e9s del <a href=\"https:\/\/mercadosocial.net\/\">Mercado Social<\/a>, una red de la econom\u00eda social y solidaria. Optaron por colaborar con amoved gracias a las <a href=\"https:\/\/amoved.es\/#proyectos\">buenas referencias que hab\u00edamos recibido en proyectos anteriores<\/a>. Los primeros pasos que dimos desde amoved fueron <strong>escuchar sus necesidades<\/strong>, aterrizar una propuesta t\u00e9cnica que integrase los <strong>beneficios y el uso pr\u00e1ctico del software libre<\/strong> en su proyecto.<br><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-uagb-image alignleft uagb-block-582842e9 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-left\"><figure class=\"wp-block-uagb-image__figure\"><img decoding=\"async\" srcset=\"https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/webapp-5-figma-1.png ,https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/webapp-5-figma-1.png 780w, https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/webapp-5-figma-1.png 360w\" sizes=\"auto, (max-width: 480px) 150px\" src=\"https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/webapp-5-figma-1.png\" alt=\"\" class=\"uag-image-989\" width=\"1920\" height=\"932\" title=\"webapp-5-figma\" loading=\"lazy\" role=\"img\"\/><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-awt-rich-text separator\"><strong>De la idea a la pr\u00e1ctica: dise\u00f1ando PROECOS junto a FUHEM<\/strong><\/h2>\n\n\n\n<p>Con la propuesta t\u00e9cnica definida, iniciamos un proceso de desarrollo en cuatro fases:<br><\/p>\n\n\n\n<p><strong>1. Dise\u00f1o de la herramienta y sus interfaces de usuario<\/strong>: tras las reuniones iniciales para definir el alcance del proyecto, Elena y Carlos, dise\u00f1adora y desarrollador respectivamente de amoved, crearon prototipos en Figma. Estos borradores permitieron a FUHEM visualizar c\u00f3mo ser\u00eda la interfaz final de la herramienta.<br><\/p>\n\n\n\n<p><strong>2. Preparaci\u00f3n del entorno de desarrollo<\/strong>: configuramos el espacio donde se desarrollar\u00eda y probar\u00eda la herramienta, permitiendo a FUHEM seguir el proceso y participar activamente desde las primeras pruebas.<br><\/p>\n\n\n\n<p><strong>3. Desarrollo y pruebas<\/strong>: trabajamos en periodos de dos semanas, al final de los cuales presentamos los avances. El equipo de FUHEM realiz\u00f3 pruebas internas de la herramienta, identificando errores o mejoras que corregimos de inmediato.<br><\/p>\n\n\n\n<p><strong>4. Documentaci\u00f3n y formaci\u00f3n<\/strong>: una vez finalizada la etapa de desarrollo, elaboramos una documentaci\u00f3n t\u00e9cnica y manuales de usuario para que Fuhem pudiera utilizar la herramienta de forma independiente. Tambi\u00e9n grabamos un video tutorial detallado para guiar a los nuevos usuarios.<br><\/p>\n\n\n\n<p>Como nos coment\u00f3 Luis, <strong>\u00abel trabajo fue un proceso vivo en el que, a medida que avanz\u00e1bamos, surg\u00edan nuevas ideas fruto de la reflexi\u00f3n conjunta y el trabajo colaborativo\u00bb<\/strong>.<br><\/p>\n\n\n\n<p>Desde amoved, tuvimos diversos desaf\u00edos t\u00e9cnicos que resolvimos con recursos colectivos, como comunidades de c\u00f3digo abierto y plataformas como <a href=\"https:\/\/stackoverflow.com\/\">StackOverflow<\/a>. Este es un <strong>enfoque propio del software libre<\/strong> que nos permite no solo adaptar la herramienta a las necesidades del cliente, sino tambi\u00e9n <strong>contribuir al procom\u00fan digital<\/strong> con cada proyecto que hacemos. De hecho, todo el c\u00f3digo de este proyecto est\u00e1 abierto y se puede encontrar en <a href=\"https:\/\/framagit.org\/amoved\/hepe\">Framagit<\/a>.&nbsp;<br><\/p>\n\n\n\n<p>Finalmente, para garantizar la sostenibilidad de la herramienta, acordamos un <strong>servicio de mantenimiento t\u00e9cnico<\/strong> que le ofrece a FUHEM un soporte continuo.<br><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"943\" src=\"https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/webapp-1-saberes-1024x943.png\" alt=\"Pantallazo de la aplicaci\u00f3n web de construcci\u00f3n de curr\u00edculos para Fuhem\" class=\"wp-image-986\" srcset=\"https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/webapp-1-saberes-1024x943.png 1024w, https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/webapp-1-saberes-300x276.png 300w, https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/webapp-1-saberes-768x708.png 768w, https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/webapp-1-saberes.png 1449w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"759\" src=\"https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/webapp-3-descarga-1024x759.png\" alt=\"Pantallazo de la aplicaci\u00f3n web de construcci\u00f3n de curr\u00edculos para Fuhem\" class=\"wp-image-990\" srcset=\"https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/webapp-3-descarga-1024x759.png 1024w, https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/webapp-3-descarga-300x222.png 300w, https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/webapp-3-descarga-768x569.png 768w, https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/webapp-3-descarga.png 1449w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-awt-rich-text separator\"><strong>El valor de una aplicaci\u00f3n web creada de forma artesanal<\/strong><\/h2>\n\n\n\n<p>A trav\u00e9s de un trabajo colaborativo, dimos vida a <a href=\"https:\/\/www.fuhem.es\/product\/proecos-programacion-ecosocial\/\"><strong>PROECOS<\/strong><\/a>, una herramienta \u00abcreada a mano\u00bb y desde cero, dise\u00f1ada espec\u00edficamente para docentes que trabajan desde una perspectiva ecosocial y necesitan apoyo para elaborar su programaci\u00f3n anual conforme a los requisitos de la ley educativa.<\/p>\n\n\n\n<p>Entre<strong> los principales resultados <\/strong>de este proyecto, queremos destacar:<br><\/p>\n\n\n\n<p>&#8211; <strong>Mejora de la eficiencia<\/strong>: la herramienta digital agiliza significativamente el proceso de creaci\u00f3n de programaciones anuales y permite al profesorado centrarse en aspectos pedag\u00f3gicos en lugar de en tareas administrativas.<\/p>\n\n\n\n<p>&#8211; <strong>Uso cr\u00edtico de la tecnolog\u00eda digital<\/strong>: PROECOS se desarroll\u00f3 utilizando software libre y herramientas de c\u00f3digo abierto, tecnolog\u00edas alineadas con valores ecosociales. Este enfoque reduce la dependencia de soluciones comerciales, promueve la soberan\u00eda tecnol\u00f3gica y contribuye al procom\u00fan digital.<br><\/p>\n\n\n\n<p>&#8211; <strong>Mayor alcance e impacto<\/strong>: la aplicaci\u00f3n web es de acceso econ\u00f3mico (10 euros), requiere mucho menos esfuerzo por parte del profesorado que el manual y permite a FUHEM apoyar la adopci\u00f3n de una educaci\u00f3n ecosocial en distintos centros de Espa\u00f1a. Adem\u00e1s, la herramienta est\u00e1 disponible en castellano, catal\u00e1n y euskera.<br><\/p>\n\n\n\n<p>Hasta ahora,<strong> el profesorado que la ha usado<\/strong> <strong>ha valorado positivamente<\/strong> la herramienta, por lo que la entidad se plantea expandir su uso a otras materias y \u00e1reas el pr\u00f3ximo a\u00f1o.<\/p>\n\n\n\n<p>Desde amoved, estamos muy contentos de haber apoyado a FUHEM a mejorar la implementaci\u00f3n de su modelo educativo ecosocial, simplificando la labor docente. La herramienta ya ha tenido eco en <a href=\"https:\/\/www.mercadosocial.madrid\/fuhem-lanza-la-primera-herramienta-para-realizar-la-programacion-completa-del-curso-escolar-con-enfoque-ecosocial\/\">las redes Mercado Social de Madrid<\/a>, del que hacemos parte, y <a href=\"https:\/\/www.miteco.gob.es\/es\/ceneam\/recursos\/materiales\/proecos--programacion-ecosocial.html\">la ofrece el Ministerio de Transici\u00f3n Ecol\u00f3gica<\/a>.<br><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Desarrollamos una herramienta web para facilitar al profesorado la incorporaci\u00f3n del curriculum ecosocial de Fuhem<\/p>\n","protected":false},"featured_media":987,"menu_order":0,"template":"","categories":[],"class_list":["post-966","case-study","type-case-study","status-publish","has-post-thumbnail","hentry"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/Proecos.png",1529,812,false],"thumbnail":["https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/Proecos-150x150.png",150,150,true],"medium":["https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/Proecos-300x159.png",300,159,true],"medium_large":["https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/Proecos-768x408.png",768,408,true],"large":["https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/Proecos-1024x544.png",1024,544,true],"1536x1536":["https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/Proecos.png",1529,812,false],"2048x2048":["https:\/\/amoved.es\/wp-content\/uploads\/2024\/12\/Proecos.png",1529,812,false]},"uagb_author_info":{"display_name":"amoved","author_link":"https:\/\/amoved.es\/en\/author\/"},"uagb_comment_info":0,"uagb_excerpt":"Desarrollamos una herramienta web para facilitar al profesorado la incorporaci\u00f3n del curriculum ecosocial de Fuhem","_links":{"self":[{"href":"https:\/\/amoved.es\/en\/wp-json\/wp\/v2\/case-study\/966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/amoved.es\/en\/wp-json\/wp\/v2\/case-study"}],"about":[{"href":"https:\/\/amoved.es\/en\/wp-json\/wp\/v2\/types\/case-study"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/amoved.es\/en\/wp-json\/wp\/v2\/media\/987"}],"wp:attachment":[{"href":"https:\/\/amoved.es\/en\/wp-json\/wp\/v2\/media?parent=966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/amoved.es\/en\/wp-json\/wp\/v2\/categories?post=966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}