Cahier des charges Concept Développement d’un site web interactif autour du club de football du Paris Saint Germain. Celui-ci doit permettre de découvrir l’histoire du PSG des années 70 à nos jours (le club, le stade et les supporters). L’utilisateur doit pouvoir tester ses connaissances via une série de questions de difficulté croissante. Public cible Ce projet s’adresse à un large public, allant de l’amoureux du football souhaitant découvrir l’histoire du PSG, au supporter confirmé souhaitant approfondir et tester ses connaissances. Objectifs ● Cultiver la passion du PSG et par la même occasion devenir un (meilleur) supporter ; ● Apprendre le passé du club et juger de leur niveau par le biais de quizz sur l'histoire, les chants, les matchs... Ressources médias Le contenu du projet provient essentiellement d’un livre écrit par Daniel Riolo (journaliste RMC) intitulé « L'Histoire du Paris Saint-Germain ». L’article Wikipedia sera aussi une source intéressante. La dimension sonore sera rendue grâce à l’utilisation de bruits d’ambiance de stades, de chants de supporters parisiens. Le mode histoire retrace l’épopée du club parisien à travers un grimoire composé de texte et d’images d’époque. Structure et navigation Le site s’articule autour de 2 parties : Histoire du club et Quizz. Histoire : dans cette partie, l’utilisateur accède aux 8 périodes importantes de l’histoire du club sous la forme d’un grimoire. En cliquant sur les coins ou en utilisant les flèches directionnelles du clavier, l’utilisateur peut feuilleter les pages et lire un résumé de l’ère en question, accompagné de différentes photos servant à illustrer les informations. Quizz : dans ce mode, l’utilisateur peut tester ses connaissances sur l’histoire du club. Les quiz sont de difficulté croissante. Son score final déterminera le joueur auquel il peut s’apparenter (Armand pour les connaissances solides, beckham pour les nouveaux arrivants par exemple). Le projet est structuré en grains autonomes. L’utilisateur peut consulter une période donnée de l’histoire ou bien tester directement ses connaissances. La navigation est hypertexte puisque l’utilisateur dispose sur une même page de plusieurs ressources multimédia qu’il peut explorer selon ses envies. Formes et degrés d’interactivité L’utilisateur peut naviguer de manière libre au travers du contenu via des clics souris sur des points clés de l’image (texte dans un menu, icones/images, etc.). De même pour le quizz, les réponses sont données via un clic sur une des solutions proposées (QCM). Choix techniques Les langages utilisés sont : HTML5, CSS3, JavaScript, Flash. Les images du site sont des montages réalisées via illustrator et Photoshop. Story-Board Le site contiendra 2 sections : Histoire et Quizz. L’Histoire a été divisée en 8 parties chacune contenant 2 ou 3 images. Le Quizz est lui divisé selon le mode de difficulté choisi par l’utilisateur. Figure 1 - StoryBoard Accueil visuel : Toutes les images ont été créées par Florent sous Illustrator. Le fond rappelle la ville de Paris avec ses principaux monuments (Tour Eiffel, La Défense, Notre-Dame, etc.). Le Parc des princes est situé au centre de l’image, accompagné de l’actuel logo du PSG. Pour entrer sur le site, l’utilisateur doit cliquer sur le Parc. Une animation est alors lancée, reproduisant les flashs d’appareils photos que voient les joueurs à leur entrée dans le stade. Sonore : Lorsque l’utilisateur passe la souris sur le parc pour la première fois, on entend « Allez Paris » retentir comme si nous étions dans les tribunes. Au second passage de la souris, c’est « Paris est magique » qui est déclenché. Cette série est répétée autant de fois que l’utilisateur passe la souris sur le parc. Figure 2 - Accueil Menu principal visuel : Une fois l’animation jouée, l’utilisateur accède au menu principal où l’on retrouve la star actuelle du PSG, Zlatan Ibrahimovic positionné devant l’entrée par laquelle les joueurs sortent des vestiaires. Il peut alors choisir d’accéder au mode Histoire ou au mode Quizz. En fonction de la position de sa souris (histoire, quiz, autre), Zlatan change de position en ponctuant le choix de l’utilisateur de son célèbre coup de pied (cf Les guignols de l’info). Sonore : L’ambiance sonore est rendue par la chanson « Who said I would, Phil Collins ». C’est cette chanson qui est jouée lorsque les joueurs font leur entrée sur la pelouse. De plus, lorsque l’utilisateur cliquera sur un bouton, un son de coup de pied retentira. Ce sera celui de Zlatan, indiquant avec sa jambe le choix de l’utilisateur. Figure 3 - menu principal Histoire visuel : Le mode histoire sera donne accès à un grimoire réalisé grâce à un plugin jQuery turn.js. Sonore : Afin d’accompagner l’utilisateur dans sa lecture, une musique de fond rythme son parcours de l’histoire du club. Nous avons choisi la bande originale du film « Jurassic Park », musique entrainant qui provoquera une forte émotion chez le lecteur. Figure 4 - mode histoire Quizz Le quizz proposera 3 modes de difficulté : facile, moyen et difficile. visuel : Générique de question pour un champion avec une version cartoon de Julien Lepers. sonore : musique de question pour un champion. Un bruit de fond stressant (de la même émission) accompagnera les questions. En cas de bonne réponse l’utilisateur recevra les louanges du public tandis qu’en cas d’erreur il entendra toute la déception du public à l’image d’un attaquant ratant l’immanquable. Scénario Histoire 1) Les pionniers (1970 – 1972) La création du club parisien est d’abord le fruit d’un constat : en 1969, le football parisien n’a plus un représentant au plus haut niveau. Un projet de relance du football de haut niveau à Paris est donc lancé. Le Paris Football Club est créé en 1969 mais à quelques semaines de la reprise en 1970, le Paris FC n'a ni joueurs, ni entraîneur, ni encadrement, ni stade, ni inscription en championnat. Une fusion est proposée entre le PFC et le CS Sedan Ardennes (seul club en D1 à proximité) mais celui-ci refuse. Tout comme la ligue refuse d’accepter le club directement en D1. Les promoteurs du PFC se tournent alors vers la 2ème division. Le Stade Saint-Germain, fraîchement monté en 2ème division devient donc un allié évident. Le 21 mai 1970, l'assemblée des associés du PFC vote pour la fusion avec Saint-Germain. Le 30 mai, la FFF publie la liste des clubs participant au prochain championnat de deuxième division : le Paris Saint-Germain FC figure sous ce nom sur cette liste au titre de la promotion du Stade Saint-Germain. Le 26 juin, un Conseil d'administration extraordinaire entérine la fusion du Stade Saint-Germain et du Paris FC est effective : le Paris Saint-Germain Football Club est né. Pierre-Étienne Guyot, partie prenante du projet Paris FC, en est le premier président. Le PSG termine pour sa première saison 1er du groupe Centre du championnat. Il est sacré champion de France de D2 le 12 juin 1971. Le PSG est donc promu en D1 dès 1971. Malgré ce succès sportif, la Mairie de Paris, propriétaire du Parc des Princes et important bailleur de fonds du nouveau PSG, refuse de soutenir un club basé hors du territoire de la ville de Paris, le Paris Saint-Germain étant considéré comme un « club banlieusard ». Menacé dans son existence, le PSG est scindé en deux en mai 1972 : la section professionnelle reste en D1 sous les couleurs du Paris FC, tandis que le reste du club, et notamment l'équipe amateur évoluant en Division 3, conserve l'identité « Paris Saint-Germain ». Le mariage avec le PFC aura tenu moins de deux ans. image 1 : Equipe 1970 image 2 : Jean Djorkaeff image 3 : Just Fontaine 2) La renaissance (1973 - 1978) Profitant du refus de montée de l'US Quevilly pour des raisons financières, le PSG est promu en D2 dès 1973. Daniel Hechter et ses amis, dont Jean-Paul Belmondo, Francis Borelli, Charles Talar et Bernard Brochand, notamment, font leur entrée en scène. Le partenariat entre Henri Patrelle et Daniel Hechter ne dure pas même un an. Afin d'éviter une nouvelle affaire semblable à celle du PFC, le nom (Paris Saint-Germain Football Club) et les couleurs du club (bleu, blanc et rouge) deviennent protégées par contrat. Le siège social du club est transféré à Saint-Germain-en-Laye. Patrelle conserve son titre et sa qualité de président du PSG, mais Daniel Hechter, président du comité de gestion, joue un rôle majeur au club. Un conflit s'instaure alors entre les deux hommes pour le contrôle plein et entier du PSG. De même, sur le banc, Robert Vicot, officiellement entraîneur, doit souvent s'effacer devant Just Fontaine, officiellement directeur technique. Cette double direction n'empêche pas le club d'être promu en D1 en juin 1974 à l'issue d'un match de barrage face à Valenciennes. Lors de ce match, Just Fontaine fera un arrêt cardiaque sans gravité à la suite de la victoire du club. Ironie du sort, le Paris FC chute en D2 dans le même temps. C'est au lendemain de cette promotion que Daniel Hechter devient officiellement président du club, poste jusque là toujours occupé par Patrelle qui devient intendant de l'équipe de France A jusqu'en 1979. En faisant son retour parmi l'élite, le PSG retrouve son statut professionnel abandonné deux ans plus tôt. L'inauguration du centre de formation au camp des Loges a lieu le 4 novembre 1975. Pierre Alonzo en prend la direction. La présidence de Daniel Hechter est marquée par ses déboires finaux.