Pàg. 1

PLEC DE PRESCRIPCIONS TÈCNIQUES PER REALITZAR ELS SERVEIS DE DISSENY GRÀFIC I MILLORA DE LA USABILITAT DEL PORTAL EACAT I DELS SERVEIS DESA’L, OVER, PUBLICACIÓ DE NOTIFICACIONS AL BOE, i SIR.

Índex de clàusules i annexos 1.  Prescripcions tècniques ..................................................................................... 2 

1.1  Objecte i abast del contracte ....................................................................... 2 1.2  Situació Actual ............................................................................................ 2 1.3  Descripció del servei ................................................................................... 2 

1.3.1  Abast .................................................................................................... 2 1.3.2  Bossa d’hores ...................................................................................... 3 

1.4  Requeriments tècnics i personals ............................................................... 4 1.5  Equip de treball ........................................................................................... 4 

1.5.1  Prestació temporal del servei ............................................................... 4 1.6  Condicions d’execució ................................................................................ 5 

1.6.1  Obligacions bàsiques ........................................................................... 5 1.6.2  Garantia ............................................................................................... 5 

ANNEX1 DESA’L ...................................................................................................... 6 ANNEX2 Catàleg de tramitació (OVER) .................................................................. 10 ANNEX3 Publicació de notificacions al BOE ........................................................... 14 ANNEX4 Sistema d’Intercanvi de Registres amb l’Estat (SIR) ................................ 17 ANNEX5 EACAT ..................................................................................................... 19 

Pàg. 2

1. Prescripcions tècniques

1.1 Objecte i abast del contracte

L’objecte d’aquesta contractació és la prestació dels serveis per renovar el disseny gràfic de les interfícies d’usuari dels serveis DESA’L, Catàleg de tramitació (OVER), Publicació de notificacions al BOE, Sistema d’Intercanvi de Registres amb l’Estat (SIR), que s’ofereixen a través del portal EACAT i també del propi portal EACAT. Aquest projecte es centrarà en el renovament complet de les interfícies d’usuari dels serveis indicats, a més a més del propi portal EACAT, a partir del disseny i construcció dels prototipus, wireframes i maquetes (mockups) necessaris per poder desenvolupar posteriorment la migració dels serveis indicats al nou EACAT basat en Liferay 6.2 (la migració dels serveis resta fora de l’abast d’aquesta contractació) L’abast del servei a contractar cobreix les següents tasques per a cadascun dels serveis indicats:

Prototipat i nou disseny gràfic, implementat a través d’esquemes (wireframes) i prototipus, totalment renovat del servei tant en mode escriptori com en dispositius mòbils, fent èmfasi en la usabilitat.

Construcció dels nous front-ends dels serveis, a través de maquetes en HTML5, CSS3 i Bootstrap 2-3 de totes les interfícies d’usuari del servei a migrar.

Implementació dels controls dinàmics del front-end amb JQuery/Javascript. Validació funcional de les maquetes en els navegadors Internet Explorer versions 8 i 11,

Microsoft Edge, Chrome i Firefox. Les maquetes hauran de tenir un comportament responsive per tal d’adaptar-se de forma adient a l’ús des de dispositius mòbils (tablet i mòbil).

1.2 Situació Actual

El Consorci AOC es troba immers en un procés de migració de tots els serveis que ofereix a través del portal EACAT, que actualment estan implementats sobre Liferay 4.2 a la versió de Liferay 6.2 Enterprise Edition. El Consorci AOC està aprofitant aquest procés de migració tecnològica per fer una renovació de les interfícies d’usuari dels serveis que es migren per tal que siguin més modernes i alineades amb els estàndards actuals (disseny responsive que faciliti l’ús dels serveis en dispositius mòbils, interfícies riques i dinàmiques, etc.) i fent una aposta clara per la usabilitat dels serveis que ofereix.

1.3 Descripció del servei

1.3.1 Abast Aquest projecte es centrarà en les següents activitats per a cadascun dels serveis indicats:

Anàlisi exhaustiu del servei en el seu estat original. Estudi dels punts de millora en la usabilitat del servei, prioritzant les necessitats de l’usuari,

revisant la nova organització que haurien de tenir els continguts per facilitar el seu ús, la simplicitat del servei, la facilitat per al seu aprenentatge, etc.

Pàg. 3

Proposta del nou disseny gràfic a partir de la realització de wireframes de baixa fidelitat de totes les pantalles del servei tant en mode escriptori com per a dispositius mòbils (d’acord a les bones pràctiques del disseny responsive). El Consorci AOC haurà de validar les propostes i podrà sol·licitar fins a un màxim de 3 noves propostes en el cas que es consideri necessari.

Realització del prototipus d’alta fidelitat de totes la pantalles del servei. El prototipus desenvolupat haurà de reflectir el disseny gràfic tant en mode escriptori, com en mode tablet i mòbil. El disseny gràfic del prototipus desenvolupat haurà de ser coherent i consistent amb la imatge corporativa del portal EACAT.

Construcció d’una biblioteca de components de front-end del portal EACAT que agrupi tots els controls comuns als serveis que són objecte de l’abast d’aquesta contractació. L’objectiu d’aquesta biblioteca és d’una banda facilitar la futura adaptació de les interfícies d’usuari d’altres serveis d’EACAT, així com centralitzar i facilitar la coherència de les interfícies d’usuari de tots els serveis d’EACAT. Aquesta biblioteca de components haurà de poder ser utilitzada tant en mode escriptori com per dispositius mòbils.

Implementació de les maquetes (mockups) sobre HTML5, CSS3, Bootstrap 2-3 i JQuery/Javascript de totes les pantalles del servei fent un ús exhaustiu de la biblioteca de components anteriorment descrita. L’objectiu és que tots aquells elements que siguin comuns als diferents serveis estiguin centralitzats en la biblioteca de components i que els elements gràfics propis de cada servei es desenvolupin de forma individual dins la maqueta específica de cadascun dels serveis.

Les maquetes desenvolupades hauran de ser compatibles amb els navegadors Internet Explorer, 8, 9, 10 i 11, Microsoft Edge, Google Chrome i Mozilla Firefox.

Realització de proves i control de qualitat de totes les pantalles en tots els navegadors indicats.

Totes les tasques a realitzar s’hauran de fer considerant que les maquetes finals s’hauran d’integrar en un futur dins de portlets desplegats al nou portal EACAT, que està basat en Liferay 6.2 Enterprise Edition, i per tant és imprescindible que siguin totalment compatibles amb Liferay 6.2 Enterprise Edition i que tinguin en compte els requeriments i les recomanacions de Liferay 6.2 Enterprise Edition envers les interfícies d’usuari. Totes aquestes activitats estaran directament dirigides i coordinades pel Consorci AOC. 1.3.2 Bossa d’hores A banda dels serveis establerts a l’apartat anterior, l’adjudicatari haurà de destinar un volum de 280h, on el 25% del temps correspondrà a un perfil de dissenyador gràfic i el 75% a un perfil de desenvolupador front-end, per poder fer front a l’adaptació de la imatge corporativa del portal EACAT per tal que pugui gaudir de l’aspecte modern que es requereix per a la resta de serveis que són objecte del contracte. Amb aquesta bossa d’hores també es pretén que els elements comuns del portal EACAT, especialment pel que fa al tema de Liferay, es puguin utilitzar amb total garanties d’usabilitat des de dispositius mòbils i pugui gaudir de les mateixes millores que els serveis que són objecte d’aquest contracte.

Pàg. 4

1.4 Requeriments tècnics i personals

L’adjudicatari aportarà les infraestructures informàtiques, llicències de desenvolupament i qualsevol altre component o mitjà tècnic necessari per a la realització dels treballs. Els dissenys gràfics, wireframes, prototipus i codi font de les maquetes és propietat del Consorci AOC i des del Consorci AOC es portarà control de totes les versions lliurades. L'adjudicatari mantindrà en tot moment l'actualització de tots els dissenys, wireframes, prototipus i maquetes en el sistema de control de versions corporatiu del Consorci AOC (GIT). L’execució de les tasques encomanades s’hauran de dur a terme a les instal·lacions de l’adjudicatari. És possible que en alguna ocasió sigui necessari el desplaçament d’algun dels membres de l’adjudicatari a les instal·lacions del Consorci AOC o de tercers.

1.5 Equip de treball

Per garantir la màxima eficiència, control i coordinació del servei objecte d’aquest contracte, l’empresa adjudicatària haurà de disposar en el moment d’iniciar el contracte d’un equip amb un ampli coneixement tecnològic en el desenvolupament de front-ends amb disseny responsive dins el portal Liferay 6.2 Enterprise Edition i els membres d’aquest equip hauran de tenir una experiència mínima de 3 anys en tasques similars a les descrites en aquest plec. L’empresa adjudicatària haurà de conformar un equip mínim de 2 persones, repartides entre els següents perfils:

Dissenyador gràfic. Les principals funcions d’aquest perfil seran: o Anàlisis dels serveis actuals i estudi dels punts de millora en la usabilitat dels

diferents serveis. o Definir l’esquema organitzatiu del servei i el funcionament de la seva navegació. o Realització de les noves propostes de disseny gràfic per a totes les pantalles dels

diferents serveis. o Implementació dels wireframes de baixa fidelitat per als modes escriptori, tablet i

dispositiu mòbil. o Implementació dels prototipus d’alta fidelitat per als modes escriptori, tablet i

dispositiu mòbil.

Desenvolupador de front-end. Les principals funcions d’aquest perfil seran: o Implementació de les maquetes (mockups) en HTML5, CSS3, Bootstrap 2-3 i

Javascript/JQuery de totes les pantalles per als modes escriptori, tablet i dispositiu mòbil.

o Control de qualitat i validació de les maquetes en els navegadors Internet Explorer, 8, 9, 10 i 11, Microsoft Edge, Google Chrome i Mozilla Firefox.

Els membres de l’equip hauran de tenir un bon nivell de coneixement de la llengua catalana, tant parlada com escrita. 1.5.1 Prestació temporal del servei

Pàg. 5

La implementació completa tant de la biblioteca de components com de les diferents maquetes que són objecte del contracte hauran d’estar disponibles en un temps inferior als 12 mesos des de la formalització del contracte.

1.6 Condicions d’execució

1.6.1 Obligacions bàsiques L’adjudicatari haurà de complir les següents obligacions bàsiques:

Haurà de gestionar qualsevol alteració del servei en les condicions expressades en aquest plec.

Realitzar reunions periòdiques amb el Consorci AOC per tal d’exposar el compliment del servei i tractar els possibles problemes o millores del servei.

Realitzar la formació dels tècnics designats pel Consorci AOC en tots aquells aspectes que cregui oportuns i que siguin de directa aplicació als serveis requerits.

Tota la documentació generada per l’equip serà en català i en el format proposat per Consorci AOC.

Haurà de presentar informes mensuals indicant l’estat de prestació del servei d’acord als indicadors que el Consorci AOC consideri apropiats.

Elaboració de la documentació tècnica. Elaboració dels manuals i altra documentació destinada a la formació dels usuaris.

1.6.2 Garantia Les tasques objecte del contracte tindran una garantia de 6 mesos. Durant aquest període, l’adjudicatari es compromet a resoldre satisfactòriament totes aquelles incidències o defectes detectats en qualsevol de les activitats dutes a terme pels seus equips de treball que li siguin imputables amb ell per acció o omissió. Barcelona, 2 de febrero de 2017 Rubén Cortés Domingo Cap de l’àrea de Tecnologia del Consorci AOC

Pàg. 6

ANNEX1 DESA’L A continuació es mostra un exemple d’algunes de les principals interfícies d’usuari del servei DESA’L:

Pàg. 7

Pàg. 8

Pàg. 9

Pàg. 10

ANNEX2 Catàleg de tramitació (OVER) A continuació es mostra un exemple d’alguna de les principals interfícies d’usuari del servei OVER:

Pàg. 11

Pàg. 12

Pàg. 13

Pàg. 14

ANNEX3 Publicació de notificacions al BOE A continuació es mostra un exemple d’alguna de les principals interfícies d’usuari del servei de publicació de notificacions al BOE:

Pàg. 15

Pàg. 16

Pàg. 17

ANNEX4 Sistema d’Intercanvi de Registres amb l’Estat (SIR) A continuació es mostra un exemple d’alguna de les principals interfícies d’usuari del Sistema d’Intercanvi de Registres amb l’Estat (SIR):

Pàg. 18

Pàg. 19

ANNEX5 EACAT A continuació es mostra un exemple d’alguna de les principals interfícies d’usuari del portal EACAT:

Pàg. 20

Pàg. 21