my cahier des charges

51
Cahier des char- ges Lanzani Raphaël 2009

Upload: lanzani-raphael

Post on 13-Mar-2016

229 views

Category:

Documents


1 download

DESCRIPTION

Ceci est mon cahier des charges pour le site diskotek.com pour le cna cefag en 2009

TRANSCRIPT

Page 1: My cahier des charges

Cahier des

char-ges

Lanzani Raphaël2009

Page 2: My cahier des charges

Sommaire

1 - Définition du Projet

2 - Etude de la concurrence

3 - Fonctionnalités du site

4 - Arborescence et contenu

A- Le contexteB- Les objectifsC- Les cibles

A- IntroductionB- Liste des sitesC- Analyse des sitesD- Conclusion

A- Fonctionnalité du front-office

A- Arborescence

B- Fonctionnalité du back-office

B- Contenu des principales pages du site ( front-office )

C- Contenu des principales pages du site ( back-office )

1- Synthèse de l’étude 2- Solutions retenues

1- Plan du site2- Schéma

1- La page d’accueil2- La page catalogue3- La page de détail4- La page des news5- La page des vidéos

1- La page d’accueil2- Gestion des références3- Formulaire ‘insertion

Page 3: My cahier des charges

7 - Paiement sécurisé

8 - Mode d’emploi du site

9 - Plan de communication

11 - Proposition commerciale

10 - Le futur du site

6 - La charte graphique

5 - A propos du référencement

A- Modes de paiementb- Sécurité

A- Notice explicative du fonctionnement du siteB- Explication de la gestion du site

A- Faire connaître le siteB- Les moyens utilisés

A- ContratB- Détails

1- Première tranche2- Deuxième tranche3- Conclusion

A- L’idée générale

A-Qualité du site

B- Création de liens

B- Mise en page

1- Choix de l’ambiance2- Choix des couleurs3- Choix de polices

1- Respect des normes W3C2- Bonne écriture des balises title et description3- Contenu éditorial de qualité3- Choix d’un nom de domaine approprié

1- Inscription dans des annuaires de qualité2- Création de liens internes3- Echanges de liens avec d’autres sites

1- Dimension de la page d’accueil2- Détails de différents éléments du sites

A développer par la suite

A développer par la suite

A développer par la suite

Page 4: My cahier des charges

1- Définition du projet

A- Le contexte

B- Les Objectifs

C- Les Cibles

1- Disk-o-Tek est un magasin de disques vinyles établi à Saint-Brieuc, dans les Côtes d’Armor. Son propriétaire Mathias Douet est un passionné de musique élec-tronique et de fêtes techno. Il est lui est lui-même DJ.En 2006, il ouvre Disk-o-Tek qui propose une sélection de disques vinyles spécia-lisé, de vêtements style techno, d’articles de jonglerie et de matériel de peinture destiné aux graffeurs.

2- L’interlocuteur et commanditaire du projet est :

Mathias Douet4 Rue Jean Métairie22000 St-Brieuc02 96 61 25 [email protected]

3- Monsieur Douet souhaite la création d’un site internet : disk-o-tek.com.Le site est l’extension virtuelle de son magasin. Il propose les mêmes services que dans sa boutique : conseil et vente.

1- Faire connaître le magasin réel à un plus large public.2- Présenter les produits vendus chez Disk-o-Tek.3- Véhiculer et contrôler l’image de l’entreprise.4- Vendre les produits en ligne.

Disk-o-Tek, par l’intermédiaire de son site, cherche à attirer et à fidéliser un large public dans sa région.

1- Public occasionnelGrâce à une image propre et un site clair, le public occasionnel peut découvrir Disk-o-Tek et se faire rapidement une idée précise de l’offre du magasin. Le public trouve facilement les renseignements permettant de se rendre sur place. Il peut éventuel-lement faire des achats occasionnels. 2- Public habituéGrâce à des mises à jour régulières, un catalogue complet, des offres promotion-nelles attractives et un service efficace, le public connaisseur ou fréquentant déjà le magasin trouvera des raisons de revenir sur le site de façon régulière.

Page 5: My cahier des charges

2- Etude de la concurrence

A- Introduction

B- Liste des sites

C- Analyse des sites

De nombreux magasins de vinyles existent dans la région, que se soit physiquement ou bien sur internet. Evidemment, tous ne sont pas spécialisés dans la musique électroni-que et ne proposent pas exactement les mêmes services.Dans cette étude, il s’agit d’observer les sites qui se rapprochent le plus de disk-o-tek.com, mais qui ne sont pas pour autant des concurrents directs.

A suivre l’analyse de sept sites, accompagnée de captures écrans, du zoninget de l’arborescence principale de chaque site.

- www.akouf.n.com

- www.pinkcat-records.com

- www.teknoshop.biz

- www.toonzshop.com

- www.switchrec.com

- www.sbmonline.com

- www.tekshop-record.com

- www.akoustick.com

- www.rafkonexion.com

- www.undergroundtekno.com

- www.fnac.com

Page 6: My cahier des charges

ww

w.a

kouf

-n.c

om

Accueil :

Design :

Navigation :

Ce site est celui qui ressemble le plus à disk-o-tek.com, en effet, www.akouf-n.com est une ex-tension d’un magasin existant réellement dans l’Héraut. A première vue, le site est clair et identi-fiable. Ce site vend des disques de techno, des vêtements et des accessoires pour les DJ’s.

Le design est sobre, voire même un peu monotone et triste, mais on peut estimer que c’est un choix esthétique qui correspond à certains codes dans le milieu techno. L’ensemble est réalisé à partir de quatre couleurs dominantes : noir, gris, jaune et blanc. En haut de la page, il y a le logo de l’entreprise qui est assez peu lisible et une petite animation. La mise en page est chargée.

La navigation n’est pas évidente à prendre en main. Toutes les zones se ressemblent, il faut impérativement lire tous les titres pour s’y retrouver. Les boutons ne sont pas ergonomiques ( il faut cliquer sur le texte ). Le menu est doublé en haut et sur la gauche, mas cela n’apporte rien d’utile.

Page 7: My cahier des charges

Contenu :

Conclusion :

Technique :

Il existe deux parties importantes : la vente de disques vinyles et cd’s classés par genres mu-sicaux et celle de vente de vêtements et d’accessoires pour les dj’s. Le reste des rubriques est un peu inutile, car pas assez étoffé : dans goodies il y a deux fonds d’écran, dans photos il y a des photos qui n’ont pas été mises à jour depuis des mois. Il existe aussi, dans le désordre : un panier, une newsletter, le choix des langues, une section recherche, les news de la semai-ne…

Ce site n’est pas assez attrayant, peu ergonomique, il est trop chargé. Le site ne nous emmène pas à l’essentiel rapidement. Il y a trop de rubriques inutiles. Les fonctions principales sont tout de même remplies : on peut écouter les disques et les acheter. Mais l’ensemble reste assez peu rassurant pour faire ses achats en toute tranquillité.

Le site est fait en CMS avec l’éditeur Joomla.

Nom du site

Logo

Navigation

Login

Login

Dj shop

contenu

contenu

Nouveautés

Nouveautés

Vetements

Langue

connectés Recherche

Recherche

Panier

Panier

Sondage

NewsLetter

NewsLetter

Paiment sécurisé

Paiment sécurisé

Menu

News

News

News

Selection

Selection

Autres

Header

Navigation / menu

Accueil Dj shop

Vinyls

DVD

CD

Accessoires Dj's

Nos Labels Wear Shop

Cellules

Feutrines

Casques

Sac Dj's

Liste fond d'ecran musique

Goodies Son à l'écoute Contact

Zoning :

Arborescence :

Page 8: My cahier des charges

Design :

Navigation :

Le site est facilement identifiable grâce à son logo de chat rose et sa charte graphique rose bon-bon. Le tout est bien aéré et très lisible. Il n’y a pas d’animation flash. Le site semble calme et apaisant, ce qui instaure un climat de confiance.

La navigation est ergonomique et facile. La page est divisée en trois colonnes : un menu, avec ses sous-menus sur la gauche, le contenu dans la partie centrale et un espace client sur la droite. Les informations sont regroupées de façon logique et un chemin de fer, affiché en haut de la zone centrale, indique la position de l’internaute à tout moment.

Accueil :Ce site nous accueille dans une ambiance douce et rose comme son nom l’indique ; il est très lisible sur un fond clair. Ce site vend des disques vinyles de musique électronique, du matériel et des accessoires pour les dj’s, en ligne uniquement.

pink

cat-r

ecor

ds.c

om

Page 9: My cahier des charges

Contenu :

Conclusion :

Technique :

Le contenu du site est simple puisqu’il ne vend que des disques. Ils sont classés par styles mu-sicaux. Les listes sont composées d’une photo de la pochette, du nom de l’album et de l’artiste, du label, du style et du prix. En cliquant sur l’image, on accède à une page permettant d’écouter des extraits du disque et éventuellement d’ajouter au panier.En plus, il existe une partie matériel et accessoires dj’s, il y a une rubrique nouveautés et soi-rées et une possibilité de s’inscrire à une newsletter.

Ce site est pratique, clair, rapide. L’internaute se trouve dans un milieu rassurant pour faire des achats. On se rappelle facilement du site par le choix original des couleurs, mais cela risque de ne pas plaire à tout le monde. Il faut noter que ce site est bien référencé, puisqu’il arrive en premier lorsque l’on tape : vente / disques / vinyles.

Le site est fait en HTML.

Nom du siteLogo

Navigation

Login

RecherchePanier

contenu

Nouveautés

NewsLetter

News

Selection

Zoning :

Arborescence :

Login

contenu

Nouveautés

Recherche

Panier

NewsLetter

Paiment sécurisé

News

Selection

Autres

Header / footer

Navigation / menu

tekno

electro

Drum&Bass

hardcore

Ragga-Jungle

Hip Hop

etc...

CatalogueAccueil

News

Nouveautés

Retour des stock

Top 10

Electronique Général

Lounge

Funk / Disco

Reggae

Pop / Rock

Accessoires

Rap / Hip Hop

etc...

Equipement Dj

Home Studio

T-shirts

Matériel Infos

soirées

Divers

Divers

Page 10: My cahier des charges

Design :

Navigation :

Le style graphique est harmonieux, grâce à une composition de couleurs utilisant des tons gris et bleu pour le fond contrastant avec un orange vif pour les titres. Le site donne une impression de dynamisme et en même temps il reste sobre et apaisant.

La navigation est facile et intuitive. Les différents éléments sont facilement identifiables et re-groupés de façon logique. L’internaute dispose d’un chemin de fer lui permettant de savoir à tout moment où il se trouve.

Accueil :C’est le site d’un disquaire indépendant basé à Rennes, spécialisé dans la musique électronique. L’internaute est accueilli dans un espace clair dédié uniquement à la vente de vinyles et d’acces-soires techno.

ww

w.s

witc

hrec

.com

Page 11: My cahier des charges

Nom du siteLogoLogin

contenu

Recherche

Panier

NewsLetter

News

Navigation / menu

Chemin de fer

Contenu :

Conclusion :

Technique :

Il y a une partie menu fixe en haut de page permettant de faire son choix entre les rubriques : musique, vêtements et accessoires. Elle est complétée par un menu permettant de choisir les différents styles de musiques. Il y a une partie création de compte et gestion du panier, un bou-ton permettant de passer en anglais, une partie recherche et une partie news.

Le site est agréable à utiliser, il est facile de rechercher une référence dans le catalogue, d’écouter, puis de passer commande. A noter par contre qu’il manque des commentaires concernant les produits et que malheureusement, lorsqu’on souhaite écouter un titre,Une nouvelle fenêtre s’ouvre, ce qui est un peu gênant.

Le site est fait en HTML, PHP, JAVA script.

Zoning :

Login

contenu

Nouveautés

Recherche

Panier

NewsLetter

Paiment sécurisé

News

Selection

Autres

Header / footer

Navigation / menu

Musique Clothing Dj Equipement DVD & Book

tekno Sweat Casque DVD

electro T-Shirt Cellules Book

Drum&Bass Porte-monnaie Feutrine

hardcore Bestsellers Dj Bag

Ragga-Jungle Divers

Acid

etc...

Arborescence :

Page 12: My cahier des charges

Design :

Navigation :

Les couleurs sont vives : jaune, orange, vert… Il y a des dessins amusants (style enfantin). L’en-semble est assez harmonieux, mais tout de même un peu chargé et fatiguant pour les yeux. Le site est parfaitement identifiable grâce aux couleurs et à l’ambiance.

La navigation est assez simple et intuitive, mais il y a de petites erreurs de classement et par-fois l’identification des produits est difficile. Comme il y a beaucoup d’éléments, le tout semble fouillis.

Accueil :Le site toon’z est accueillant grâce à des couleurs chaudes et des dessins amusants, mais on ne comprend pas tout de suite de quoi il s’agit. Ce site vend beaucoup de choses : des disques vinyles, des CD et DVD, des vêtements, des piercings…

ww

w.to

onzs

hop.

com

Page 13: My cahier des charges

Contenu :

Conclusion :

Technique :

Le site propose d’acheter des disques, des cd’s, des DVD, des livres, des vêtements, des bi-joux, du matériel pour les dj’s… On trouve une section de recherche avancée ( classement par artistes, labels, style ), des sélections de type : incontournable et à découvrir ... On peut aussi obtenir des news à propos des prochaines soirées techno.

Le site paraît agréable au premier abord, mais il s’avère un peu compliqué de trouver quelque chose dans ce qui semble être un grand bazar. Cependant toutes les fonctionnalités essentiel-les du site sont opérationnelles.

Le site est un fait en HTML.

Nom du site

Logo

Login

contenu

Nouveautés

Recherche

Panier

Paiment sécurisé

News

Selection

Navigation / menu

Zoning :

Login

contenu

Nouveautés

Recherche

Panier

NewsLetter

Paiment sécurisé

News

Selection

Autres

Header / footer

Navigation / menu

Vinyls

hardcore

electro

Drum&Bass

tekno

Ragga-Jungle

Acid

Matos Dj

Bac à disques

Casques

Cellules

Feutrine

Platine CD

Platine vinyls

Homme

Sweat

T-Shirt

Pantalon

Blouson

Accessoires

Shorts

Sweat

T-Shirt

Pantalon

Accessoires

Femme CD-DVD

tekno

electro

Drum&Bass

hardcore

Ragga-Jungle

Hip Hop

Video

Bazard

Patch

Badge

Drapeaux

Livres

porte-clés

stickers

posters

Bijoux

Piecing

bagues

coliers

pik cheveux

bracelet

boucles

Table de mixage

Accessoires

Robe-jupes

Vestes

Pull

Arborescence :

Page 14: My cahier des charges

Design :

Navigation :

Le choix des couleurs est discutable : jaune, orange, violet dégradé, cela ne gêne pas pour la lisibilité, mais l’abondance de couleurs ne met pas en valeur les produits présentés.

En haut de la page, on trouve un section recherche, panier. Sur la gauche, il y a le menu et ses sous rubriques. Il est important de noter que les boutons ne sont pas ergonomiques, puisqu’il faut absolument cliquer sur les lettres et qu’en plus il n’y a pas de roll-over. Au milieu, s’affiche le contenu des différentes rubriques. Sur la droite des promotions. Il y a aussi des problèmes de taille de police : trop petites.

Accueil :Au premier coup d’œil, le site semble structuré et facilement reconnaissable grâce à un logo ori-ginal et par le fait que l’activité vente de vinyles soit indiquée en toutes lettres.

ww

w.a

kous

tik.c

om

Page 15: My cahier des charges

Contenu :

Conclusion :

Technique :

Le site propose d’acheter des disques, des cd’s, des DVD, des livres, des vêtements, des bi-joux, du matériel pour les dj’s… On trouve une section de recherche, une partie nouveauté ainsi qu’une partie promotion.

Le site est agréable mais il fait un peu trop amateur, ce qui n’est pas très rassurant pour faire ses achats. Il y a des problèmes de navigation et de lisibilité. De plus, certaines rubriques sont un peu vides…

Le site est fait en HTML.

Nom du siteLogo

Login

contenu

Nouveautés

Recherche

Panier

NewsLetter

Paiment sécurisé

Navigation / menu

Zoning :

Login

contenu

Nouveautés

Recherche

Panier

NewsLetter

Paiment sécurisé

News

Selection

Autres

Header / footer

Navigation / menu

Arborescence : Vinyls

hardcore

electro

Matos Dj

Bac à disques

Casques

Cellules

Homme

Sweat

T-Shirt

Pantalon

Sweat

T-Shirt

Pantalon

Accessoires

Femme CD-DVD

tekno

electro

Drum&Bass

hardcore

Ragga-Jungle

Hip Hop

Video

Bazard

Patch

Badge

Drapeaux

Bijoux

Piecing

bagues

coliers

Robe-jupes

Vestes

Pull

Page 16: My cahier des charges

Design :

Navigation :

Très sobre, le tout sur un fond blanc. Un petit logo dans le header permet de distinguer le site.La mise en page est bien aérée, ce qui permet une lisibilité parfaite.De plus, le choix des couleurs neutres permet de mettre en valeur les pochettes des disques qui sont souvent très colorées.

La navigation est on ne peut plus simple et pratique. La lisibilité est à son maximum. On s’iden-tifie en haut de la page, puis on accède aux différents styles musicaux par le menu de gauche. Dans la partie centrale s’affichent les vignettes des différentes pochettes de disques. Il suffit de cliquer sur la vignette sélectionnée pour accéder à l’écoute et aux informations. On ajoute au panier et le tour est joué. A noter qu’un chemin de fer permet à tout moment de se situer dans la navigation.

Accueil :On accède sur une page tellement sobre que l’on a du mal à déterminer tout de suite de quoi il s’agit, mais ensuite on découvre les rubriques et la prise en main est aisée.

ww

w.te

k-sh

op.c

om

Page 17: My cahier des charges

Contenu :

Conclusion :

Technique :

Le contenu du site est simple puisqu’il ne vend que des disques qui sont classés par catégorie. Il existe un top 10 des meilleures ventes, une section de recherche, une sélection de disques, des news, des discographies et un abonnement possible à la newsletter.

Le site est tellement sobre qu’on pourrait l’oublier aussitôt, mais par contre il est extrêmement bien construit. Simple et pratique à utiliser, l’ensemble est rassurant pour faire des achats en ligne.

Le site est un fait en CMS avec Joomla.

Nom du site Logo

Login

Login

Nouveautés

Nouveautés

Contenu

Contenu

Recherche

Recherche

Panier

Panier

NewsLetter

NewsLetter

Paiment sécurisé

Paiment sécurisé

News

News

Selection

Selection

Autres

Header

Navigation / menu

Navigation / menu

Zoning :

Arborescence : DisquesAccueil

hardcore

electro

Drum&Bass

Spiral Tribe

electro

Du mois

antérieur

Drum&Bass

tekno

Ragga-Jungle

Acid

Chroniques

Hip Hop

etc...

Nouveautés contactez nous

Page 18: My cahier des charges

Design :Le site utilise un fond clair, des dégradés de gris ,la couleur jaune ocre de son logo et du vert pour contraster un peu. La mise en page est très aérée, ce qui permet une lisibilité parfaite. Il y a des petits contours gris pour délimiter les différentes rubriques.

Accueil :Le site de la fnac vend aussi des disques vinyles. On est accueilli dans une ambiance claire et sobre. Tout est très net.

ww

w.fn

ac.c

om

Page 19: My cahier des charges

Navigation :La navigation est simple et intuitive

Contenu :

Conclusion :

Technique :

Le site de la Fnac est très complet.Outre le fait d’acheter facilement un article, l’internaute a à sa disposition beaucoup de services qui lui permettent de faire son choix : un outil de recherche complet, la description détaillée du produit, la proposition d’articles du même artiste ou liés à l’artiste et l’avis des internautes.

Le site de la Fnac est une référence en ce qui concerne l’achat de produits en ligne, les servi-ces proposés à l’internaute sont complets et permettent de faire son choix sur un produit ou de s’orienter sur d’autres articles. La mise en page est agréable et reposante, ce qui permet de rester longtemps sur le site sans se fatiguer.

Le site est un fait en HTML, CSS, Javascript, PHP.

Zoning : Nom du site

Login

Nouveautés

Contenu

Recherche

RechercheChemin

Photo

Description

Avis des internautes

Avis des internautes

Fiche détaillée

Proposition d'autres articles

Autres articles du même artiste

Artistes liés

Actualités

Panier

Panier

Prix

NewsLetter

Paiment sécurisé

News

Selection

Autres

Header

Navigation / menu

Navigation / menu

Page 20: My cahier des charges

D- Conclusion

1- Synthèse de l’étude de la concurrence

En étudiant les sites, on s’aperçoit que dans le commerce de disques, il est primordial d’avoir un site doté d’un bon moteur de recherche afin de trouver facilement un disque. On doit pouvoir le trouver, soit en cherchant par l’intermédiaire d’une barre de recherche ( classement par artistes, titre, label ), soit par un menu classant les disques par catégorie musicale.

La navigation doit être simple et rapide. Il s’agit d’utiliser des barres de navigation qui regroupent les informations de façon logique et bien lisible. A tout moment l’internaute doit pouvoir se loca-liser à l’intérieur du site. On trouve, dans certains sites, un chemin de fer qui détaille le chemin parcouru dans l’arborescence ( très pratique ! ). Beaucoup de sites étudiés ont choisi d’utiliser deux menus différents, pour séparer le menu principal et le classement par genres musicaux.

Tous les sites analysés proposent de commander les produits en ligne. Certains sites n’ont pas bien regroupé toutes les informations utiles au même endroit. Par exemple, pinkcat.com n’affiche son logo CB et Paypal qu’en bas de page. Par contre en observant le site de la fnac.com, on se rend compte que le panier est toujours idéalement placé. A tout moment, l’internaute est en me-sure de voir l’état de sa commande, il peut aussi enlever ou ajouter d’autres produits.Il est très important que l’internaute soit rassuré au moment du passage de sa commande.

Sur tous les sites, on trouve des fiches détaillées pour chaque disque. Elles sont constituées d’une photo de la pochette, d’informations sur l’artiste, sur le genre musical, le label... On peut écouter des extraits et bien sur connaître le prix. Mais certains sites plus développés proposent systématiquement la possibilité d’ajouter le produit au panier, d’obtenir l’avis des internautes, des informations supplémentaires sur l’artiste ou le groupe, et aussi des produits du même artiste ou du même style de musique. La multiplication de ces services est déterminant pour le choix des internautes.

Presque tous les sites analysés proposent des services supplémentaires comme l’abonnement à une newsletter, le classement des meilleurs ventes et des news sur les prochaines sorties de disques ou les prochaines soirées. En dehors du fait que l’internaute est friand de tous ces ser-vices, c’est un bon moyen de le fidéliser et par la même occasion de mettre en avant certains produits.

Tous les sites analysés, ont choisi des habillages et des chartes graphique différentes afin de mettre en valeur les produits présentés. Certains ont opté pour des couleurs vives, d’autres sont beaucoup plus sobres. On constate que les versions plus sobres mettent plus en valeur les produits étant donné que les pochettes de disques sont la plupart du temps très colorées elles mêmes.On s’aperçoit aussi que les sites sur fond clair et avec une mise en page aérée sont plus lisibles et plus apaisants, l’internaute reste plus longtemps sur le site pour effectuer ses recherches .

En ce qui concerne le design, il est important de le soigner, afin que l’internaute soit content de se retrouver dans un univers qui lui plaise et surtout qui colle à sa passion de la musique électro-nique. Certains sites étudiés sont parfois en dehors du thème ou évoquent trop peu le monde de la techno ( technologie, futur, design, fête ...).Il faut que le site se distingue des autres afin qu’il soit bien identifiable. La plupart des sites ont choisi un thème de couleurs, un logo et une phrase d’accroche.

Page 21: My cahier des charges

2- Solutions retenues

3- Schémas des principales fonctionnalité

Arborescence principale :

A la suite de cette analyse, il s’agit de déterminer les solutions retenues pour la création du site disk-o-tek.com : rubriques - fonctionnalités principales du site - services proposés.

Technique : Etant donné qu’il s’agit d’un site de e-commerce, on privilégie une structure montée au format HTML afin d’obtenir un affichage rapide et un référencement efficace.

Accueil : Le site disk-o-tek est facilement identifiable. Il est muni d’un logo simple et lisible, d’une base-line décrivant l’activité et les services du site. L’ambiance est futuriste et légère. La charte graphique créée est au service de la lisibilité et de l’efficacité. ( voir charte graphique ).

Navigation : La navigation est la plus simple possible afin que l’internaute se dirige immédiate-ment vers les informations ou les produits qu’il recherche. Il est mis à sa disposition une section de recherche avancée qui permet soit de faire des recherche par mots-clés, soit par artistes ou labels... Il peut aussi utiliser les deux barres de navigation : l’une horizontale qui présente par rubriques toutes les principales fonctionnalités du site, l’autre verticale qui propose une sélection par style musical. Pour simplifier la navigation un chemin de fer est mis en place qui permet de se localiser à n’importe quel moment.

Contenu : On trouve, dans le site disk-o-tek, l’essentiel des fonctions retrouvées chez ses concur-rents : accès facile à tous les produits, fiche détaillée de chaque produit ( avec photos, voire pe-tites animations ), lecteur multimédia évolué, avis des internautes et propositions commerciales étendues et adaptées à chaque client, panier ergonomique et rassurant , gestion des comptes utilisateurs ( suivi et historique des commandes ), possibilité de recherche évoluée, édition de news, présentation des nouveautés ( animation flash ou vidéo ), classement des meilleures ven-tes, abonnement à une newsletter.

Musique

Vinyls

CD'S

Matériel jonglerie

Bolas

Baton du diable

Diabolos

Balles

Autres

Feu

Vêtements Matériel Dj's

Cellules

Feutrines

Casques

Nettoyage

Sacs Dj's

Autres

Homme

Femme

Fumeurs Contact

Page 22: My cahier des charges

Zoning de la page d’accueil :

Nom du site

Description du site

Recherche

Chemin

Paiment sécurisé

Navigation / menu

Nouveautés

NewsLetters Top des ventes

Login

Catégorie musicale

Page 23: My cahier des charges

Fiche produit :

Section recherche :

Chemin de fer :

Menu musical : Choix de la langue :

Proposition d'autres articles

Autres articles du même artiste

Artistes liés

Description

Avis des internautes

Donnez votre avis

Lecteur multimedia

Ajouter au panier

Prix

Photos

Photos Photos Photos

Artiste :Titre :Label :

Musique / Vinyls / Hardcore / Radium

Page 24: My cahier des charges

Procédure pour la création d’un compte client :

Page 25: My cahier des charges

Ajouter au panier

1

23

45

Recapitulatif

Livraison

Paiement

Vous avez déjà un compte :

Votre adresse e-mail :

Votre mot de passe :

Vous avez oublié votre mot de passe ? Cliquez ici Cliquez ici

Vous êtes un nouveau client :

Poursuivre

Poursuivre

choisir cette adresse Voir la liste

Terminer ma commande

Créer un compte

Article Quantité PrixDisponibilité/Livraison

Frais de livrason

TOTAL

TOTAL

Votre adresse de livraison

Votre adresse de livraison Votre adresse de livraison

Votre adresse de Facturation

Mode de paiement

Trouvez votre relais de livraison préféré

DomicileAutre adresse

Liste des points relais

Recapitulatif de la commande

Détails de paiement

Par carte

Par telephone

Par chèque

Par Paypal

Etapes de la procédure de commande et de règlement :

Page 26: My cahier des charges

3- Fonctionnalités du site

A- Fonctionnalités du front-office1- Philosophie du site

La partie accessible à tous les internautes regroupe toutes les fonctionnalités uti-les à la découverte ou à la recherche de disques vinyles. Mais le site à aussi pour but d’attirer des internautes qui ne sont pas seulement à la recherche d’articles à acheter, c’est pourquoi des fonctions comme les news ou la partie vidéo seront dé-veloppées.

2- Listage et explication des principales fonctionnalités

Le catalogue de disque :Le catalogue présente toutes les références en stock. Il permet aux internautes de découvrir, de la façon la plus agréable et la plus complète possible tous les disques proposés.

La recherche :L’internaute dispose de tous les outils lui permettant d’accéder au produit qu’il re-cherche. Cela regroupe une barre de recherche, un classement par catégorie et un listage des artistes et des labels.

Le magasin :Dans cette rubrique, sont regroupées toutes les informations permettant à l’inter-naute de se rendre au magasin, de connaître le règlement, les différents moyens de paiement, et les détails sur les livraisons.

Les news :La rubrique news permet à l’internaute de se tenir informé de toute l’actualité du site. Il dispose ainsi d’un classement par catégorie et aussi d’un accès direct aux dernières news et promotions du moment.

Les rss :L’abonnement aux news rss permet à l’internaute de disposer d’informations concer-nant le site depuis sa boîte mail.

Les vidéos :Dans cette partie, l’internaute a accès à toutes les vidéos du site regroupées par catégorie. Il peut aussi participer à la vie du site en proposant ses propres vidéos.

La sélection : A chaque actualisation, l’internaute dispose d’une sélection de disques proposée par le gérant du site.

Page 27: My cahier des charges

Le top ten:Le top ten permet à l’internaute de voir les disques qui sont les plus vendus sur le site.

L’inscription :Une fois inscrit, l’internaute dispose d’un compte lui permettant de pouvoir gérer des sessions lors de ses achats.

Contact :Une partie contact permet à l’internaute de contacter le gérant du site afin de pou-voir poser des questions ou bien suggérer de nouvelles idées.

Plan du site :Un plan du site actif est mis à la disposition de l’internaute afin qu’il puisse à tout moment avoir une vision d’ensemble et accéder directement à n’importe quelle par-tie du site.

B- Fonctionnalités du back-office1- Gestion du catalogue

Le gérant du site dispose des outils lui permettant de remplir et d’actualiser le cata-logue de disques. Il peut ajouter des références, les modifier ou bien les enlever.Lors de l’insertion de données, il peut entrer toutes les informations présentes dans les pages de détail comme le titre des morceaux, le nom de l’artiste, les textes...Il peut également télécharger les images et les extraits musicaux.

2- Gestion des news

Le gérant du site dispose des outils lui permettant d’éditer et de gérer des news.Il peut ajouter des news, les classer par catégorie et les modifier ou bien les enle-ver.

3- Gestion des rss

Le gérant du site dispose des outils lui permettant d’éditer et de gérer des rss.Il peut ajouter des news rss, les classer par catégorie et les modifier ou bien les enlever.

4- Gestion des vidéos

Le gérant du site dispose des outils lui permettant d’éditer et de gérer les vidéos qui apparaissent dans le site. Il peut ajouter et enlever des vidéos dans leur catégorie respective.

Page 28: My cahier des charges

4- Arborescence et contenu

A- Arborescence

B- Contenu des pages principales

1- Plan du site

Ci-dessous l’arborescence principale du site, décomposée en deux parties.La première, en orange, est le front-office, la partie visible par les internautes.La deuxième, en bleu, est le back-office, accessible uniquement par mot de passe par l’administrateur du site, elle permet de mettre à jour et de gérer le contenu du site.

1- La page d’accueil

La page d’accueil est la page la plus importante du site car c’est la plus vue par les internautes. Elles doit donner envie de rester sur le site et permettre au internautes d’accéder facilement à toutes les autres pages du site. De plus , elle doit être riche en informations et en fonctionnalités afin que l’internaute de passage n’ait pas à aller plus loin dans l’arborescence du site.

Accueil Catalogue

Accueil Admin

Gestion catalogue

Inserer une références

Supprimer

Inserer une news

Supprimer

Inserer une news Editer des videos

Supprimer des videos Supprimer

Mettre en réserve

Gestion news Gestion videosGestion news RSS

liste des labels

catégories

Page de détails

rechercher

liste des artistes Nouveautés

Actualités

Soirées

Promotions

Toutes les news

Cours de dj Formulaire

d'incription : Membres

Formulairede contact + Adresse Matos

Reportages

Interviews

Vos videos

Qui sommes nous ?

Plan d'acces

Règlement

Livraisons

Magasin News Video Inscription Contact

Page 29: My cahier des charges

Logo (animation flash )

Navigation

Recherche

Catégories musicales

Video d’accueil

Sélection

Actualités

Nouveautés

Accès RSS

Accès Admin

Accès Membres

Page 30: My cahier des charges

2- La page catalogue

La page catalogue présente le résultat des recherches de l’internaute, que ce soit par l’intermédiaire de la barre de recherche, du choix par catégorie ou autre.Toutes les références disponibles dans la base de donnée du site sont af-fichées et représentées succinctement par une image et une légende..

1- La page de détails

La page de détails regroupe l’ensemble des informations concernant un article. On y trouve par exemple le titre, le label, le nom de l’artiste, le prix etc...On y trouve également des photos et des textes concernant cet article.Un maximum de détails permet à l’internaute de faire son choix parmi des centainesde références. C’est le contenu de cette page qui don-ne le plus envie à l’internaute de revenir sur le site.L’internaute peut également écouter des petits extraits musicaux au format mp3.

Nombre de résultats

Affichage des vignettescliquables menant à la page de détails

Accès à la suite des résultats

Page 31: My cahier des charges

Artiste

Titre

Label

CatégoriePrix

Disponibilité

Ajout au panier

Mini galerie en javascript

Lecteurs de Mp3

Textes en javascript

Page 32: My cahier des charges

4- La page des news

La page des news peut accueillir toutes les catégories de news. C’est le même modèle de mise en page pour l’ensemble des news. Ici nous voyons par exemple, l’actualité. Les news sont classées par dates, de la plus récente à la plus ancienne. On peut aussi choisir combien de news sont affichées par page.Sont affichés à chaque fois : le titre, la date et la catégorie.

Titre de la rubrique

Titre de la news

Catégorie

Date

Photo

Texte

Page 33: My cahier des charges

4- La page des vidéosComme pour la page des news, la page vidéo peut accueillir toutes les catégories de vidéos. C’est le même modèle de mise en page pour l’ensemble des vidéos. Ici nous voyons par exemple, les cours de dj. Sont affichés à chaque fois : le titre et la catégorie.

Titre

Player de flv

Titre

Vignette

Description

Page 34: My cahier des charges

C- Contenu des principales pages du back-office1-Accueil de l’administration

La page d’accueil est une page qui n’est pas visible par les internautes mais qui est tout de même importante parce qu’elle est constamment utilisée par l’administrateur du site. Elle se veut aussi pratique et facile d’utilisation.

Catalogue

Icônes

News

RSS

Vidéos

Déconnexion

Page 35: My cahier des charges

1-Gestion des références

Cette page permet à l’administrateur d’avoir accès à l’ensemble des références contenues dans la base de données. Il peut choisir celles qui apparaissent dans le site ou pas. Il peut ajouter, modifier et supprimer une référence par l’intermédiaire de formulaires.( voir rubrique suivante )

Insertion références

Déconnexion

Nom de la table

Modification

Suppression du site

Table de réserve

Retour sur le site

Suppression définitive

Tableau contenantles informations

Page 36: My cahier des charges

3-Formulaire d’insertion des références

Cette page permet à l’administrateur d’insérer de nouvelles données dans la base de données du site. Le formulaire propose de remplir les champs qui correspondent à toutes les données composant la fiche détaillée qui apparaît sur le front-office.L’administrateur peut aussi télécharger des images et des mp3 qui remplissent la mini galerie et les lecteurs.Pour la modification et l’édition de news la méthode est la même.

Données principales

Textes 1, 2, 3

- Sélection- Référence- Artiste- Album- Label- Catégorie musicale- Prix

Page 37: My cahier des charges

Photos

3 Extraits MP3

Titre de la page

Description

- Catalogue- Grandes images- Vignettes

Page 38: My cahier des charges

5- A propos du référencement

A-Qualité du site1- Respect des normes W3C

Le respect des normes W3C permet avant tout d’avoir la certitude que le site est le plus compatible possible avec tous les navigateurs. Cela permet aussi au site d’être bien indexé, car les moteurs de recherche ont tendance à privilégier un site codé proprement.

2- Bonne écriture des balises title et description

Le titre et la description apparaissent directement dans les résultats de recherche sur les moteurs comme Google ( limitation de caractères : titre = 100 caractères et description = 200 caractères ). Pour bien rédiger le contenu de ces balises, il convient de faire une étude de mots clés très pointue afin d’optimiser toutes les pages du site. Dans le cas de ce site, il s’agit aussi de gérer dynamiquement le remplissage des balises. Le code HTML permet également de jouer sur le degré d’importance des mots clés selon que nous décidons d’en faire un titre H1, H2 ... ou selon le format des mots en question (la grande taille et les caractères gras sont un facteur de plus grande importance).

3- Contenu éditorial de qualité

Pour que le site soit bien référencé sur les moteurs de recherche, il est primordial que le contenu éditorial du site soit le plus riche et le plus précis possible. Si les su-jets abordés sur le site sont bien rédigés, cela profite à l’internaute, et permet aussi que la page soit utilisée par d’autres sites comme référence.Il faut aussi penser à rédiger le contenu des attributs alt situé dans les balises ima-ges. Cela permet à la fois de renseigner l’internaute grâce à la légende de l’image et les moteurs lorsque l’on fait des recherche par image ( google images ).

4- Choix d’un nom de domaine approprié

Dans ce cas , le site deviendra un site marchand. Il est donc important de choisir un nom de domaine qui comporte déjà le nom de l’activité ou bien le nom de l’article principalement vendu. En effet, cela permet dès l’étape de la requête de recherche que le nom du site soit appelé directement.

Page 39: My cahier des charges

B- Création de liens1- Inscription dans des annuaires de qualité

Brièvement, un annuaire est un site classant de façon thématique les sites qu’il sé-lectionne lui même ou qui lui sont soumis. Des éditeurs analysent alors le contenu des pages et créent des résumés de leur contenu dans le but d’orienter les visiteurs. Les annuaires proposent une recherche par catégories et sous-catégories. Il existe des milliers d’annuaires dits spécialisés ou généralistes.Pour améliorer le positionnement de son site sur les annuaires, il n’existe qu’une technique : la soumission manuelle de son URL aux différents annuaires qui se lais-sent par la suite (ou pas) le droit de valider ou non la soumission.Les critères d’acceptation d’un site sur un annuaire sont larges, citons :- le contenu du site : le site doit correspondre à une thématique entrant dans une catégorie de l’annuaire.- la qualité du site : est-ce un site ayant suffisamment de contenu ? Ce contenu est-il régulièrement mis à jour ? Il y a-t-il beaucoup de visiteurs sur ce site ?Pour juger de la qualité du site, le Page Rank est souvent l’indicateur le plus fiable sinon le plus utilisé.

2- Création de liens internes

Les liens internes au site, qu’ils fassent partie de la navigation ou qu’ils se trouvent dans le contenu des textes ( par exemple ), permettent aux robots des moteurs de recherche de naviguer dans le site. Il faut qu’ils soient créés de façon logique et per-tinente. Il faut aussi créer un plan du site qui résume l’ensemble des liens internes.

3- Echanges de liens avec d’autres sites

L’échange de liens avec d’autres sites favorise le classement des sites, surtout si le lien est pertinent. De plus, il faut tenir compte du pagerank des sites avec lesquels les liens sont échangés. Un échange avec un site à fort pagerank à tendance à faire évoluer votre site, alors qu’à l’inverse un pagerank faible le fera descendre.

Page 40: My cahier des charges

6 - La charte graphique

A- L’idée générale1- Choix de l’ambiance

Le choix de l’ambiance est défini par le projet du site lui même. Ici il s’agit d’un futur site marchand qui présente des produits variés.Le choix de la sobriété s’impose afin de mettre en valeur les produits. Ainsi le gra-phisme du site s’efface devant le côté pratique et la lisibilité.Pour autant, l’ambiance graphique doit être agréable, claire et recherchée.D’autre part le thème du site est celui de la musique électronique, beaucoup de si-tes dans ce créneaux choisissent de créer une ambiance nocturne en utilisant des fonds noirs.Pour se démarquer et donner une note positive, le site mise sur une ambiance claire et colorée.

2- Choix des couleurs

Palette de couleurs :Le nombre des couleur est volontairement limité afin de mettre en avant les produits qui sont eux-même très colorés. De plus, on retrouve dans tout le site les mêmes couleurs afin de garder une cohérence globale.

Ci-dessous la palette utilisée dans le site :

3- Choix des polices

Pour obtenir une certaine harmonie et une lisibilité optimum, le choix se porte sur la police ARIAL pour l’ensemble du site.

Nom du site

RechercheCheminNavigation / menu

Nouveautés

Catégorie musicale

Page 41: My cahier des charges

B- Mise en page et graphisme1- Mise en page de la page l’accueil :

La page d’accueil est décomposée en plusieurs parties. On trouve de haut en bas:- l’en-tête ( logo, navigation, fils d’Ariane, recherche )- le contenu ( sur la gauche recherche par catégorie + contenu des pages )- Pied de page ( accès admin, membres , RSS...)Les dimensions des pages sont toutes les mêmes et correspondent à un standard, qui permet que le site soit visible sur tous les écrans quelque soit leur taille.

Nom du site

RechercheCheminNavigation / menu

Nouveautés

Catégorie musicale

Hauteur : adaptable selon contenu

En-tête : 150px

Pied : 50px

Navigation : 30px

Fil d’Ariane : 30px

Largeur totale : 900px

Catégorie : 200px Contenu :

Page 42: My cahier des charges

Logo :

Le logo est un élément important dans un site Web, étant donné qu’à lui seul,il représente l’activité du site et son image. De plus, il est très important qu’il soit faci-lement reconnaissable et lisible. Le logo apparaît dans l’en-tête du site.Sur la page d’accueil le logo est animé pour donner du dynamisme.

Navigation :

En haut de chaque page, on retrouve la barre de navigation.Elle est très sobre mais renferme toute la navigation dans des menus déroulants.

Recherche :

A tout moment l’internaute a à sa disposition, des outils de re-cherche. La barre de recherche traditionnelle qui est située en haut à droite et la recherche par catégorie musicale située à gau-che, ressemble à un indicateur de gains comme sur une table de mixage. Le style est minimaliste, ce qui est voulu surtout par rapport aux sites surchargés que l’on découvre en abondance sur la toile.

Les boutons sont gros, colorés et facilement repérables, afin que la navigation soit rapide et intuitive. Ils se détachent bien du reste de la page car ils sont en relief.

2- Détails des éléments du site

Page 43: My cahier des charges

Pied de page :

Cette partie est principalement liée à l’accès à la partie membre et administration, on trouve également le bouton permettant de s’inscrire aux news RSS.Les boutons sont gros et en rollover ce qui les rends plus agréables à utiliser.

News :

Toutes les news ont la même mise en page, qui se veut simple et épurée. Le but est d’aller à l’essentiel et d’obtenir une lisibilité parfaite. La mise en page est également bien aérée et s’adapte en hauteur par rapport à son contenu.

Player audio:

Pour les players audio, c’est la même philosophie. Il s’agit simplement l’aller à l’essentiel, c’est à dire écouter un extrait. C’est un player gratuit de JWPlayer qui est adapté au gra-phisme du site.

Page 44: My cahier des charges

Player Video :

C’est d’un player gratuit JWPlayer qui fonctionne avec des playlists. Il y a possibilité d’éditer les vignettes et les descriptions. Toujours la même déclinaison graphique : mise en valeur du contenu, pas du contenant.

Formulaire de contact :

Le style est simple, il y a deux gros boutons : un pour envoyer, l’autre pour annuler.

Page 45: My cahier des charges

Tableaux de l’administration:

Ils ne sont pas visibles par les internautes, mais l’administrateur à lui aussi le droit d’avoir un graphisme agréable... Le bleu est choisi car c’est une couleur neutre qui n’agresse pas les yeux.

Page 46: My cahier des charges

11- Proposition commerciale

A-Contrat

Entre :La Société DISKOTEK au capital de 10000 Euros, immatriculée au Registre du Commerce et des Sociétés de Service sous le numéro 123.1564.789, ayant son siège social à St Brieuc 22000,Représentée par son Gérant, M. Douet

d’une partEtLa Société LANZANI WEB SERVICE au capital de 10000 Euros, immatriculée au Registre du Commerce et des Sociétés de Service sous le numéro 326.456.789, ayant son siège social à Paris 75020,Représentée par son Gérant, M. Lanzanid’autre part

1. Objet de la conventionLe présent contrat (le « Contrat «) a pour objet de définir les conditions générales et particulières applicables à la conception, au développement, à la réalisation d’un site web, selon les spécifications1 et les étapes et délais2 de livraison telles que définies respectivement en Annexes no 1 et 2 et selon le prix prévu à l’article 3 des présentes.

2. Obligations du Contractant

2.1. Enregistrement du nom de domaineLe Contractant devra enregistrer au nom de la Société, le nom de domaine diskotek.com2.2. Dossier de conceptionLe Contractant devra fournir un dossier de conception et de réalisation du site et de-vra le réaliser. Le Contractant devra concevoir et développer le site, à savoir conce-voir l’architecture d’ensemble du site et la mise en place des informations, adapter et mettre en forme le contenu (texte, images, illustrations sonores, etc.). Le dossier de conception devra être validé par la Société à toutes les étapes de création.2.3. ProgrammationLe Contractant devra mettre au format HTML, programmer les scripts, nécessaires à la bonne consultation du site selon les règles de l’Art. La navigation dans le site doit être la plus efficace possible et doit être multiplateforme.2.4. Interface graphiqueLe Contractant devra assurer la conception visuelle du site et y intégrer les élé-ments graphiques en utilisant un format standard. Le site devra avoir une appa-rence constante quels que soient la plateforme et le navigateur utilisés.

Page 47: My cahier des charges

2.5. Les testsLe Contractant devra effectuer les tests multiplateforme avant le lancement du site et vérifier le fonctionnement des liens hypertexte, du renvoi courrier, du téléchargement des docu-ments et tous tests nécessaires à l’utilisation de toutes les composantes et parties du site, tant au niveau de l’apparence que des qualités techniques (en particulier vitesse d’exécu-tion). Après validation par la Société des tests définitifs (après correction des éventuelles erreurs), un procès verbal sera signé par les parties.2.6. Mise en place définitiveAprès la signature du procès-verbal, le site sera installé par le Contractant sur le serveur désigné en annexe. L’hébergement fera l’objet d’un contrat distinct avec une tierce partie [ou entre les parties].2.7. Remise à la Société de tous les fichiersLe Contractant communiquera à la Société, à première demande de cette dernière tous fi-chiers nécessaires à l’exploitation du site.2.8. MaintenanceUn contrat de maintenance sera signé de manière séparée entre les parties.3. Modalités financièresEn contrepartie des prestations exécutées par le Contractant et des cessions visées aux articles 4 et 5 ci-dessous, la Société versera au Contractant une somme globale et forfaitaire de 6000 Euros HT, au fur et à mesure de l’avancement des travaux selon l’échéancier fixé en annexe no 2. Cette somme inclut l’acquisition par le Contractant pour le compte de la Société des droits d’exploitation nécessaires à la réalisation du site et à sa mise en ligne sur internet.4. Propriété intellectuelleTous les droits de propriété intellectuelle ou industrielle, en ce compris les droits de marques, les droits de propriété littéraire et artistique, notamment les droits de reproduction, de repré-sentation et d’adaptation, les droits sur les logiciels ou fichiers informatiques, les droits sur le contenu des bases de données, dits « droit sui-generis «, afférents au site web deviendront la propriété de la Société qu’ils soient exploités ou non par la Société.La cession prévue aux alinéas précédents sera effectuée pour la durée de protection de la propriété intellectuelle, artistique et industrielle et pour le Monde entier.Il est expressément convenu en tant que de besoin, le prix de la cession des droits de pro-priété industrielle et intellectuelle sus mentionnés est compris dans le prix forfaitaire défini à l’article 3 des présentes.Il est entendu que le nom de domaine restera la propriété de la Société.Le Contractant garantit la Société contre toute revendication de toute personne susceptible de pouvoir prétendre à un droit quelconque à ce sujet.À ce titre, le Contractant devra obtenir, sauf accord exprès de la Société sur une limitation de cession, des auteurs, concepteurs, inventeurs, qu’ils soient ou non ses salariés, la ces-sion au nom et pour le compte de la Société de tous les droits exclusifs d’exploitation (droits de reproduction, de représentation, d’adaptation ou de traduction) sur le site pour la durée de protection du droit d’auteur, tous pays, ainsi que les droits relevant de la protection au titre du droit des marques, dessins, modèles ou brevets en France ou à l’Étranger. En ce qui concerne les droits de la personnalité, le Contractant fera son affaire d’obtenir au nom et pour le compte de la Société, de la part des personnes physiques, l’autorisation d’utiliser leur image ou l’un des éléments de leur personnalité et, plus précisément, pour les manne-quins et pour les artistes interprètes, la cession des droits d’utilisation, définis dans le temps, l’espace et en fonction des médias, conformément aux besoins définis par la Société et aux réglementations qui leur sont respectivement applicables.

Page 48: My cahier des charges

Lorsqu’il n’aura pas obtenu cession des droits conformément aux dispositions des alinéas précédents, le Contractant s’engage à préciser par avance l’étendue et les limites des droits de propriété intellectuelle, industrielle ou de ceux relevant de la personnalité obtenus par lui et devra obtenir l’accord préalable exprès de la Société sur une limitation de cession avant le lancement du site.En ce qui concerne les réalisations antérieures aux présentes effectuées dans le cadre d’une mise à jour du site web existant, objet des factures listées en annexe no 3, il est convenu entre les parties, que la présente clause de cession s’applique de manière rétroactive, pour assurer à la Société la pleine propriété des droits de propriété intellectuelle, et que le prix versé pour ces prestations inclut le montant des droits de propriété intellectuelle [clause facultative)5. Propriété matérielleLa Société acquerra la propriété matérielle quel que soit le support (document, dis-quettes, etc.) des maquettes, projets, illustrations, masters, fichiers, bases de don-nées et tous éléments réalisés par le Contractant dans le cadre des présentes et de la mise à jour visée à l’article 4 précédent. Le Contractant devra remettre ces supports à première demande de la société et ne pourra en aucune manière user d’un quelconque droit de rétention à son encontre.6. Mention du contractant sur le siteLa Société autorise le Contractant à indiquer ses coordonnées sur le site, voire à faire mention du site comme exemple des réalisations du Contractant sur les docu-ments commerciaux et publicités de ce dernier, à condition de soumettre un échan-tillon desdit documents commerciaux ou desdites publicités à l’accord préalable et écrit de la Société.7. GarantieLe Contractant garantit la Société contre tout recours ou action que pourraient lui in-tenter à un titre quelconque, à l’occasion de l’exercice des droits lui étant consentis par le présent contrat, les auteurs ou les ayants-droit ou éditeurs et, d’une manière générale toute personne ayant participé directement ou indirectement au dévelop-pement ou à la réalisation du site.Le Contractant garantit également la Société contre tout recours ou action que pour-raient former les personnes physiques ou morales qui bien que n’ayant pas parti-cipé au développement ou à la réalisation seraient susceptibles de faire valoir des droits quelconques sur tout ou partie du site.8. DuréeLe présent contrat prend effet à compter de ce jour et prendra fin à la réalisation par le Contractant de toutes les phases prévues au contrat, dans les délais prévus en annexe no 2, sans préjudice des dispositions de l’article 14 sur la résiliation et de la continuation des obligations de confidentialité et de propriété intellectuelle après la fin du contrat.9. CoordinateursLes parties désignent les coordinateurs techniques suivants pour le suivi du projet :M. DOUET pour le Contractant,M.LANZANI pour la Société.

Page 49: My cahier des charges

10. Intuitu personaeLe présent contrat est strictement personnel au Contractant et ne pourra faire l’objet d’aucu-ne cession, apport ou transfert, sous quelque forme que ce soit, sans l’accord préalable et écrit de la Société qui ne sera jamais contrainte de délivrer un tel accord.11. ConfidentialitéPendant toute la durée des présentes et même après leur cessation pour quelque cause que ce soit, le Contractant s’engage à conserver strictement confidentiels l’ensemble des informations et documents de quelque nature que ce soit, économiques, techniques, etc., relatifs à la Société ou à toute personne liée de quelque façon que soit à la Société, aux-quels il aurait pu avoir accès dans le cadre notamment de l’exécution des présentes.Le Contractant prendra vis-à-vis de son personnel toutes les mesures nécessaires pour assurer sous sa responsabilité le respect de l’obligation de confidentialité visée à l’alinéa précédent.12. RésiliationÀ défaut de respect de l’une quelconque des clauses du présent contrat par le Contractant, la Société pourra le considérer comme résilié de plein droit vingt (20) jours après une mise en demeure d’exécuter restée sans effet.13. Convention dérogatoire ou complémentaireLe présent contrat remplace tout accord, arrangement ou contrat antérieur, écrit ou non écrit, conclu entre les parties et se rapportant au même objet.Toute convention dérogatoire ou complémentaire au présent contrat devra être constatée par écrit.Les intitulés des articles du présent contrat ne figurent que pour plus de commodité et n’af-fectent en aucune manière le sens des dispositions auxquelles ils font référence.Aucun fait de tolérance par la Société ne saurait constituer une renonciation de sa part à l’une quelconque des dispositions du présent contrat.14. Notification – Élection de domicile14.1. Toute correspondance et notification devant être effectuée entre les parties, dans le cadre des présentes, ne sera considérée comme valable que si elle présente l’une des for-mes suivantes :– lettre recommandée avec demande d’avis de réception,– lettre remise en mains propres contre reçu signé par le destinataire,– télécopie confirmée par lettre recommandée avec demande d’avis de réception adressée à la même date.14.2. Pour l’exécution des présentes et leurs suites et conséquences, les parties élisent domicile en leur siège social énoncé en tête des présentes.15. Droit applicable – LitigesLe présent contrat est soumis au droit français.Tout différend lié à l’interprétation, l’exécution ou la validité du présent contrat sera soumis à la compétence exclusive du tribunal de commerce de Paris.

Fait à ……………, le ……………, en …………… exemplaire original

Page 50: My cahier des charges

11- Le Futur du site

1- Première tranche

Le travail présenté dans ce cahier des charges représente la première tranche de travaux du site. En effet, le client dispose d’un site mis en ligne et opérationnel. Il est muni de toutes les fonctionnalités principales. C’est à dire un catalogue de disques, un système de news et de RSS, une partie vidéo et toutes les rubriques indispensa-bles telles que le plan du site ou le formulaire de contact.

2- Deuxième tranche

Dans cette deuxième partie des travaux, il s’agit de mettre en place les autres ca-talogues, c’est à dire celui des vêtements, des bombes de peinture, des livres et de la jonglerie. Le principe est exactement le même, il suffit d’adapter les bases de données en fonction des spécificités des articles.

Ensuite, il s’agit de mettre en place toute la partie commande en ligne. Gestion de panier, session membre, paiement sécurisé en ligne...

3- Conclusion

Une fois la deuxième partie achevée, le site sera complètement fini et opérationnel. Il restera la partie communication et marketing à mettre en place.

Page 51: My cahier des charges

Cahier des charges du site diskotek.comRédigé par Raphaël lanzani

pour l’examen de certification du TIMCna Cefag Juillet 2009