PLIEGO DE PRESCRIPCIONES TÉCNICAS PARA EL CONTRATO DEL SERVICIO DE DISEÑO DE LA WEB DE LA DIPUTACIÓN PROVINCIAL DE A CORUÑA.

Transcripción

1 PLIEGO DE PRESCRIPCIONES TÉCNICAS PARA EL CONTRATO DEL SERVICIO DE DISEÑO DE LA WEB DE LA DIPUTACIÓN PROVINCIAL DE A CORUÑA. 1.- OBJETO DEL CONTRATO: 2.- DESCRIPCIÓN DEL SERVICIO: Fase I 3.- ENTREGABLES: 4.- CONDICIONES DEL SERVICIO: 5.- CONDICIONES DE FINALIZACIÓN DEL SERVICIO: 6.- CLÁUSULAS LEGALES: Fase II 7.- APOYO A LA EVOLUCIÓN/IMPLANTACIÓN DURANTE 1 AÑO: 1.- OBJETO DEL CONTRATO: El objeto de este pliego es la contratación de los trabajos de diseño del portal web de la Diputación Provincial de A Coruña ( ). El diseño deberá ser adaptable y permitir su aplicación a otras webs corporativas, y así unificar la imagen de todas las páginas. Una segunda fase del contrato consistirá en el servicio de apoyo a la evolución o implantación del nuevo diseño, por plazo de 1 año a contar desde la recepción de los trabajos de diseño. 2.- DESCRIPCIÓN DEL SERVICIO: La Diputación Provincial de A Coruña ofrece servicios e información a través de su página web principalmente a dos grandes grupos de usuarios: - ayuntamientos. - ciudadanía con perfiles tecnológicos muy variados Principios: Universalidad y accesibilidad: El diseño del portal web deberá ser sencillo, actual y accesible, para permitir un fácil acceso a la información centrándose en la usabilidad y en la experiencia del usuario. El diseño se adaptará a los distintos dispositivos que se utilizan para acceder a la información, desde dispositivos móviles con pantalla pequeña y baja resolución hasta monitores de mayor tamaño y resolución. También podrán incluirse cambios en elementos que, sin llegar a constituir una versión propiamente dicha, mejoren la visualización en alguna circunstancia concreta. Como mínimo, la web deberá visualizarse correctamente en las versiones recientes de los navegadores más comunes en equipos de escritorio (Google Chrome, Mozilla Firefox, Internet Explorer, Opera y Safari) y en los navegadores de referencia en dispositivos móviles. La web debe satisfacer el nivel doble AA, cumpliendo los requisitos de prioridad 1 y 2 de la Norma UNE :2012

2 Unidad: A través de la nueva imagen de la web, la Diputación pretende unificar la diversidad de diseños que actualmente se pueden encontrar en los distintos apartados o webs corporativas, para transmitir a la ciudadanía una imagen única de la presencia de la Diputación Provincial de A Coruña en internet Diferenciación: La Diputación Provincial de A Coruña proporciona servicios de muy diversa índole tanto a los ayuntamientos como a los ciudadanos de la Provincia a través de las distintos Servicios que componen su estructura. El diseño elaborado en el presente proyecto debe proporcionar elementos que permitan, dentro de la imagen única, diferenciar las distintas secciones Características: Navegación: En la cabecera de todas las páginas de la web deberá incluirse una parte común que permita, de manera clara e inequívoca, la conexión de la página en cuestión (Servicios Sociales; Economía y Hacienda; Deportes; Cultura; Área Tributaria;...) con el portal web, proporcionando acceso a contenidos destacados del mismo. Debe incluir el logo de la Diputación de A Coruña Todas las secciones de la web incluirán elementos comunes de navegación y enlaces a información que faciliten la navegación entre las diferentes páginas y a su vez transmitan esa imagen renovada y única de la institución provincial.(apartado 9 del Anexo I: Plantillas) Fuentes: Se propondrán los tamaños, cuerpos, interlineados y espaciados para los distintos elementos de contenido en las distintas versiones. En el Manual de Estilo se describirán con detalle la tipografía que se ha utilizado en el diseño y sus normas de uso a tener en cuenta en el desarrollo del contenido Colores: Se escogerá una paleta de colores que permita individualizar o personalizar cada una de las secciones de la web. Todo ello sin olvidar que se quiere ofrecer una imagen única de la presencia de la Diputación en internet. El adjudicatario adaptará el diseño presentado según las indicaciones aprobadas por los responsables del proyecto en la Diputación Análisis del contenido de la web previo a la elaboración del diseño: El servicio prestado por la empresa adjudicataria debe comenzar con la elaboración de un análisis del contenido de la web

3 El análisis del contenido del portal de la Diputación debe orientarse a que los ciudadanos puedan obtener la información y los servicios provinciales de una forma más sencilla y personalizada. Este trabajo incluirá la categorización de los contenidos publicados por la Diputación mediante etiquetas que faciliten la navegación del usuario por la página web. La nueva web será el resultado de una reorganización de la información, para conseguir una plataforma más accesible. Para ello, se dará más importancia a la clasificación por temas, que son ahora la puerta de entrada a la información, atendiendo así a la forma de navegar del usuario. El nuevo diseño ofrecerá una imagen más moderna y sencilla, que siga la tendencia de páginas donde la imagen y la comunicación icónica adquieren una mayor importancia. De esta manera se gana espacio y se consigue una estructura más intuitiva que guía al visitante mediante accesos directos a los contenidos más demandados. A pesar de la reestructuración, el portal conserva toda la información anterior, por lo que el usuario seguirá encontrando contenidos sobre la estructura administrativa de la institución, información económica, directorio, perfil contratante, etc. La web provincial debe ofrecer a los ayuntamientos de la provincia y a sus ciudadanos la información que ambos precisan y lo debe hacer de forma muy fácil de utilizar. Fase I 3.- ENTREGABLES: Diseño de plantillas y componentes Como norma general, las imágenes se proporcionarán en formatos sin pérdida por compresión y que permitan su edición por capas. Los diseños entregados por la empresa adjudicataria cubrirán al menos todas las plantillas enumeradas en el Anexo I (Plantillas) de este pliego. En el conjunto de plantillas entregadas deberán aparecer al menos en una ocasión cada uno de los componentes detallados en el Anexo II (Componentes). En todos los casos, se proporcionará el código fuente HTML (HTML5), CSS ( SCSS ) y javascript (o Jquery ) debidamente comentado y en contenido gráfico, al menos, en formato PNG, Indesign, Illustrator y PSD. Los iconos, escudos y cualquier tipo de gráficos vectoriales se presentarán en formato SVG. El código deberá permitir el etiquetado para ser reconocido por los estándares semánticos de, al menos, las entidades admitidas por Google como Rich Snippets: Artículos, eventos, links sociales, logos corporativos, etc. Para cada diseño se entregarán como mínimo tres versiones a. Una versión para teléfonos móviles inteligentes. b. Adaptación para su visualización en otros dispositivos móviles con mayor dimensión de pantalla (Tablets).

4 c. Ordenadores de escritorio. La unidad de medida en todos los casos será el píxel. El adjudicatario adaptará el diseño presentado según las indicaciones aprobadas por los responsables del proyecto en la Diputación Manual de estilo: Incluirá la visualización de todos los componentes y plantillas así como su adaptación a las distintas versiones (al menos móvil, tablet, escritorio). El Manual debe contener los siguientes apartados: Introducción: Rápida explicación del proyecto. Porqués del diseño general y sus elementos en particular. Puntos a los que se debe prestar una especial atención Arquitectura de la información: Se detallan a continuación los diferentes tipos de páginas, su esquema de contenido y sus patrones de navegación: Página principal; Portada de sección; Página con texto; Noticia/Evento; Listado de Noticia/Evento; Página de resultados de búsqueda; Calendario; Formulario de contacto; Mapa web; Página de error; Preguntas frecuentes; Procedimiento/trámite; Correo web. Estructura general de la página (cabecera, pie y menú) Estilo visual. Debe contener los siguientes aspectos: - Disposición general de los elementos del diseño - Colores corporativos del portal: paletas - Uso y proporción de la contenido multimedia (imágenes y vídeos) - Tipografía: Fuentes utilizadas con ejemplos de su utilización en el diseño - Iconos y su usos. Galería de iconos - Banners y su uso - Desarrollo de contenidos - Navegación: Enlaces de texto, menú, submenú, botones de navegación, caja de búsqueda, hilo de Ariadna, barras de progreso, paginación - Contenidos con texto: listas, párrafos, párrafo destacado, cita, entradilla, antetítulo, alertas, avisos destacados,, - listados de elementos - Galerías - Tablas - Formularios Muestra gráfica de todos los puntos anteriores: Página en la que se muestran todos los elementos tratados en los puntos anteriores con todos sus diferentes estados y posibilidades. El propósito fundamental de este punto es proporcionar a los técnicos provinciales que van a mantener el sitio web una guía de referencia básica de los elementos de los que disponen para componer las distintas páginas y secciones del mismo de forma armónica y acorde con el diseño propuesto. El resultado buscado es similar al observado en:

5 3.3.- Iconos: Se diseñarán los iconos más utilizados en la actualidad en la gran mayoría de las páginas web, que incluirán como mínimo de 40 iconos utilizados para navegación (menú, flechas, paginación, buscador, spinners, etc) y representativos de los diferentes tipos de contenido enlazado Documentación legal: El adjudicatario deberá proveer de la documentación de cesión a la Diputación de la propiedad intelectual y/o derechos de uso de todos los textos y elementos audiovisuales incluidos en los entregables. 4.- CONDICIONES DEL SERVICIO: Plazo de ejecución: El plazo total máximo de ejecución de los presentes trabajos es de 120 días naturales a partir de la formalización del contrato Equipo de trabajo: La empresa adjudicataria pondrá a disposición del proyecto los recursos que considere necesarios, con una formación técnica y organizativa suficiente para la realización de las tareas descritas. El equipo de trabajo deberá estar debidamente dimensionado para la ejecución de todas las tareas descritas anteriormente conforme a los parámetros de calidad especificados. La estructura del equipo que defina el adjudicatario para la ejecución de este pliego tiene que contemplar al menos los siguientes perfiles: Jefe global del proyecto: Será el responsable final del proyecto e interlocutor único con la Diputación de A Coruña. Sus competencias serán: a. Interlocución a nivel de cuadros directivos de la administración. b. Control de calidad del servicio prestado. c. Coordinación de las tareas internas del equipo de trabajo involucrado Diseñador web: Este perfil será el encargado de idear y plasmar los trabajos de diseño de la nueva web de la Diputación Provincial de A Coruña, con el objetivo de que resulte más atractiva e intuitiva la navegación, mostrando de una manera más actual y atractiva los contenidos de la web a través del rediseño de las Plantillas y componentes descritos en los Anexos I y II. Sus competencias serán: a. Interlocución con los responsables técnicos de Diputación asignados a este proyecto.

6 b. Elaboración de los diseños necesarios en los formatos indicados por la Diputación. Se requiere: a. Conocimientos de diseño gráfico y diseño web actualizados. b. Conocimientos de los estándares de accesibilidad web. c. Conocimientos de usabilidad web. Diseño responsive d. Conocimiento de HTML, CSS, JavaScript Desarrollador web: Interlocución con los responsables técnicos de Diputación asignados a este proyecto. Los conocimientos requeridos serán: a. Desarrollo Cross-Browser b. CSS (preprocesador SCSS), HTML, javascript (Jquery) c. Conocimientos de los estándares de accesibilidad web: WAI-WCAG d. Diseño Responsive y Mobile First e. Control de versiones f. SEO Ubicación de la prestación del servicio: Los trabajos serán realizados desde las dependencias de la empresa adjudicataria. El adjudicatario deberá contar con los medios propios, de toda índole, necesarios para llevar a cabo con éxito los trabajos objeto del encargo. No obstante, para la prestación del servicio, la Diputación de A Coruña podrá poner a disposición del adjudicatario medios propios y accesos suficientes a los recursos de información que permitan el desarrollo adecuado del servicio. En todo caso estos medios se proporcionarán de forma transitoria durante la ejecución del encargo, limitándose su uso exclusivamente al desarrollo de los trabajos objeto del pliego Dirección, planificación y seguimiento de los trabajos: La Diputación de A Coruña nombrará a un responsable que realice las funciones de Dirección del Proyecto y que será el interlocutor con el adjudicatario. El adjudicatario deberá nombrar a un responsable/jefe global del proyecto para que coordine al equipo que realice los trabajos recogidos al amparo de esta contratación y sea el interlocutor con la Dirección del Proyecto. Para el desarrollo de los trabajos, se mantendrán las reuniones de trabajo precisas con el fin de obtener toda la información requerida en la ejecución de este proyecto. Se establecerán reuniones periódicas frecuentes del responsable del proyecto y, en su caso, de los miembros del equipo de la empresa adjudicataria, con el personal que la Diputación de A Coruña designe al efecto, para un correcto

7 seguimiento y dirección de los trabajos Metodología y control de calidad: Durante el período de ejecución de este encargo, la Diputación de A Coruña podrá establecer controles de calidad y acciones de aseguramiento de la calidad de las actividades objeto del encargo. La empresa adjudicataria propondrá las mejoras de calidad que estime oportuno, para optimizar la actividad desarrollada durante el tiempo de ejecución del presente encargo. 5.- CONDICIONES DE FINALIZACIÓN DEL SERVICIO: Garantía: Se establece un plazo de garantía de 1 año, cuyo cómputo se iniciará desde la fecha de recepción o conformidad del encargo. Una vez que la web esté operativa la Diputación realizará pruebas con usuarios finales con el objetivo de detectar carencias en la usabilidad y navegación. Cualquier carencia o vicio detectado y atribuible al diseño deberá ser subsanado por el adjudicatario durante el período de garantía. Hasta que no tenga lugar la finalización del período de garantía, el adjudicatario responderá de la correcta realización de los trabajos contratados y de los defectos que en ellos hubiera, sin que sea eximente ni le otorgue derecho alguno la circunstancia de que los representantes de la Diputación los hayan examinado o reconocido durante su elaboración o aceptado en comprobaciones, valoraciones, certificaciones o recepciones parciales e incluso en la recepción total del trabajo, en previsión de la posible existencia de vicios o fallos ocultos en los trabajos realizados Transferencia de conocimiento: Durante la ejecución de los trabajos objeto del encargo, el adjudicatario se compromete a facilitar en todo momento a la Diputación y, si es el caso, a las personas designadas por ésta a tales efectos, la información y documentación que éstas soliciten para disponer de un pleno conocimiento 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 óptimos para resolverlos. Es imprescindible el traspaso de conocimiento continuo al personal que la Diputación designe. 6.- CLÁUSULAS LEGALES: Propiedad de los trabajos y productos: Todos los informes, estudios, documentos y en general entregables (incluyendo la documentación, diseños, iconos, manual de estilo, etc.) elaborados por la empresa adjudicataria como consecuencia de la ejecución del presente encargo, serán propiedad exclusiva de la Diputación, que podrá reproducirlos, publicarlos y

8 divulgarlos total o parcialmente sin necesidad de aprobación por parte del adjudicatario. El adjudicatario renuncia expresamente a cualquier derecho que sobre los trabajos realizados como consecuencia de la ejecución del encargo pudieran corresponderle, y no podrá conservarlos, ni hacer uso o divulgación de los estudios y documentos utilizados, ni compartirlos con terceros, bien sea en forma total o parcial, directa o extractada, original o reproducida, sin autorización expresa de la Diputación Confidencialidad de la información: La empresa adjudicataria queda expresamente obligada a realizar sus trabajos bajo las cláusulas del secreto profesional y, en consecuencia, a mantener absoluta confidencialidad y reserva sobre la totalidad de los documentos que le sean confiados o que sean elaborados en el transcurso de la ejecución del plan. Estas obligaciones subsistirán aún después de finalizar sus relaciones con la Diputación. Esta confidencialidad es extensible a cualquier dato que haya podido conocer con ocasión del cumplimiento del encargo, especialmente los de carácter personal, que no se podrán copiar o utilizar con un fin distinto al que figura en este pliego, ni tampoco ceder a otros, ni siquiera a efectos de conservación Uso indebido de los recursos de tratamiento de la información: Los recursos que facilite la Diputación a los adjudicatarios tienen el propósito de conseguir los fines definidos en el presente pliego, por lo que todo uso para fines distintos será considerado como impropio o indebido, pudiéndose aplicar penalidades en el caso de una inadecuada utilización de los mismos Protección de datos: El adjudicatario quedará obligado al cumplimiento de la legislación vigente en materia de protección de datos de carácter personal, en todo en el que sea de aplicación en el presente proyecto, conforme a lo dispuesto en las leyes y decretos que se relacionan a continuación: a. Ley orgánica 15/1999, del 13 de diciembre, de Protección de Datos de Carácter Personal. b. Real Decreto 1720/2007, del 21 de diciembre, por el que se aprueba el reglamento de desarrollo de la Ley orgánica 15/1999, del 13 de diciembre, de Protección de Datos de Carácter Personal. c. Las disposiciones de desarrollo de las normas anteriores en materia de Protección de Datos que estén en vigor en la adjudicación de este encargo o que puedan estarlo durante su vigencia Vulneración del deber de guardar secreto sobre la información: Si la Diputación comprueba que el adjudicatario ha vulnerado el deber de guardar secreto sobre información de su propiedad e información de la que es responsable de su custodia, tiene la potestad de aplicar las actuaciones jurídicas que considere oportunas.

9 Fase II 7.- APOYO A LA EVOLUCIÓN/IMPLANTACIÓN DURANTE 1 AÑO: Una vez finalizada la Fase I, la empresa adjudicataria proporcionará el apoyo técnico necesario para la implantación y evolución del nuevo diseño en las webs de la Diputación Provincial. Durante este período se establecerá un importe máximo anual aplicable a una bolsa de horas de trabajos, que la Diputación podrá utilizar para solicitar del adjudicatario asistencia a la hora de incorporar nuevas plantillas o componentes de diseño con las mismas exigencias en formatos de entregables y calidad en la ejecución que en la Fase I del contrato.

10 Anexo I. Plantillas. En este Anexo se especifican el número mínimo de plantillas de diseño que se piden a la empresa adjudicataria, y se describe de forma breve la funcionalidad básica que debe cumplir cada plantilla. 1.- Portada: a) Campañas destacadas (podrá ser un slider o si no lo es introducirlo en otra página). b) Noticias, agrupadas en un solo bloque o en dos. c) Diferentes componentes intercambiables que servirán de entrada a los principales contenidos de la web. d) Buscador. e) Menú de acceso a contenidos destacados. f) Acceso a redes sociales. g) Avisos importantes. h) Logo Diputación. i) Enlace a traductor. j) Enlace a intranet. k) Enlace a correo web. l) Enlace a Solicitud de Acceso. m) Enlace a información necesaria: ( 2016;dirección; situación; contacto; política de privacidad; a viso legal ). n) Enlace a suscripción de noticias de la Diputación. o) Mapa de la web.

11 p) Acceso a Redes Sociales 2.- Portada de Sección: a) Evento destacado (p.e.: un slider o un banner) representativo y que identifique a cada una de las secciones a las que se accede desde la web principal. b) Texto introductorio. c) Nombre de la página. (Ejemplo: Cultura, Deportes, Economía y Hacienda, ) d) Nombre/título de cada apartado: (Ejemplo: Noticias, destacados, ). e) Listado de noticias de la sección. f) Calendario. g) Acceso a Menú y contenido Menú. h) Hilo de Ariadna. i) Componentes intercambiables que servirán de entrada a los principales contenidos de la sección, tales como botones, cuadros, iconos. j) Buscador. k) Ejemplo:

12 3.- Página con texto: Es la plantilla más simple. Ejemplos: a) Nombre de la página. b) Párrafo destacado. c) Párrafos con imagen (varios). d) Listas sin orden y listas anidadas. e) Listas ordenadas y anidadas. f) Listas de definición g) Tablas h) Barra de navegación interna con botones de atrás y arriba. i) Menú inicial con accesos rápidos a subsecciones del texto. j) Acordeón (contenidos que abren y cierran)

13 4.- Página del Boletín Oficial de la Provincia de A Coruña: Se propondrá un nuevo diseño para la portada del BOP, que respete la imagen global del resto de la web, y la página de anuncios de cada BOP diario Portada:

14 4.2.- Página de anuncios de cada BOP diario:

15 5.- Sede electrónica de la Diputación Provincial de A Coruña:

16 6.- Noticia/Evento: a) Contenido de la noticia: Antetítulo, Título,Fecha de la noticia,desarrollo de la noticia,imagen de la noticia: Se puede mostrar una imagen, que a su vez es un enlace y /o un vídeo. b) Galería de imágenes asociada con la noticia c) Enlaces para compartir con redes sociales d) Listado de páginas relacionadas. e) Hilo de Ariadna f) Bloque con elementos asociados: a otras noticias, páginas, ficheros descargables, 7.- Página de resultados de búsqueda: Resultado de la búsqueda: páginas y noticias separadas. 8.- Mapa web: Estructura del contenido de la web con dos niveles. 9.- Elemento integrador de webs externas: El objetivo sería proporcionar un modo (podría ser una franja sobre la cabecera o un elemento similar) que permita integrar webs realizadas al margen del diseño de este contrato Newsletter: Plantilla para envío de correos de difusión Elementos comunes a todas las plantillas: Son elementos de navegación y enlaces a información que deben aparecer en todas las páginas de la web.

17 - El escudo oficial de la Diputación Provincial de A Coruña: - Traductor - Buscador - Acceso a los apartados principales de la web - Enlaces para compartir en Redes Sociales - Contacto - Mapa del sitio - Avisos legales - Copyright Se puede tomar como referencia:

18 Anexo II: COMPONENTES: 1. Elementos de Navegación a. Bloque a enlaces (intranet, correo, acceso, idiomas, redes sociales, contacto, etc.) b. Título de página, encabezados y subapartados hasta el cuarto nivel de profundidad c. Migas de pan d. Pie de página e. Menú desplegable f. Icono para mostrar barra menú desplegable (en caso de que esté oculto) g. Listas desordenadas, ordenadas, anidadas, con números o letras h. Pestañas (orientación vertical y horizontal) i. Alertas, mensajes de aviso destacado j. Acordeón: Contenido desplegable 2. Párrafos de Texto Detallando interlineado, márgenes, etc. 3. Cuadros a. Cuadro para enlazar con otras páginas, webs, o documentos (PDFs, ). Se propondrán diferentes combinaciones de texto, iconos y fotografías. b. Cuadros con contenido Elemento que muestra un título y un texto asociado, utilizado para agrupar contenido dentro de una misma página 4. Búsqueda Dado que contenido de la web está constituido por noticias y páginas, se propondrá una solución que permita visualizar ambos resultados. a. Resultados de la búsqueda (páginas y noticias separadas) b. Caja de búsqueda y Live search (páginas y noticias separadas) 5. Lista de elementos. Foto + Texto. Fichas Se emplean para mostrar una relación de elementos, normalmente con una imagen representativa y un texto. a. Listado de páginas con/sin foto, título y pequeña descripción. 1 ó varias columnas. b. Fichas de diputados c. Listado de Noticias.

19 d. Relación Acordos plenarios e. Subastas Campos de cada subasta: Tipo, localización, estado, información subasta, enlaces a ilustraciones, edictos del BOP, etc. 6. Calendario de eventos: a. Mensual (ocupando el ancho completo de la página) b. Miniatura c. Semanal (ocupando el ancho completo de la página) d. Agenda: 7. Tablas 8. Paginación Números y flechas que permiten moverse entre elementos o páginas 9. Listado de noticias Se diseñarán, al menos, cinco tipos de listados de noticias, con distinta información según el tamaño del componente. 10.Elementos audiovisuales a. Presentación de fotos (slider) b. Galería de fotos/vídeos 11.Banners Se presentarán un mínimo de 20 banners para emplear en los diferentes apartados de la web 12.Formularios: a. Etiquetas b. Mensajes de error c. Sugerencias (hints) d. Cuadro de texto e. Checkbox f. Lista desplegable g. Radiobuttons h. Botones de envío, borrado, cancelación, 13.Contenido insertado desde otras webs (redes sociales) Feeds de twitter, facebook,...