{"id":5406,"date":"2021-04-06T10:55:59","date_gmt":"2021-04-06T08:55:59","guid":{"rendered":"https:\/\/politecnics.barcelona\/una-web-para-las-protectoras-de-animales\/"},"modified":"2023-01-27T10:54:55","modified_gmt":"2023-01-27T09:54:55","slug":"una-web-para-las-protectoras-de-animales","status":"publish","type":"post","link":"https:\/\/politecnics.barcelona\/es\/una-web-para-las-protectoras-de-animales\/","title":{"rendered":"Una web para las protectoras de animales"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1248px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-three\"><h3 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:30;line-height:1.2;\">Los estudiantes de inform\u00e1tica desarrollan un proyecto para la Sociedad Protectora de Animales de Matar\u00f3.<\/h3><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_2 1_2 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-image-element \" style=\"--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img decoding=\"async\" width=\"500\" height=\"500\" title=\"blog-protectora-mataro\" src=\"https:\/\/politecnics.barcelona\/wp-content\/uploads\/blog-protectora-mataro.jpg\" alt class=\"img-responsive wp-image-5274\" srcset=\"https:\/\/politecnics.barcelona\/wp-content\/uploads\/blog-protectora-mataro-200x200.jpg 200w, https:\/\/politecnics.barcelona\/wp-content\/uploads\/blog-protectora-mataro-400x400.jpg 400w, https:\/\/politecnics.barcelona\/wp-content\/uploads\/blog-protectora-mataro.jpg 500w\" sizes=\"(max-width: 800px) 100vw, 500px\" \/><\/span><\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion_builder_column_1_2 1_2 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1\"><div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-ff510f4\" data-id=\"ff510f4\" data-element_type=\"column\">\n<div class=\"elementor-column-wrap elementor-element-populated\">\n<div class=\"elementor-widget-wrap\">\n<div class=\"elementor-element elementor-element-e4a5a4a elementor-widget elementor-widget-text-editor\" data-id=\"e4a5a4a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n<div class=\"elementor-widget-container\">\n<div class=\"elementor-text-editor elementor-clearfix\">\n<p>Las <b>protectoras de animales<\/b> necesitan donaciones. Ya sea de <b>dinero<\/b> , <b>comida<\/b> o <b>material<\/b> para poder hacerse cargo de todos los perros y gatos que lleguen a sus instalaciones. Para ello es necesario contar con una <b>buena p\u00e1gina web<\/b> . Aparte de un sistema que permita <b>gestionar las donaciones<\/b> y <b>adopciones<\/b> de animales.<\/p>\n<p>\u00c9sta fue la necesidad que la <b>Sociedad Protectora de Animales de Matar\u00f3 <a href=\"https:\/\/www.protectoramataro.org\/es\/adopta\" target=\"_blank\" rel=\"noopener\">(SPAM)<\/a><\/b> plante\u00f3 a nuestros alumnos de inform\u00e1tica. Para que desarrollaran un proyecto en el marco de la metodolog\u00eda de aprendizaje basado en proyectos <a href=\"https:\/\/politecnics.barcelona\/es\/proyecto-educativo-de-centro\/\" target=\"_blank\" rel=\"noopener\">(ABP)<\/a> .<\/p>\n<p>Mediante el <b>ABP<\/b> , el alumnado trabaja <b>proyectos para empresas e instituciones<\/b> . Los desarrolla trabajando en equipo y por fases, tal y como lo har\u00eda en una organizaci\u00f3n empresarial del mundo real.<\/p>\n<p>En el caso de la SPAM de Matar\u00f3, los estudiantes del ciclo formativo de grado superior de Desarrollo de Aplicaciones Web <a href=\"https:\/\/politecnics.barcelona\/es\/formacion-profesional\/grado-superior-desarrollo-aplicaciones-web\/\" target=\"_blank\" rel=\"noopener\">(DAW)<\/a> se encargaron de <b>dise\u00f1ar y desarrollar una web<\/b> para gestionar las donaciones de la protectora.<\/p>\n<p>En concreto, deb\u00edan dise\u00f1ar una <b>web de informaci\u00f3n y consulta<\/b> para los usuarios que, a su vez, contara con un <b>gestor interno<\/b> para que los miembros y voluntarios del SPAM puedan controlar las donaciones que recibe la entidad.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion_builder_column_1_2 1_2 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-four\"><h4 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:25;--minFontSize:25;line-height:1.2;\"><strong>Aprendizaje basado en proyectos (ABP)<\/strong><\/h4><\/div><div class=\"fusion-separator\" style=\"align-self: flex-start;margin-right:auto;margin-bottom:10px;width:100%;max-width:24px;\"><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;border-color:#0089ff;border-top-width:1px;\"><\/div><\/div>\n\n<div class=\"fusion-text fusion-text-2\"><p><b>Esther Galdeano<\/b> es una de las alumnas de <b>DAW<\/b> que ha participado en este proyecto ABP.<\/p>\n<p>Antes de este ciclo Esther havia cursado el grado de <b>Desarrollo de Aplicaciones Multiplataforma <a href=\"https:\/\/politecnics.barcelona\/es\/formacion-profesional\/grado-superior-desarrollo-aplicaciones-multiplataforma\/\" target=\"_blank\" rel=\"noopener\">(DAM)<\/a><\/b>, basado en la metodolog\u00eda pedag\u00f3gica tradicional. Tal y como ella misma explica: \u00abCon <b>ABP<\/b> no hay color: aprendes mucho m\u00e1s, es <b>m\u00e1s din\u00e1mico<\/b> y hay un <b>nivel m\u00e1s alto<\/b> \u00ab.<\/p>\n<p>Con el m\u00e9todo de ABP han podido <b>trabajar todo el proceso de dise\u00f1o y creaci\u00f3n de la web<\/b> como un aut\u00e9ntico proyecto profesional.<\/p>\n<p>Para este proyecto tuvieron una <b>reuni\u00f3n inicial con representantes de la SPAM<\/b> que les explicaron qui\u00e9nes son, en qu\u00e9 consiste su trabajo y qu\u00e9 necesidades tienen.<\/p>\n<p>A partir de ah\u00ed, el alumnado recibi\u00f3 una serie de <b>directrices<\/b> para el proyecto de web. Desarrollado a lo largo de un trimestre. Los alumnos se organizan en <b>grupos<\/b> de 3 o 4 alumnos y se repartieron las tareas como si fueran una <b>peque\u00f1a empresa<\/b> .<\/p>\n<p>El grupo de Esther cre\u00f3 una p\u00e1gina web con una <b>parte p\u00fablica<\/b> para divulgar <b>informaci\u00f3n sobre la protectora y las diferentes formas de ayudar<\/b> . Adem\u00e1s incorporaron una secci\u00f3n para mostrar el estado de las donaciones y otra con retos para los usuarios.<\/p>\n<p>Por otro lado, tambi\u00e9n crearon una <b>parte privada<\/b> para uso interno, centrada en la <b>gesti\u00f3n de las donaciones<\/b> , donantes y datos y estad\u00edsticas que se muestran en la parte p\u00fablica.<\/p>\n<p>Adem\u00e1s de la p\u00e1gina web, la protectora buscaba un <b><i>&#8216;rebranding&#8217;<\/i><\/b> para dar una <b>nueva imagen a la entidad<\/b> . Por eso el grupo de Esther elabor\u00f3 un manual de identidad corporativa, una propuesta de nuevo logo, redes sociales y <i>merchandising<\/i> con la nueva marca.<\/p>\n<p>\u00abEl <b>nuevo logo<\/b> representa una <b>donaci\u00f3n a un animal<\/b> de la protectora\u00bb, explica Galeano. La imagen no define el objeto de la donaci\u00f3n, ya que la SPAM puede recibir desde <b>dinero<\/b> hasta <b>juguetes<\/b> , <b>comida<\/b> o incluso el trabajo de los <b>voluntarios<\/b> .<\/p>\n<\/div><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_2 1_2 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:50%;--awb-margin-top-large:0px;--awb-spacing-right-large:3.84%;--awb-margin-bottom-large:20px;--awb-spacing-left-large:3.84%;--awb-width-medium:50%;--awb-order-medium:0;--awb-spacing-right-medium:3.84%;--awb-spacing-left-medium:3.84%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-image-element \" style=\"--awb-margin-top:20px;--awb-margin-bottom:30px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-2 hover-type-none fusion-animated\" data-animationType=\"fadeIn\" data-animationDuration=\"0.3\" data-animationOffset=\"top-into-view\"><img decoding=\"async\" width=\"673\" height=\"500\" title=\"blog-protectora-presentacio\" src=\"https:\/\/politecnics.barcelona\/wp-content\/uploads\/blog-protectora-presentacio.jpg\" alt class=\"img-responsive wp-image-5275\" srcset=\"https:\/\/politecnics.barcelona\/wp-content\/uploads\/blog-protectora-presentacio-200x149.jpg 200w, https:\/\/politecnics.barcelona\/wp-content\/uploads\/blog-protectora-presentacio-400x297.jpg 400w, https:\/\/politecnics.barcelona\/wp-content\/uploads\/blog-protectora-presentacio-600x446.jpg 600w, https:\/\/politecnics.barcelona\/wp-content\/uploads\/blog-protectora-presentacio.jpg 673w\" sizes=\"(max-width: 800px) 100vw, 600px\" \/><\/span><\/div><div class=\"fusion-title title fusion-title-3 fusion-sep-none fusion-title-text fusion-title-size-four\"><h4 class=\"fusion-title-heading title-heading-left fusion-responsive-typography-calculated\" style=\"margin:0;--fontSize:25;--minFontSize:25;line-height:1.2;\"><strong>Presentaci\u00f3n p\u00fablica del proyecto<\/strong><\/h4><\/div><div class=\"fusion-separator\" style=\"align-self: flex-start;margin-right:auto;margin-bottom:10px;width:100%;max-width:24px;\"><div class=\"fusion-separator-border sep-single sep-solid\" style=\"--awb-height:20px;--awb-amount:20px;border-color:#0089ff;border-top-width:1px;\"><\/div><\/div>\n\n<div class=\"fusion-text fusion-text-3\"><p>Como es habitual en los <b>proyectos ABP<\/b> , todos los grupos pudieron presentar su proyecto en un acto. Representantes de la SPAM asistieron a la presentaci\u00f3n y pudieron dar su opini\u00f3n y realizar aportaciones sobre todas las propuestas.<\/p>\n<p>\u00abFue una experiencia incre\u00edble para m\u00ed. Nunca hab\u00eda sido capaz de hablar delante de tanta gente y gracias al <b>apoyo y consejos de los profesores<\/b> pude ver que hablar en p\u00fablico puede incluso ser divertido\u00bb, explica Esther.<\/p>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":5273,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[70,66],"tags":[],"_links":{"self":[{"href":"https:\/\/politecnics.barcelona\/es\/wp-json\/wp\/v2\/posts\/5406"}],"collection":[{"href":"https:\/\/politecnics.barcelona\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/politecnics.barcelona\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/politecnics.barcelona\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/politecnics.barcelona\/es\/wp-json\/wp\/v2\/comments?post=5406"}],"version-history":[{"count":15,"href":"https:\/\/politecnics.barcelona\/es\/wp-json\/wp\/v2\/posts\/5406\/revisions"}],"predecessor-version":[{"id":7203,"href":"https:\/\/politecnics.barcelona\/es\/wp-json\/wp\/v2\/posts\/5406\/revisions\/7203"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/politecnics.barcelona\/es\/wp-json\/wp\/v2\/media\/5273"}],"wp:attachment":[{"href":"https:\/\/politecnics.barcelona\/es\/wp-json\/wp\/v2\/media?parent=5406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/politecnics.barcelona\/es\/wp-json\/wp\/v2\/categories?post=5406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/politecnics.barcelona\/es\/wp-json\/wp\/v2\/tags?post=5406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}