THE V SESSIONS PROJET DE SITE INTERNET

THE V SESSIONS
PROJET DE SITE INTERNET
CAHIER DES CHARGES
Contact :
Antoine RICHARD
Emmanuel RICHARD
[email protected]
[email protected]
Document confidentiel. A ne pas distribuer sans l’autorisation de « The V Sessions »
06 61 82 39 97
06 60 22 99 91
Page 1 sur 9
1 Présentation du projet
1.1 Objectif
L’objectif de ce document est de recenser les besoins fonctionnels et techniques du site web
de The V Sessions. Il permettra aux entreprises sollicitées d’estimer la charge de travail
nécessaire à la réalisation du site web.
1.2 Contexte
The V Sessions est une entreprise nouvellement créée depuis septembre 2008 sur le
secteur de la production et retransmission d’événements musicaux.
Son objectif final est de vendre via le web des diffusions de sessions d’artistes et groupes
reconnus dans différents domaines musicaux (musique classique, électronique, jazz, etc.).
Cette diffusion se fait en streaming, que ce soit pour les sessions en direct ou en différé.
1.3 Public visé
Le public visé concerne les internautes ayant un attrait pour la musique et disposant d’une
connexion Internet ADSL. La localisation géographique du public se trouve essentiellement
dans les pays développés ayant déjà l’habitude d’acheter des services sur Internet (Europe,
Amérique du Nord, Asie).
1.4 Planning
Le planning du projet est le suivant :
-
22/09/08
24/10/08
03/11/08
23/11/08
23/11/08 au 15/01/09
01/01/09
15/01/09
15/01/09 au 15/02/09
16/02/09
17/02/09 au 17/05/09
18/05/09 et après
transmission de ce document aux entreprises
réception des réponses
sélection de l’entreprise
signature du contrat entre The V sessions et l’entreprise
développement du site web
mise en place d’une page d’accueil temporaire
livraison du site web pour tests
tests du site web
acceptance du site web et mise en production du site
Phase de garantie du site
Phase de maintenance du site
Document confidentiel. A ne pas distribuer sans l’autorisation de « The V Sessions »
Page 2 sur 9
2 Description du site
2.1 Organisation des écrans
> Home / Manifesto
Switch langue / site pour mobile / Sign in / Log in / Mon compte / Recherche /
Tell a friend / Join Facebook group / Become a friend on myspace / Save in Google
Bookmarks / Save on delicious / Share it (cf. AddThis.com)
Page d'accueil avec barre de menu, logo, éventuellement photo + un petit texte (500
caractères environ)
Barre de menu de type :
What ?
The V Sessions
Infos personnelles
Pratique
Mon Espace
Mon compte
Panier / Wishlist
Infos / Alertes
Un peu sur le modèle d'Apple :
> What ?
Page info décrivant le concept et la programmation de The V Sessions + un récapitulatif des
links vers page myspace, groupe facebook, etc.
> Mon compte
~ Infos personnelles
- Nom, prénom, adresses
- Oubli mot de passe ?
~ Mon Espace
- Panier / Wishlist : le Panier recense les éléments d'un achat en cours sous la
forme d'une liste des descriptifs (photo + nom artiste + titre spectacle + date
horaire). Au sein du Panier, toute session sélectionnée peut être mise de côté pour
un prochain achat ; cette section est alors appelé Wishlist – une couleur spécifique
doit pouvoir différencier cette section du reste du panier.
- My Sessions : page sur laquelle l'utilisateur a un accès direct à toutes les sessions
qu'il a acquis. cf ci-dessous (photo + texte + infos)
~ Infos / Alertes
Recevoir alertes et newsletter est une option précochée au moment de la création
de compte. Les alertes sont valables pour les sessions live achetées ainsi que
pour celles ajoutées à la wishlist.
- Mes alertes (pour recevoir un mail une semaine et/ou un jour avant la session)
- Newsletter : lettre d'information non périodique (dépend de l'actualité de The V
Sessions) contenant texte et images.
Document confidentiel. A ne pas distribuer sans l’autorisation de « The V Sessions »
Page 3 sur 9
> Sessions
Les pages descriptifs de plusieurs sessions (page Agenda ou Archive) montrent une liste
comportant pour chaque session un visuel, un texte court et les indications date/horaire –
ainsi que les boutons d'achat, d'ajout à la wishlist, et de partage (pointe vers des sites de
partage communautaire).
~ Agenda / LIVEs à venir
- lien vers page description session 4 (+ links artiste / ajouter à la wishlist / assister)
- lien vers page description session 5
- lien vers page description session 6
- lien vers page description session 7
~ ARCHIVE
- lien vers page description session 1 (+ links artiste / regarder)
- lien vers page description session 2 (+ links artiste)
- lien vers page description session 3 (+ links artiste)
~ Les SESSIONS
- page description session 1 (+ links artiste / ajout wishlist / regarder)
- page description session 2
- page description session 3
- page description session 4
- etc.
> Pratique
~ Mode d’emploi et conseils
Page d'information sur comment acheter son billet pour une session, comment offrir à un
ami, comment regarder une rediffusion, sur la façon d'écouter les sessions – conseils
techniques pour une meilleure écoute.
~ Tarifs, formules, offres
Page d'information sur les tarifs, formules et offres spéciales.
~ Démonstration et test de débit
Page indiquant la vitesse de connexion théorique nécessaire (+lien vers une URL de test)
ainsi qu’une vidéo en streaming (idéalement : Harpo jouant le prélude de Rachmaninov dans
Un jour aux courses, voir les droits avec la Warner !!) s’affichant selon le débit de son
réseau.
~ FAQ
- Question réponse 1
- Question réponse 2
- Question réponse 3
> Conditions Générales de Vente (page décrivant les CGV)
> Legal notice (page à laquelle on accède via un lien en bas de page)
> Contact
Page permettant de laisser un message, un avis, etc.
Document confidentiel. A ne pas distribuer sans l’autorisation de « The V Sessions »
Page 4 sur 9
Si l’internaute veut nous contacter, il doit remplir un formulaire sur la page contact contenant
les informations suivantes (nature du courrier : message concernant le fonctionnement le
site (webmaster), ou sur le contenu du site (admin)) et cliquer sur « Envoyer ».
2.2 Cinématique des écrans
Sur la page « archive », présenter une image + un texte pour chaque vidéo.
En cliquant sur l'image ou son titre, on arrive à la page description de la session enregistrée
sur laquelle figure un lien pour accéder à la vidéo. En cliquant dessus, on lit les 20 premières
secondes de la vidéo. Ensuite, arrêt et proposition d'achat. Puis lancement de la séquence
d'achat (cf plus bas) si proposition acceptée. Sinon, revenir à la page description.
Sur la page « live à venir », présenter une image pour chaque vidéo.
En cliquant sur l'image ou le titre d'une session, on arrive à la page description de la session
–
Sur laquelle figure un bouton « acheter » : si clic, mettre la session dans le Panier et
donner le choix de régler tout de suite la commande ou de continuer à regarder le site. Si
choix du règlement, lancer la séquence d'achat. Sinon, laisser l'utilisateur continuer sa visite
tout en laissant la session choisie dans son Panier.
–
Sur laquelle figure un bouton « ajouter à ma wishlist ». Si clic, le descriptif + visuel de
la session s'ajoute dans la wishlist automatiquement, sans avoir à se diriger sur la page
wishlist.
3 Besoins fonctionnels
3.1 Langues
Le site doit être multi-langues : l’anglais et le français seront présents sur la première version
du site. D’autres langues pourront être ajoutées par la suite.
3.2 Création de compte
Les internautes désirant être client de The V Sessions devront se créer un compte. Lors de
la création, un formulaire devra être rempli avec les informations suivantes :
- Mr/Mme, Nom et Prénom
- Email
- Mot de passe
- Re-Mot de passe (vérif)
- Adresse (rue, code postal, ville, état/région, pays)
- Affichage du fuseau horaire ds une liste (déterminée par rapport au pays/état)
- Abonnement à la « newsletter » + alertes email (checkbox)
En fin de création de compte, un email est envoyé avec l’email (identifiant) et le mot de
passe.
La langue du site choisie est aussi enregistrée dans le compte afin que cette langue soit
automatiquement choisie lors des prochaines connexions de l’utilisateur.
3.3 Catalogue des archives / Agenda des sessions
3.3.1 Sessions
Le catalogue est l’ensemble des sessions disponibles et sera affiché comme suit :
- Type de musique
Document confidentiel. A ne pas distribuer sans l’autorisation de « The V Sessions »
Page 5 sur 9
-
Titre du spectacle
Nom du groupe ou des artistes
Compositeur(s) (si besoin) + œuvre(s)
Visuel
Date et lieu de la session (heure locale de la session, et GMT time)
Des possibilités de recherche de session sont possibles :
- recherche par intervalle de dates
- recherche par genre musical
- recherche par mot clé
3.3.2 Diffusion de sessions
La session doit pouvoir être vue soit en mode plein écran, soit dans une fenêtre incrustée
dans le navigateur. L’on doit pouvoir passer d’un mode à l’autre via un click de bouton.
Dans l’idéal, 3 vidéos (correspondant à 3 caméras) sont disponibles à l’écran ; split screen à
la carte.
3.4 Commerce électronique
3.4.1 Séquence d’achat
La séquence d’achat d’une session est la suivante :
- sélection d’une session passée ou à venir par le client
- ajout dans le panier
- demande si souhaite continuer ou régler achat
- si achat à régler : identification du client si non déjà faite
- choix entre acheter pour soi ou offrir à un ami
- choix du mode de paiement (CB, virement, prélèvement, téléphone) :
- paiement proposé selon le temps restant avant la session live:
o si CB, paiement en ligne (avec paypal ou sans paypal)
o si virement : attente du virement (avec référence du motif dans le virement)
o si prélèvement : autorisation de prélèvement, saisie puis contrôle des
coordonnées bancaires
o par téléphone
- une fois le paiement ou virement effectué ou prélèvement enregistré, confirmation
de la commande passée et ajout de la session dans la page « achats passés ».
- traitement de la commande (voir ci-dessous)
3.4.2 Traitement et suivi des commandes
Envoi d’un mail de confirmation décrivant la commande.
Pour chaque session du panier d’achat :
Quand l’internaute choisit d’écouter une session, :
o vérification que le paiement a bien été effectué
o si le paiement n’a pas été effectué, lui signifier et revenir alors à la
séquence d’achat
o si le paiement a été effectué,
� o pour un différé : démarrer le processus de lecture de la session
� o pour un direct : tant que la session n’est pas commencée : mettre un message
d’attente avec le décompte du temps avant la diffusion, et démarrer le processus de lecture
de la session dès le démarrage de la session .
Document confidentiel. A ne pas distribuer sans l’autorisation de « The V Sessions »
Page 6 sur 9
Attention : Afin d’éviter les fraudes, il faut contrôler qu’un utilisateur ayant payé a droit à une
et une seule connexion au même instant.
3.4.3 Visualisation du panier d’achat
Identification du client (login/pwd)
En cliquant sur « Achats passés », visualisation des commandes passées.
En cliquant sur « Achats en cours », visualisation des commandes en cours.
Possibilité de voir le contenu de chaque commande en cliquant sur la commande
Fonctionnement du panier d’achat comme sur Amazon, il comprend :
articles dans votre panier pour un achat immédiat (= Panier)
articles mis de côté pour un futur achat (= Wishlist)
Panier et Wishlist doivent être sur la même page, bien que différenciables.
Lorsqu'une commande pour un achat immédiat est abandonnée et qu'il y a déconnection de
l'utilisateur, enlever la session choisie du Panier et la mettre dans la Wishlist.
3.4.4 Paiement par prélèvement
Si l’internaute ne réside pas en France:
- lui demander de saisir ses coordonnées bancaires
- lui faire accepter un texte indiquant que The V Sessions va prélever le montant du
paiement via un prélèvement bancaire.
- lancer le processus de prélèvement et afficher un message « le prélèvement de x €
va s’effectuer sous la référence XXX ».
3.4.5 Paiement par téléphone
Le client appelle un numéro indiqué entend un code qu’il réécrit sur le site, le prix payé est
débité de la facture de téléphone.
Type optelo ou allopass : http://www.allopass.com/popup.php4?op=1
3.4.6 Paiement CB (sans paypal)
Choix du type de CB (Visa, MasterCard, etc.)
Entrée des coordonnées de la carte
Demander la confirmation de l’achat
Si l’achat est confirmé, afficher le numéro de transaction et exécuter la transaction
Envoyer par email la confirmation et les références du paiement
3.4.7 Paiement Paypal
Identification paypal
Paiement paypal
Confirmation sur page The V Session
https://www.paypal.com/us/cgi-bin/webscr?cmd=_additional-payment-overview-outside
3.5 Liste de diffusion
Permet d’envoyer la newsletter et alertes aux clients/prospects dans la bonne langue au bon
moment selon les dates des sessions commandées.
3.6 Espaces publicitaires
La présence d’espaces publicitaires doit être prévue dès la conception du site, soit une
banner, soit une page pub avant démarrage du site.
Document confidentiel. A ne pas distribuer sans l’autorisation de « The V Sessions »
Page 7 sur 9
Cette présence effective sera facultative au début du lancement du site, mais une fois que le
site aura un trafic substantiel, il faudra insérer des messages et liens publicitaires sans que
la structure du site soit à repenser, et sans développements supplémentaires.
3.7 Administration
L’administration du site doit pouvoir être faite via une interface de gestion conviviale qui
touchera les parties suivantes :
- parties textuelles susceptibles de changer au fil du temps (exemple : mot du
président, tarifs des abonnements ou des sessions)
- Catalogue musical : Ajout/suppression/modification de sessions et des dates
associées
- Vidéo de démonstration : modification de la vidéo
- Newsletter : pouvoir programmer l’envoi d’une newsletter pour nos abonnés en
tenant compte de la langue à partir de notre base clients enregistrés. Pouvoir
intégrer aussi d’autres destinataires à partir d’une autre source de données.
- Espaces publicitaires : gestion des espaces publicitaires
4 Besoins techniques
4.1 Caractéristiques de la bande passante
Pour visualiser une session en mode streaming, un débit minimum de 512 kilobits par
seconde (kbps) entre le serveur d’où vient le flux sortant et le PC de l’internaute est requis.
Lors de sessions en direct, plusieurs milliers d’internautes pourront se connecter en même
temps.
4.2 Disponibilité et maintenance du site
Hors maintenance du site, le site doit être accessible tous les jours, 24h/24.
La maintenance du site doit se faire de préférence le samedi.
5 Prestations attendues
5.1 Exigences ergonomiques
Le site doit respecter la charte graphique sur tous les écrans :
+ Couleurs du site : noir, blanc, différents niveaux de gris + une couleur à définir
+ Le V est la constante graphique, revenant à la manière d'un clin d'oeil, dans les
flèches de barres de défilement(^ v), les puces (>)...
+ Les V du texte doivent être en légère surbrillance ou autre nuance de gris
+ La hiérarchie des éléments du site doit être clairement visible
+ Navigation avec barre de menus en en-tête. Le sous-menu s'affiche en texte, endessous de la barre. Lorsqu'une catégorie du menu est choisie, elle apparaît dans un
gris différent (plus foncé ou clair selon le fond de page). Idem pour le sous menu. (cf
par exemple : http://www.apple.com/fr/imac/ )
+ La page où sera visualisée la session doit être aussi simple et sobre que possible,
noire, recréant l'impression de regarder un film au cinéma. Un accès discret aux pages
Document confidentiel. A ne pas distribuer sans l’autorisation de « The V Sessions »
Page 8 sur 9
avec menu est néanmoins possible et tout clic sur celui-ci doit ouvrir un nouvel onglet
sans fermer la page session.
Pour le référencement, le texte sur le site doit être copier-collable (texte dynamique si flash).
5.2 Exigences techniques
Compatibilité Navigateurs : le site doit être compatible avec les principaux navigateurs du
marché : Internet Explorer, Firefox, Safari
Compatibilité Ordinateurs : le site doit marcher sous PC et Mac.
Compatibilité mobile : le site doit marcher aussi via une connexion haut-débit à partir d’un
mobile ou smartphone. L’utilisateur doit au moins pouvoir accéder à l'agenda, son panier et
regarder une session déjà payée.
6 Société prestataire
6.1 Réponse à cet appel d’offre
En plus des points décrits ci-après, la société devra décrire clairement les solutions
envisagées pour le développement de ce site, tant du point de vue fonctionnel que
technique.
Concernant la partie financière, le coût du développement du site devra apparaître
indépendamment du coût de maintenance.
La partie hébergement de sites (partie 4.1) n’est pas à chiffrer si la société ne délivre pas ce
type de services.
6.2 Expérience et références
La société devra impérativement avoir de l’expérience dans la réalisation de sites
d’eCommerce et indiquera quelles sont les références associées.
L’expérience dans la diffusion de vidéos sur le web sera aussi un plus fortement apprécié.
6.3 Personnel
La société joindra à sa réponse le ou les CVs des personnes participant au projet.
6.4 Localisation
L’équipe projet devra être localisée en Europe, de préférence à Paris ou à Berlin.
6.5 Gestion de projets
La société précisera quelle est l’orientation du mode de développement choisie :
soit un mode itératif à base de maquettes, revue régulièrement par The V Sessions.
soit un mode plus formalisé, à base d’une documentation fonctionnelle et technique
écrite par la société et à valider par The V Sessions avant de commencer le développement.
The V sessions préfère une certaine flexibilité dans le développement et donc un mode de
développement itératif.
Document confidentiel. A ne pas distribuer sans l’autorisation de « The V Sessions »
Page 9 sur 9