10
Août 2009 Artengo – Site Partenariats 1/10 Site Partenariats Cahier de conception OBJECTIFS DU SITE................................................................................ 2 APPROCHE ERGONOMIQUE ET STRUCTURELLE ............................................ 2 ARBORESCENCE PREVISIONNELLE DU SITE ................................................. 4 CINEMATIQUES DINTERFACES ................................................................. 5 CONTENT MANAGEMENT SOLUTION ....................................................... 10 APPROCHE ET CONTEXTE TECHNIQUE ..................................................... 10 HEBERGEMENT & NOM DE DOMAINE........................................................ 10 VERSIONS DE LANGUES ........................................................................ 10

Cahier de conception - douben.files.wordpress.com...Microsoft Word - Chapristi_Artengo_Site-Partenaires_Conception_20090812.doc Author: Catania Created Date: 8/12/2009 7:22:44 PM

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Cahier de conception - douben.files.wordpress.com...Microsoft Word - Chapristi_Artengo_Site-Partenaires_Conception_20090812.doc Author: Catania Created Date: 8/12/2009 7:22:44 PM

Août 2009 Artengo – Site Partenariats 1/10

Site Partenariats

Cahier de conception

OOBBJJEECCTTIIFFSS DDUU SSIITTEE ................................................................................................................................................................ 22 

AAPPPPRROOCCHHEE EERRGGOONNOOMMIIQQUUEE EETT SSTTRRUUCCTTUURREELLLLEE ........................................................................................ 22 

AARRBBOORREESSCCEENNCCEE PPRREEVVIISSIIOONNNNEELLLLEE DDUU SSIITTEE .................................................................................................. 44 

CCIINNEEMMAATTIIQQUUEESS DD’’IINNTTEERRFFAACCEESS .................................................................................................................................. 55 

CCOONNTTEENNTT MMAANNAAGGEEMMEENNTT SSOOLLUUTTIIOONN .............................................................................................................. 1100 

AAPPPPRROOCCHHEE EETT CCOONNTTEEXXTTEE TTEECCHHNNIIQQUUEE .......................................................................................................... 1100 

HHEEBBEERRGGEEMMEENNTT && NNOOMM DDEE DDOOMMAAIINNEE ................................................................................................................ 1100 

VVEERRSSIIOONNSS DDEE LLAANNGGUUEESS ................................................................................................................................................ 1100 

Page 2: Cahier de conception - douben.files.wordpress.com...Microsoft Word - Chapristi_Artengo_Site-Partenaires_Conception_20090812.doc Author: Catania Created Date: 8/12/2009 7:22:44 PM

Août 2009 Artengo – Site Partenariats 2/10

OOBBJJEECCTTIIFFSS DDUU SSIITTEE Le site Artengo « Partenariats » a pour objectif de présenter l’ensemble des partenaires et leur actualité de manière la plus interactive et qualitative possible (vidéo, animation flash) pour les sujets qui méritent d’être mis en valeur. Il sera intégré en i-frame dans le site artengo.com (structure iTool) et pourra également être accessible en accès direct depuis un sous nom de domaine ou nom de domaine spécifique.

AAPPPPRROOCCHHEE EERRGGOONNOOMMIIQQUUEE EETT SSTTRRUUCCTTUURREELLLLEE

Structure initiale du site : En termes de contenus, le site « Partenariats » sera composé des pages suivantes :

La page d’accueil : - Mise en avant des sports pour lesquels sont associés des partenaires, - Edito : présentation du site en 3 ou 4 lignes, - Mise en avant de 3 actualités : affichage des 3 actualités les plus récentes parmi les actualités

des partenaires Artengo.

La page d’accueil « Partenaire » : - Mise en avant du ou des partenaires pour le sport sélectionné, - Zones identiques à la page d’accueil : édito et mise en avant de 3 actualités

La fiche « Equipe » (associée directement à un partenaire) : - Une série de photos mise en scène présentant le partenaire, - une présentation du partenaire (3 à 4 lignes de texte), - une liste de photos affichée en diaporama ou une vidéo de présentation du partenaire, - liste des joueurs : chaque joueur sera présenté par son nom, son prénom et sa photo (lien vers la

fiche joueur), - liste des actualités du partenaire : chaque actualité sera composée d’un visuel, d’une date, d’un

titre et d’un court descriptif - liste de photos : un clic sur une des photos affiche le visuel dans un plus grand format (zoom).

La fiche « Joueur » (accessible depuis une fiche « équipe » ou directement associée à un partenaire) : - Une série de photos mises en scène présentant le joueur, - une photo d’identité du joueur ou une vidéo de présentation du joueur, - une fiche d’identité : nom, prénom, date de naissance, nationalité, taille, poids, résultats, - liste des actualités du joueur : chaque actualité sera composée d’une date, d’un titre et d’un court

descriptif - liste des événements auxquels participe le joueur : chaque événement sera composé d’une date,

d’un titre et d’un court descriptif - interview vidéo - interview texte : liste de questions - réponses - liste de photos : un clic sur une des photos affiche le visuel dans un plus grand format (zoom).

Page 3: Cahier de conception - douben.files.wordpress.com...Microsoft Word - Chapristi_Artengo_Site-Partenaires_Conception_20090812.doc Author: Catania Created Date: 8/12/2009 7:22:44 PM

Août 2009 Artengo – Site Partenariats 3/10

La fiche « Entraineur » (accessible depuis une fiche « équipe » ou directement associée à un

partenaire) : - une photo présentant l’entraineur, - une photo d’identité du joueur ou une vidéo de présentation de l’entraineur, - une fiche d’identité : nom, prénom, date de naissance, nationalité, taille, poids, parcours,

résultats, - interview texte : liste de questions – réponses - liste de vidéos : chaque vidéo sera présentée par un titre et un court descriptif - liste de photos : un clic sur une des photos affiche le visuel dans un plus grand format (zoom)..

Graphiquement, le nouveau site aura sa charte graphique propre mais respectera les grandes lignes de l’esprit de la marque (ambiances colorimétriques, esprit de la marque, etc.). Il devra proposer une lecture très claire des contenus, ainsi qu’une navigation intuitive et efficace, en limitant les ascenseurs verticaux autant que possible (au profit d’interfaces plus courtes ou éventuellement réparties en plusieurs onglets). Par ailleurs, les contenus de chaque page du site devront être administrables pour permettre une autonomie de la marque (autant que possible) dans la mise à jour des différentes rubriques. Le site sera accessible au public sans restriction d’accès. L’espace d’administration sera restreint à un administrateur sécurisé (identifiant / mot de passe).

Page 4: Cahier de conception - douben.files.wordpress.com...Microsoft Word - Chapristi_Artengo_Site-Partenaires_Conception_20090812.doc Author: Catania Created Date: 8/12/2009 7:22:44 PM

Août 2009 Artengo – Site Partenariats 4/10

AARRBBOORREESSCCEENNCCEE PPRREEVVIISSIIOONNNNEELLLLEE DDUU SSIITTEE L’arborescence prévisionnelle proposerait ainsi les rubriques suivantes :

Page 5: Cahier de conception - douben.files.wordpress.com...Microsoft Word - Chapristi_Artengo_Site-Partenaires_Conception_20090812.doc Author: Catania Created Date: 8/12/2009 7:22:44 PM

Août 2009 Artengo – Site Partenariats 5/10

CCIINNEEMMAATTIIQQUUEESS DD’’IINNTTEERRFFAACCEESS Le prototypage succinct des interfaces ne tient pas lieu de création graphique. Il s’agit exclusivement d’une schématisation ergonomique et structurelle permettant d’illustrer les modalités d’interaction des rubriques et la hiérarchie de l’information au-sein des interfaces principales. Selon les souhaits de la marque, l’approche d’organisation des contenus des différentes rubriques étudiée ci-dessous pourra être revue lors de la phase de conception.

La page d’accueil :

A noter pour la maquette : éviter la navigation horizontale en header afin de ne pas dédoubler la navigation du site « marque » au-sein duquel cet espace « partenaires » sera intégré (en iFrame).

Page 6: Cahier de conception - douben.files.wordpress.com...Microsoft Word - Chapristi_Artengo_Site-Partenaires_Conception_20090812.doc Author: Catania Created Date: 8/12/2009 7:22:44 PM

Août 2009 Artengo – Site Partenariats 6/10

La page d’accueil - Partenaire :

Le nombre de partenaires affichés sur la page d’accueil « Partenaires » est mis à jour en fonction des créations et suppressions des partenaires liés au sport sélectionné via l’outil d’administration. Chaque partenaire sera présenté par un intitulé et un visuel. L’édito sera administrable via l’outil d’administration et se composera d’une dizaine de lignes de texte. Les 3 actualités mises en avant sur la page d’accueil seront sélectionnées parmi les 3 actualités les plus récentes parmi les actualités des partenaires du sport sélectionné.

Page 7: Cahier de conception - douben.files.wordpress.com...Microsoft Word - Chapristi_Artengo_Site-Partenaires_Conception_20090812.doc Author: Catania Created Date: 8/12/2009 7:22:44 PM

Août 2009 Artengo – Site Partenariats 7/10

La fiche « Equipe » (avec organisation des rubriques en onglets) :

Page 8: Cahier de conception - douben.files.wordpress.com...Microsoft Word - Chapristi_Artengo_Site-Partenaires_Conception_20090812.doc Author: Catania Created Date: 8/12/2009 7:22:44 PM

Août 2009 Artengo – Site Partenariats 8/10

La fiche « Joueur » (avec organisation des rubriques en onglets internes à chaque fiche) :

Page 9: Cahier de conception - douben.files.wordpress.com...Microsoft Word - Chapristi_Artengo_Site-Partenaires_Conception_20090812.doc Author: Catania Created Date: 8/12/2009 7:22:44 PM

Août 2009 Artengo – Site Partenariats 9/10

La fiche « Entraîneur » (avec organisation des rubriques en onglets internes à chaque fiche) :

Page 10: Cahier de conception - douben.files.wordpress.com...Microsoft Word - Chapristi_Artengo_Site-Partenaires_Conception_20090812.doc Author: Catania Created Date: 8/12/2009 7:22:44 PM

Août 2009 Artengo – Site Partenariats 10/10

CCOONNTTEENNTT MMAANNAAGGEEMMEENNTT SSOOLLUUTTIIOONN Le site s’appuiera sur l’outil d’administration FlashAdmin permettant l’administration des contenus suivants dans les différentes langues déclinées :

• La page d’accueil : mise à jour de l’édito (1 interface) • La page d’accueil Partenaire : mise à jour des visuels illustrant les partenaires (1 interface) • La fiche « Equipe » : création, modification et suppression des fiches (1 interface) • La fiche « Joueur » : création, modification et suppression des fiches (1 interface) • La fiche « Entraineur » : création, modification et suppression des fiches (1 interface)

FlashAdmin permettra également la personnalisation des informations liées au référencement (MetaTags, contenu des pages ghost, URL des pages, etc.)

AAPPPPRROOCCHHEE EETT CCOONNTTEEXXTTEE TTEECCHHNNIIQQUUEE Le site sera accessible au public sans restriction d’accès. Il sera intégré en i-frame dans le site artengo.com (structure iTool) et pourra également être accessible en accès direct depuis un sous nom de domaine ou nom de domaine spécifique.

Type et versions de développement : Les animations et développements seront réalisés sous Flash 10, en ActionScript 3 Le développement pourra faire appel à des fonctionnalités Papervision Les éléments html pourront utiliser la technologie Javascript. Les développements de fonctionnalités dynamiques seront réalisés en

‐ PHP5.0 ‐ MySQL5.

Optimisations :

Les éléments consultables par l’internaute seront compatibles pour les navigateurs standards du marché actuel :

- PC = Internet Explorer 6 et 7 et Firefox2 et 3 - Mac = Mozilla2, Safari3

Les optimisations écran se baseront sur les configurations standards du marché, à savoir une visualisation écran de 1024x768 pixels : le site étant intégré en iFrame, prévoir un format du site inférieur à 1010x570 pixels pour une ergonomie optimale.

Il n’est pas prévu de déclinaison du site en html pur (sur le principe d’une double entrée « Version Flash » vs « Version html »).

HHEEBBEERRGGEEMMEENNTT && NNOOMM DDEE DDOOMMAAIINNEE Le site comportera des éléments développés en Flash 9 ou 10 et en ActionScript 3 et s’appuiera sur un modèle dynamique en PHP5/MySQL5, l’hébergement prévoit donc de s’adapter à cette configuration (PHP5 et MySQL5). En complément de l’intégration en i-frame du site depuis le site www.artengo.com, le site « Artengo Partenariats » pourra être accessible via le nom de domaine http://partenaires.artengo.com. Le sous nom de domaine sera géré par Artengo ou le service juridique d’Oxylane.

VVEERRSSIIOONNSS DDEE LLAANNGGUUEESS Le site sera décliné en version espagnole.