Pliego de prescripciones técnicas (175 KB )

Dirección General de Servicios
Junio 2016
Contratación de la remodelación del Portal del Cliente Bancario
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
6
2.4 Fases del proyecto y plazos de ejecución 6
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
7
8
9
4 Estructura y requerimientos de la propuesta técnica.
10
ANEJO 1 Modelo currículum para el equipo de proyecto
12
Sistemas de Información. Pliego de prescripciones técnicas. Remodelación Portal Cliente Bancario 2
1 Objeto de la contratación
El objeto de la presente contratación es la remodelación de la web pública conocida como
“Portal del Cliente Bancario” (www.bde.es/clientebanca/es/), rediseñando su aspecto visual
y su arquitectura de información, así como adaptándolo 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
El Portal del Cliente Bancario se desarrolló hace muchos años. En este tiempo se han
añadido muchos contenidos y eliminado otros, y la importancia de ciertos elementos ha
cambiado. Por ello es necesario remodelar la web, utilizando una nueva arquitectura de
información y un nuevo diseño que sea más actual y haga uso de las nuevas tecnologías.
Por otro lado, también es necesario que esta nueva web se visualice de manera óptima en
dispositivos móviles (smartphones y tablets), siguiendo la metodología “Web Responsive
Design1”, empleada de la web institucional del Banco de España (www.bde.es).
El portal está implementado con tecnología OpenText, y la remodelación deberá de
mantener esta plataforma, si bien la arquitectura de información y la jerarquía de navegación
del mismo se modificarán según las nuevas necesidades del Banco de España. En la
medida de lo posible se tratará de mantener las urls actuales. Además el portal pasará a
ser multi-idioma, con todos los textos en castellano e inglés.
Concretamente, es necesario reestructurar las secciones principales de la web para facilitar
el acceso a la información al usuario. Del mismo modo, se desea reducir el número de
niveles de navegación y añadir un mapa web del portal. Además se pretende que la
información de la web cuente con dos niveles de detalle: uno más directo y en un lenguaje
más común que sirva a modo de resumen para destacar lo más importante, y otro más
detallado y extenso que utilice un lenguaje más técnico. Para esto será necesario modificar
la estructura de canales y proyectos del portal en el gestor de contenidos (OpenText WEM),
así como probablemente la creación de nuevos tipos de contenido. Igualmente será
necesaria la carga inicial de contenidos en cada sección.
Adicionalmente se desea que la web tenga un diseño visual más atractivo que el actual,
para lo cual será necesario un cambio de imagen completo: rediseño de la home y de los
marcos de página (menús, relacionados, etc.), creación de gráficos y tablas dinámicas,
utilización de iconos para la identificación de secciones, así como la creación de galerías
de imágenes y de vídeos. Esto implica la modificación de la maquetación de los estilos de
la web, la creación de contenido multimedia (iconos e imágenes), y el diseño e
implementación de soluciones para la representación de elementos visuales dinámicos.
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. Remodelación Portal Cliente Bancario 3
Relacionado con esta nueva imagen visual está el requisito de adaptar los contenidos y la
funcionalidad del portal a dispositivos móviles. Para conseguirlo 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. Además es necesario mantener la funcionalidad y los contenidos de cada página
en todos los saltos resolutivos, manteniendo una única url por página.
La web responde 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 del portal, y sólo habrá
que enlazarlas.
Para estimar la carga de trabajo de la remodelación, los licitadores pueden analizar la web
pública. Como referencia, se indica en este pliego que la versión actual de la página consta
de aproximadamente 1200 páginas, si bien se pretende que la nueva versión conste de
unos 15 tipos de página o plantillas diferentes. Respecto a las funcionalidades especiales
que será necesario implementar o adaptar, destacan: RSS, visor de vídeos, enlaces a redes
sociales, galería de imágenes, carrusel (en la Home), tablas grandes ordenables y con filtros
de búsqueda. Adicionalmente se estima que será necesaria la creación de los siguientes
elementos multimedia: un vídeo con animaciones, 10 tipos de tablas, 10 tipos de gráficos
dinámicos, 12 iconos, 5 banners con animaciones.
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 entrono 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:
Organización y gestión
- Planificación del proyecto.
- Gestión del proyecto.
Sistemas de Información. Pliego de prescripciones técnicas. Remodelación Portal Cliente Bancario 4
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.).
- Análisis inicial de la arquitectura de la información existente.
- Análisis de los contenidos que se deben incluir y diseño de la nueva arquitectura de la
información, que deberá reducir el número de niveles de navegación, presentar dos niveles
de detalle de los contenidos y ser multi-idioma.
- Análisis y diseño gráfico (en Photoshop) de la nueva imagen visual del portal, para todos
los tipos de página que se definan en la nueva arquitectura de la información, teniendo en
cuenta que han de adaptarse a distintas resoluciones siguiendo la metodología Web
Responsive Design.
- Análisis y diseño de los nuevos componentes de presentación y de las estructuras HTML
necesarias para implementar la nueva imagen visual.
- Definición de la ubicación de los componentes de presentación en los saltos resolutivos
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).
- 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.
Desarrollo
- Implementación de los diseños anteriores para todos los tipos de página del portal. Entre
otros, se deberá:
o Crear la estructura de canales y proyectos del portal en el gestor de
contenidos (OpenText WEM).
o Crear los nuevos tipos de contenido que sean necesarios.
o 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.
o Crear las hojas de estilo (CSS3) necesarias con las “Media Queries”
oportunas para los saltos definidos.
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 y que permitan
cumplir con las funcionalidades especiales demandadas (filtros de
búsqueda, carrusel, etc.).
- Implementar 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. Realización de la carga inicial de contenidos en
cada sección.
- Realización de los cambios de configuración necesarios en la plataforma.
- 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.
Sistemas de Información. Pliego de prescripciones técnicas. Remodelación Portal Cliente Bancario 5
Pruebas
- Pruebas funcionales, de visualización, de accesibilidad AA y de cumplimiento de
estándares web en todos los tipos de página del portal.
- 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, Firefox y
Opera.
o Resolución 980px:
PC con navegadores IE7, IE8, IE9, IE10, IE11, Chrome, Firefox y
Opera.
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.
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.
Sistemas de Información. Pliego de prescripciones técnicas. Remodelación Portal Cliente Bancario 6
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.
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.
Sistemas de Información. Pliego de prescripciones técnicas. Remodelación Portal Cliente Bancario 7
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.
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
Sistemas de Información. Pliego de prescripciones técnicas. Remodelación Portal Cliente Bancario 8
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:
- 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.
- Experiencia en diseño gráfico de portales y de interfaces de usuario, y en creación de
contenidos multimedia.
- 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.
- Se valorarán conocimientos en los módulos HPD caché de OpenText, mecanismos
Friendly URL y workflows de publicación.
- 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.
- 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.
Sistemas de Información. Pliego de prescripciones técnicas. Remodelación Portal Cliente Bancario 9
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 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 funcional y 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 remodelación del
Portal del Cliente Bancario, detallando los componentes OpenText WEM que
previsiblemente será necesario crear o modificar, y cómo se realizará la
adaptación a dispositivos móviles. Además es necesario aportar detalles sobre
las tecnologías, metodologías y herramientas que se utilizarán para el desarrollo
del proyecto.
• 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.
Sistemas de Información. Pliego de prescripciones técnicas. Remodelación Portal Cliente Bancario 10
•
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.
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. Remodelación Portal Cliente Bancario 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. Remodelación Portal Cliente Bancario 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. Remodelación Portal Cliente Bancario 13