Creación de un porfolio online del grupo de investigación Envejecimiento neuronal

UNIVERSIDAD DE SEVILLA Facultad de Farmacia DISEÑO DE UN PORFOLIO ONLINE DEL GRUPO DE INVESTIGACIÓN “ENVEJECIMIENTO NEURONAL” Héctor Parra Aguado UNIVERSIDAD DE SEVILLA Facultad de Farmacia TRABAJO FIN DE GRADO Grado en Farmacia CREACIÓN DE UN PORFOLIO ONLINE DEL GRUPO DE INVESTIGACIÓN “ENVEJECIMIENTO NEURONAL” TFG Bibliográfico Autor: Héctor Parra Aguado Departamento: Bioquímica y Bilogía Molecular Tutor: Manuel Sarmiento Soto Curso 2023 / 2024 RESUMEN Las vías tradicionalmente empleadas para realizar divulgaciones científicas se han visto desplazadas por el ininterrumpido avance del ciberespacio. Existe un fuerte incremento de aquellos grupos de investigación que requieren de sus propios alojamientos web con los presentarse tanto a la comunidad científica como a la sociedad en general. Uno de los beneficios de la profesionalización de este tipo de medios de divulgación es que alguien con perfil científico, por ejemplo, investigadores o farmacéuticos, no centren su atención en esta cuestión y puedan delegar dichas funciones en terceros en vez de tener que atenderla personalmente. Este trabajo fin de grado, se centra en la realización y modelización de un porfolio online para el grupo de investigación “Envejecimiento Neuronal”. Es importante resaltar que, gracias a este trabajo, el grupo de investigación comenzó un proceso de renovación, empezando por el cambio, próximamente, del nombre del grupo a “Neuroinflamación y Enfermedades Cerebrales”. En el trabajo se proporciona un análisis donde se argumentan los motivos para realizarlo en la web, se comparan los recursos disponibles, los procedimientos técnicos que se han implementado y una explicación detallada de la evolución del porfolio hasta su finalización. Con toda la información, se pretende concienciar de la importancia de transmitir los resultados, obtenidos mediante fondos públicos en su gran mayoría, mediante la explicación detallada de uno de los métodos existentes más influyentes. El diseño y contenido debe ser relevante y de calidad para lograr el objetivo principal: conseguir que aquellos que accedan al portal diseñado consulten toda la información publicada. En resumen, el porfolio integra funciones para facilitar la colaboración e intercambio de información. Aprovechando las tecnologías online y el diseño centrado en el usuario, se consigue mejorar la comunicación, la coordinación, la racionalización y el fomento de la innovación. Palabras clave: divulgación científica, porfolio online, neuroinflamación, diseño centrado en el usuario y comunicación. ABSTRACT The traditional avenues for scientific dissemination have been overshadowed by the relentless progress of cyberspace. There is a significant increase in research groups requiring their own web platforms to present themselves both to the scientific community and the general public. One of the benefits of professionalizing these dissemination platforms is that individuals with scientific profiles, such as researchers or pharmacists, can delegate these functions to third parties rather than attending to them personally. This thesis focuses on the creation and modelling of an online portfolio for the research group "Neuronal Aging." It is important to highlight that, thanks to this work, the research group initiated a renewal process, beginning with changing its name to "Neuroinflammation and Brain Diseases." The thesis provides an analysis explaining the reasons for implementing the portfolio on the web, comparing available resources, detailing the technical procedures implemented, and offering a comprehensive explanation of the portfolio's evolution until its completion. The goal is to emphasize the importance of conveying results, mostly obtained through public funding, by detailing one of the most influential existing methods. The design and content must be relevant and of high quality to achieve the primary objective: ensuring that those who access the designed portal review all published information. In summary, the portfolio integrates functions to facilitate collaboration and information exchange. By leveraging online technologies and user-centred design, it enhances communication, coordination, streamlining, and the promotion of innovation. Keywords: scientific dissemination, online portfolio, neuroinflammation, user-centred design and research communication. ÍNDICE 1. INTRODUCCIÓN .................................................................................................. 1 2. MARCO TEÓRICO ............................................................................................... 4 2.1 Importancia de la divulgación científica ....................................................... 4 2.2 Redes sociales: Twitter e Instagram; intereses y actualidad .......................... 6 2.3 Porfolio ........................................................................................................... 10 2.4 Características y elementos de un porfolio online......................................... 11 3. MARCO TEÓRICO DEL PORFOLIO ONLINE ............................................ 15 3.1 Selección de plataformas y herramientas ..................................................... 15 3.2 Estructura y navegación ................................................................................ 16 4. OBJETIVOS ......................................................................................................... 19 5. METODOLOGÍA ................................................................................................. 19 6. RESULTADOS ..................................................................................................... 21 6.1 Diseño del porfolio online ............................................................................. 21 6.2 Desarrollo del porfolio online ....................................................................... 23 6.3 Implementación de funcionalidades específicas .......................................... 29 7. DISCUSIÓN .......................................................................................................... 32 8. CONCLUSIONES ................................................................................................ 34 9. BIBLIOGRAFÍA .................................................................................................. 37 1 1. INTRODUCCIÓN Interés personal y motivación del trabajo Este trabajo de investigación asignado tiene origen en torno a dos agentes, el qué y el cómo. En primer lugar, el qué, la creación del primer porfolio online del grupo de investigación “Envejecimiento Neuronal”. Es un área de trabajo desconocida y comúnmente ignorada por un estudiante de farmacia, lo cual resulta ser desconcertante en esa búsqueda inicial. En cuanto al cómo, el descubrimiento y aprendizaje del uso de herramientas virtuales (un sistema de gestión de contenidos o CMS), con el fin de diseñar un primer portal web. Ofrece a los usuarios una interfaz gráfica que facilita la gestión de un sitio web sin la necesidad de codificarlo desde el principio (Bustos, G. 2023). Cómo fuente singular de la inquietud que compete al trabajo, se toma la idea propuesta por José Antonio Martin Rodríguez donde explicaba la importancia de formular una vía digital con la que exhibir tu marca personal de cara al mundo laboral. Así se inició una investigación exhaustiva sobre los diversos métodos existentes para formular un porfolio digital, el esbozo de una vía de divulgación del trabajo del grupo de investigación, sencilla y de fácil acceso para aquellos usuarios que no estén habituados al uso de páginas web de instituciones científicas oficiales. Contexto institucional El grupo de investigación “Envejecimiento Neuronal” está consolidado como uno de los principales grupos de investigación en el área de neurociencias del Instituto de Biomedicina de Sevilla (IBiS). Suma un total de 18 investigadores, siendo así el tercer grupo de investigación de esta área con más científicos en su plantilla. A pesar de ser grupo IBiS, tienen su sede en la Facultad de Farmacia de la Universidad de Sevilla y está adscrito al departamento de ‘Biología y Bioquímica Molecular’. Contexto histórico El grupo de investigación cuenta con numerosos artículos en revistas internacionales, publicaciones en libros de investigación y proyectos realizados. 2 Tras una búsqueda en Pubmed, el grupo ha publicado más de 100 investigaciones, datándose la última del pasado mes de Abril: ‘Galectin-3 depletion tames pro-tumoural microglia and restrains cancer cells growth (Rivera-Ramos A et al., 2024). Contexto teórico Este grupo de investigación se centra en analizar los mecanismos celulares y moleculares que provocan la muerte de células neuronales, las cuales están relacionadas con enfermedades neurodegenerativas. Los intereses científicos del grupo se centran actualmente en profundizar e investigar las funciones pleiotrópicas de la microglía durante el desarrollo, la neurodegeneración y el glioblastoma/metástasis cerebral. Debido a ello, han formado las siguientes líneas de investigación: • Función de la galectina-3 en la regulación de la respuesta inmune cerebral asociada a enfermedades neurodegenerativas: enfermedad de Alzheimer, enfermedad de Parkinson, demencia frontotemporal, etcétera. • Función de la galectina-3 en la activación de la microglía asociada al cáncer cerebral (glioblastoma/metástasis cerebral): desarrollo de nuevas estrategias de inmunoterapia del cáncer. • Funciones no apoptóticas de las caspasas asesinas (caspasa 3, 7 y 8) en la regulación del sistema inmune innato y su implicación en enfermedades neurodegenerativas. • Exploración de subpoblaciones microgliales como dianas terapéuticas para enfermedades neurodegenerativas y del neurodesarrollo. Contexto práctico y justificación de la creación del porfolio Todos los grupos de investigación del Instituto de Biomedicina de Sevilla, así como sus investigadores, divulgan y dan a conocer los resultados de sus investigaciones a través de medios oficiales e institucionales, y sus respectivos canales de comunicación, cómo son el IBIS, el Consejo Superior de Investigaciones Científicas (CSIC) o la Universidad de Sevilla. Sin embargo, no es común la autoría ni propiedad de un portal de control propio con el que poder hacer eco de su trabajo. 3 Por este motivo y debido a la necesidad de los grupos de investigación de hacer llegar su trabajo a otro perfil de usuarios que no están familiarizados con la esfera investigadora ni científica, escogí este tema dentro los propuestos por los docentes de la Facultad de Farmacia. Junto con mi tutor Manuel Sarmiento Soto, hemos decidido diseñar un porfolio online o portal web para el grupo de investigación “Envejecimiento Neuronal”. Con la creación y elaboración inicial de este porfolio online se proporcionará una plataforma accesible que permitirá a todos los usuarios conocer e informarse sobre toda la actividad profesional del grupo de investigación, así como información detallada y actualizada tanto de los investigadores como de las publicaciones más recientes, proyectos en curso, áreas de interés, junto con acceso directo a las instituciones oficiales y otros grupos de investigación con los que colabora el grupo. De esta forma, se intentará impulsar el alcance y la visibilidad, convirtiéndose así en un importante recurso informativo para nuevos asociados, demostrando su compromiso con la transparencia, comunicación y divulgación científica La hipótesis preliminar concibe que, será posible potenciar al grupo de investigación con un porfolio bien formulado, diseñado y actualizado ya que la presencia en línea posibilita su promoción a un público más general y a una audiencia más amplia. 4 2. MARCO TEÓRICO 2.1 Importancia de la divulgación científica La divulgación científica implica “acercar la ciencia al público general no especializado; abarca todas las actividades de explicación y difusión de los conocimientos, la cultura y el pensamiento en el ámbito científico y técnico” (Fundora y García, 2011). Asimismo, Seguí Simarro la define como “la transmisión de ideas, hipótesis, teorías, conceptos, y en general cualquier actividad científica a la sociedad, utilizando los recursos y lenguajes adecuados para que ésta los pueda comprender y asimilar” (Seguí Simarro et.al, 2015). Hay varias motivaciones que pueden llevar a un investigador a difundir su conocimiento. Entre ellas, se encuentra el deseo de compartir con la "comunidad científica" información que enriquezca y amplíe la comprensión en un área específica de investigación, ofrecer una revisión de un campo de estudio, resumir un tema en particular, presentar resultados o métodos nuevos y originales, o reflexionar sobre hallazgos previamente publicados (Rivas Torres, 2017). Es un elemento crítico en la transmisión del conocimiento y un paso necesario para garantizar que los usuarios y receptores finales de dicha información adopten y apliquen las conclusiones de las investigaciones (Turon, et al. 2023). Para llevar a cabo este propósito, los medios de comunicación tienen un rol muy relevante, tanto los denominados medios especializados como los generalistas pues tienen la responsabilidad y deber de contar los avances científicos de manera veraz. La importancia y presencia de la divulgación científica ha incrementado en los últimos años. Los científicos y expertos explican su labor utilizando diversos métodos que cuentan con sus propias reglas y dinámicas. No obstante, la ciencia y sus métodos de difusión deben asegurar estándares de calidad y veracidad (ISCIII, 2020). Socialmente, el éxito de la comunicación de los científicos depende de su conciencia del papel que su trabajo desempeña en el discurso público. Si los científicos quieren ser eficaces en su comunicación, deben entender y abordar las perspectivas de los grupos de interés, los responsables políticos, las empresas y otros actores en los debates sobre las decisiones que requieren conocimientos científicos (Fischhoff, 2013). El debate sobre el modelo de publicaciones y revistas científicas, el movimiento de 'Acceso Abierto' (Open Access) para hacer la información científica más accesible, y la 11 Bullock y Hawk (citado en Doval, 2005) afirman que un portafolio se caracteriza por cuatro componentes fundamentales: debe tener un objetivo claro, se elabora con un propósito específico, incluye una colección de trabajos realizados y contiene reflexiones y comentarios críticos personales sobre esos trabajos. Estos autores dividen los portafolios en tres categorías: - Portafolio de procesos (Process Porfolio): esta modalidad se materializa en un documento que detalla una serie de acciones planificadas para alcanzar metas previamente establecidas. - Portafolio de productos (Product Porfolio): para analizar los resultados de una acción o acciones académicas. Se busca un análisis global teniendo en cuenta unos objetivos antes que los resultados. - Portafolio de muestras (Showcase Porfolio): recogen los mejores resultados de un proceso. Presentan los trabajos o logros más representativos y las fotografías más destacadas. Además, este tipo de portafolio de muestras puede incluir elementos que ejemplifiquen el trabajo de un profesional específico. 2.4 Características y elementos de un porfolio online Un sitio web debe contener cinco elementos principales para lograr un mayor alcance y usabilidad: diseño, funcionalidad, características, SEO y experiencia del usuario. Antes de comenzar es necesario diferenciar un blog de un porfolio. El primero se centra en publicar contenido acerca de un tema específico, mientras que el segundo se enfoca en mostrar el trabajo del autor/es relativo a temas de investigación. • Diseño Es vital atraer rápidamente la atención visual de los usuarios porque juzgan la capacidad operativa del porfolio según la primera impresión. Esta primera impresión se establece pasados 50 milisegundos y es un factor determinante a la hora de establecer una reacción positiva (Lindegaard et al., 2006). La estética de la página principal que examina el usuario y el juicio sobre su credibilidad determina si continúa navegando o cambia de sitio web. Los autores Rieh y Danielson acuñaron el término “efecto de mejora”, el cual hace referencia a cuando se muestra el mismo contenido a los usuarios utilizando diferentes niveles estéticos. Se considera que la página con una estética superior tiene mayor credibilidad (Rieh y Danielson, 2006). 12 Por ello es imprescindible prestar una singular atención a la hora de diseñar el porfolio. La gente piensa en lo que está mirando (Ehmke y Wilson, 2007) y se ven influenciados por el estilo, localización y orden de los componentes (Djamasbi et al., 2007). A la hora de realizar un diseño para una página web hay determinados elementos que deben considerarse. En primer lugar, hay que determinar los colores a utilizar ya que crean interés visual y transmiten emociones, según la teoría básica del color. En segundo lugar, hay que hacer uso de tipos de letras adecuados utilizando fuentes seguras de manera que se pueda crear una jerarquía visual clara (Wang, 2022). Finalmente, hay que evaluar la accesibilidad web. Se puede optimizar agregando un texto alternativo a las imágenes y subtítulos a los vídeos y audios utilizados, creando una estructura de encabezados adecuada y probando la accesibilidad con herramientas de evaluación. • Funcionalidad La funcionalidad de una página web incluye las capacidades que posee para cumplir sus propósitos: la navegación sencilla, presentación de un contenido de calidad, interacción con el usuario, velocidad de carga, información de contacto clara, enlaces a redes sociales, etcétera. La funcionalidad y su consecuente facilidad de uso es esencial para la supervivencia de una página web ya que a partir del análisis de los inconvenientes que surgen mientras el usuario navega, se pueden buscar soluciones de rediseño para mejorar dicha funcionalidad (Pérez Subirats, 2003). • Contenido En concordancia con Diego, V todo sitio web debe contener las siguientes características principales con el fin de mejorar su usabilidad (Diego, 2023): el título debe ser claro y notable, que explique de qué trata el porfolio y que capte la atención de los usuarios para que sigan navegando; las páginas secundarias son donde se expone el contenido de la página web. El menú tiene facilitar la navegación; los botones CTA (llamada a la acción) animan a los usuarios a realizar acciones específicas, por ejemplo, ‘leer más contenido’, ‘descubrir más información’ o ‘compartir en redes sociales’. Es fundamental que el contenido sea claro y, a ser posible, conciso. Las reseñas o formularios ofrecen garantías y credibilidad al establecer un medio con el que integrar e 13 interaccionar a los usuarios con el sitio web. Las imágenes y vídeos proporcionan información adicional y son de utilidad a la hora de romper el texto. Un navego fácil y una rápida velocidad de carga optimizarán el diseño responsivo según el dispositivo. Hay que estructurar los datos, presentar un contenido actualizado y relevante, seguir los protocolos de seguridad y optimizarla en los motores de búsqueda. Finalmente, el contenido visual ha de ser atractivo y mantener la participación de los usuarios. • Search Engine Optimization (SEO) El SEO engloba un conjunto de procedimientos y técnicas dedicadas a analizar las características que permiten posicionar una página web en un lugar destacado entre los resultados de un motor de búsqueda, con el fin de lograr la máxima visibilidad en Internet (Codina, 2007). Para diseñar un portal web compatible con los posicionamientos es importante identificar las palabras clave, realizar la optimización técnica para ser indexado en los motores de búsqueda (incluye que sea apta para dispositivos móviles, cargue rápidamente y no tenga enlaces rotos, entre otras características), optimizar el contenido para facilitar el rastreo y crear backlinks (retro enlaces) de calidad (hiper enlaces que conectan sitios web). Existen dos tipos de criterios que influyen el SEO: internos y externos. Los criterios internos hacen referencia al contenido del porfolio: frecuencia absoluta de las palabras claves, ubicación (mejor en el título que en el texto) y variedad. Y los factores externos son: número de visitas y páginas visitadas por cada usuario, calidad de enlaces recibidos (enlaces que acceden a tu porfolio desde páginas web externas, siendo los procedentes de páginas personales de menor calidad) y texto de los enlaces (Codina, 2007). Haciendo una búsqueda muy específica en los buscadores sería posible encontrar el porfolio. Ahora bien, el objetivo ideal es que sea una de las primeras páginas mostrada en los resultados. Para mejorar el posicionamiento se pueden utilizar plugins, siendo los más utilizados Rankmath y YoastSeo. Para hacer la configuración inicial se usará Rankmath porque tiene más opciones de configuración en la versión gratuita que YoastSeo. En cada página a posicionar, Rankmath muestra una analítica SEO junto con las características fundamentales que se deben incluir en los snippets (extractos de información que aparecen en las páginas de resultados de los motores de búsqueda), 14 como, por ejemplo: añadir palabras clave en el título y descripción SEO, incluir las palabras clave en el contenido e incluirlas en los encabezados. • Experiencia del usuario (UX) El término fue acuñado por Donald Norman y definió el diseño de la experiencia del usuario como la elaboración de una experiencia fluida a lo largo del recorrido del usuario por la página web al interactuar con ella (Norman y Nielsen, 1998). El objetivo es diseñar un producto que se ajuste a las necesidades de los usuarios, aporte una experiencia generalmente agradable al navegar y resuelva las inquietudes de los usuarios al acceder al portal web. Un ejemplo idóneo con un excelente diseño UX es Amazon, ya que facilita la búsqueda de productos y guía a los clientes en el proceso de compra sencillamente. El diseño de la experiencia de usuario, como indica Herrera 2023, consta de cuatro disciplinas principales: estrategia de experiencia (ExS), diseño de interacción (IxD. Implementar una interfaz intuitiva que permita completar tareas eficientemente), investigación de usuarios (UR. Acto realizado para comprender sus preferencias) y arquitectura de la información (AI. Estructura de la información). 15 3. MARCO TEÓRICO DEL PORFOLIO ONLINE 3.1 Selección de plataformas y herramientas Existen dos vías para diseñar un porfolio online. La primera es a través del conocimiento de lenguajes de programación, tales como: JavaScript, PHP, HTML (Hyper Text Markup Language), SQL (Structured Query Languaje) o Python entre otros. Un lenguaje de programación es una herramienta que permite traducir un algoritmo a un lenguaje comprensible por el ordenador (Desongles et al., 2006). De esta forma es posible codificar un proceso en un formato o lenguaje procesable por un ordenador, es decir, programar. Realizar un portal web escribiendo código requiere de unos conocimientos avanzados y detallados de la materia, por lo tanto, procederé según la segunda vía. Esta alternativa consiste en el uso de un CMS (Sistema de Gestión de Contenidos). Es una aplicación de software que se ejecuta en un navegador y proporciona a los usuarios una interfaz gráfica permitiéndoles crear y administrar un sitio web sin la necesidad de codificarlo (Pérez- Montoro, 2006). De acuerdo con el portal web W3Techs (plataforma proveedora de información relativa al uso de tecnología en la web), las tres plataformas más populares para diseñar un porfolio digital son WordPress, Shopify y Wix, siendo el primero el que presenta mayor porcentaje de uso y mayor crecimiento (W3Techs, 2024). Shopify es una empresa que permite el desarrollo de páginas web centradas en el comercio electrónico. Por este motivo no será objeto de análisis. Figura 6: Uso de sistemas de gestión de contenidos. Fuente: W3Techs, 2024. Wix es un creador de sitios web y ofrece diversas herramientas para crearlas mediante el uso de un editor visual. Por el contrario, WordPress es un sistema de gestión de contenidos, de manera que permite crear y administrar bibliotecas de contenido, además para desarrollar páginas web. 16 En primer lugar, WordPress es utilizado por el 43.3 % de las páginas web, con una cuota de mercado del 62.8 %. Mientras que Wix solo lo usan el 2,6% de los portales web y su cuota de mercado es del 3,8 % (W3Techs, 2024). La cuota de mercado representa el porcentaje de las ventas totales de una empresa determinada sobre el total de ventas del mercado en el que opera. En segundo lugar, hay que analizar las funcionalidades que presentan ambas plataformas y los valores que aportan al desarrollador. Funcionalidad WordPress Wix Facilidad de uso - + Administración del sitio + - Rendimiento + - Seguridad ± ± Personalización + - Precio ± ± Soporte ± ± SEO + - Tabla 2: Comparativa entre WordPress y Wix (Elaboración propia con Gustavo, 2023) Para este trabajo hago uso de WordPress con objeto de llevar a cabo el desarrollo inicial del porfolio online. Cabe explicar que existen dos versiones de WordPress; WordPress.org y WordPress.com. La primera es una versión de código abierto que se puede instalar en cualquier hosting o alojamiento y el diseñador es el propietario. La versión .com es una preinstalada operado por Automatic (empresa de desarrollo web) lo que significa que el diseñador no es completamente propietario del sitio web al no ser gestionado por él (Pérez, 2022). La versión .org presenta mayores prestaciones y posibilidades de diseño. Como consecuencia, será esta versión la utilizada para desarrollar inicialmente el porfolio. 3.2 Estructura y navegación Diseñar la estructura y navegación de un porfolio online implica crear una experiencia intuitiva y atractiva para los usuarios, facilitando el acceso al contenido y fomentar la exploración de la información. Con el fin de alcanzar estos objetivos, es ventajoso implementar los siguientes aspectos claves en la estrategia de diseño: 17 3.2.1 Identificación de la audiencia objetivo y objetivos del porfolio El porfolio está principalmente destinado a un público que tenga inquietud e interés en conocer y ampliar conocimientos acerca de enfermedades neurodegenerativas. Es importante destacar que no se requiere un conocimiento específico previo sobre la materia ya que el objetivo es facilitar el acceso a las investigaciones del grupo explicadas y razonadas de acuerdo con un público general a través de un sitio web sencillo de utilizar. Como público no especializado se incluye todo tipo de perfiles estudiantiles, docentes, académicos o profesionales del sector que deseen consultar acerca del grupo de investigación al ser una fuente de acceso a evaluaciones, análisis, publicaciones y proyectos científicos publicados directamente por sus autores. 3.2.2 Estructura La estructura será establecida siguiendo un orden jerárquico para organizar el contenido de forma lógica con un fácil acceso. En base a otros porfolios de diversos grupos de investigación analizados, tales como el del investigador Michael Heneka, Pau Carazo o Miguel Huertos; la estructura comúnmente utilizada se divide en tres secciones: página de inicio, proyectos de investigación o publicaciones y miembros o equipo de trabajo. Esta estructura se adaptará a las necesidades y características del grupo de investigación “Envejecimiento Neuronal”. Aparte de las recién mencionadas, podemos encontrar otras secciones adicionales: acerca del grupo, eventos, noticias, colaboraciones o recursos. 3.2.3 Navegación Debe ser fácil y sencilla. Para ello resulta imprescindible incluir un menú de navegación claro, visible y correctamente estructurado en cada página del porfolio. El uso de breadcrumbs (migas de pan) también es una óptima herramienta para mejorar la navegación al permitir a los usuarios “saltar” de un lugar a otro dentro del porfolio y es de ayuda para guiar a aquellos usuarios que hayan accedido desde un lugar externo. 3.2.4 Contenido de calidad El contenido tiene que ser original, claro y resumido, sin limitar la explicación de los conceptos claves ni usar tecnicismos complejos. Con objeto de aportar un contenido de mayor calidad y más atractivo, se puede hacer uso de medios visuales y multimedia. Este último punto es importante. Existen principios guías para utilizar elementos visuales en el diseño de un portal web, tales como los resumidos por Qing et al. 2024: los 18 elementos visuales deben ser capaces de atraer la atención del usuario y deben ajustarse a los hábitos de lectura del usuario, el contenido de la página web necesita ser entendido por el espectador y diseñar servicios de lectura personalizados permite a los usuarios navegar según sus necesidades. Los estudiantes son el grupo poblacional que consideran que los elementos visuales e interactivos que los hagan partícipes son lo más importante en una página web. Entre ellos destacan desde las encuestas o cuestionarios, formularios de contacto, sección de comentarios hasta las redes sociales (Qing et al., 2024). La información principal contenida en el porfolio será proporcionada, en mayor medida, por el propio grupo de investigación al constituir una fuente de información primaria. Para completar el contenido, se investigarán los artículos publicados por el grupo en bases de datos científicas tales como PubMed o Scopus. 3.2.5 Optimización para dispositivos móviles y actualización Algunas funciones o elementos de un porfolio que son compatibles con un ordenador pueden no serlo con un dispositivo móvil o Tablet. Por ello, todo lo incluido tiene que ser optimizado para su correcta visualización en estos dispositivos. En WordPress es posible configurar el porfolio de acuerdo con las especificaciones de cada dispositivo. 19 4. OBJETIVOS Objetivo principal La principal finalidad de este trabajo fin de grado es realizar una investigación sobre los diversos medios existentes para el desarrollo de un porfolio online para el grupo de investigación “Envejecimiento Neuronal”. Se analizan las características técnicas que debe contener un sitio web, así como los elementos y funcionalidades que debe incluir para optimizar la navegación del usuario, los puntos fuertes y débiles de los principales métodos para desarrollar un portal web y una revisión y selección del contenido a incluir en el porfolio. Objetivo secundario Justificar cuáles son las redes sociales más pertinentes para comenzar a sentar las bases del desarrollo de perfiles de divulgación, propios del grupo de investigación y que sirvan de apoyo para comenzar a difundir la creación del porfolio online. Este trabajo se afronta como un complemento y continuación de esta línea de trabajo comenzada por los investigadores del grupo de manera individual, basada en la idea de diseñar un medio independiente donde dar más a conocer sus publicaciones. 5. METODOLOGÍA Ante la presencia de un tema de investigación personalmente desconocido hasta el momento, surge la necesidad de realizar una búsqueda de información fehaciente ante la posibilidad de remitirme a fuentes de fiabilidad cuestionable. Al ser un trabajo práctico, además de bibliográfico, he fomentado el trabajo autónomo como mecanismo de avance, para documentar gráficamente el progreso del proyecto. Con el propósito de recabar información he consultado y analizado diversas fuentes de información. En mayor medida artículos científicos, bases de datos y portales de búsqueda en internet. En primer lugar, comenzó la estrategia de búsqueda bibliográfica enfocada a investigar conceptos generales: definiciones, cómo elaborar un porfolio online y cuáles eran los beneficios de diseñarlo relativos a la divulgación científica. Al adquirir una primera visión del tema, se procedió a desarrollar las cuestiones mencionadas haciendo uso de los 20 artículos obtenidos en las bases referenciales MEDLINE (mediante PUBMED) y Scopus (base de datos vinculada a Elsevier). Para ello, se consultaron los resultados de acuerdo con las palabras clave de búsqueda, tales como: science comunication, social media in science, visual elements in webpages, science and technology, user experience, etcétera. Se llevaron a cabo búsquedas exhaustivas en todos los campos de los registros de la base de datos para asegurar la mayor sensibilidad en la identificación de los artículos. La selección se desarrolló en dos etapas: primero se realizó una preselección basada en los títulos y/o resúmenes de los artículos, seguida de una revisión completa de los textos. Se seleccionaron aquellos artículos mejor valorados y no se establecieron límites por idioma ni fecha de publicación. Se descartaron aquellos que no estuviesen directamente relacionados con la investigación ni con el objetivo del proyecto. Se revisaron los artículos con el propósito de encontrar referencias a otros artículos relevantes que no se habían recuperado en la búsqueda inicial. En segundo lugar, se realizó una búsqueda bibliográfica para estructurar, establecer un método o guía para la elaboración del porfolio, seleccionar la plataforma para llevar a cabo su desarrollo y determinar parte de su contenido a través de los buscadores web. Se debe a que las bases de datos consultadas previamente no disponían de toda la información requerida para desarrollar estas cuestiones. Para ello, se hizo uso de la información disponible en portales autorizados y expertos de la materia. Entre las páginas consultadas destacan Google Académico y Hostinger. Al igual que en la búsqueda previa, se comprobó que el contenido de las páginas web consultadas contuviese palabras clave para filtrar el contenido y asegurar su veracidad. Algunas de ellas fueron: plataformas de desarrollo web, experiencia de usuario, dominio, hosting, funcionalidad, navegación, SEO, usabilidad, certificados de seguridad, etcétera. Para recabar información acerca del grupo de investigación, se realizó una búsqueda en los portales web de las instituciones oficiales con las que están vinculados: Universidad de Sevilla, Facultad de Farmacia de Sevilla e Instituto de Biomedicina de Sevilla. Por último, cabe destacar que la mayoría de las fotografías e imágenes incluidas en la memoria de la investigación son de elaboración propia (al ser del porfolio desarrollado) y las que están presentes en el porfolio han sido aportadas, en mayor medida, por el docente supervisor del proyecto, Manuel Sarmiento Soto. 27 Un elemento de gran utilidad son las métricas (Wireframes→Metrics). Incluir métricas demuestra y cuantifica el impacto de tu trabajo, evalúan objetivamente el progreso a lo largo del tiempo y muestra la capacidad para utilizar herramientas de seguimiento y análisis. La finalidad de las métricas es incrementar la credibilidad del porfolio de cara a los usuarios. Algunas de las métricas que se pueden incluir son el número de publicaciones realizadas por el grupo, las líneas de investigación que hay actualmente activas o el número de colaboradores con los que trabaja el equipo de investigación. • Página de líneas de investigación Esta sección tiene carácter puramente informativo ya que, si el usuario accede, es debido a que su atención ha sido captada desde la página principal y ha seguido las migas de pan. Por ello, presenta un diseño simple. Cuenta con una descripción general de las líneas de investigación, similar a la de la página principal, y un acceso directo a cada una de las páginas individuales de las mismas. Figura 11: Líneas de investigación. Fuente: Elaboración propia. • Página de publicaciones En esta sección solo se incluyen publicaciones porque nuevamente es una página informativa y no requiere más elementos adicionales. Incluye un título H1, migas de pan y las publicaciones están ordenadas cronológicamente en orden descendente desde 2024 hasta 2002. Es la sección más extensa porque contiene la información más relevante: el objetivo del porfolio se logra si el usuario explora el contenido de esta página. Las publicaciones realizadas por el grupo de investigación a incluir en el porfolio se obtienen de las páginas de investigación y bases de datos oficiales. Entre las que se incluyen: página web del Instituto de Biomedicina de Sevilla, PubMed, Elsevier y Prisma. 28 Figura 12: Página de publicaciones. Fuente: Elaboración propia. • Página de contacto Es importante proporcionar a los usuarios un área dentro del porfolio con la que puedan involucrarse y ser partícipes del progreso. Para ello se incluye una página de contacto; móvil, correo electrónico y localización. Es de gran utilidad a la hora de gestionar el tiempo ya que posibilita la dirección de consultas hacia información relevante y evitar confusiones. Hay dos elementos opcionales de gran interés a la hora de establecer una conexión con el usuario. El primero es una sección de preguntas frecuentes (con Stackable: Wireframe→FAQ). Ayuda a mejorar la experiencia del usuario porque al encontrar respuestas rápidas a preguntas específicas, se incrementan las probabilidades de que continúen navegando. Con objeto de destacar tus fortalezas, añadir preguntas sobre tus campos de especialización ayuda a resaltar aspectos claves de tu trabajo. El segundo elemento es un formulario de contacto que facilite la identificación del usuario y le permita dejar un comentario o una cuestión que desee resolver. Con objeto de realizar dicha tarea, se puede utilizar el plugin WPForms. Es un maquetador de formularios de contacto, comentarios, suscripción o de pago entre otros. Los formularios creados con este plugin son adaptables, aptos para dispositivos móviles y están optimizados para potenciar las funciones de posicionamiento web. • Noticias Es una sección donde se publican entradas o artículos y permite escribir contenido actualizado y adicional al principal, mostrando de esta manera seriedad y crédito. Además, ayuda a posicionar el porfolio en los buscadores de una manera más sencilla al ser más sencillo posicionar una entrada que todo el porfolio (Arreguin, 2024). 29 Para aplicarlo hay que configurar que la página de entradas por defecto sea la página de blog (se puede cambiar el nombre, por ejemplo, noticias). La idea inicial es que estén dispuestas en tres columnas, mostrando como máximo diez entradas por página. Cada tarjeta (previsualización de la entrada) cuenta con una imagen destacada, título, extracto de la entrada y fecha de publicación. 6.3 Implementación de funcionalidades específicas • Disposición de bloques y volver al inicio Todo el contenido del porfolio ha de presentar una estructura uniforme. Los tamaños de los bloques de edición disponen de una alineación completa, mientras que el contenido está alineado al centro. Así, se observa una disposición cuadriculada según dos líneas imaginarias verticales: la del logotipo y el icono de búsqueda. Del mismo modo, se ha agregado un botón de volver al inicio de la página (en cada una de ellas) con objeto de facilitar y mejorar la navegación. • Página de búsqueda Añadir el icono de búsqueda permite facilitar y acelerar la navegación. Esto causa que automáticamente se genere una página de búsqueda adicional como consecuencia de un rastreo. La configuración de dicha página es sencilla: se mostrarán los resultados de búsqueda en orden cronológico descendente • Colores Para determinar la identidad de un sitio web los colores son importantes. Se necesitan como mínimo dos colores, uno principal y otro secundario. En el desarrollo de sitios web, los colores se representan de forma hexadecimal al componerse de seis dígitos alfanuméricos, es decir, la escala HEX (Lilley et al., 2024). Así es como los leen los lenguajes de programación. Como ejemplo, el blanco y el negro se leen como 000000 y FFFFFF, respectivamente. los colores primarios se leen: amarillo=FFFF00, rojo=FF000 y azul=0000FF. • Tipografía El tipo de letra y fuente a utilizar debe ser uniforme en todo el contenido. Con el fin de seleccionar la más idónea, es posible visualizar todas las tipografías con una herramienta tal como Google Fonts (es en la que se basa Blocksy para editar las fuentes). 30 En países de la unión europea el uso de una fuente de Google Fonts está sujeto a las regulaciones establecidas por el Reglamento General de Protección de Datos (GDPR) relativas a la protección de datos personales (Birsak, 2023). Por ello hay que hacer uso del plugin Local Google Fonts para cumplir con el reglamento. • Optimizar imágenes Las imágenes del porfolio online incluidas en la memoria son de elaboración propia y las utilizadas para elaborar el porfolio son propiedad del grupo de investigación. Para mejorar el rendimiento del porfolio, las imágenes se pueden optimizar, es decir, reducir el tamaño de una imagen para reducir los tiempos de carga. Hay que tener presente que al optimizar una imagen se perderá algo de calidad. Por este motivo, todas las imágenes han sido optimizadas gracias al uso del plugin Shortpixel. Actúa como compresor de imágenes redimensionando y optimizándolas automáticamente. • Aviso de privacidad Los avisos de privacidad son requisitos fundamentales y tiene un carácter más importante todavía cuando se solicitan datos personales como el correo electrónico o número de teléfono. Es un documento que informa a los visitantes de un portal web cómo se recopilan, se utilizan y se protegen sus datos personales (AEPD, 2023). Al agregar un formulario de contacto es imprescindible. Para realizar un borrador se puede hacer uso de una herramienta proporcionada por Markethax (plataforma de desarrollo web). • Search Engine Optimization Las bases de datos recopilan, almacenan información acerca de las plataformas web (URL, palabras clave, contenidos, estructuras, links incluidos, etcétera.) y las indexan en los motores de búsqueda. Cuando un usuario hace una búsqueda, generalmente solo evalúan las cinco primeras páginas de resultados, por ello hay que optimizar el portal web para moverlo hasta los primeros resultados (Yalçın y Köse, 2010). En esto es en lo que consiste el SEO (Search Engine Optimization), término introducido anteriormente. Para optimizar el SEO, la herramienta Google Search Console permite dar de alta el porfolio y consultar sus analíticas: página más consultada, periodos de tiempo, clics, impresiones, etcétera. La importancia radica en que, al vincular el porfolio, Google recibe la notificación de que ya está preparado para ser indexado. 31 • Mantenimiento Todas las páginas web requieren un mantenimiento periódico. Este comienza por tener siempre actualizado tanto la versión de WordPress como los plugins por seguridad, ya que la mayoría de las infiltraciones se deben a faltas de actualizaciones en las herramientas. Las actualizaciones pueden automatizarse, aunque durante la elaboración del porfolio, ha habido que hacerlas manualmente. Con objeto de mejorar la seguridad, el plugin WpCerber permite proteger el porfolio de entradas no deseadas y del spam. Es necesario realizar copias de seguridad para poder restaurar la última versión funcional en caso de que la web migre a otro servidor o haya problemas con su funcionamiento (Arreguin, 2021). Para realizar copias de seguridad se ha utilizado el plugin UpDraft Backup al permitir guardarlas en un almacenamiento externo, como Google Drive. • Dominio y hosting El dominio es la dirección que necesita el navegador para dirigirte a un sitio web (Brandolini y González, 2009). Existen diferentes tipos de dominio dependiendo su alcance y finalidad: .es o .it son dominios nacionales, .com es internacional, .org son organizaciones sociales y .net son servicios relacionados con internet. Encontramos además dominios de menor nivel parecidos al genérico que incluyen el nacional: .com.es. Por otro lado, el hosting es el espacio físico (ubicación en un servidor) que una empresa ofrece a un moderador para que aloje y almacene los datos de su página web de manera que esté en línea continuamente (Brandolini y González, 2009). A la hora de contratar ambos servicios hay que analizar el tipo de portal web diseñado, mantenimiento necesario, rendimiento, certificados de seguridad y velocidad de carga principalmente. 32 7. DISCUSIÓN El uso de los recursos en línea como medio de divulgación científica ostentan cada vez un papel más decisivo (Briceño, 2012). Se trata de una cuestión en auge que debe ser explotada por todos aquellos investigadores científicos, independientemente de su relación con instituciones oficiales. La naturaleza de los sitios web difiere de los medios tradicionales al posibilitar la colaboración conjunta de los usuarios en la divulgación científica. Así, los investigadores, estudiantes, docentes y demás usuarios, se convierten en ‘prosumidores’ (término acuñado por Alvin Toffer en su libro La tercera Ola, 1981 para hacer referencia al consumidor que además lleva a cabo actividades de productor) (Múnera y Marín, 2014). Debido a ello surge la obligatoriedad de desarrollar un porfolio online relativo al grupo de investigación. El porfolio online desarrollado incluye secciones personalizadas para publicaciones y perfiles de investigadores. Cada publicación está etiquetada, facilitando la búsqueda y el filtrado de información. Un desafío importante fue la integración de los plugins con el tema seleccionado, resolviéndolo mediante configuraciones específicas. Estos resultados coinciden con investigaciones previas que muestran que los portafolios online pueden mejorar la visibilidad y la accesibilidad de los grupos de investigación (Doval, 2005). La elección de WordPress se demostró adecuada debido a su flexibilidad y extensibilidad. La búsqueda bibliográfica ha sido amplia y no se ha limitado por año de publicación ni tipo de estudio, dado que la finalidad era ser sensible. Posiblemente por este motivo, el número de artículos seleccionados finalmente se restringió. Estos artículos pasaron por una primera fase de selección que comprendía la lectura del título y del resumen, siendo el principal motivo de exclusión al no abordar el objeto de investigación del trabajo. El porfolio no solo beneficia al grupo en términos de visibilidad, sino que también facilita la gestión interna de publicaciones y proyectos. Con la creciente digitalización, estas plataformas se están convirtiendo en una herramienta esencial para la colaboración y difusión del conocimiento. Esto hecho concuerda con lo establecido por Enrique José ‘los soportes digitales han buscado acercar la ciencia al público con las herramientas del presente y captar la atención del público gracias a atractivas presentaciones’ (Diaz, 2004). 33 El porfolio desarrollado se puede comparar con los realizados por otros investigadores que tienen el mismo propósito y lo han diseñado siguiendo un modelo similar. Por ejemplo: Pau Carazo, Miguel Huertos y Álvaro San Millán. Los dos primeros se hicieron también con WordPress y el tercero con Wix (Huertos, 2022). En comparación podemos encontrar similitudes y diferencias. El contenido de los cuatro porfolios está estructurado de forma similar al contar con una página principal, otra de equipo, publicaciones y de contacto. El diseño es una característica que varía significativamente. En los citados, el diseño está enfocado a mostrar el contenido de forma informativa, mientras que en el desarrollado en este trabajo está además centrado en hacer partícipe a todos los usuarios. Por última, es importante poner en contexto la naturaleza extraordinaria de este tipo de trabajo final de grado. La norma se basa en el desarrollo de un ensayo sobre un tema relacionado generalmente con algún campo en el que el tutor o la tutora esté involucrado o sea de su interés científico. Sin embargo, con el advenimiento de las nuevas tecnologías de inteligencia artificial, estos trabajos están adquiriendo un cariz menos exigente desde el punto de vista de esfuerzo y lectura para los estudiantes. Herramientas como Chatgpt 4.0, Perplexity, Rayyan o Research Rabbit, tienen la suficiente capacidad como para elaborar la memoria en cuestión de días. Sin embargo, la creación de una página web para un alumno con nula experiencia en ingeniería informática o diseño web ha resultado ser todo un reto intelectual. Desde las tutorías en las que se hablaba de los temas de investigación, el funcionamiento de un grupo de laboratorio, hasta las herramientas online para el diseño de la página, ha abierto un nuevo y completo campo en mi formación como farmacéutico. 34 8. CONCLUSIONES Introducirse en la comunicación de las investigaciones de grupos de investigación supone asumir el obstáculo de encontrar o no información al respecto. Es por ello por lo que este trabajo tiene entre otros designios formar una base para futuros proyectos fin de grado que estén relacionados con este tema. 1. La investigación, que se ha adentrado en comprender cómo es, cómo se diseña, cómo se proyecta un porfolio online y su importancia en la divulgación de contenido científico, nos ha permitido llegar a la palmaria conclusión de que los medios de comunicación web son los que, hoy en día, tienen mayor alcance y difusión. 2. Como resultado de ello y en concordancia con el análisis realizado en esta investigación, he cumplido con el objetivo principal: desarrollar el porfolio inicial del grupo de investigación “Envejecimiento Neuronal”. Incluyendo los elementos característicos que debe contener, así como funcionalidades adicionales que tienen como propósito mejorar su uso y navegación. 3. Emplear WordPress y sus herramientas permite proyectar un porfolio más completo con todos los elementos característicos del mismo, sencilla e intuitivamente. 4. El diseño, funcionalidad y experiencia de usuario son los aspectos más determinantes al desarrollar un portal web. La estructura más empleada se compone de una página de inicio que debe sorprender a los visitantes, página de publicaciones e investigaciones donde radica el contenido más relevante, y por último una página dedicada a los miembros del equipo y una de contacto. 5. El contenido debe ser de calidad y riguroso científicamente. Es imperativo que se muestre de tal forma que sirva de solución a un problema o mejore una situación ya existente. De esta manera, y en vez de simplemente mostrarlo, el mensaje llegará a más usuarios y será mejor divulgado. 35 Limitaciones A pesar de haber cumplido con el objetivo, he encontrado dos tipos de limitaciones durante su desarrollo; las relacionadas con el desarrollo web del porfolio y aquellas vinculadas a la búsqueda bibliográfica. Las asociadas al porfolio han sido problemas técnicos, el mantenimiento y la adquisición de un plan de alojamiento. En ocasiones he encontrado con una serie de dificultades a causa del mal funcionamiento de XAMPP que han retrasado el desarrollo del porfolio debido a que solucionarlos ha sido una tarea técnica y compleja al no poseer inicialmente los conocimientos necesarios para resolverlos sin demora. Seguidamente, mantener un porfolio actualizado (elementos y contenido) requiere de mínimo, una revisión semanal constante. Sin embargo, desde su finalización hasta día de hoy, no se ha podido realizar eficazmente al no disponer de los recursos necesarios. Finalmente, han surgido contratiempos que, a fecha de la publicación de esta memoria, han menoscabado el acceso al alojamiento web causando que el porfolio no esté todavía disponible para todos los usuarios. Entre ellos destacan: decidir cuál se ajusta mejor a las características y necesidades del porfolio, y la indecisión de los responsables del grupo de investigación para adquirir el alojamiento. La búsqueda de literatura en medios científicos ha resultado ser un arduo cometido. Se ha identificado toda aquella bibliografía afín al objetivo y disponible tanto en portales oficiales y bases de datos (Pubmed, Scopus, Universidad de Sevilla, etcétera) como en buscadores, como se planteó en la metodología a seguir. Todas ellas son coherentes y consistentes, relevantes, y rigurosas científicamente. Además, ha habido que hacer uso de otras fuentes fuera de las bases de datos científicas. Han resultado ser vitales ya que eran completas, actuales y publicadas por profesionales del sector relativo a la investigación de este proyecto: crear un porfolio online. Todo ello, a pesar de no ser las fuentes comúnmente utilizadas por un alumno de farmacia. Perspectivas futuras En último término, existen perspectivas futuras a cumplimentar. Primeramente, hay que ultimar la publicación del porfolio para dar acceso a todos los usuarios. Normalmente al utilizar un plan de alojamiento, el mantenimiento del porfolio será hecho por ellos, es 36 decir, profesionales del sector. A pesar de ello, los integrantes del grupo deben mantener el contenido actualizado para progresar. En último lugar, y a futuro, el grupo de investigación “Envejecimiento Neuronal”, próximamente renombrado a “Neuroinflamación y Enfermedades Cerebrales”, se apoyará en el porfolio diseñado para impulsar y potenciar sus perfiles en redes sociales y dar todavía más a conocer su trabajo. Cierro el trabajo fin de grado recordando las palabras de Nadir Alonso (arquitecto y pintor portugués) donde reflejaba la magnitud y relevancia de dar a conocer el trabajo de uno. “Siempre pensé en crear, hacer un trabajo. Fue una fascinación inútil. Fue un paso en falso. Honestamente, nunca pensé que fuera necesario promocionarme al mismo tiempo” Para consulta de las imágenes, secciones, y contenido de la página, por favor visiten: http://grupo.us.es/nybdlab