Développement d un site Web dynamique pour StadiumCompany

Transcription

1 PPE Développement d un site Web dynamique pour StadiumCompany MERAIHI Samy CASTELAIN Jérémy LAM Victor

2 Sommaire I) Contexte du Projet... 2 a) Présentation de StadiumCompany... 2 b) Présentation du prestataire informatique WebSiteCompany... 3 II) Cahier des charges... 4 a) Etat des lieux... 4 b) Analyse des besoins... 6 III) Les solutions apportées :... 8 IV) Etude du projet... 9 a) objectifs et buts du projet... 9 b) planning du projet...14 c) Conclusions les objectifs sont-ils atteints?...14 V) Conclusion général

3 I) Contexte du Projet a) Présentation de StadiumCompany StadiumCompany est une société qui gère un grand stade. Elle emploie 170 personnes à temps plein (35 dirigeant et responsables, et 135 employés). Environ 80 intérimaires sont embauchés en fonction des besoins, pour des événements spéciaux dans les services installations et sécurité. 2

4 b) Présentation du prestataire informatique WebSiteCompany WebSiteCompany est une entreprise, sa finalité est de réaliser des profits pour assurer sa pérennité. Elle a un objectif lucratif puisque c est une organisation privée. C est aussi une société par actions simplifiée (SAS). Son domaine d activité est le secteur tertiaire. Elle délivre des services en ingénierie informatique. Son siège social est situé au 1 rue de la cense des raines à Ennevelin, en France. C est une petite ou moyenne entreprise (PME), composée de 10 salariés. Son chiffre d affaire était de 30 Millions d euros en Son champ d action géographique est à envergure national. Organigramme de WebSiteCompany : 3

5 II) Cahier des charges a) Etat des lieux Le public visé est composé : des joueurs de football. des équipes des clubs de football. des spectateurs composés parfois de VIP. des membres de l'administration du stade. des fournisseurs de concession. des investisseurs et sponsor. de la presse. Le site aura plusieurs fonctions : il doit fournir un accès rapide à une information ciblée, pertinente et fréquemment mise à jour en fonction du type de public. il doit mettre en lumière les différents événements du stade. il doit favoriser le travail collaboratif des membres de l'administration. Création d'un API pour échanger des informations entre site. Contenir un historique de tous les événements passés. Il doit afficher suffisamment d'information concernant les équipes lors d'un événement. L'interface du site doit s'adapter aux événements et mettre en valeur une équipe en particulière dans le cas d'un match de football. Il faut mettre en valeur les sponsors des équipes respectives. Un visiteur doit pouvoir partager un événement sur les réseaux sociaux. Possibilité de création de page CMS et de les reliées à des catégories qui constitueront l'arborescence des menus du site. 4

6 Le site doit comporter : Une partie statique du site permettant d'afficher des informations concernant les événements en cours voir à venir. Cette partie sera accessible à tout le monde. Une partie compte communautaire permettant aux supporter de s'inscrire et d'échanger sur un événement ou d'obtenir des informations complémentaires sur les équipes. Ils doivent pouvoir réserver leur billet pour un événement ou acheter des goodies via une interface sobre et sécurisé. Une partie administration réservé aux membres de l'équipe administrative du site permettant d'administrer les événements et les informations concernant les équipes, les joueurs et les sponsors. Plus la personnalisation du thème du site en fonction d'un événement, l'administration des commandes et de la partie communautaire du site. 5

7 b) Analyse des besoins StadiumCompany souhaite augmenter sa visibilité à travers la création d un site internet dédié à leur stade. Malheureusement, la direction de StadiumCompany sait qu elle ne dispose pas du savoir-faire voulu en matière de développement web. C est pourquoi elle fait appel à WebSiteCompany, une société de développement web pour entreprise, afin de réaliser la tâche susnommée. Le site doit comporter : Une partie statique du site permettant d'afficher des informations concernant les événements en cours voir à venir. Cette partie sera accessible à tout le monde. Une partie compte communautaire permettant aux supporter de s'inscrire et d'échanger sur un événement ou d'obtenir des informations complémentaires sur les équipes. Ils doivent pouvoir réserver leur billet pour un événement ou acheter des goodies via une interface sobre et sécurisé. Une partie administration réservé aux membres de l'équipe administrative du site permettant d'administrer les événements et les informations concernant les équipes, les joueurs et les sponsors. Plus la personnalisation du thème du site en fonction d'un événement, l'administration des commandes et de la partie communautaire du site. La solution doit permettre : l'organisation des contenus. la gestion sécurisée des paiements en ligne, de la partie administration et compte utilisateur. la gestion des documents. la séparation du fond et de la forme via une architecture MVC. le support des métadonnées qui donnent des informations sur la page visitée. l'indexation automatisée du contenu. 6

8 Le site doit : être facilement extensible permettre l'accessibilité numérique ; cela implique qu'il sait gérer des données dans des formats standardisés, respectueux des normes et des recommandations internationales (W3C, ARIA) autant pour sa structure que pour son contenu. être suffisamment ergonomique de manière à ce que la formation des différents auteurs soit simplifiée. 7

9 III) Les solutions apportées : Dans le cadre de la création du site web au nom de domaine « nous avons opté pour les langages suivants : HTML, CSS, JAVA SCRIPT et PHP. Buts des langages utilisés : L HTML pour la structure de la page, Le CSS pour la mise en forme de la page, Le JavaScript pour la partie dynamique, Le PHP pour la manipulation de données et de fichiers. Toute page web comprend une base de langage HTML. Il s'agit d'un langage de balisage qui définit essentiellement la structure de la page web (titres, tableaux, paragraphes, etc.). Le langage HTML s'accompagne de script CSS (Cascading Style Sheets - Feuilles de style en cascade) qui sont des styles qui se chargent de la mise en forme de la page. Le JavaScript permet de créer des page web interactive, puisqu il s agit d un langage orienté objet. Enfin, le PHP permet de mettre en relation une page web à un serveur de données, afin de produire des pages web interactives. Environnements de développement et logiciels utilisés : - Komodo Editor, pour les script HTML et la visualisation du site. - Gimp 2 et Photoshop, pour la retouche photo et la création de logo. - Sublim Text, pour les script CSS. - Eclypse, pour les scripts PHP et JAVA SCRIPT. 8

10 IV) Etude du projet : Voici quelques images des principales fonctionnalités du site Légende utilisée : - L encadré JAUNE correspond au code HTML (Structure de la page) correspondant. - L encadré VERT correspond au code CSS (Mise en forme de la page) associé. Header : 9

11 Logo : Barre de recherche : Menu déroulant : 10

12 Fond noir : 11

13 Réseaux sociaux : Footer : 12

14 13

15 b) planning du projet Phase 1 : Prototypage du projet et HTML : Phase 1.1 : Prototypage d une maquette du site sur Photoshop afin de visualiser. Phase 1.2 : Création du code HTML de la page principale. Phase 2 : CSS. Phase 2.1 : Création de script CSS pour mettre en forme les éléments HTML. Phase 3 : JAVA SCRIPT et PHP. Phase 3.1 : Mise en place des pages JAVA SCRIPT et PHP. Phase 4 : Hébergement et mise en ligne du site : Phase 4.1 : Mise en ligne du site et ouverture aux internautes. c) Conclusions les objectifs sont-ils atteints? Le site est encore en cours de maintenance actuellement mais possède sa version statique et dynamique fonctionnelles. Il reste à terminer la partie compte communautaire qui est actuellement en cours de développement. 14

16 V) Conclusion général Analyse critique du projet : La mise en place d un forum de discussion et d une gestion de compte peut être envisagée, afin de permettre aux supporters de s inscrire, d échanger sur un évènement ou encore d obtenir des informations complémentaires sur les équipes. Ce forum pourra aussi être utilisé pour réserver les billets pour un évènement ou acheter des goodies. Nous vous conseillons ensuite d ajouter un visionnage ou une chaine de radio en ligne pour permettre aux supporters d assister à certains matchs exclusifs. 15