Guide d intégration des marques grises Destineo

Guide d intégration des marques grises Destineo

Guide d intégration des marques grises service Présentation du Document élaboré par : 1, rue de la Loire 44 966 Nantes Cedex 9 Tél. +33 (0)2 28 20 50 00 www.paysdelaloire.fr 20, rue Hector Malot 75012 Paris Tél. +33 (0)1 78 16 43 40 www.canaltp.fr www.canaltp.fr 2

Guide d intégration des marques grises Présentation du service Sommaire PRESENTATION DU SERVICE... 4 1.1 La marque grise... 4 1.2 Caractéristiques fonctionnelles... 4 CONDITIONS GENERALES D AFFILIATION... 6 2.1 Rappel des conditions d accès... 6 2.2 Conditions d utilisation... 7 INTEGRATION DE LA MARQUE GRISE... 8 3.1 Caractéristiques techniques... 8 3.1.1 Accessibilité... 8 3.1.2 Responsive web design... 8 3.2 Intégration du widget... 8 3

Guide d intégration des marques grises service Présentation du PRESENTATION DU SERVICE 1.1 La marque grise La Région Pays de la Loire met à la disposition gratuitement de ses partenaires et de tout tiers une solution simple que vous pouvez intégrer facilement et rapidement sur votre site internet : la marque grise. Ce module de recherche d itinéraires, mis à disposition de tout propriétaire d'un site internet, est basé sur le système d'information multimodale Destineo et son référentiel de données multi-réseaux. Cette solution complète s'intègre directement dans vos outils de diffusion (site internet, site internet mobile) et vous permet de : Proposer un service complet grâce à une solution fonctionnelle reconnue et ergonomique ; Augmenter l'audience et l'usage de votre site internet ; Participer à la notoriété de votre site internet ; Assurer une intégration graphique réussie. 1.2 Caractéristiques fonctionnelles La marque grise de redirection est un widget léger ne comprenant qu un formulaire de recherche. À la validation du formulaire, l utilisateur est redirigé vers le site destineo.fr, directement sur la page de résultats (ouverture du site destineo.fr dans une nouvelle fenêtre). Composants du formulaire : Départ : champ texte unique avec autocomplétion Arrivée : champ texte unique autocomplétion Sélecteur «Partir après» ou «Arriver avant» Choix de la date avec calendrier dynamique Sélecteurs Heure et Minute Coche des modes de transport souhaités Interactions : Gestion des erreurs formulaire Autocomplétion 4

Guide d intégration des marques grises Présentation du service Une formule «évènementielle» est également disponible et permet de pré-remplir le champ départ ou arrivée avec l adresse de votre choix ou de bloquer les champs : «Partir après / Arriver avant» et les champs «heures minutes» Au clic sur le bouton «rechercher» le site Destineo s ouvre dans une nouvelle fenêtre, directement sur la page de résultats. 5

Guide d intégration des marques grises générales d affiliation Conditions CONDITIONS GENERALES D AFFILIATION 2.1 Rappel des conditions d accès Le droit d utilisation de la marque grise est concédé sans limitation de durée et ce pendant toute la durée du marché d exploitation qui lie la Pays de la Loire à son prestataire. Seuls les cas suivants peuvent entraîner l arrêt du service et du droit d utilisation de la marque grise à tout moment : Décision de la Pays de la Loire ou de l un des contributeurs de destineo.fr ; Non-respect par l utilisateur des conditions générales d affiliation ; Modification des clauses contractuelles relatives à l utilisation de l outil Navitia (outil propriétaire de calcul multimodal d itinéraire) liant la Région Pays de la Loire à son prestataire. Les partenaires ainsi que tout tiers souhaitant intégrer la marque grise doivent en faire la demande auprès de la Région Pays de la Loire, en utilisant le formulaire de demande d intégration de la marque grise. Le formulaire de demande d intégration de la marque grise contient les informations suivantes : Nom de l organisme demandeur Adresse complète de l organisme demandeur Motivation de la demande Adresse du site internet affilié Nom, prénom, adresse email et fonction du représentant effectuant la demande Pour les formules «évènementielles», il est aussi demandé de pré-remplir : Départ OU Arrivée (obligatoire) Partir après / Arriver avant (Facultatif) Date (Facultatif) Heure-Minute (Facultatif) La demande est adressée à la Région Pays de la Loire qui se réserve le droit de la refuser. Après acceptation, une clé unique est fournie au demandeur par le prestataire en charge de l exploitation de Destineo.fr, Canal TP. Cette clé fonctionne uniquement sur le nom de domaine du site Internet indiqué lors de la demande. Elle permet de garantir un service de qualité ainsi qu une haute disponibilité des plateformes, en interdisant l usage de ce service par des personnes non déclarées comme étant autorisées. 6

Guide d intégration des marques grises Conditions générales d affiliation Le Conseil Régional se réserve le droit de refuser l autorisation d intégrer le widget de Marque Grise à tout organisme qu elle ne souhaiterait pas agréer. Il se réserve également la possibilité de retirer ce droit d usage à tout organisme qui ne respecterait pas les conditions d utilisation sans que cette mesure n ouvre un quelconque droit indemnitaire. 2.2 Conditions d utilisation L utilisateur de la marque grise Destineo doit s engager à : ne pas modifier ou altérer le comportement des fichiers livrés sans respecter le mode d emploi fourni ne pas céder ses droits d utilisation à un tiers ne pas tenir sur son site des propos critiques ou injurieux vis-à-vis de Destineo, de la Région Pays-de-la-Loire et de ses partenaires L utilisation et l'intégration de la marque grise sont soumises aux conditions suivantes : La présence du logo du site Destineo est obligatoire Les libellés sont fixes et ne peuvent pas être modifiés 7

Guide d intégration des marques grises Intégration de la marque grise INTEGRATION DE LA MARQUE GRISE 3.1 Caractéristiques techniques 3.1.1 Accessibilité Le widget transmis par Canal TP répond aux normes d accessibilité web. Toute modification du style via CSS par l intégrateur implique que l accessibilité n est plus garantie par Canal TP et devient la responsabilité de l intégrateur. 3.1.2 Responsive web design La marque grise applique les règles de responsive web design dans le sens où quel que soit sa largeur : La hauteur de l iframe se calcule automatiquement en Javascript Le contenu dans l iframe s adapte aux dimensions Néanmoins c est l intégrateur qui décidera de la largeur et il est déconseillé de passer en dessous de 320px (à savoir la largeur mobile). 3.2 Intégration du widget Comme vu précédemment, l intégration se fait via une iframe et le code source est directement transmis à l intégrateur. L intégrateur colle le code fournit dans une page HTML du site, à l endroit où il souhaite le placer sur son propre site. Code à placer à l endroit où vous souhaiter voir apparaître la Marque Grise Appel de l iframe en cas de désactivation du Javascript (norme d accessibilité web). Dans ce cas la déclaration d une hauteur et largeur fixe est conseillé Votre clé d identification ici <div id=" integrated"> <noscript> <iframe src="http://nmp-ihm.ctp.prod.canaltp.fr/fr/load/dyp4nxur" style="width:100%; height:600px;"/> </noscript> </div> Customisation des dimensions en noscript selon 8 l espace dans lequel vous intégrerez la Marque Grise dans votre site

Guide d intégration des marques grises Intégration de la marque grise Script de l iframe dynamique (à placer dans le header ou en bas du body) Votre clé d identification ici <script src="http://nmp-ihm.ctp.prod.canaltp.fr/fr/load/j9put82a/script"></script> <script> // use code below to specify ID // default : // redirect for redirect mg // integrated for integrated mg // CanalTP.MB.containerId = "your_custom_id"; window.onload = function() {CanalTP.buildMB(CanalTP.MB)}; </script> Possibilité de modifier l ID de la div dans lequel l iframe est placée, et ainsi de pouvoir s affranchir de notre div. Il suffit donc de dé-commenter cette ligne, puis de remplacer your_custom_id par l ID de votre div. 9