Guide d`intégration des marques grises

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
20, rue Hector Malot
44 966 Nantes Cedex 9
75012 Paris
Tél. +33 (0)2 28 20 50 00
Tél. +33 (0)1 78 16 43 40
www.paysdelaloire.fr
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
3.2
Caractéristiques techniques ................................................................... 8
3.1.1
Accessibilité ............................................................................... 8
3.1.2
Responsive web design ............................................................... 8
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