Dirección General de Servicios Junio 2016 Contratación de la implementación de la adaptación a dispositivos móviles de distintos portales web públicos del Banco de España Pliego de prescripciones técnicas Departamento de Sistemas de Información ÍNDICE 1 Objeto de la contratación 3 2 Descripción del proyecto 3 2.1 Descripción general 3 2.2 Actividades principales 4 2.3 Solución tecnológica propuesta 7 2.4 Fases del proyecto y plazos de ejecución 7 2.5 Gestión del Cambio. Transferencia tecnológica 2.6 Plataforma tecnológica 7 7 2.7 Normas y procedimientos, control del proyecto y aseguramiento de la calidad 2.8 Documentación de los trabajos 3 Composición del equipo del proyecto 8 9 9 4 Plazo de garantía para el proyecto 10 5 Estructura y requerimientos de la propuesta técnica. 10 ANEJO 1 Modelo currículum para el equipo de proyecto 12 ANEJO 2 Ejemplo de adaptación de la imagen visual al framework Bootstrap 14 ANEJO 3 Tabla de estimación del número de plantillas de presentación a diseñar e implementar 15 Sistemas de Información. Pliego de prescripciones técnicas. Adaptación a dispositivos móviles de portales públicos 2 1 Objeto de la contratación El objeto de la presente contratación es la adaptación de varios portales web públicos del Banco de España a los diferentes dispositivos móviles existentes en el mercado con capacidad de acceso a Internet. 2 Descripción del proyecto 2.1 Descripción general De todos los portales web públicos del Banco de España, en la actualidad tan solo su portal principal (www.bde.es) ha sido adaptado para su óptima visualización en dispositivos móviles (smartphones y tablets). El resto de portales muestran la misma presentación independientemente del tamaño de la pantalla del dispositivo utilizado para acceder a él, lo que dificulta su uso desde dispositivos móviles. Por este motivo es necesario adaptar otros portales públicos a dispositivos móviles, siguiendo la metodología “Web Responsive Design1”, ya empleada en el portal www.bde.es. Los portales públicos a adaptar en este proyecto son: • • • • • • • • Aula Virtual (http://aulavirtual.bde.es/wav/html/index.html) Portal SEPA (http://www.sepaesp.es/sepa/es/) Sede Electrónica (https://sedeelectronica.bde.es/sede/es/) Rincón Educativo (http://elrinconeducativo.bde.es/) Portal PKI (http://pki.bde.es/pkibde/es/) Portal de Trasparencia Supervisora (http://www.transparencia.cnmv.bde.es/) Portal del Investigador (http://www.bde.es/investigador/en/) Portal Educativo (http://portaleducativo.bde.es/educa/es/) Estos portales web están implementados con tecnología OpenText (o bien están en un proceso de migración a esta plataforma), siguiendo las pautas y directrices marcadas por la imagen visual institucional de la organización, si bien existen algunas páginas estáticas generadas por otras herramientas o de forma manual. Así mismo, los portales cuentan con una arquitectura de información y una jerarquía de navegación bien definida que deberá preservarse tras la ejecución del proyecto, salvo que se propongan mejoras que sean aceptadas por el Banco de España. La imagen visual y el diseño gráfico de los portales actuales deberán mantenerse, en la medida de lo posible, teniendo en cuenta que se desea utilizar el framework Bootstrap y su configuración de grid por defecto (12 columnas, contenido de 1170px en la resolución más alta, y tres saltos resolutivos), para la adaptación a dispositivos móviles. En el anejo 2 de este pliego se puede observar un ejemplo de la adaptación de la imagen visual actual al framework Bootstrap. Además es necesario mantener la funcionalidad y los contenidos 1 Web Responsive Design: Técnica que consigue adaptar el sitio web al entorno del usuario, utilizando distintas técnicas como hojas de estilo en cascada, programación javascript y diseño gráfico fluido. Sistemas de Información. Pliego de prescripciones técnicas. Adaptación a dispositivos móviles de portales públicos 3 actuales de cada página en todos los saltos resolutivos, manteniendo una única url por página. Estas webs también responden a los criterios de accesibilidad doble A (definidos por la WAI – W3C) y de usabilidad que del mismo modo deberán mantenerse tras la ejecución del proyecto. Por otro lado, no deberán existir dependencias con software que no sea estándar o ampliamente difundido. Las aplicaciones que residen en app.bde.es se mantendrán fuera de los portales de contenidos y sólo habrá que enlazarlas. A grandes rasgos, este proyecto presenta dos fases diferenciadas. Una primera en la que se ha de realizar un trabajo de análisis, diseño e implementación de las plantillas de presentación correspondientes a los distintos tipos de páginas de cada uno de los portales, identificando los cambios que permitan una correcta visualización de las mismas en los distintos saltos resolutivos. El resultado de esta fase de diseño serán diseños elaborados con Photoshop y maquetas HTML, y que serán validadas por el Banco de España en distintos dispositivos móviles. Posteriormente, estas maquetas se integrarán en la plataforma OpenText, realizando los desarrollos y configuraciones oportunas, de manera que todas las páginas de cada uno de los portales se visualice de la forma deseada en cualquier dispositivo. Para estimar la carga de trabajo de la adaptación a móviles, los licitadores pueden analizar las web públicas en las direcciones indicadas. Adicionalmente se indica en este pliego la existencia de aproximadamente 62 tipos de página o plantillas diferentes que será necesario diseñar e implementar en HTML en la primera fase del proyecto. En el anejo 3 se presenta una tabla con el desglose de las plantillas de presentación de cada portal. Por último, cabe señalar que el Banco de España dispone de tres entornos diferenciados: desarrollo-integración, preproducción y producción. En cada uno de estos entornos existe una única instancia del gestor de contenidos que da soporte a varios portales. El proyecto de adaptación a móviles deberá ejecutarse paulatinamente sobre los tres entornos, siguiendo un proceso de gestión de la configuración que pase por los diferentes entornos mencionados para el código fuente generado. El entorno de desarrollo-integración podrá ser entregado en una máquina virtual (Virtual Box) para que el adjudicatario pueda realizar los trabajos sobre este entorno en sus instalaciones. Para el caso de las instancias de contenido que sea necesario crear, éstas podrán ser configuradas directamente sobre el entorno de preproducción y luego exportadas/importadas en el entorno de producción. En el entorno de producción se podrán realizar las tareas de ajuste final sobre contenidos siempre que no lleven consigo la ejecución de ningún proceso automático. 2.2 Actividades principales En el proyecto se deberán realizar, al menos, las siguientes actividades: Sistemas de Información. Pliego de prescripciones técnicas. Adaptación a dispositivos móviles de portales públicos 4 Organización y gestión - Planificación del proyecto. - Gestión del proyecto. Análisis y diseño - Análisis inicial de las páginas y de los componentes gráficos existentes (menús, barras de botones, estructuras de página, etc.) dentro de cada uno de los portales proceder a su movilización. - Análisis y diseño de los nuevos componentes de presentación y de las estructuras HTML necesarias que darán soporte a dicha movilización, siguiendo (y en algunos casos definiendo las carencias que se puedan detectar en) la imagen visual institucional del Banco de España con los departamentos responsables de la misma. - Definición de la ubicación de los componentes de presentación en los saltos que se definan. Como se pretende utilizar la configuración por defecto del framework Bootstrap, los rangos de visualización propuestos en principio serian: pantallas grandes (más de 1200px), pantallas normales (entre 980px y 1200px), tablets en orientación vertical (entre 768px y 980px), y resto de dispositivos móviles (menos de 768px). - Diseño de los tres tipos de páginas principales de cada uno de los portales en Photoshop. - Implementación de una maqueta/prototipo HTML navegable de los diseños realizados anteriormente para su validación/refinamiento por los responsables de la web. - Análisis y diseño del resto de plantillas de presentación existentes (hasta un máximo de 67 páginas tipo, y cuyo listado exhaustivo será proporcionado durante el desarrollo del proyecto) para dar soluciones específicas a cada una de ellas en caso de considerarse necesario. - Identificación de los componentes gráficos que deberán ser modificados o añadidos para permitir la correcta aplicación de la solución, así como una especificación detallada de los cambios en el código HTML generado que deberán ser implementados. Desarrollo - Implementación de los cambios diseñados para las plantillas principales y secundarias. Entre otros, se deberá: o Modificar y/o crear las hojas de estilo (CSS3) necesarias con las “Media Queries” oportunas para los saltos definidos. o Modificar y/o crear las funciones Javascript oportunas (reusando el framework JQuery actualmente existente, si fuera necesario) que mejoren la experiencia de usuario a la hora de aplicar la solución. o Implementación de una solución que permita al usuario una correcta interacción con ciertos componentes (menús desplegables, links de escaso tamaño, funcionalidad de plegar/desplegar texto existente en ciertas páginas, etc.) que difícilmente serían seleccionables aun aplicando los resultados del proyecto. o Implementación de una solución que permita al usuario que esté utilizando un dispositivo móvil visualizar la versión “clásica” (de escritorio) de la web, sin necesidad de modificar las URLs de navegación actualmente existentes. Sistemas de Información. Pliego de prescripciones técnicas. Adaptación a dispositivos móviles de portales públicos 5 Implementar los nuevos componentes de presentación y las nuevas estructuras HTML definidas durante el diseño (iconos, botones, selectores, desplegables, etc.) en las plantillas de presentación del gestor de portales y contenidos OpenText del Banco de España. - Desarrollo de las modificaciones en todos los componentes necesarios para aplicar el diseño a todo el web. Los desarrollos deberán de seguir las pautas de las plantillas y mantener los criterios de accesibilidad que actualmente sigue el Banco de España. - Realización de los cambios de configuración necesarios. - La empresa adjudicataria realizará la implementación de los cambios y los cambios de configuración en el entorno de desarrollo. En preproducción y producción lo hará conjuntamente con el Banco de España. - Integración de los desarrollos en la herramienta de gestión de versiones corporativa. - Implementación correcciones necesarias tras la fase de pruebas. o Pruebas - Pruebas funcionales, de visualización, de accesibilidad AA y de cumplimiento de estándares web en todos los tipos de página de cada uno de los portales. - Las pruebas se realizarán al menos en las siguientes combinaciones de resoluciones, sistemas y navegadores: o Resolución 1200px: PC con navegadores IE7, IE8, IE9, IE10, IE11, Chrome, Safari, Firefox y Opera. En el comienzo del proyecto se valorará si se puede descartar IE7 e IE8. o Resolución 980px: PC con navegadores IE7, IE8, IE9, IE10, IE11, Chrome, Safari, Firefox y Opera. En el comienzo del proyecto se valorará si se puede descartar IE7 e IE8. iPad orientación landscape con navegador Safari. o Resolución 768px: PC con navegador Chrome. iPad orientación portrait con navegador Safari. o Resolución menor que 768px: PC con navegador Chrome. Tablet Mini (7”) orientación portrait Smartphone Android 5.x con navegador Chrome. Smartphone Android 4.x con navegador Chrome. iPhone 5 y 6 con navegador Safari. Windows Phone 8.1 con navegador nativo. Documentación - Análisis. - Diseño. - Desarrollos realizados. - Configuraciones de Portal, de WEM y de DPM a realizar o a modificar. - Plan de Pruebas, resultados de las pruebas. Otras - Ejecución del proceso de gestión del cambio. Sistemas de Información. Pliego de prescripciones técnicas. Adaptación a dispositivos móviles de portales públicos 6 - Traspaso de conocimientos y formación a los administradores de la plataforma. 2.3 Solución tecnológica propuesta Se ha de indicar una propuesta de solución tecnológica que cubra los puntos descritos en el apartado “Actividades principales”, detallando las herramientas y procesos a utilizar y ventajas que ofrece la misma frente a otras alternativas. 2.4 Fases del proyecto y plazos de ejecución Se detallará, mediante un cronograma, la planificación de las fases y tareas, así como los plazos de ejecución de cada una de ellas, teniendo en cuenta los requisitos expuestos en el presente pliego. Así mismo se realizará una descripción de los trabajos a realizar en cada una de ellas. Además, se han de reflejar los hitos de los diferentes entregables, así como la puesta en producción de los servicios y funcionalidades de la plataforma. 2.5 Gestión del Cambio. Transferencia tecnológica Durante la ejecución de los trabajos objeto del contrato el adjudicatario se compromete a facilitar, en todo momento, a las personas designadas por el Banco de España a tales efectos, toda la información y documentación que éstas soliciten para disponer de un pleno conocimiento técnico de las circunstancias en que se desarrollan los trabajos, así como de los eventuales problemas que puedan plantearse y de las tecnologías, métodos y herramientas utilizados para resolverlos. 2.6 Plataforma tecnológica Como ya se ha indicado, el Banco de España dispone de tres entornos de trabajo para los entornos Web objeto del presente servicio de soporte, desarrollo, preproducción y producción y la infraestructura que lo soporta está compuesta por los siguientes elementos: - Sistema Operativo: AIX - Servidor Web: IBM HTTP Server - Servidor de Aplicaciones: IBM WebSphere Application Server - Base de Datos: Oracle - Entorno de programación: Java EE - Plataforma OpenText: - OpenText Web Experience Management 8.5 - OpenText Portal 8.5 (antes conocido como Vignette Application Portal VAP) - OpenText Dinamic Portal Module (DPM) - OpenText High Performance Web Delivery (HPD) Esta infraestructura puede variar en cuanto a las versiones, productos y proveedores utilizados actualmente. Sistemas de Información. Pliego de prescripciones técnicas. Adaptación a dispositivos móviles de portales públicos 7 Tecnologías: - Java EE - XML, XSL, XSD, DTD, etc. - (x)HTML, HTML 5, CSS, JavaScript, etc. - Bootstrap, jQuery. 2.7 Normas y procedimientos, control del proyecto y aseguramiento de la calidad Normas y procedimientos Los trabajos que se ejecuten dentro del servicio que se contrata deberán realizarse de acuerdo con las normas y procedimientos existentes en el Banco de España. Para mejorar la prestación del servicio, el contratista podrá proponer cuantas mejoras y cambios en dichos procedimientos considere adecuados. La realización de los servicios será efectuada y organizada por el adjudicatario, debiendo coordinarse para su realización con los servicios competentes en la materia del Banco de España. El adjudicatario designará una persona como interlocutor válido, que deberá actuar en su representación para el desempeño del servicio contratado, será responsable de la organización y de dar las instrucciones de trabajo a su personal. Las personas que destine al desempeño del servicio contratado dependerán exclusivamente de su línea jerárquica. El Banco de España, por razones de seguridad u otras causas debidamente justificadas, podrá proponer la sustitución de los trabajadores que estén desarrollando los servicios contratados. Control del proyecto El Comité de Seguimiento definido en el Pliego de Cláusulas Particulares establecerá los mecanismos de control y seguimiento del proyecto. También establecerá los mecanismos de control de cambios e incidencias, tanto para la información de los mismos como para su resolución. Los planes de acción sobre los cambios e incidencias que se produzcan en la prestación del servicio serán aprobados por dicho Comité. Aseguramiento de la calidad Para asegurar el éxito del proyecto, el adjudicatario deberá de disponer de personal cuya misión sea la de asegurar la calidad de los entregables: - Análisis y validación del plan de migración. - Revisión y control de los desarrollos realizados. - Revisión y control de los contenidos migrados en base a los estándares definidos. - Revisión y control de la correcta visualización de los portales migrados. - Mejora continua durante todas las etapas y fases del proyecto. Sistemas de Información. Pliego de prescripciones técnicas. Adaptación a dispositivos móviles de portales públicos 8 En la oferta se ha de proponer la metodología de aseguramiento de la calidad (hitos, revisiones, entregables, etc.), que podrá ser modificada si el Banco de España lo considera oportuno. 2.8 Documentación de los trabajos La documentación será la establecida por el Banco de España para este tipo de proyectos. Será de propiedad exclusiva del Banco de España sin que el contratista pueda conservarla, ni obtener copia de la misma o facilitarla a terceros. Asimismo, todo el software desarrollado, bien como parte de la aplicación, bien como interfaces o elementos que permitan la integración de cualquier producto con los sistemas propios del Banco de España, deberán cumplir con los estándares de calidad requeridos por el Departamento de Sistemas de Información. El Banco de España comprobará la correcta adhesión a los estándares de los elementos desarrollados, mediante inspecciones manuales o automatizadas. El adjudicatario tendrá a su disposición la documentación relativa a los estándares de calidad y podrá utilizar de manera autónoma las herramientas utilizadas por el Banco, de manera que pueda comprobar la calidad de los desarrollos realizados a medida que avancen sus trabajos. Toda la documentación se entregará en español, y en el soporte magnético que se acuerde para facilitar el tratamiento y reproducción de la misma. El adjudicatario deberá suministrar al Banco de España las nuevas versiones de la documentación que se vayan produciendo. También se entregará, en su caso, los documentos sobre los que se ha basado el desarrollo en idéntico soporte a los anteriores. El Banco de España facilitará la consulta de la documentación básica disponible durante la fase de concurso. 3 Composición del equipo del proyecto Se definirán los perfiles necesarios para cada tarea y el número de personas para cada uno de estos perfiles, que formarán parte del equipo de proyecto. Así mismo, para cada una de estas personas se detallará la experiencia en proyectos similares. A los efectos de considerar cumplidos los requisitos en cuanto a experiencia mínima requerida, el equipo de trabajo propuesto debe cubrir la totalidad de los requerimientos tecnológicos descritos en el presente Pliego de Prescripciones Técnicas: - Especialistas en los productos OpenText Portal (antes VAP) y OpenText Web Experience Management (WEM). - Administración, gestión y edición de contenidos, tanto a nivel de la consola de WEM como a nivel del módulo DPM de OpenText. - Administración, gestión y edición de páginas y de canales, tanto a nivel de la consola de OpenText Portal como a nivel de la consola de WEM. Sistemas de Información. Pliego de prescripciones técnicas. Adaptación a dispositivos móviles de portales públicos 9 - Conocimientos avanzados de programación en Java EE, tecnologías XML, xHTML, HTML 5, CSS y JavaScript. - Conocimientos avanzados de la metodología de diseño adaptativo Web Responsive Design, y experiencia en la utilización del framework Bootstrap para su implementación. - Conocimientos avanzados en definición de tipologías de contenido, análisis de arquitecturas de información y definición de plantillas de presentación para portales. - Bases de datos distribuidas (entre ellas Oracle), servidores de aplicaciones (entre ellos WebSphere Application Server) y servidores web (entre ellos IBM HTTP Server). - Conocimientos avanzados en maquetación de contenidos xHTML, estilos CSS y Hacks en diversos navegadores. - Conocimientos en accesibilidad web según las normas 1.0 de la WCAG. - Se valorarán conocimientos y experiencia con editores de texto enriquecido WYSIWYG, y control de integridad de enlaces con VCM inlinelinks. - Se valorarán conocimientos en los módulos HPD caché de OpenText, mecanismos Friendly URL y workflows de publicación. También se detallará el equipo necesario que debe aportar el Banco de España, para la ejecución del proyecto. El Banco de España se reserva el derecho de evaluar, en cualquier momento, tanto la experiencia y conocimientos como las capacidades humanas del personal del adjudicatario que preste o vaya a prestar el servicio, pudiendo solicitar la sustitución de aquel personal que considere que no cumple con los perfiles exigidos en el presente apartado. 4 Plazo de garantía para el proyecto El adjudicatario establecerá un plazo de garantía del proyecto, durante el cual, el adjudicatario resolverá todas aquellas incidencias detectadas y realizará el mantenimiento correctivo que sea preciso para la resolución de los problemas que surjan en el ámbito del proyecto. Se fija como periodo de garantía mínimo 3 meses. 5 Estructura y requerimientos de la propuesta técnica. Las propuestas se han de estructurar en los apartados que se exponen: a) Introducción: En este apartado se han de incluir los antecedentes y el objeto del proyecto. b) Adecuación técnica de la oferta: En este apartado se han de incluir los servicios que se ofertan, que como mínimo serán los que se detallan en el presente pliego. Se han de detallar los siguientes subapartados: • Solución tecnológica propuesta. Descripción del proceso de adaptación a dispositivos móviles de cada uno de los portales, aportando detalles sobre las tecnologías, metodologías y herramientas que se utilizarán para el desarrollo Sistemas de Información. Pliego de prescripciones técnicas. Adaptación a dispositivos móviles de portales públicos 10 • del proyecto. Adicionalmente se detallaran los componentes OpenText WEM que previsiblemente será necesario crear o modificar. Normas y procedimientos, control del proyecto y aseguramiento de la calidad. c) Planificación del desarrollo del proyecto: En este apartado se incluirá la propuesta de planificación, teniendo en cuenta que la duración total del proyecto estimada es de 8 meses. Se han de detallar los siguientes subapartados: • Descomposición del proyecto en tareas: Se detallaran todas las tareas necesarias para la realización del proyecto, indicando para cada una de ellas los responsables de su ejecución y los entregables que generan. • Orden y duración de las tareas: Contará con un cronograma en el que se muestre con el mayor detalle posible el orden y la duración de cada una de las tareas del proyecto. d) Equipo de trabajo: En este apartado se ha de incluir la información necesaria para la evaluación del equipo de trabajo y de su composición. Constará de dos partes: • Composición del equipo: Descripción de la composición del equipo de trabajo, los perfiles propuestos, las funciones que desarrollarán, la cobertura de los conocimientos requeridos, y la participación en las actividades descritas de cada uno de los miembros. Además se presentará un organigrama que explique las responsabilidades de cada perfil y las líneas de comunicación entre las diferentes áreas definidas, así como la comunicación y participación entre el equipo del proyecto y el equipo del Banco de España. • Perfil y experiencia de los componentes: Aquí se ha de incluir el curriculum vitae de las personas que participarán en el proyecto, en los que se detallará la experiencia en proyectos similares, cumpliendo los requisitos mínimos especificados en el presente pliego. Se ha de describir siguiendo el modelo estándar europeo de curriculum vitae (Europass) indicado en el “ANEJO 1 Modelo de curriculum” las funciones y responsabilidades realizadas y la metodología utilizada en cada proyecto que haya participado. e) Información adicional: • Plazo de garantía para el proyecto: Indicará el periodo de garantía (en meses). La propuesta se presentará en soporte papel. También se presentará copia en soporte electrónico en formato compatible con Microsoft Office. La copia electrónica se usará como material de trabajo y ayuda en la evaluación de las ofertas, por lo que en caso de existir cualquier discrepancia, la propuesta presentada en papel prevalecerá sobre la recogida en la electrónica. La presentación de la oferta técnica sin ajustarse a lo especificado en los Pliegos de Cláusulas Generales, Cláusulas Particulares o Prescripciones Técnicas que regulan el presente procedimiento de contratación, podrá ser motivo suficiente para desestimar la correspondiente oferta. Sistemas de Información. Pliego de prescripciones técnicas. Adaptación a dispositivos móviles de portales públicos 11 ANEJOS ANEJO 1 Modelo currículum para el equipo de proyecto Información personal Apellido(s) / Nombre(s) Apellido(s) Nombre(s). Experiencia laboral Fechas Describa por separado cada proyecto relevante que haya desempeñado, comenzando por el más reciente. Profesión o cargo desempeñado Funciones y responsabilidades Tecnologías y versiones Metodologías Nombre y dirección de la empresa o empleador Personas a cargo Tipo de empresa o sector Educación y formación Fechas Describa por separado cada curso realizado, comenzando por el más reciente. Cualificación obtenida Principales materias o capacidades profesionales estudiadas Nombre y tipo del centro de estudios Nivel conforme a una clasificación nacional o internacional Capacidades y competencias personales Idioma(s) materno(s) Indique su lengua materna (si tiene más de una lengua materna, indique cada una - ver instrucciones en http://europass.cedefop.europa.eu) Otro(s) idioma(s) Sistemas de Información. Pliego de prescripciones técnicas. Adaptación a dispositivos móviles de portales públicos 12 Autoevaluación Nivel europeo (*) Comprensión Comprensión auditiva Lectura Habla Interacción oral Escritura Capacidad oral Idioma Idioma (*) Nivel del Marco Europeo Común de Referencia (MECR) Capacidades y competencias sociales Describa dichas competencias e indique en qué contexto se han desarrollado. Capacidades y competencias organizativas Describa dichas competencias e indique en qué contexto se han desarrollado. Capacidades y competencias técnicas Describa dichas competencias e indique en qué contexto se han desarrollado. Otras capacidades y competencias Describa dichas competencias e indique en qué contexto se han desarrollado. Otras informaciones Anejos Indique en este apartado cualquier otra información que pueda tener relevancia, por ejemplo personas de contacto, referencias, etc. Enumere todos los anejos que haya decidido adjuntar. Suprimir cuando no proceda Sistemas de Información. Pliego de prescripciones técnicas. Adaptación a dispositivos móviles de portales públicos 13 ANEJO 2 Ejemplo de adaptación de la imagen visual al framework Bootstrap A continuación se incluyen dos imágenes con un ejemplo pantallas de ejemplo de cómo se podría modificar la imagen visual actual del portal Sede Electrónica para adaptarse a la configuración por defecto del framework Bootstrap. Home Sede Electrónica – Actualmente Home Sede Electrónica – Bootstrap Sistemas de Información. Pliego de prescripciones técnicas. Adaptación a dispositivos móviles de portales públicos 14 ANEJO 3 Tabla de estimación del número de plantillas de presentación a diseñar e implementar PORTAL NÚMERO DE PLANTILLAS DE PRESENTACIÓN (VALORES APROXIMADOS) Aula Virtual 13 Portal SEPA 9 Sede Electrónica 12 Rincón Educativo 6 PKI 4 Trasparencia Supervisora 2 Portal del Investigador 9 Portal Educativo 7 Sistemas de Información. Pliego de prescripciones técnicas. Adaptación a dispositivos móviles de portales públicos 15