74
Carif-Oref des Pays de la Loire 1 30/09/2016 Site Apprentissage Pays de la Loire Cahier des charges Spécifications fonctionnelles et techniques Objet : Création du site Apprentissage Pays de la Loire Maîtrise d’ouvrage : Région des Pays de la Loire Maîtrise d’œuvre : Carif-Oref des Pays de la Loire Versions Date Version Remarques 29 août 2016 CCF_APDL_V1 28 sept 2016 CCF_APDL_V1.1 Ajout d’informations techniques

Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Carif-Oref des Pays de la Loire 1 30/09/2016

Site Apprentissage Pays de la Loire Cahier des charges

Spécifications fonctionnelles et techniques

Objet : Création du site Apprentissage Pays de la Loire

Maîtrise d’ouvrage : Région des Pays de la Loire Maîtrise d’œuvre : Carif-Oref des Pays de la Loire

Versions

Date Version Remarques

29 août 2016 CCF_APDL_V1

28 sept 2016 CCF_APDL_V1.1 Ajout d’informations techniques

Page 2: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Carif-Oref des Pays de la Loire 2 30/09/2016

Page 3: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Carif-Oref des Pays de la Loire 3 30/09/2016

Le cahier des charges : en synthèse !

Page 4: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

CARIF-OREF des Pays de la Loire 4 30/09/2016

Sommaire Préambule .............................................................................................................................................. 9 1. Appel d’offres : modalités .......................................................................................................... 11

1.1. Envoi des offres ................................................................................................................... 11 1.2. Analyse des offres ................................................................................................................ 11

2. Fiche d’analyse des réponses ................................................................................................... 12 PARTIE 1 – Cahier des charges fonctionnel .................................................................................... 15 1. Historique et contexte ................................................................................................................ 16

1.1. Plan de relance de l’apprentissage de la Région des Pays de la Loire ............................... 16 1.2. Le Carif-Oref des Pays de la Loire ....................................................................................... 17 1.3. Le site Orientation - Pays de la Loire ................................................................................... 17

2. Objet du marché ......................................................................................................................... 19 2.1. Objet du cahier des charges ................................................................................................ 19 2.2. Périmètre technique du projet .............................................................................................. 19 2.3. Propriété des sources .......................................................................................................... 19 2.4. Démarche qualité ................................................................................................................. 20 2.5. Documentation ..................................................................................................................... 20 2.6. Organisation du projet .......................................................................................................... 20 2.7. Proposition commerciale ...................................................................................................... 20 2.8. Période de garantie et TMA ................................................................................................. 20 2.9. Planning ............................................................................................................................... 20

3. Charte graphique et typologie des pages ................................................................................ 21 3.1. Résolution d’écran ............................................................................................................... 21 3.2. Réalisation ............................................................................................................................ 21 3.3. Bandeau de page ................................................................................................................. 21 3.4. Typologie des pages (classes eZPublish) ........................................................................... 21

3.4.1. Pages Formulaires (Symfony) ..................................................................................... 21 3.4.2. Pages Liste de résultats (Symfony) ............................................................................. 21 3.4.3. Pages Fiche (Symfony) ............................................................................................... 21 3.4.4. Pages Articles .............................................................................................................. 22 3.4.5. Blocs d’information ...................................................................................................... 23

4. Normes et référentiels ............................................................................................................... 24 4.1. XHTML et CSS ..................................................................................................................... 24 4.2. Référencement ..................................................................................................................... 25 4.3. Google Analytics .................................................................................................................. 25 4.4. Traceurs et cookies .............................................................................................................. 26 4.5. Responsive design ............................................................................................................... 26 4.6. Accessibilité.......................................................................................................................... 27

4.6.1. Cadre général .............................................................................................................. 27 4.6.2. Modalités d’application ................................................................................................ 27 4.6.3. Critères de succès ....................................................................................................... 27

5. Règles de navigation .................................................................................................................. 32 5.1. Navigation de niveau 1 ......................................................................................................... 32 5.2. Navigation de niveau 2 ......................................................................................................... 32 5.3. Navigation de niveau 3 ......................................................................................................... 32 5.4. Barre de navigation secondaire ........................................................................................... 32 5.5. Plan ...................................................................................................................................... 33 5.6. Barre d’outils ........................................................................................................................ 33

5.6.1. Pour toutes les pages .................................................................................................. 33 5.6.2. Uniquement sur certaines pages ................................................................................. 33 5.6.3. Partage sur les réseaux sociaux – méta-données ...................................................... 34

5.7. Retour à la page d’accueil .................................................................................................... 34 5.8. Chemin de fer ....................................................................................................................... 34 5.9. Bloc de lancement latéral ..................................................................................................... 34 5.10. Liens d’évitement ................................................................................................................. 35

6. Page d'accueil ............................................................................................................................. 36 6.1. Liens d’évitement ................................................................................................................. 37 6.2. Barre Réseaux sociaux ........................................................................................................ 38

6.2.1. La page Facebook (en cours de définition) ................................................................. 38

Page 5: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

CARIF-OREF des Pays de la Loire 5 30/09/2016

6.2.2. La chaine YouTube ..................................................................................................... 38 6.2.3. Flux RSS Apprentissage du site OPDL ....................................................................... 38 6.2.4. Messagerie .................................................................................................................. 38

6.3. Bandeau haut ....................................................................................................................... 38 6.4. Carrousel .............................................................................................................................. 38 6.5. Blocs d’accès direct - Services ............................................................................................ 39 6.6. Vidéo .................................................................................................................................... 39 6.7. Blocs d’accès direct – Editorial ............................................................................................ 39 6.8. Footer ................................................................................................................................... 39

7. Aide en ligne................................................................................................................................ 40 7.1. Formulaire de rappel gratuit ................................................................................................. 40 7.2. Mise à jour du formulaire de rappel gratuit .......................................................................... 41

8. Moteur de recherche global ....................................................................................................... 42 8.1. Implantation et modalités de recherche ............................................................................... 42 8.2. Périmètre de la recherche .................................................................................................... 42 8.3. Restitution du résultat .......................................................................................................... 42

9. Plugins ......................................................................................................................................... 43 9.1. Destineo - webservice .......................................................................................................... 43 9.2. Crij des Pays de la Loire ...................................................................................................... 43 9.3. Quizz Onisep ........................................................................................................................ 43

10. Simulateur des aides .................................................................................................................. 44 11. Rubrique Jeunes ......................................................................................................................... 45

11.1. L'apprentissage, c'est quoi ? - niveau 2 ............................................................................... 45 11.1.1. Pages Articles .............................................................................................................. 45

11.2. Devenir apprenti - niveau 2 .................................................................................................. 45 11.2.1. Pages Articles .............................................................................................................. 45 11.2.2. Pages Formulaire ........................................................................................................ 45

11.3. Les aides – niveau 2 ............................................................................................................ 45 11.3.1. Pages articles .............................................................................................................. 45 11.3.2. Page Formulaire .......................................................................................................... 45 11.3.3. Page webservice ......................................................................................................... 45

11.4. Métiers .................................................................................................................................. 45 11.4.1. Pages Formulaires ...................................................................................................... 45 11.4.2. Page Articles ............................................................................................................... 48 11.4.3. Autres pages formulaire .............................................................................................. 48

11.5. Formations ........................................................................................................................... 48 11.5.1. Page Formulaire de recherche .................................................................................... 48 11.5.2. Page CFA .................................................................................................................... 50 11.5.3. Scénarios de recherche............................................................................................... 50 11.5.4. Formulaire version Carte ............................................................................................. 50

12. Rubrique Employeur .................................................................................................................. 52 12.1. Recruter un apprenti ............................................................................................................ 52

12.1.1. Pages articles .............................................................................................................. 52 12.1.2. Page formulaire ........................................................................................................... 52

12.2. Les aides .............................................................................................................................. 52 12.2.1. Pages articles .............................................................................................................. 52 12.2.2. Page formulaire ........................................................................................................... 52

12.3. Le maître d’apprentissage .................................................................................................... 52 12.3.1. Pages articles .............................................................................................................. 52

13. La boîte à outils........................................................................................................................... 53 13.1. Formateurs-informateurs ...................................................................................................... 53

13.1.1. Présentation ................................................................................................................ 53 13.1.2. Fonctionnement ........................................................................................................... 53 13.1.3. Descriptif ...................................................................................................................... 53 13.1.4. Foire aux questions ..................................................................................................... 53

14. Agenda ......................................................................................................................................... 55 14.1.1. Page Formulaire de recherche .................................................................................... 55 14.1.2. Formulaire version Carte ............................................................................................. 56

15. Portail Vidéo ................................................................................................................................ 57 16. Bourse des contrats d'apprentissage ...................................................................................... 59

Page 6: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

CARIF-OREF des Pays de la Loire 6 30/09/2016

16.1. Contexte ............................................................................................................................... 59 16.2. APDL – front office ............................................................................................................... 60

16.2.1. Fonction je dépose une offre ....................................................................................... 60 16.2.2. Fonction je dépose une candidature ........................................................................... 60 16.2.3. Fonction je consulte les offres ..................................................................................... 61 16.2.4. Fonction je consulte les candidatures ......................................................................... 62

PARTIE 2 – Cahier des charges technique ....................................................................................... 65 17. CMS eZ Publish ........................................................................................................................... 66

17.1. Caractéristiques ................................................................................................................... 66 17.2. Evolutions ............................................................................................................................. 66

18. Architecture et bases de données ............................................................................................ 66 18.1. Hébergement........................................................................................................................ 66

19. Description des objets de la Médiathèque du CMS ................................................................ 68 19.1. Evénement ........................................................................................................................... 68 19.2. Fichier ................................................................................................................................... 68 19.3. Image ................................................................................................................................... 69 19.4. Lien ....................................................................................................................................... 69 19.5. Vidéo .................................................................................................................................... 69 19.6. Article – nouvel objet ............................................................................................................ 70

20. Annexes ....................................................................................................................................... 71 20.1. Adresses – contacts ............................................................................................................. 71 20.2. Architecture APDL ................................................................................................................ 73

Page 7: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

CARIF-OREF des Pays de la Loire 7 30/09/2016

Table des illustrations

Attention : certaines maquettes peuvent différer du descriptif associé. En l’état actuel du cahier des charges, le texte prime sur les illustrations.

Figure 1 - Article .................................................................................................................................... 22 Figure 2 - Article avec vidéo et expend ................................................................................................. 23 Figure 3 - Site OPDL – Niveau d'équipement – 1/01/2016 au 13/09/2016 ........................................... 24 Figure 4 - Site OPDL - Infos sur l'appareil mobile – 1/01/2016 au 19/09/2016 ..................................... 26 Figure 5 - exemple bloc d'appel direct................................................................................................... 34 Figure 6 - Page d’accueil – navigation 1 ............................................................................................... 36 Figure 7 - Page d'accueil - avec navigation 2 ....................................................................................... 37 Figure 8 - Formulaire de rappel ............................................................................................................. 40 Figure 9 - Simulateur des aides............................................................................................................. 44 Figure 10 - Formulaire de recherche Métiers ........................................................................................ 46 Figure 11 - Formulaire Métiers - résultats ............................................................................................. 47 Figure 12 - Formulaire Formation .......................................................................................................... 49 Figure 13 - Formulaire de recherche Evènements ................................................................................ 55 Figure 14 - Formulaire de recherche Vidéos ......................................................................................... 57

Page 8: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

CARIF-OREF des Pays de la Loire 8 30/09/2016

Page 9: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 9 30/09/2016

Préambule Confidentialité Ce cahier des charges est la propriété exclusive du Carif-Oref des Pays de la Loire. Toute communication ou publication ne peut en être faite sans son autorisation expresse. Précautions de lecture dans la suite de ce document - Le site en développement est nommé « APDL ». - Le CARIF-OREF des Pays de la Loire est nommé « CARIF-OREF ». - L’ONISEP des Pays de la Loire est nommé « ONISEP » - « L’ONISEP – services centraux » désigne l’administration centrale de l’ONISEP située à Lognes. - Le CRIJ des Pays de la Loire est nommé « CRIJ » - L’entreprise en charge du développement de ce site est nommée « prestataire ». - Une personne connectée au site concerné est nommée « internaute ». Les coordonnées des instances ou sociétés citées dans le cahier des charges sont disponibles en annexe.

Page 10: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 10 30/09/2016

Page 11: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 11 30/09/2016

1. Appel d’offres : modalités Pour le Carif-Oref des Pays de la Loire, ce dossier est suivi par :

Yves Mens, Directeur Tél. 02 40 20 21 31

[email protected]

1.1. Envoi des offres La date limite de réception des offres est le jeudi 13 octobre 2016. Celles-ci sont à adresser :

soit par courrier postal à l’attention de Yves Mens, directeur du Carif-Oref des Pays de la Loire :

Carif-Oref des Pays de la Loire 2, rue de la Loire

BP 66501 44265 Nantes cedex 2

soit par courrier électronique à [email protected] et [email protected]

1.2. Analyse des offres Les critères retenus pour le jugement des offres sont :

le coût total des prestations forfaitaires

la qualité et la compréhension du projet sur le plan technique

la qualité et la compréhension du projet sur le plan fonctionnel

le prestataire L’évaluation des offres sera effectuée à partir de la fiche d’analyse des offres (voir 1.2), sur la base de la réponse écrite et de l’audition. Une pondération sera appliquée à la note de chaque critère, selon la répartition suivante :

le coût total des prestations forfaitaires : 15%

la qualité et la compréhension du projet sur le plan technique : 40%

la qualité et la compréhension du projet sur le plan fonctionnel : 40%

le prestataire : 5% Une audition des prestataires sera organisée dans les locaux du Carif-Oref, le lundi 17 octobre. A l’issue de l’audition, une phase de négociation, en particulier sur le prix de la prestation, pourra être engagée avec les prestataires. Ils pourront alors modifier leur offre initiale. La commission d’attribution se réunira le mercredi 19 octobre après-midi.

Page 12: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 12 30/09/2016

2. Fiche d’analyse des réponses

1 - Coût total des prestations forfaitaires

1 Développement et mise en production du site apprentissage Pays de la Loire

Coût H.T. :

2 Nombre de jours Nombre de

jours :

3 TMA - coût à la journée Coût H.T. :

4 Elément complémentaire Coût H.T. :

Total Coût H.T. :

Coef. Note - avant

audition Note - après

audition

2 - Qualité et compréhension du projet - technique

1 CMS eZpublish : stabilité et sécurité 3

2 CMS eZpublish : proposition d'un nouvel éditeur de texte 1

3 CMS eZpublish : activation de la prévisualisation 1

4 Articulation OPDL-APDL : nouvelle instance 3

5 Articulation OPDL-APDL : mutualisation des ressources 3

6 Durée de la garantie 1

7 Compréhension de l'architecture technique 3

Coef. Note - avant

audition Note - après

audition

3 - Qualité et compréhension du projet - fonctionnel

1 Compréhension de l'environnement métier 1

2 Propriété des sources 1

3 Démarche qualité / organisation du projet 1

4 Documentation 1

5 Planning 3

6 Intégration graphique 3

7 XHTML et CSS /Référencement/Accessibilité 3

8 Traceurs et cookies / Google analytics 1

9 Responsive design 3

10 Partage sur les réseaux sociaux - métadonnées 3

11 La boîte à outils : solution technique 1

12 Moteur de recherche Solr 1

13 Compréhension des règles de navigation 3

14 Compréhension de l'architecture éditoriale 3

Page 13: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 13 30/09/2016

Coef. Note - avant

audition Note - après

audition

4 - Prestataire

1 Localisation Lieu :

2 Nombre de salariés Nombre :

3 CA Chiffre en

euros :

4 Evolution du CA 1

5 Références clients 1

6 Compétences produit 1

7 Compétences équipe 1

Page 14: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 14 30/09/2016

Page 15: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 15 30/09/2016

PARTIE 1 – Cahier des charges fonctionnel

Page 16: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 16 30/09/2016

1. Historique et contexte

1.1. Plan de relance de l’apprentissage de la Région des Pays de la Loire Annoncé à l’occasion du Grenelle régional de l’apprentissage qui s’est déroulé le 24 mars dernier, un plan de relance de l’apprentissage a été présenté au Conseil régional lors de la séance du budget primitif du 15 avril dernier. Il s’articule autour de 7 priorités et 30 mesures. La première priorité du plan, Promouvoir l'image d'excellence de l'apprentissage, se décline en trois mesures dont la dernière vise à la création d’un portail numérique de l’apprentissage en Pays de la Loire. Extrait du plan de relance : « Il est donc proposer de créer un portail numérique dédié, « apprentissage-paysdelaloire.fr » qui sera directement accessible mais intégré dans le portail orientation-paysdelaloire.fr pour conserver la cohérence globale de l’information sur l’orientation. » La maîtrise d’œuvre de la création du site APDL a été confiée au Carif-Oref des Pays de la Loire. La maîtrise d’ouvrage étant assurée par la Région des Pays de la Loire. Plan de relance de l’apprentissage en Pays de la Loire – extrait Séance du Conseil régional des 14 et 15 avril 2016

Page 17: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 17 30/09/2016

1.2. Le Carif-Oref des Pays de la Loire Le Carif-Oref des Pays de la Loire est un Groupement d’intérêt public (GIP) de 32 membres. Il est présidé alternativement par l’Etat et la Région. Ses missions s’inscrivent dans les orientations du contrat de projets État-Région des Pays de la Loire 2015-2020 (CPER). Il est financé essentiellement par la Région, l'Etat et le Fonds social européen. Ses activités sont ciblées autour de trois grands axes d’intervention : - L'observation, orientée vers l’aide à la décision, du champ de l’emploi et de la formation, en s’appuyant sur les données disponibles, sur des outils de diagnostic, de prospective et d’évaluation. - L'information sur les métiers et l’emploi, la formation initiale et continue auprès du grand public, des professionnels de l'orientation et de la formation, des entreprises. - L'animation du service public régional de l’orientation, en contribuant notamment à la professionnalisation des acteurs par la mise à disposition et la mutualisation de ressources, d’outils et de temps de professionnalisation. Par ailleurs, le Carif-Oref assure le secrétariat permanent du Comité régional de l’emploi, de la formation et de l’orientation professionnelles (CREFOP) et de ses commissions. En savoir plus sur le Carif-Oref

1.3. Le site Orientation - Pays de la Loire Dans la cadre de ses trois axes d’intervention, la Carif-Oref a lancé en mai 2014 le site Orientation Pays de la loire : http://www.orientation-paysdelaloire.fr Ce site est le site régional d’information sur les métiers, les emplois et les formations. Principes : - un outil du service public régional de l’orientation Le site OPDL est l’une des briques du service dématérialisé du Service public régional de l’orientation défini dans le cadre loi du 24 novembre 2009 qui organise un service public d’information et d’orientation professionnelle. Il doit ainsi garantir « une information gratuite, complète et objective sur les métiers, les formations, les certifications, les débouchés et les niveaux de rémunération ». Ce service dématérialisé est complété par deux plateformes téléphoniques :

« Mon orientation en ligne » - www.monorientationenligne.fr

« Orientation Pays de la Loire à votre écoute » - 0 800 200 303 - un site tout public Le site OPDL s’adresse à tous les publics.

Grand public : Collégiens, lycéens Etudiants Apprentis Parents Actifs (salariés, non salariés, DE) Adultes inactifs en reprise d’activité

Les professionnels Les professionnels de l’AIOA Les professionnels de l’éducation et de la formation Les professionnels de l’emploi Les professionnels RH (entreprises) Les élus et institutionnels

Page 18: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 18 30/09/2016

- un site régional Toutes les informations produites et diffusées sur le site reposent en grande partie sur des données locales et sont destinées aux habitants des Pays de la Loire Le site OPDL a enregistré plus de 670 000 visites en 2015 (Google Analytics).

Page 19: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 19 30/09/2016

2. Objet du marché

2.1. Objet du cahier des charges

L’objet du cahier des charges est le développement et la mise en production d’un nouveau site, le site Apprentissage Pays de la Loire.

2.2. Périmètre technique du projet Toute réponse à l’appel d’offre devra impérativement proposer une offre reposant sur la solution eZ Publish : http://ez.no/fr/. Cette solution a été retenue lors de l’appel d’offre, lancé en 2013, pour le développement de la version 1 du site OPDL. Cet appel d’offre a été remporté par la société Hardis, basée à Saint-Herblain (44). Ainsi le prestataire devra articuler le site APDL avec l’architecture du site OPDL. Le site APDL possède sa propre URL. Pour autant il constitue une instance de l’architecture actuelle du site OPDL. Ce schéma doit permettre la mutualisation de ressources d’un site à l’autre. La mise en place du site APDL devra s’accompagner des prestations suivantes :

a. Nouvelle instance ezpublish pour le site APDL : o Sur la base du cahier des charges fonctionnel, adaptation de la base de données

OPDL du CMS eZ o Sur la base du cahier des charges fonctionnel, adaptation de l’arborescence du CMS

eZ

b. Création d'une base APDL o Sur la base du cahier des charges technique, adaptation-création d’une base de

données Symfony : APDL Diffusion o Adaptation des imports de données entre la base de données de production du Carif-

Oref et la base de données APDL Diffusion

c. Intégration de la charte graphique du site APDL. o La charte graphique est réalisée par le service Edition du CARIF-OREF. Tous les

éléments nécessaires à l’intégration de cette charte seront fournis au prestataire. Le prestataire devra préciser dans sa réponse les conditions particulières de mise en œuvre de cette intégration. Le Carif-Oref attachera une importance particulière à la capacité du prestataire à intégrer avec fidélité l’ensemble des maquettes et objets graphiques fournies.

d. Développement-intégration du front-office et mise en production du site APDL

2.3. Propriété des sources Le CARIF-OREF revendique la pleine propriété et la libre diffusion des développements réalisés dans le cadre de ce projet.

Page 20: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 20 30/09/2016

2.4. Démarche qualité La démarche qualité mise en place pendant toute la durée de ce projet est primordiale et devra couvrir, à minima, les éléments suivants :

- la réponse au cahier des charges, - la démarche de suivi du projet (organisation et méthode), - la rédaction des spécifications détaillées, - la visibilité de l’avancée des développements par le client sur un environnement de recettage, - l’outil de suivi des correctifs mis à disposition du client.

2.5. Documentation Le prestataire remettra au CARIF-OREF une documentation détaillée sur :

- l’architecture de la base de données du CMS, - l’architecture de la base de données Symfony APDL Diffusion, - les dossiers de spécifications détaillées et de développement du site APDL.

2.6. Organisation du projet Le CARIF-OREF souhaite l’organisation suivante côté prestataire

- Une équipe technique autonome dans son fonctionnement avec un chef de projet qui organisera et encadrera ses développeurs sur son site ou éventuellement sur le notre.

- Un suivi de projet ponctué d’une réunion de démarrage, des réunions de comité de pilotage, de comité de suivi et d’ateliers pour valider les spécifications détaillées.

- Une phase de recettage préalablement assurée par le prestataire puis vérifiée par le client. - La mise à disposition d’un environnement de pré-production sur les serveurs de notre

hébergeur puis la mise en production chez ce même hébergeur. - Un transfert de compétence technique auprès de notre service SI permettant l’appropriation

des développements afin d’assurer l’évolution du produit en interne à l’issue de la période de garantie.

2.7. Proposition commerciale La réponse à l’appel d’offre comportera une proposition technico-commerciale au forfait.

2.8. Période de garantie et TMA La période de garantie demandée est de 6 mois. Elle commence le jour de la mise en production. Pendant cette période, les patchs correctifs devront être mis à disposition du client sous 24h. Une hotline sera disponible tous les jours ouvrés. Le prestataire proposera dans sa réponse un contrat de TMA en précisant le prix à la journée.

2.9. Planning La mise en production du site APDL est arrêtée au 13 janvier 2017.

Page 21: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 21 30/09/2016

3. Charte graphique et typologie des pages

3.1. Résolution d’écran La résolution d’écran envisagée comme référence de travail pour le site APDL est 1366*768.

3.2. Réalisation La charte graphique est réalisée par le service Edition du CARIF-OREF des Pays de la Loire. Tous les éléments nécessaires à l’intégration de cette charte seront fournis au prestataire. Le prestataire devra préciser dans sa réponse les conditions particulières de mise en œuvre de cette intégration. Le Carif-Oref attachera une importance particulière à la capacité du prestataire à intégrer avec fidélité l’ensemble des maquettes et objets graphiques fournies.

3.3. Bandeau de page Chaque page possède une image bandeau située entre le header et le haut de page (article, formulaire…). Cette image bandeau doit pouvoir être changée par l’administrateur du site.

3.4. Typologie des pages (classes eZPublish)

3.4.1. Pages Formulaires (Symfony) Ces pages présentent un formulaire de recherche avec ou sans colonne de droite. La maquette de chacune de ces pages sera fournie. Liste :

Formulaire_SIMULATEUR

Formulaire_METIER

Formulaire_FORMATION

Formulaire_VIDEO

Formulaire_AGENDA

Formulaire_BOURSE

3.4.2. Pages Liste de résultats (Symfony) La présentation de chacune de ces pages est décrite dans ce cahier des charges sous la rubrique dont dépend le formulaire de recherche.

3.4.3. Pages Fiche (Symfony) Une page Fiche est l’objet final d’une recherche. Ces pages présentent une information sur toute la largeur de la page. Elles peuvent néanmoins afficher ou non une colonne à droite avec des blocs d’information. La maquette de chacune de ces pages sera fournie. Liste des pages Fiche :

Fiche_ETABLISSEMENT

Fiche_EVENEMENT

Page 22: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 22 30/09/2016

Fiche_OFFRE

Fiche_CANDIDATURE

3.4.4. Pages Articles Ces pages présentent un contenu éditorial. La structure de ces pages adopte la classe [Article] du site OPDL. Elle sera néanmoins enrichie de fonctionnalités d’expand (système de pliage-dépliage) en fonction des besoins du contributeur. Les pages articles se verront attribuer un numéro d’ordre. L’article 1 ayant la fonction de page d’accueil de la rubrique choisie par l’internaute. Les articles suivant seront affichés et classés par numéros d’ordre comme bloc d’information dans la colonne de droite de la rubrique.

Figure 1 - Article

Page 23: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 23 30/09/2016

Figure 2 - Article avec vidéo et expend

3.4.5. Blocs d’information

Ces blocs d’informations viennent enrichir la colonne de droite. Ils sont définis par avance et positionnés en colonne de droite par l’administrateur du site sur les pages souhaitées :

- « Plate-forme téléphonique » - « Mon orientation en ligne » - Visuels de communication - Module Destineo (voir 9.1) - Module Crij (voir 9.2)

Page 24: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 24 30/09/2016

4. Normes et référentiels

4.1. XHTML et CSS Le prestataire attachera une attention particulière au respect des standards et normes ouvertes portées par le W3C : XHTML et CSS. Il attirera l’attention du client sur les préconisations et spécifications décrites dans le cahier des charges qui viendraient en contradiction avec ces standards. Il proposera des solutions alternatives (techniques – ergonomie – navigation) afin d’approcher le résultat souhaité tout en respectant ces normes. Au même titre que le client, l’expérience utilisateur et l’accès aux informations disponibles sur le site Apprentissage Pays de la Loire doit rester la préoccupation première du prestataire. Si les outils de suivi statistique des connexions au site permettent de cibler assez précisément le niveau d’équipement des internautes, l’objectif du prestataire est de rendre le contenu du site accessible au plus grand nombre et ce, quel que soit la version de son navigateur. La philosophie des standards et par conséquent leur respect, garantie une lisibilité des informations au plus grand nombre.

Figure 3 - Site OPDL – Niveau d'équipement – 1/01/2016 au 13/09/2016

Détail Chrome

Page 25: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 25 30/09/2016

Détail Firefox

Détail Safari

4.2. Référencement Afin d’optimiser le référencement du site Apdl, le prestataire veillera au respect des consignes suivantes :

- permettre à l’administrateur de renseigner la balise <title> de chaque page ; - permettre à l’administrateur de renseigner les balises meta name=« description » et name= « Keywords » de chaque page (dans la partie <head> du code source) ; - permettra à l’administrateur de renseigner les balises alt et title des balises images et des liens html - respecter les préconisations du W3C notamment dans la structuration du texte en balises <hn> - rendre chaque url propre et lisible sans abréviations, chiffres ou signes cabalistiques.

4.3. Google Analytics

Les statistiques de consultation du site Apdl seront produites à partir de Google analytics. L’ensemble des paramètres à intégrer sur chaque page du site seront fournies au prestataire par le Carif-Oref des Pays de la Loire.

Page 26: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 26 30/09/2016

4.4. Traceurs et cookies En application de la directive européenne dite " paquet télécom ", les internautes doivent être informés et donner leur consentement préalablement à l'insertion de traceurs. Ils doivent disposer d'une possibilité de choisir de ne pas être tracés lorsqu'ils visitent un site ou utilisent une application. Parmi les cookies nécessitant une information préalable et une demande de consentement, le site Apdl est concerné par : - les cookies de mesure d'audience dont Google Analytics ; - les cookies des réseaux sociaux générés notamment par leurs boutons de partage lorsqu'ils collectent des données personnelles sans consentement des personnes concernées - les cookies de lecture directe de vidéos Le prestataire devra mettre en place un bandeau d’information préalable et une page en savoir plus afin que les personnes disposent de solutions leur permettant de refuser l'insertion des cookies.

4.5. Responsive design Le site Apprentissage Pays de la Loire devra être construit en responsive design. Le prestataire devra donc développer un projet intégrant un niveau de rupture, entre le desktop et le smartphone. Sur l’année 2016, jusqu’à aujourd’hui, les consultations sur mobile représentent 10% des sessions (85% pour le desktop et 5% pour les tablettes). Au regard des chiffres de la Figure 4, le responsive design devra être optimisé pour les environnements :

Android de Google Inc

iOS de Apple Inc. Des maquettes seront fournies au prestataire pour l'ensemble des types de pages du site ou pour les pages spécifiques. Le Carif-Oref attachera une importance particulière à la capacité du prestataire à intégrer avec fidélité l’ensemble des maquettes et objets graphiques fournies.

Figure 4 - Site OPDL - Infos sur l'appareil mobile – 1/01/2016 au 19/09/2016

Page 27: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 27 30/09/2016

4.6. Accessibilité

4.6.1. Cadre général La loi sur l’égalité des chances du 2 février 2005 pour l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées stipule que les informations diffusées sur les services publics en ligne doivent être accessibles aux personnes handicapées. L’article 47 précise que les services de communication publique en ligne des services de l'Etat, des collectivités territoriales et des établissements publics qui en dépendent doivent être accessibles aux personnes handicapées. Les collectivités locales ont un délai de 3 ans pour mettre en conformité leurs services en ligne avec le Référentiel Général d’Accessibilité pour les Administrations (RGAA), à compter de la date de publication du décret qui a été publié au Journal Officiel, n°0113 du 16 mai 2009, page 8245, texte n° 32. En savoir plus sur le RGAA – Accessibilité : http://references.modernisation.gouv.fr/rgaa-accessibilite Le RGAA a pour objectif de favoriser l’accessibilité des contenus diffusés sous forme numérique à travers les canaux Web, Téléphonie, Télévisuel. Dans sa version actuelle il constitue un référentiel d’application des standards internationaux WCAG 2.0 . Il a pour objectif de décrire un ensemble de critères permettant d’assurer l’accessibilité des contenus Web et de proposer des tests contrôlant l’application de ces critères. Il ne constitue pas une nouvelle norme ou un nouveau standard mais offre des explications et des tests pour la vérification de la mise en œuvre des standards internationaux d’accessibilité.

4.6.2. Modalités d’application Le site Apprentissage Pays de la Loire, en tant que site du CARIF-OREF, groupement d’intérêt public, vise à se mettre progressivement en conformité avec le RGGA. Par conséquent, le projet de création du site Apprentissage Pays de la Loire devra prendre en compte les recommandations du RGAA dès les premiers travaux et tout au long des différentes étapes jusqu’ la mise en production. Néanmoins, le RGAA et les standards sur lesquels il repose ne sont que des recommandations et leur mise en œuvre peut parfois conduire à une débauche d’énergie et s’avérer contre-productive. Par conséquent, le prestataire devra attirer l’attention du client sur ces écueils et éventuellement proposer des plans d’actions permettant d’inscrire la démarche sur le plus long terme. Le client ne s’engagera pas dans une démarche de certification type « Accessiweb » mais proposera sur le site une rubrique Accessibilité décrivant sa démarche et ses engagements en la matière. Conformément au RGAA, il visera néanmoins à produire une « attestation de conformité » au référentiel. Cette étape est réalisée préalablement à la mise à disposition du service en ligne et correspond à un engagement sur l’honneur de satisfaire à l’ensemble des tests ayant un niveau WCAG déduit A et AA dans la version du RGAA en vigueur.

4.6.3. Critères de succès Liste des critères de succès à surveiller – document de référence : RGAA – annexe 1 : critères de succès - http://references.modernisation.gouv.fr/sites/default/files/RGAA-v2.2_Annexe1-Criteres.pdf Principe 1 : perceptibles Les équivalents textuels – contenu non textuel (1.1.1) Rendre le contenu non textuel accessible sous forme d'une alternative textuelle exploitable quel que soit le mode de perception de l'utilisateur (visuel, auditif, tactile).

Page 28: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 28 30/09/2016

Média temporel – contenu seulement audio ou vidéo (1.2.1) Fournir textuellement à tous les utilisateurs l'information véhiculée par les contenus seulement vidéo ou audio (pré-enregistré). Les informations fournis textuellement seront accessible car elles peuvent être restituées sous différentes formes (visuelle, auditive, tactile). Média temporel – sous-titres (1.2.2) Permettre un accès à l'information et de manière équivalente pour tous. Une personne ayant une déficience auditive, n'ayant pas d'équipement de restitution sonore, ou ayant des problèmes de compréhension d'éléments oraux, pourra alors profiter des sous-titres. Informations et relations (1.3.1) Rendre l'information indépendante de sa mise en forme visuelle ou sonore. Pour cela, il peut être nécessaire d'utiliser différentes techniques notamment : - utiliser le texte plutôt qu'une mise en forme pour transmettre de l'information - séparer le contenu de la présentation par le biais des CSS, - privilégier le balisage sémantique notamment pour les listes (ol, ul, dl), les titres de hiérarchie (hx), les citations (q,blockquote), les tableaux de données (th, caption, attribut summary, scope, id/headers), les étiquettes de formulaires (label, attribut title) et les groupes de champs de formulaires ou d'options (fieldset, legend, optgroup) Ordre séquentiel logique (1.3.2) Rendre l'ordre de restitution de l'information indépendant de sa mise en forme visuelle ou sonore lorsqu'il est lui-même porteur de sens. Caractéristiques sensorielles (1.3.3) Rendre les instructions nécessaires à l’utilisation d’un contenu indépendantes des caractéristiques visuelles de celui-ci. Utilisation de la couleur (1.4.1) Rendre l’information véhiculée par la couleur perceptible pour tous les utilisateurs en situation de handicap visuel. Contrôle du son (1.4.2) Permettre aux utilisateurs technologies d'assistance de contrôler les contenus sonores susceptibles d'interférer avec le rendu par leur propre outil. Contraste (1.4.3) Rendre perceptibles les contenus visuels indépendamment de la capacité à percevoir les constrastes de couleurs. Redimensionnement du texte (1.4.4) Permettre aux utilisateurs en situation de handicap visuel de recourir à l’agrandissement des textes sans perte d’information et sans avoir recours à une technologie d’assistance. Texte sous forme d’image (1.4.5) Favoriser le recours à des technologies qui permettent aux utilisateurs d'adapter de manière optimale à leurs besoins le rendu du contenu. Des contenus nécessitant une mise en forme spécifique incitent parfois à recourir à des éléments non textuels pour obtenir la mise en forme désirée : formules mathématiques, titres et éléments de menus notamment. Principe 2 : utilisables Accessibilité au clavier (1.2.1) Rendre les contenus accessibles via un périphérique de type clavier Pas de piège au clavier (1.2.2) Rendre les contenus accessibles via un périphérique de type clavier et éviter qu'il n'y ait d'élément piégeant l'utilisateur dans sa navigation au clavier l'empêchant de continuer ou de revenir en arrière dans sa navigation.

Page 29: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 29 30/09/2016

Réglage du délai (2.2.1) Rendre les contenus accessibles quelles que soient les contraintes de temps de consultation ou d'interaction dues à des situations de handicap. Mettre en pause, arrêter, masquer (2.2.2) Rendre les contenus accessibles sans interférences dues à une animation susceptible de gêner l’utilisateur. Pas plus de trois flashs ou sous le seuil critique (2.3.1) Rendre le contenu accessible aux utilisateurs en situation de handicap les exposant à un risque en cas de flash. A certaines fréquences, les changements brusques de luminosité des couleurs à l'écran, comme les effets stroboscopiques (flash), peuvent provoquer chez certains utilisateurs des crises d'épilepsie. Contourner les blocs (2.4.1) Rendre les contenus navigables pour les utilisateurs qui y ont un accès séquentiel linéaire. Titre de page (2.4.2)

Permettre aux utilisateurs d’identifier le contenu d’une page et s’orienter dans un site. Parcours du focus (2.4.3) Rendre les contenus accessibles au clavier dans un ordre cohérent avec l’information délivrée. Fonction du lien (2.4.4) Permettre aux utilisateurs d’identifier le rôle, la destination ou l’effet des liens et d’en anticiper le résultat. Accès multiples (2.4.5) Permettre aux utilisateurs d’accéder aux pages web par le moyen le plus adapté à leurs besoins ou leur permettre de trouver plus facilement l’information recherchée. En-têtes et étiquettes (2.4.6) Permettre aux utilisateurs d'identifier l'information donnée dans une page Web et de comprendre son organisation. Visibilité du focus (2.4.7) Permettre aux utilisateurs recourant à un accès clavier d'identifier l'élément actif avec lequelils interagissent. Principe 3 : compréhensibles Lisible - Langue de la page (3.1.1) Permettre aux navigateurs, aux aides techniques et aux autres agents utilisateurs de disposer des informations nécessaires à la restitution correcte du contenu quelle que soit sa langue. Si la langue n'est pas définie dans la page, les synthèses vocales utiliseront une langue par défaut : une page en anglais se retrouvera par exemple lue avec une voix et un accent français ce qui peut rendre particulièrement difficile la compréhension du contenu de la page. Lisible - Langue d’un passage (3.1.2) Permettre aux navigateurs, aux aides techniques et aux autres agents utilisateurs de disposer des informations nécessaires à la restitution correcte du contenu quelle que soit sa langue. Si la langue n'est pas définie sur les passages d'une page dans une langue étrangère, les synthèses vocales utiliseront une langue par défaut : une page en anglais se retrouvera par exemple lue avec une voix et un accent français ce qui peut rendre particulièrement difficile la compréhension du contenu du passage de texte. Prévisible – au focus (3.2.1) Permettre aux utilisateurs d'anticiper le résultat de leurs actions lorsqu'ils interagissent avec le contenu notamment lorsqu'ils naviguent au clavier au travers de l'interface.

Page 30: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 30 30/09/2016

Prévisible - à la saisie (3.2.2) Permettre aux utilisateurs d'anticiper le résultat de leurs actions lorsqu'ils interagissent avec le contenu notamment lorsqu'ils saisissent du contenu ou activent des éléments dans l'interface. Navigation cohérente (3.2.3) Permettre aux utilisateurs de localiser aisément et d'atteindre les contenus qui sont disponibles de manière répétée dans une série de page. La cohérence de la structuration, et de la présentation des pages rend ces éléments prévisibles tout au long de la navigation. Elle permet aux utilisateurs de trouver plus facilement l'information qu'ils cherchent et, àl'inverse, d'éviter celle qui ne les intéresse pas. Le repérage dans une page peut devenir très problématique s'il n'y a pas un minimum de structure commune d'une page à l'autre, et particulièrement sur les éléments servant à la navigation entre les pages ou dans les pages elles-mêmes. De plus, une présentation visuelle de ces éléments aide à leur repérage et leur identification dans la page. Identification cohérente (3.2.4) Permettre aux utilisateurs de localiser aisément et d'atteindre les contenus qui sont disponibles de manière répétée dans une série de page. Cela permettra notamment aux utilisateurs habitués à un type de comportement de ne pas être perturber par des changements dans celui-ci. Identification des erreurs (3.3.1) Permettre aux utilisateurs d'être alertés en cas d'erreurs de saisie et d'identifier celles-ci. Le message d'erreur doit être aussi précis que possible. Etiquettes ou instructions (3.3.2) Permettre aux utilisateurs d'éviter les erreurs de saisie. Suggestion après une erreur (3.3.3) Permettre aux utilisateurs de corriger leurs erreurs de saisie. Prévention des erreurs (juridiques, financières, de données) Permettre aux utilisateurs d'être alertés en cas d'erreurs de saisie, d'identifier et de corriger celle-ci pour les saisies à caractères juridiques, financières, de données. Certains utilisateurs ayant un handicap sont susceptibles de faire plus d'erreurs de saisie que les utilisateurs n'ayant aucun handicap. Il est donc important d'éviter aux utilisateurs des erreurs de saisie. Principe 4 : robuste Analyse syntaxique (4.1.1) Permettre aux agents utilisateurs et aux technologies d'assistance d'interpréter correctement les contenus balisés. En effet, la présence d'erreurs dans l'utilisation d'une grammaire formelle définie par le W3C peut perturber le bon fonctionnement des technologies d'assistance.

- Pour chaque page HTML ou XHTML, déclarer l'utilisation d'une DTD par l'instruction ! DOCTYPE,

- Effectuer cette déclaration avant la balise html, - Utiliser une syntaxe de déclaration validée par le W3C - Vérifier la validité du document en regard de la déclaration utilisée. La validité des documents

HTML/ XHTML peut être vérifiée grâce au validateur HTML - http://validator.w3.org/

Nom, rôle et valeur (4.1.2) Permettre aux agents utilisateurs et aux technologies d'assistance de disposer de l'information nécessaire sur les changements d'états, de valeurs et de nom intervenant dans l'interface utilisateur. Certains contenus ajoutés dans les pages peuvent en effet intégrer leur propre interface de navigation. Dans ce cas, certains utilisateurs peuvent se trouver dans l'impossibilité de les utiliser dans leur contexte de navigation si leur interface n'a pas été conçue dans unetechnologie susceptible d'être accessible.

Page 31: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 31 30/09/2016

Il est donc nécessaire de rendre compatibles les éléments « object », « embed » et « applet » avec une API d'accessibilité lorsqu'elle existe, comme l' API d'accessibilité java, les fonctionnalités d'accessibilité de Flash, ou les fonctionnalités d'accessibilités de silverlight2

Page 32: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 32 30/09/2016

5. Règles de navigation

5.1. Navigation de niveau 1 La barre de navigation principale se compose de 3 rubriques de niveau 1 :

- JEUNES - ENTREPRISES - BOÎTE A OUTILS

Les libellés précis seront validés ultérieurement. Sur toutes les pages du site, les 3 rubriques de niveau 1 s’affichent avec la même apparence et dans le même ordre.

5.2. Navigation de niveau 2 Les sous-rubriques de niveau 2 s’affichent au passage du pointeur sur les rubriques de niveau 1. Elles apparaissent dynamiquement en se positionnant sous la barre de navigation de niveau 1. En poursuivant son pointeur sur une sous-rubrique de niveau 2, l’internaute sélectionne la sous-rubrique de son choix en cliquant dessus. Une fois sélectionnée la barre de navigation de niveau 2 disparait.

5.3. Navigation de niveau 3 Les rubriques de niveau 3 ne sont pas accessibles directement depuis la navigation horizontale du haut de page. L’accès aux rubriques de niveau 3 n’est possible qu’après sélection d’une rubrique de niveau 2. Les pages qui composent le niveau 3 d’une rubrique de niveau 2 s’affichent dans la colonne de droite. Par défaut, l'objet affiché en page d'accueil est le premier élément de la navigation de niveau 3. Les autres éléments sont positionnés dans la colonne de droite selon un ordre de classement. En cliquant sur un des objets de la colonne de droite celui-ci s'affiche en lieu et place de la page d'accueil. L'objet de la page d'accueil prend place dans la colonne de droite.

5.4. Barre de navigation secondaire Placée dans le footer, la barre de navigation secondaire se compose de 3 entrées :

- Partenaires - Mentions légales - Accessibilité

Elle est située en pied de page. Ces 3 entrées pointent vers des pages de type ARTICLE :

- PARTENAIRES_ACCUEIL - MENTIONS_LEGALES_ACCUEIL - ACCESSIBILITE_ACCUEIL

L'administrateur pourra ajouter des entrées supplémentaires.

Page 33: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 33 30/09/2016

5.5. Plan Le plan situé en bas de page de toutes les pages du site affiche de façon organisé l’ensemble des liens vers les rubriques de niveau 1 et 2. Toute modification de l’architecture du site entraînera la mise à jour automatique de ce plan.

5.6. Barre d’outils Cette barre propose plusieurs fonctions représentées chacune par un picto.

5.6.1. Pour toutes les pages Cette barre d’outils est composée des éléments suivants :

- Imprimer Cette fonction lance l’impression de la page en cours. L’impression des pages du site APDL porte uniquement sur le contenu. Elle ne doit donc pas prendre en compte les éléments de l’inferface web. Une feuille de style CSS devra être définie pour l’impression des pages. Eléments à intégrer :

o en haut de page, affichage de « Apprentissage Pays de la Loire » + date de l’impression.

o en pied de page, affichage de l’adresse de la page.

- Facebook Cette fonction permet à l’internaute de partager la page sur son Profil Facebook - Twitter Cette fonction permet à l’internaute de partager la page sur son Profil Twitter - Google + Cette fonction permet à l’internaute de partager la page sur son Profil Google+ - Envoyer par e-mail Cette fonction permet à l’internaute d’ouvrir sa messagerie et d’envoyer l’url de la page aux destinataires de son choix.

5.6.2. Uniquement sur certaines pages - Pdf Cette fonction lance la création d’un fichier pdf de la page en cours. Il s’agit des pages : - Fiche établissement - Article

Des maquettes seront fournies au prestataire pour ces pages. Le Carif-Oref attachera une importance particulière à la capacité du prestataire à respecter les mises en pages proposées.

Page 34: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 34 30/09/2016

5.6.3. Partage sur les réseaux sociaux – méta-données Le prestataire veillera à la qualité de l’affichage des contenus du site APDL partagé sur les réseaux sociaux. Ainsi, il intégrera dans son développement les recommandations des réseaux sociaux suivant : - Facebook : https://developers.facebook.com/docs/sharing/webmasters - protocole open Graph - Twitter : https://dev.twitter.com/cards/overview - Twitter cards - Instagram : à compléter

5.7. Retour à la page d’accueil Depuis n’importe quelle page du site, l’internaute peut revenir à la page d’accueil en cliquant sur le logo.

5.8. Chemin de fer Hormis la page d’accueil, toutes les pages du site possèdent un chemin de fer. Il intègre le niveau 1, le niveau 2 et le titre de la page.

5.9. Bloc de lancement latéral Un bloc de lancement apparaîtra en permanence sur la droite du site, en bordure d’écran. Ce bloc permettra d’accéder directement et quel que soit la page du site à certains services : - Bourse des contrats d’apprentissage : lien vers le formulaire (voir 16) - Simulateur (voir 10) - Aide en ligne (voir 7) L’administrateur du site pourra ajouter ou supprimer de nouveaux boutons de lancement direct.

Figure 5 - exemple bloc d'appel direct

Page 35: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 35 30/09/2016

5.10. Liens d’évitement Le haut de chaque page du site sera occupé par une barre de navigation avec des liens d’évitement :

- Aller au menu : raccourci vers la navigation de niveau 1 - Aller au contenu : raccourci vers le premier bloc - Plan du site : raccourci vers le pied de page

Cette ligne de navigation n’est pas visible mais le devient dès que l’internaute utilise la touche tabulation comme moyen de navigation.

Page 36: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 36 30/09/2016

6. Page d'accueil

La page d'accueil du site APDL est composée des éléments suivants : - Barre réseaux sociaux

- Logo et barre de navigation 1 et 2

- Fonction Rechercher - Carrousel - Blocs d'accès direct - services

- Agenda

- Lecteur vidéo

- Zoom sur - Bloc d'accès direct - contenus

- Pied de page

Figure 6 - Page d’accueil – navigation 1

Page 37: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 37 30/09/2016

Figure 7 - Page d'accueil - avec navigation 2

6.1. Liens d’évitement

Le haut de chaque page du site sera occupé par une barre de navigation avec des liens d’évitement :

- Aller au menu : raccourci vers la navigation de niveau 1 - Aller au contenu : raccourci vers le premier bloc - Plan du site : raccourci vers le pied de page

Cette ligne de navigation ne sera pas visible mais le deviendra dès que l’internaute utilisera la touche tabulation comme moyen de navigation.

Page 38: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 38 30/09/2016

6.2. Barre Réseaux sociaux Ce bloc regroupe :

- la page Facebook (en cours de définition) - la chaine YouTube Région Pays de la Loire > playlist apprentissage - flux RSS du site OPDL - lien messagerie

6.2.1. La page Facebook (en cours de définition) Le visuel Facebook pointe vers l’URL : URL à fournir La page Facebook APDL s’ouvre dans une nouvelle fenêtre.

6.2.2. La chaine YouTube Le visuel YouTube pointe vers l’URL : URL à fournir La page YouTube Région Pays de la Loire s’ouvre dans une nouvelle fenêtre.

6.2.3. Flux RSS Apprentissage du site OPDL Le visuel flux RSS pointe vers une page du site APDL intégrant le flux RSS Apprentissage du site OPDL : http://www.cdr-copdl.fr/rss.php?id=8 Cette page est une page [FLUX RSS]. Elle est gérée entièrement par le webmestre. L’internaute pourra s’abonner au flux en cliquant sur le visuel : RSS

6.2.4. Messagerie En cliquant sur l’icône Message, l’internaute ouvre sa propre messagerie. L’adresse du destinataire est pré-renseigné : [email protected] (temporaire)

6.3. Bandeau haut Cette partie est composée de trois éléments :

- le logo et la base line

- les barres de navigation 1 et 2 : voir 5.2 pour le fonctionnement - le moteur de recherche sur le site. Le fonctionnement du moteur de recherche global est

décrit en 8

6.4. Carrousel

La page d’accueil présente un carrousel qui affiche sous forme de défilement 3 visuels. Chaque visuel est composé d’une photo et d’une accroche. L’internaute ne peut pas inter-agir avec le défilement du carrousel. Un visuel de défilement précise l’état du défilement. La carrousel est administré depuis l’adminsite : - changement d’image - changement de texte - ordre de défilement

Page 39: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 39 30/09/2016

6.5. Blocs d’accès direct - Services Des blocs dits d’accès directs permettent à l’internaute dès la page d’accueil d’accéder à certains objets du site sans passer pas les menus de navigation. Chaque bloc est composé d’une image et d’un texte d’appel. Ceux-ci sont paramétrables depuis l’adminsite. Pour autant leur taille et leur positionnement sur la page d’accueil ne sont pas modifiables en adminsite. Sur la maquette de la page d’accueil, ces blocs sont :

- Déposez ou trouvez une offre de contrat d’apprentissage : lien vers la Bourse des contrats d’apprentissage - Jeunes ou entreprises, faites une simulation de salaire et d’aides : lien vers le simulateur - Carte interactive des formations : lien vers la rubrique Formation - Témoignages : lien vers la rubrique Vidéos - Aide en ligne : lien vers une page de présentation de la plateforme téléphonique du Carif-Oref et de la plateforme Mon orientation en ligne. Voir la page du site Orientation Pays de la Loire : http://www.orientation-paysdelaloire.fr/Contacter-des-charge-e-s-d-informations Cette page propose un formulaire de rappel gratuit.

6.6. Vidéo La page d’accueil propose une vidéo. Cette vidéo pourra provenir soit : - de la médiathèque du CMS, - soit d’une chaine type YouTube. La sélection de la vidéo de la page d’accueil est gérée depuis l’adminsite.

6.7. Blocs d’accès direct – Editorial Cette partie de la page d’accueil se décompose d’éléments qui appellent directement des articles du site sans passer par les menus de navigation. Un premier est composé d’une image, d’un titre et d’une accroche et d’un Lire la suite qui pointe vers l’article Trois autres se limitent à un titre qui pointe vers l’article. Ces blocs d’accès direct sont paramétrables depuis l’adminsite.

6.8. Footer Le footer est composé : - du logo Apprentissage Pays de la Loire - du plan du site : voir 5.5 - d’une barre réseaux sociaux : voir 6.2 - de la barre de navigation secondaire : voir 5.4

Page 40: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 40 30/09/2016

7. Aide en ligne La page Aide en ligne est une page Article, rattachée à la Boîte à outils mais non visible. Elle est accessible, à ce jour, uniquement depuis la page d’accueil Cette page propose un formulaire de rappel gratuit.

7.1. Formulaire de rappel gratuit

Figure 8 - Formulaire de rappel

Ce formulaire s’affiche en pop up modale. S’il n’a pas validé sa demande ou coché la case de fermeture en haut à droite du formulaire, l’internaute ne peut pas retourner sur le site. Le formulaire se compose des éléments suivants : Un bandeau Rappel gratuit Du lundi au jeudi de 9h00 à 17h00 et le vendredi de 9h00 à 13h00

Page 41: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 41 30/09/2016

Texte de présentation « Nos chargé-es d’information vous rappellent gratuitement pour répondre à toutes vos questions. Inscrivez votre numéro de téléphone ou celui d’une ligne où vous pouvez être joint. Nous vous rappelons au moment qui vous arrange. » Zone de saisie 1 : Votre numéro de téléphone Cette zone de saisie est paramétrée afin de n’accepter que des chiffres, au maximum 10. Les touches tabulation ou point ou / n’affichent rien dans la zone. Zone de saisie 2 : Quand souhaitez-vous être rappelé ? Cette zone présente :

o un calendrier mensuel : ce calendrier est positionné par défaut sur la date du jour. Il permet de sélectionner un rendez-vous dans les 10 jours ouvrés qui suivent la date du jour. Au-delà, les dates ne sont pas sélectionnables. Si les 10 jours ouvrés se situent en partie sur le mois suivant une flèche permet à l’internaute de l’afficher. La date sélectionnée par l’internaute s’affiche dans un emplacement prévu à cet effet.

o Une liste déroulante affichant des créneaux horaires : Si l’internaute choisit un lundi, mardi, mercredi ou jeudi les créneaux sont :

9h00 – 11h00 / 11h00 – 13h00 / 13h00 – 15h00 / 15h00 – 17h00 Si l’internaute choisit un lundi, mardi, mercredi ou jeudi les créneaux sont :

9h00 – 11h00 / 11h00 – 13h00 Le créneau sélectionné vient compléter le choix de la date dans l’emplacement prévu à cet effet.

L’internaute peut ensuite envoyer sa demande de rappel en cliquant sur : Envoyer ma demande de rappel Les informations de l’internaute sont envoyées à l’adresse suivante : [email protected] Un message (pop up) remercie l’internaute et lui confirme que sa demande a bien été envoyée. L’internaute doit refermer cette pop up avec la case à cocher prévue cet effet.

7.2. Mise à jour du formulaire de rappel gratuit Les textes du formulaire doivent pouvoir être modifiés par l’administrateur du site. Cette mise à jour peut être proposée par un process autre que l’adminsite. Le process retenu devra être appliqué au formulaire disponible depuis le site OPDL.

Page 42: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 42 30/09/2016

8. Moteur de recherche global

8.1. Implantation et modalités de recherche Le module de recherche global est présent sur toutes les pages du site Apprentissage Pays de la Loire, dans le header. Il est situé en haut et à droite de chaque page. L’internaute saisit les termes de sa recherche dans un champ unique de saisie et valide par un bouton OK ou par la touche Entrée de son clavier. Le moteur de recherche utilisé est le moteur Solr. Lors de sa recherche, l’internaute se voit proposer des termes complétant la chaîne de caractère qu’il est en train de saisir. La liste des termes proposés s’actualise au fil de la saisie de l’internaute. Ces termes s’affichent en dessous du champ de saisie. A l’aide de sa souris, l’internaute peut sélectionner un des termes proposés et lancer sa recherche.

8.2. Périmètre de la recherche La recherche de l’internaute porte sur l’indexation des bases de données suivantes :

- Base de données APDL du CMS, - Base de données de diffusion APDL,

Et sur les objets suivants :

- Article - Vidéo - CFA

8.3. Restitution du résultat La liste de résultat doit s’afficher sur une nouvelle page. Les résultats sont triés par ordre de pertinence. Chaque résultat se décompose en trois parties principales :

- le type de l’objet, - le titre de l’objet : ce titre constitue une URL vers la page correspondante du site, - le descriptif de l’objet trouvé : accroche

Le lien url ouvre une nouvelle fenêtre.

Page 43: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 43 30/09/2016

9. Plugins

9.1. Destineo - webservice Destineo est un système d’information multimodale en région des Pays de la Loire accessible par internet. Le site de Destineo est : www.destineo.fr Une marque grise peut être intégrée dans des sites partenaires. Une demande en ce sens a été effectuée par le Carif-Oref des Pays de la Loire. Le site APDL proposera ce formulaire à partir de plusieurs pages :

page Etablissement (rubrique Formation)

page Entreprise (rubrique Bourse) Le formulaire Destineo propose un champ Lieu d’arrivée. Ce champ devra être pré-renseigné avec l’adresse de l’établissement ou de l'entreprise présentée sur la page. L’internaute n’a plus qu’à renseigner le champ lieu de départ. La validation de la recherche envoie vers le site Destineo.

9.2. Crij des Pays de la Loire Le Crij des Pays de la Loire propose un formulaire à intégrer sur des sites partenaires : Je vis en Pays de la Loire, à quoi ai-je le droit ? Voir sur : www.infos-jeunes.fr Le Crij des Pays de la Loire fournira tous les éléments techniques pour l'intégration du formulaire sur le site APDL et pour son paramétrage. Le formulaire du Crij sera présent sur la page :

page Aides (rubrique Jeunes)

9.3. Quizz Onisep L’Onisep des Pays de la Loire a développé un questionnaire d’intérêts sur les métiers. Ce questionnaire est aujourd’hui intégré sur son propre site (CMS eZpublish) : http://www.onisep.fr/Mes-infos-regionales/Pays-de-la-Loire/Quiz-Olympiades-des-Metiers Après des adaptations apportées par l’Onisep, le questionnaire devra être intégré sur la site Apdl.

Page 44: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 44 30/09/2016

10. Simulateur des aides Un formulaire a déjà été réalisé : le simulateur des aides. Il est aujourd’hui intégré au site Orientation Pays de la Loire mais non visible. L’accès est néanmoins possible via le site de pré-production de OPDL :

http://ppd.orientation-paysdelaloire.fr/Simulateur-des-aides-a-l-apprentissage-Pays-de-la-Loire/Onglet/Simulateur-des-aides-a-l-apprentissage Cette adresse ne doit en aucun cas être communiquée. Ce formulaire devra être intégré au site APDL.

Figure 9 - Simulateur des aides

Page 45: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 45 30/09/2016

11. Rubrique Jeunes Le libellé de chacune des rubriques n'est pas définitif à l'heure de la rédaction du cahier des charges.

11.1. L'apprentissage, c'est quoi ? - niveau 2

11.1.1. Pages Articles Un investissement gagnant - Article - rang 1 - Région Le contrat d'apprentissage - Article - rang 2 - Onisep La découverte des métiers – Article – rang 3 - ? L'apprentissage dans le supérieur - Article - rang 4 - Onisep L'apprentissage et public en situation de handicap - rang 5 - Onisep La mobilité européenne - rang 6 - Crij

11.2. Devenir apprenti - niveau 2

11.2.1. Pages Articles Les conditions et démarches pour devenir apprenti - Article - rang 2 - Onisep Les droits et devoirs de l'apprenti - Article - rang 3 - Onisep Rédiger un CV et une lettre de motivation - rang 4 - Crij Pays de la Loire

11.2.2. Pages Formulaire Bourse des contrats d’apprentissage – Formulaire – rang 1 – Carif-Oref Voir : 16

11.3. Les aides – niveau 2 11.3.1. Pages articles

Les aides régionales pour les apprenti.e.s – article – rang 1 – Carif-Oref des Pays de la Loire La mobilité géographique – transport – article – rang 3 – Crij des Pays de la Loire Le logement – rang 4 – Crij des Pays de la Loire

11.3.2. Page Formulaire Simulateur des aides – formulaire – rang 2 – Carif-Oref des Pays de la Loire Voir : 10

11.3.3. Page webservice Je vis en Pays de la Loire. A quoi ai-je le droit ? – 5 – Crij des Pays de la Loire Voir : 9.2

11.4. Métiers

11.4.1. Pages Formulaires Recherche Métiers – formulaire – rang 1 – Carif-Oref des Pays de la Loire Ce formulaire permet de faire une recherche sur les métiers à partir d’un champ de recherche libre ou des familles de métiers. Les données métiers sont présentes dans la base de diffusion du site APDL.

Page 46: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 46 30/09/2016

Figure 10 - Formulaire de recherche Métiers

Un premier champ de recherche permet à l’internaute de saisir le libellé d’un nom de métier

Champs de recherche et champs de la BD Cette recherche propose un champ de saisie dans lequel l’internaute saisit le nom d’un métier. Ce champ interroge le libellé métier et le libellé des synonymes. Autocomplétion : oui En saisissant, l’internaute déclenche l’auto-complétion : affichage des libellés métiers. Lancement de la recherche L’internaute lance la recherche en cliquant sur le visuel « loupe » ou la touche ENTREE de son clavier. Affichage des résultats

Page 47: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 47 30/09/2016

Le résultat de la recherche s’affiche sur une nouvelle page. En cas de recherche infructueuse, un message invite l’internaute à relancer sa recherche. Ce message apparait en pop up modale.

Aucun résultat ne correspond à votre recherche

La liste affiche les libellés métier et non les libellés de synonymes métiers. Les libellés métiers sont triés par ordre alphabétique. Chaque libellé métier pointe vers la fiche la FICHE_METIERS du site OPDL. L’affichage de chaque métier est composé de : - Titre - Accroche métier - Descriptif métier - Lien Vidéo Chaque métier peur être associé à une ou plusieurs vidéos. Les vidéos avec une priorité 1 apparaissent avec leur vignette sur la liste de résultats. En cliquant sur la vignette, l’internaute ouvre une lightbox permettant la lecture de la vidéo. Cette lightbox affiche en haut et à droite une croix de fermeture.

Figure 11 - Formulaire Métiers - résultats

Page 48: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 48 30/09/2016

Une deuxième recherche permet à partir d’une famille de métiers d’afficher dans la liste de résultats les métiers associés à la famille choisie. Champs de recherche et champs de la BD

Ce formulaire présente les familles de métiers en 24 (à vérifier) images. En cliquant sur une famille de métiers, l’internaute lance la recherche.

Lancement de la recherche L’internaute lance la recherche en cliquant sur l’image d’une famille de métier de son choix. Affichage des résultats Idem la recherche libre

Les deux recherches sont indépendants l’une de l’autre. 11.4.2. Page Articles

La découverte des métiers – Article – rang 3 - ?

11.4.3. Autres pages formulaire Quizz ONISEP – formulaire – rang 2 – voir 9.3

11.5. Formations

Préambule : - un CFA est un établissement unique ou auquel sont associés d’autres établissements - un CFA-établissement associé est un établissement qui dispense notamment des formations en apprentissage et qui est associé à un CFA. Il y a 53 CFA dans la région et quelques 200 CFA-établissements associés La recherche porte sur les CFA, les CFA-établissements associés et leurs formations. L’ensemble des données sont présentes dans la base de données de diffusion APDL.

11.5.1. Page Formulaire de recherche Le formulaire affiche, par défaut, les champs de recherche et les visuels des 53 CFA de la région des Pays de la Loire. Un bouton permet de basculer en mode carte. Champs de recherche - Recherche libre Dans le champ de saisie, texte suivant : ex : boulanger, bts, design, mode… Zone de saisie avec auto complétion - Recherche avancée

Domaine de formation : liste déroulante

Diplôme : liste déroulante

Département : liste déroulante Aucun critère n'est obligatoire. Opérateur logique entre chaque critère : OU

Page 49: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 49 30/09/2016

Description du passage Recherche libre > Recherche avancée Les deux recherches ne sont pas associées Lancement de la recherche Recherche libre Au fur et à mesure de sa saisie, le résultat s’actualise Recherche avancée En sélectionnant un critère, le résultat s’actualise. Affichage des résultats Le résultat s’affiche dans la même page et sous la forme des visuels de chaque CFA ou des CFA-établissements associés.

Figure 12 - Formulaire Formation

Page 50: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 50 30/09/2016

11.5.2. Page CFA

En cliquant sur le visuel d’un CFA ou d’un CFA-établissement associé, l’internaute ouvre une nouvelle page : la page du CFA. Cette page se compose des éléments suivants : - Visuel - Nom du CFA - Liste des CFA-établissements associés – avec expand - Un bloc d’informations sur le CFA

Adresse

Site web

e-mail

Téléphone

Nom du contact - le webservice Destineo : voir 9.1 Expand sur les CFA-établissements associés En cliquant sur le libellé d’un CFA-établissement associé, l’internaute déplie la liste de formations. Champs : libellé + niveau + lien OPDL En cliquant sur le lien OPDL, l’internaute est redirigé vers la fiche formation correspondante sur le site OPDL.

11.5.3. Scénarios de recherche Scénario 1 : résultat CFA ou CFA-établissement associé Liste de résultats CFA ou CFA-établissement associé Pour le CFA : visuel du CFA + libellé du CFA Pour le CFA-établissement associé : visuel du CFA + libellé du CFA-établissement associé Fiche CFA Pour le CFA : informations de base (voir 11.5.2) + bloc formations déplié Pour le CFA-établissement associé : informations de base du CFA + bloc CFA-établissement associé déplié Scénario 2 - résultat formation Liste de résultats CFA ou CFA-établissement associé Pour le CFA : visuel du CFA + libellé du CFA Pour le CFA-établissement associé : visuel du CFA + libellé du CFA-établissement associé Fiche CFA Pour le CFA : informations de base (voir 11.5.2) + bloc formations déplié La formation issue de la requête se distingue par une feuille de style différente ou uniquement résultat de la recherche Pour le CFA-établissement associé : informations de base du CFA + bloc CFA-établissement associé déplié. La formation issue de la requête se distingue par une feuille de style différente ou uniquement résultat de la recherche

11.5.4. Formulaire version Carte Sur le formulaire, un bouton permet à l’internaute d’afficher une version carte.

Page 51: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 51 30/09/2016

Cette version carte géolocalise les CFA ou les CFA-établissements associés sur la carte des Pays de la Loire. Le fonds de carte utilisé est celui de Google Maps. Doivent apparaître les contours de la région des Pays de la Loire ainsi que ceux des 5 départements de la région. Par défaut, sont géolocalisés les 53 CFA. Scénario 1 : résultat CFA ou CFA-établissement associé Liste de résultats CFA ou CFA-établissement associé En cliquant sur le pointeur, l’internaute ouvre une fenêtre. Contenu de la fenêtre pour un CFA :

visuel

nom du CFA

commune

Lien vers la fiche établissement : fiche CFA ou fiche CFA-établissement avec le bloc établissement associé déplié

Contenu de la fenêtre pour un CFA-établissement associé

visuel

nom du CFA + nom de l’établissement associé

commune

Lien vers la fiche établissement : fiche CFA ou fiche CFA-établissement avec le bloc établissement associé déplié

Scénario 2 - résultat formation Si la recherche est un résultat formation, la carte géolocalise le CFA ou le CFA-établissement associé dont dépend la formation En cliquant sur le pointeur, l’internaute ouvre une fenêtre. Liste de résultats CFA ou CFA-établissement associé Pour le CFA : visuel du CFA + libellé du CFA Pour le CFA-établissement associé : visuel du CFA + libellé du CFA-établissement associé Fiche CFA Pour le CFA : informations de base (voir 11.5.2) + bloc formations déplié La formation issue de la requête se distingue par une feuille de style différente. Pour le CFA-établissement associé : informations de base du CFA + bloc CFA-établissement associé déplié. La formation issue de la requête se distingue par une feuille de style différente.

Page 52: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 52 30/09/2016

12. Rubrique Employeur

12.1. Recruter un apprenti

12.1.1. Pages articles

- Un investissement gagnant - Article - rang 1 – Chambres consulaires - Qui peut m’accompagner dans ma démarche de recrutement d’un apprenti - Article - rang 3 –

Chambres consulaires - Les formalités - Article - rang 4 – Chambres consulaires - Les stages - rang 5 – ?

12.1.2. Page formulaire

La bourse des contrats d’apprentissage - rang 2 – Carif-Oref Quelles formations - formulaire - rang 6 - Carif-Oref

12.2. Les aides

12.2.1. Pages articles

- Les avantages de l’apprentissage – article – rang 1 - Carif-Oref - Les aides régionales – article – rang 3 - Carif-Oref - La rémunération d'un apprenti - article - 4 ?

12.2.2. Page formulaire

Le simulateur des aides – rang 2 – Carif-Oref – (voir 10)

12.3. Le maître d’apprentissage

12.3.1. Pages articles

- Conditions – formation – article – rang 1 – Chambres consulaires - Témoignages des maîtres d’apprentissages – article – rang 2 – Chambres consulaires - Contour juridique du contrat d'apprentissage : les bons interlocuteurs - article - rang 3 - MOOC de l'Université de Nantes - article - rang 4

Page 53: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 53 30/09/2016

13. La boîte à outils La boîte à outils est organisée en 4 sous rubriques dont 3 sont identiques sur leur fonctionnement :

- formateurs – informateurs - jeunes - employeurs

Le cahier des charges décrit la première sous-rubrique : formateurs-informateurs

13.1. Formateurs-informateurs

13.1.1. Présentation Cette page possède un texte introductif et une image bandeau. Puis elle présente une liste d’objets de la Médiathèque du CMS. Ces objets sont :

- URL - Fichiers

Les objets sont classés selon un numéro d’ordre.

13.1.2. Fonctionnement En adminsite, chaque objet peut être associé à une ou plusieurs sous-rubriques. L’association à une sous-rubrique entraine l’affichage de l’objet sur la page. Au sein de la rubrique, l’objet a son propre numéro d’ordre. En front :

- URL : en cliquant sur l’URL, l’internaute ouvre un nouvel onglet - Fichier : en cliquant sur le libellé du fichier, l’internaute lance le téléchargement du fichier

13.1.3. Descriptif

URL : Texte (avec lien URL) – descriptif Fichier : Titre (avec lien de téléchargement) – Auteur-Edition

13.1.4. Foire aux questions La foire aux questions présente une liste des questions et une réponse pour chaque question. Scénario Chaque question est présentée dans un bloc avec expand. En cliquant sur le picto (flèche), l’internaute déplie la réponse. Le picto change de sens. En cliquant à nouveau sur ce même picto, l’internaute referme la réponse. En cliquant sur un nouveau picto alors qu’une question est toujours ouverte, cette dernière se referme. Catégorie et bloc de questions Chaque question est associée à une catégorie. La catégorie apparait sur la page en titre de chaque bloc de questions. Un visuel permet de déplier toutes les questions d’un même bloc de questions. Les questions au sein d’une même catégorie possèdent un numéro d’ordre qui détermine leur classement. Réponse

Page 54: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 54 30/09/2016

La réponse est rédigée dans l’adminsite à partir d’un éditeur de texte complet : mise en forme, tableau, intégration d’images, de vidéos, d’url. La réponse n’est pas limitée en nombre de caractère. Cette nouvelle classe devra être importée dans l'univers OPDL

Page 55: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 55 30/09/2016

14. Agenda Recherche Agenda – formulaire – Carif-Oref des Pays de la Loire La recherche porte sur les événements de la Médiathèque du CMS. L’administrateur pourra créer des événements à partir de l’adminsite APDL ou bien les dupliquer depuis l’adminsite d’OPDL.

Figure 13 - Formulaire de recherche Evènements

14.1.1. Page Formulaire de recherche Le formulaire affiche, par défaut, les critères de recherche et les visuels des événements en cours.

Page 56: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 56 30/09/2016

Un bouton permet de basculer en mode carte. Les événements en cours sont des événements visibles et dont la date de dépublication est toujours valide. Champs de recherche - Type d’événements Les types d’événements correspondent à des champs d’indexation des événements dans la base du CMS. - Départements Chaque événement est associé à une géolocalisation ou à une ville (voir la classe actuelle Evénement dans OPDL). Il faudra en déduire le département. Lancement de la recherche En sélectionnant un critère, le résultat s’actualise. Entre tous les critères, appliquer l’opérateur booléen OU Affichage des résultats Le résultat s’affiche dans la même page et sous la forme de blocs. Le nombre de résultats s’affiche en direct. Dans chaque bloc :

- Image - Libellé - Date début ou date de début – date de fin - Ville - Descriptif - Titre url (avec lien url)

14.1.2. Formulaire version Carte

Sur le formulaire, un bouton permet à l’internaute d’afficher une version carte. Cette version carte géolocalise les événements sur la carte des Pays de la Loire. Le fonds de carte utilisé est celui de Google Maps. Doivent apparaître les contours de la région des Pays de la Loire ainsi que ceux des 5 départements de la région. Par défaut, sont géolocalisés tous les événements visibles. Lancement de la recherche En sélectionnant un critère, le résultat s’actualise sur la carte. Entre tous les critères, appliquer l’opérateur booléen OU Affichage des résultats Le résultat s’affiche dans la même page et sous la forme de pointeurs. Le nombre de résultats s’affiche en direct. En cliquant sur le pointeur, l’internaute ouvre une fenêtre. Contenu de la fenêtre pour un événement :

- libellé - Date début ou date de début – date de fin - Ville - Descriptif - Titre url (avec lien url)

Page 57: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 57 30/09/2016

15. Portail Vidéo

Recherche Vidéos – formulaire – Carif-Oref des Pays de la Loire Ce formulaire de recherche permet de faire une recherche sur les objets vidéos présents dans la Médiathèque du CMS.

Figure 14 - Formulaire de recherche Vidéos

Les vidéos disponibles sur le site proviennent de deux sources :

- chaine Youtube OPDL - chaine Youtube APDL - source externe (ex. Télénantes, ONISEP TV)

Dans le premier cas, la vidéo est lisible à partir du lecteur embarqué dans la page.

Page 58: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 58 30/09/2016

Dans le deuxième cas, la vidéo est lisible depuis le site proposant la vidéo sur ses propres pages. La vidéo est néanmoins présente comme objet dans la médiathèque du CMS et visible dans la page. A la différence du premier scénario, la lecture de la vidéo ne s’effectue pas dans les pages du site APDL mais dans un nouvel onglet et sur le site associé. Champs de recherche - Recherche libre La recherche libre porte sur les champs : libellé - description - auteur - métier - tag (à préciser) - Famille de métiers La recherche porte sur l'indexation = champ Famille formulaire Lancement de la recherche La page d'accueil du formulaire affiche toutes les vidéos classées par ordre alphabétique du libellé. En sélectionnant un critère, le résultat s’actualise. Entre tous les critères, appliquer l’opérateur booléen ET La liste de résultat Le résultat de la recherche s’affiche directement dans le corps de la page. Chaque vidéo apparait sous forme d’une vignette associée à son titre. Les vidéos sont triées par ordre alphabétique de leur titre et sur trois colonnes. En cliquant sur une vignette, deux scénarios possibles :

- lecture de la vidéo dans le lecteur sur la page, - ouverture d’un nouvel onglet pour lecture de la vidéo sur le site associé.

En cas de recherche infructueuse, un message invite l’internaute à relancer sa recherche. Dans chaque bloc :

- Vignette - Libellé de la vidéo

Lancement de la vidéo En cliquant sur une vignette, la vidéo prend place dans le lecteur. L'internaute déclenche la visualisation avec le bouton de lancement vidéo. Sous la vidéo affichage des champs : - libellé - auteur-éditeur - date URL En cliquant sur une vignette, l'url de la page se modifie pour permettre un lien profond vers la vidéo sélectionnée. Vidéo par défaut En arrivant sur la page, une vidéo sélectionnée depuis l'adminsite est affichée dans le lecteur. URL avec tag Le bloc Témoignages de la page d'accueil pointe vers le formulaire vidéos en ayant filtré les vidéos indexées avec le tag Témoignages.

Page 59: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 59 30/09/2016

16. Bourse des contrats d'apprentissage

16.1. Contexte Entreprise : une entreprise ou un artisan qui a pour projet de recruter un apprenti Candidat : un jeune qui recherche un contrat d’apprentissage Développeur : professionnel(s) au sein d’un CFA en charge de la gestion des offres et des candidatures. Cette personne accède à l’extranet Administrateur : professionnel(s) – à ce jour doit être précisé. L’administrateur coordonne l’ensemble du service. Accède à l’extranet. Le site Apprentissage des Pays de la Loire propose un service de Bourse des contrats d’apprentissage en Pays de la Loire. Les objectifs de cette bourse est triple :

mettre en visibilité les offres de contrats d’apprentissage dans les Pays de la Loire. Aujourd’hui plusieurs sites (CFA, Chambres consulaires, Pôle emploi…) proposent des offres. Le site APDL offrira une entrée de « référence » connue par l’ensemble des acteurs de l’apprentissage. La communication et l’animation permettront tout au long de l’année de valoriser ce service

augmenter le flux d’offres disponibles. Cette mise en visibilité doit inciter les « offreurs » à utiliser ce service.

favoriser la mise en relation entre un candidat et un offreur. Le service doit permettre à un jeune de repérer facilement les offres de contrat d’apprentissage et inversement à l’offreur de prendre connaissance des candidatures qui peuvent répondre à son offre

Sur le site APDL, seront proposés les services suivants :

o consultation des offres o consultation des candidatures o dépôt d’une offre o dépôt d’une candidature

L'ensemble des offres et des candidatures seront gérées depuis un extranet. Cet extranet est un outil de la société Xadia qui mettra à disposition du prestataire les connecteurs nécessaires à l'échange des données (requêtes et données de résultats) entre le site APDL et l'extranet. Pour information, l'extranet réservé aux administrateurs de la bourse offre les services suivants :

o dépôt d’une offre o consultation des offres o gestion et suivi d’une offre o gestion et suivi d’une candidature o consultation des candidatures

Page 60: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 60 30/09/2016

16.2. APDL – front office Le service est accessible depuis la page d’accueil et depuis les rubriques JEUNES et ENTREPRISES du site.

16.2.1. Fonction je dépose une offre Qui ? - un offreur Formulaire

Champs

Type de contrat Non visible : par défaut contrat d’apprentissage – présent dans le webservice

Nom de l’entreprise – raison sociale * Texte

Adresse * Texte

CP – Ville * Table

Contact : Nom – prénom* Texte

Mail * Texte formaté

Téléphone fixe ou portable* Texte formaté

Secteur professionnel Liste – code APE (NAF)

Souhaitez-vous être contacté par un conseiller ? *

Oui – non Si oui enregistrement de l’offre

Métier ou diplôme * Liste Rome

Type diplôme * Liste – choix multiples

Date d’embauche prévue Date

Informations complémentaires Texte

Joindre un document

Souhaitez-vous recevoir directement les candidatures *

Oui – Non Si oui, contact = entreprise Si non, formulaire

Souhaitez-vous que cette offre soit transmise à Pôle Emploi ?

Oui – Non

Captcha Définir les modalités

* champs obligatoires Enregistrement de l’offre

Les données sont transmises par webservice sur l’extranet

Un système de notification et de SMS transmet des informations de suivi de l’offre (enregistrement, publication, n° d’offre) à l’entreprise. Ces process sont paramétrés depuis l’extranet.

16.2.2. Fonction je dépose une candidature Qui ? - un jeune Formulaire Lors du dépôt d’une candidature, à l’aide d’un formulaire de rappel (type 0800 200 303), le jeune peut demander à être rappeler au moment de son choix pour être accompagné dans sa démarche de dépôt d’une candidature ou pour une demande d’information. La plateforme téléphonique du Carif-Oref pourrait assurer ce service.

Page 61: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 61 30/09/2016

Champs

Type de contrat Non visible : par défaut contrat d’apprentissage – présent dans le webservice

Lieu de formation Liste des CFA – en première question ? Liste déroulante Avec néanmoins choix : je ne sais pas encore

Civilité * Liste

Nom – Prénom * Texte

Date de naissance * Date

Adresse 1 * Texte

CP – Ville * Avec proposition de la ville (saisie contrôlée)

Mail * Texte formaté

Téléphone fixe ou portable * Texte formaté

Métier ou diplôme * Liste ROME

Type diplôme * Liste – choix mulitple

Zone géographique Liste département

Joindre un CV A usage unique de l’administrateur ou du développeur – accessible depuis l’extranet

Je suis en situation de handicap Oui – Non

Texte sur l’accompagnement SPRO Avec lien vers OPDL – Près de chez moi

Captcha Définir les modalités

* champs obligatoires Enregistrement de la candidature

Les données sont transmises par webservice sur l’extranet

Un système de notification et de SMS transmet des informations de suivi de la candidature (enregistrement, publication, n° de la candidature) au jeune. Ces process sont paramétrés depuis l’extranet.

Si la candidature mentionne un CFA, elle est transmise au développeur du CFA pour validation et publication > en lien avec la question Lieu de formation

16.2.3. Fonction je consulte les offres Recherche Offre – formulaire – Carif-Oref des Pays de la Loire Ce formulaire de recherche permet de faire une recherche sur les offres de contrats d’apprentissage présents dans la base de la bourse d’échange apprentissage. Les critères sélectionnés s’affichent sous les critères de recherche. L’internaute peut les désélectionner (x). Le choix ou la désélection d’un critère actualise la liste des offres affichées en résultats. Critères de recherche

Champ de recherche libre : métier – diplôme

Domaine = Famille de métiers

Zone géographique = département

Type diplôme

Page 62: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 62 30/09/2016

Descriptif de l’offre Les offres s’affichent dans une lightbox

Date de l’offre ?

Référence de l’offre

Métier

Texte complémentaire

Diplôme préparé

Date d’embauche prévue

Commune

Domaine ?

Contact (développeur – entreprise – Pôle Emploi – Chambre d’agriculture)

Nom – prénom

Mail

Téléphone

CFA

Téléphone du CFA

Visuel du CFA Formulaire : le jeune peut envoyer directement un message au contact pour manifester son intérêt pour l’offre et demander à ce qu’on le rappelle : message libre ou formulaire de rappel. La liste de résultat Le résultat de la recherche s’affiche directement dans le corps de la page. Chaque offre apparait sous forme d’une ligne. Les offres sont triées par ordre chronologique (date de l’offre). Les offres s’affichent dans une lightbox Chaque offre doit pouvoir :

- être imprimée - téléchargée en PDF - envoyée par mail - partagée sur les réseaux sociaux (Facebook, Google+)

16.2.4. Fonction je consulte les candidatures Recherche Candidature – formulaire – Carif-Oref des Pays de la Loire Ce formulaire de recherche permet de faire une recherche sur les candidatures en contrats d’apprentissage présents dans la base de la bourse d’échange apprentissage Les critères sélectionnés s’affichent sous les critères de recherche. L’internaute peut les désélectionner (x). Le choix ou la désélection d’un critère actualise la liste des candidatures affichées en résultats. Critères de recherche

Champ de recherche libre : métier – diplôme

Domaine = Famille de métiers

Zone géographique = département

Type diplôme

Etablissement de formation

Page 63: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 63 30/09/2016

Descriptif de la candidature

Date de la demande ?

Référence de l’offre

Métier

Diplôme préparé

Commune

Contact

Nom – prénom si développeur

Mail

Téléphone

CFA

Téléphone CFA

Visuel CFA

Lien vers formulaire de demande de coordonnées du candidat

La liste de résultat Le résultat de la recherche s’affiche directement dans le corps de la page. Chaque candidature apparait sous forme d’une ligne. Les candidatures sont triées par ordre chronologique (date de l’offre). La candidature affiche le contact d'un intermédiaire :

CFA : développeur

Si pas de développeur, via un formulaire, l’entreprise données ses coordonnées à l’administrateur.

o L’administrateur donne les coordonnées de l’entreprise au jeune. (pour éviter les « fausses » entreprises).

Chaque candidature doit pouvoir :

- être imprimée - téléchargée en PDF - envoyée par mail - partagée sur les réseaux sociaux (Facebook, Google+)

Page 64: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 64 30/09/2016

Page 65: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 65 30/09/2016

PARTIE 2 – Cahier des charges technique

Page 66: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 66 30/09/2016

17. CMS eZ Publish

17.1. Caractéristiques Le nouveau site APDL s’appuiera sur le même CMS que l’actuel site OPDL, il s’agit de la version Community Project 2014.7 du CMS EZ Publish.

17.2. Evolutions

Pour accroitre sa stabilité et sa sécurité, le prestataire pourra préconiser l’installation de nouveaux patchs sous réserve de ne pas altérer le bon fonctionnement de l’actuel site OPDL.

Le prestataire pourra proposer un nouvel éditeur de texte permettant d’améliorer les conditions de saisie et potentialités de mise en page.

Le prestataire pourra proposer une solution technique permettant de rendre opérationnelle la fonction Prévisualisation.

18. Architecture et bases de données Ce projet APDL s’inscrit dans une architecture mise en place pour le site OPDL (voir schéma APDL -20.2). Architecture Le site APDL sera installé sur 2 serveurs, l’un assurant la partie web et l’autre la base de données MySQL. Voir les spécifications dans la section « Hébergement » (Voir paragraphe 18.1) Partie données pour le CMS eZ Publish

- La majeure partie des données éditoriales est gérée par la base du CMS eZ Publish.

Partie données pour les écrans de recherche avec Symfony :

- Le site APDL sera alimenté toutes les nuits par une base de diffusion au format MySQL. Celle-ci est une extraction de la base de production du Carif-Oref adaptée aux besoins du site.

- Le prestataire devra mettre en place une alerte email informant de la bonne intégration des données ou de la nature des dysfonctionnements constatés. En cas de dysfonctionnement, le site devra utiliser la précédente version de la base afin que le site puisse rester opérationnel.

Indexation des données pour la recherche avec SOLR

- Le moteur de recherche du site APDL devra permettre une indexation des données à partir de la base eZ publish, de la base MySQL utilisée par Symfony et des offres de la bourse d’échange apprentissage..

- Une attention particulière sera portée sur la qualité des réponses du moteur de recherche.

18.1. Hébergement

Nous disposons de 2 environnements de travail :

- Un environnement de pré-production hébergé par Oceanet. Il s’agit d’une réplication de l’environnement de production. Il a pour objectif de tester toutes les évolutions logicielles,

Page 67: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 67 30/09/2016

applicatives et bases de données avant une mise en production. La mise en place des patches est assurée par le prestataire responsable du développement du site via un accès SSH.

- Un environnement de production également hébergé par Oceanet. La mise en place des patchs est assurée par le prestataire responsable du développement du site après validation dans l’environnement de pré-production par l’équipe du CARIF-OREF. Un accès SSH sera également mis à disposition.

Ci-dessous l’actuelle architecture de l’hébergement assurée par OCEANET :

Type serveurs Hébergement Privé Virtuel

Bande passante 1,5 Mbps

Firewall Firewall Mutualisé

Sauvegarde 20 Go retention 5 jours / VM

Snapshot Hebdomaire 2D Go/ VM

Maintenance Niveau I- Heures ouvrées (8H-12H30 / 14H-18H30)

VM WEB

Nom DNS cariforefweb54.pulsation.fr

Adresse IP wan 80.74.68.82

Vprocesseur 5 Cores

VRAM 10 Go

Vdisque 140 Go

OS version debian 7.10

Apache 2.2.22

PHP 5.4

Tomcat 6.0.28-7

Java 6.22-1

VM DATA

Nom DNS cariforefdata.pulsation.fr

Adresse IP wan 80.74.68.31

Vprocesseur 2 Cores

VRAM 4 Go

Vdisque 50 Go

OS version debian 6.0.3

Apache 2.2.16-3

PHP 5.3.3-2

MySQL 5.1.49-2

Tomcat 6.0.28-7

Java 6.22-1

Solr 1.4.1

Page 68: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 68 30/09/2016

19. Description des objets de la Médiathèque du CMS

- La médiathèque du CMS est composée, aujourd’hui, des objets suivants : Evénement, Fichier, Image, Lien, Vidéo, Article.

19.1. Evénement

Evénement

Libellé

Titre Rss

Accroche

Descriptif

Titre Url

Url

Contact

Date de début

Date de fin

Heure de début

Heure de fin

Partenaire - organisateur

Lieu de l'évènement (Ville)

Type d'événement

Métier

Famille (Sous GFE)

Secteurs

Zones SPO

Dispositif

Date de publication programmée

Date de dépublication programmée

Masquer la colonne droite par défaut

Ville

Métadonnée description

19.2. Fichier

Fichier

Titre

Descriptif

Auteur - Edition

Fichier

Métier

Famille (Sous GFE)

Secteurs

Zones SPO

Dispositif

Tags

Page 69: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 69 30/09/2016

19.3. Image

Image

Titre

Descriptif

Auteur - Edition

Image

Métier

Famille (Sous GFE)

Secteurs

Zones SPO

Dispositif

Tags

19.4. Lien

Lien

Titre

Accroche

Descriptif

Url

Ouvrir dans une nouvelle fenêtre

Métier

Famille (Sous GFE)

Secteurs

Zones SPO

Dispositif

Photo carrousel

Tags

Photo actualité

19.5. Vidéo

Vidéo

Titre

Descriptif

Auteur - Edition

URL vidéo

URL vidéo externe

Vignette vidéo

Image vidéo

Métier

Famille (Sous GFE)

Famille - formulaire de recherche (GFE)

Page 70: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 70 30/09/2016

Secteurs

Zones SPO

Dispositif

Tags

Priorité (association métier)

Par défaut sur page d'accueil du formulaire

19.6. Article – nouvel objet

Article

Titre

Accroche

Descriptif

Auteur - Edition

Titre Url

Url

Contact

Partenaire

Métier

Famille (Sous GFE)

Secteurs

Zones SPO

Dispositif

Tags

Date de publication programmée

Date de dépublication programmée

Masquer la colonne droite par défaut

Photo (carrousel)

Métadonnée description

Photo (bandeau article)

numéro d'ordre - niveau 3

expand ? Cette nouvelle classe devra être importée dans l'univers OPDL

Page 71: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 71 30/09/2016

20. Annexes

20.1. Adresses – contacts CARIF-OREF des Pays de la Loire Centre d’Animation et de Ressources pour l’Information sur la Formation, Observatoire Régional Emploi Formation des Pays de la Loire 2 rue de la Loire – 2e étage 44265 NANTES cedex 2 Tel: 02 40 20 21 31 Contacts : Luc Raveleau – chef de projet APDL Tel. 02 40 20 15 99 Service Systèmes d’information et bases de données Bruno Gilbert – Service Systèmes d’information et bases de données – Responsable Tel. 02 40 20 33 56 Corinne Haranger – Service Systèmes d'information et Bases de données – Informaticienne Tel 02 40 20 36 22 Arnaud Lepage – Service Systèmes d'information et Bases de données - Informaticien d'applications Tel. 02 40 20 31 35 Pôle Ressources Information Déborah Marchand – Pôle ressources information - Responsable du centre ressources Tel. 02 40 20 31 75 Pierre Gaignard - Pôle ressources information - Chargé d'édition Tel. 02 40 20 70 95 Eléonore Mounier - Pôle ressources information - Designer Tél. 02.40.20.07.05 HARDIS Group 3, rue Marconi Bâtiment C 44822 Saint-Herblain cedex Tel. 02 51 70 82 12 Onisep des Pays de la Loire 32, rue du Fresche Blanc BP 92217 44322 Nantes Cedex 3 Tel. : 02.40.16.02.16 Fax : 02.40.40.39.56 Mel. : [email protected] Web : www.onisep.fr/nantes Crij des Pays de la Loire 37, rue Saint-Léonard 44000 Nantes Tel. 02 51 72 94 50 Xadia informatique 16 impasse Gaston Chavatte L‘Horbetoux 85000 La Roche-sur-Yon Tel. 02 51 05 25 17

Page 72: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 72 30/09/2016

Page 73: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 73 30/09/2016

20.2. Architecture APDL

Page 74: Site Apprentissage Pays de la Loire Cahier des charges€¦ · CARIF-OREF des Pays de la Loire 7 30/09/2016 Table des illustrations Attention : certaines maquettes peuvent différer

Site Apprentissage Pays de la Loire – Cahier des charges – CCF_APDL_1

CARIF-OREF des Pays de la Loire 74 30/09/2016