Rapport_info

Document Sample
Rapport_info Powered By Docstoc
					Romain SERGEANT                                                IUT de Reims
                                                     Département Informatique




                       Rapport de stage
                                -
                     Création d'un site Web
                          sous Joomla
                                      Informatique




Reims Champagne Hockey
41 chaussée Bocquaine - 51100 Reims                          Avril – Juin 2009
                            -2-
Romain Sergeant – Rapport de stage – Reims Champagne Hockey
                            Création d'un site Web sous Joomla

                                           Romain Sergeant




Résumé :


Ce rapport porte sur la création et le développement du nouveau site Web du club de hockey sur
glace « Reims Champagne Hockey » avec le système de gestion de contenu Joomla! ,ainsi que sur
la formation de ses futurs utilisateurs.


Mots-clés :


Site Web, CMS, Joomla!, PHP, MySQL.




                                              -3-
                  Romain Sergeant – Rapport de stage – Reims Champagne Hockey
                                 Remerciements

Je tiens à remercier l'association Reims Champagne Hockey pour l'accueil qui m'a été réservé et
particulièrement M. Marc Lefèvre , responsable du service communication et tuteur de ce stage,
pour le projet qui m'a été confié.


Mes remerciements vont aussi aux membres de l'agence 800.600 pour leur participation bénévole et
le temps qu'ils ont consacré à l'élaboration de la charte graphique du site, malgré leur charge de
travail.


Je souhaite également remercier M. Florent Notelet pour son implication dans l'administration et la
gestion du forum.


Enfin, je souhaite remercier tous les bénévoles de l'association pour le soutien et la contribution
apportées à ce projet.




                                             -4-
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
                     Table des matières

     Table des sigles et des abréviations                                   6
1.   Introduction                                                           7
2.   Présentation de l'association                                          8
     2.1 Généralités                                                        8
     2.2 Historique                                                         8
     2.3 Environnement humain                                               9
     2.4 Site Web existant                                                  10
3.   L'environnement informatique                                           11
4.   Travail personnel                                                      15
     4.1 Objectifs                                                          15
     4.2 Analyse                                                            16
        4.2.1 Arborescence du site Web                                      16
        4.2.2 Méthodes de travail                                           19
     4.3 Développement                                                      23
        4.3.1 Le template                                                   23
        4.3.2 Agencement des modules                                        24
        4.3.3 Gestion des joueurs : mise en œuvre des méthodes de travail   29
     4.4 Gestion des utilisateurs                                           35
5.   Conclusion                                                             38
6.   Bibliographie                                                          39
7.   Annexes                                                                40
     7.1 Cahier des charges                                                 41
     7.2 Extrait de la page d'accueil de l'ancien site Web                  46
     7.3 Panneau d'administration de Joomla!                                47
     7.4 Position des modules du template « Sport line »                    48
     7.5 Capture d'écran de la nouvelle page d'accueil                      49




                                         -5-
             Romain Sergeant – Rapport de stage – Reims Champagne Hockey
       Table des sigles et des abréviations


CMS ( Content Management System ) : Le Système de Gestion de Contenu est un type de
logiciels destinés à la création et à la mise à jour de sites et d'applications Web.
Open Source : Ce terme désigne les logiciels dont la licence permet sa libre redistribution, ainsi
que l'accès en lecture et en écriture de son code source.
BackEnd / FrontEnd : cela désigne la différence entre le panneau d'administration de Joomla!
(BackEnd) et la partie visible du site par les utilisateurs ( FrontEnd ).
Extensions : Ce sont des applications complémentaires à Joomla! pour gérer la mise en forme ou
pour ajouter des nouveaux services . Les extensions sont classées en 4 catégories : les composants,
les modules, les plugins et les templates. La version standard de Joomla! intègre un certain nombre
d’extensions.
Composant : C'est une mini-application intégrée à un site Web Joomla! qui possède sa propre
interface de configuration et qui constitue la majeure partie des pages d'un site Web ( gestion du
contenu, authentification d'utilisateurs, gestion de formulaires …).
Module : Un module est un bloc que l'on trouve à un certain emplacement dans le corps de la page
Web ( colonne de gauche , de droite , pied de page … ). Les modules sont souvent associés à des
composants, comme par exemple un module qui affichera des images aléatoires d'une galerie
d'images gérée par un composant.
Plug in : Ce sont des morceaux de code activés sur un évènement. L'exécution de
n'importe quelle partie de Joomla!, que ce soit un module ou un composant,
peut déclencher un évènement et alors les plug ins associés à cet événement
s’exécuteront.
Template : Il gère toute la partie graphique d'un site Web : les couleurs des caractères et des fonds,
la police des caractères, les cadres, les menus ...
Menu : C’est une liste d’éléments, disposés de façon verticale ou horizontale selon le module choisi
pour l’afficher. L’appui sur un élément du menu provoque l’affichage d’une page avec ses modules
et ses composants.




                                              -6-
                  Romain Sergeant – Rapport de stage – Reims Champagne Hockey
1. Introduction

            Dans le cadre de mon stage de deuxième année de DUT Informatique, j'ai été accueilli
du 6 avril au 12 juin 2009 au sein du Club de Hockey de Reims (“Reims Champagne Hockey”) à la
patinoire Bocquaine. Les Phénix, qui constituent l'équipe sénior de ce club de hockey sur glace,
évoluent depuis 2007 en Division 1 . Un site Web attractif, dynamique et interactif, autant pour son
administration que pour son utilisation, est alors nécessaire au bon fonctionnement et à la
communication interne et externe d'une telle structure.


            L'ancien site Web de ce club ne correspondant pas aux attentes de ses utilisateurs, ma
mission fut de recréer entièrement un site Web répondant aux critères énoncés ci-dessus.


            Mais le but du stage de seconde année fut également de me mettre en contact avec le
monde du travail, cela pour me permettre d’avoir une première expérience professionnelle et de
mettre en pratique toutes les connaissances acquises tout au long de ma formation à l’IUT.
            Vous verrez donc tout au long de ce rapport le déroulement de ce stage, comment les
compétences acquises à l’IUT ont été mises en pratique, et l’apport que ce stage a été, aussi bien au
niveau des compétences qu’au niveau du vécu professionnel.


Tout d'abord, je vous présenterais l'association dans laquelle j'ai effectué mon stage, ainsi que les
différents moyens et outils informatiques que celle-ci a mis à ma disposition.


            J'exposerais ensuite les différentes méthodes de travail que j'ai utilisé sous Joomla!,
avant de les illustrer par le choix du template utilisé pour définir la charte graphique du site Internet
mais aussi sa structure ainsi que par un exemple concret de leur application : la mise en place d'un
gestionnaire de joueurs et de ses différentes applications.


            Enfin, je conclurais par la formation et la gestion des différents utilisateurs qui seront
amenés à l'administration du site Internet, élément nouveau dans ma formation.




                                             -7-
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
2. Présentation de l'association

2.1 Généralités

            Le Reims Champagne Hockey est un club de Hockey sur glace de la ville de Reims
fondé en 2002 et évoluant actuellement au second niveau national ( Division 1 ) grâce à l'équipe
“Les Phénix”. Arrivée en dixième position lors de la dernière saison, cette équipe a l'ambition
d'arriver dans les huit premières équipes de cette ligue l'année prochaine.
            L'association dispose de deux sites où se déroulent ses entrainements et ses matchs : la
patinoire Bocquaine et la patinoire Jacques Barot, toutes deux situées dans l'agglomération rémoise.
Le bureau de l'association est situé à la patinoire Bocquaine, lieu où mon stage s'est déroulé. J'ai
donc bénéficié d'un des trois bureaux de la patinoire Bocquaine, mitoyen de celui occupé par mon
maître de stage, le troisième étant occupé par le Club de Patinage Artistique.




2.2 Historique


            Juillet 2002
Création du Reims Champagne Hockey. Les licenciés se répartissent dans les 8 catégories
existantes (École de glace, Moustiques, Poussins, Benjamins, Minimes, Cadets, Loisirs, Senior D3).

            5 Octobre 2002

Premier match officiel du Reims Champagne Hockey, l'équipe de Reims affrontant en troisième
division l'équipe de Wasquehal. Victoire des "bleus" 14-5. Le premier but de l'histoire du RCH est
marqué par William PLACE.

            Saison 2003/2004

- Champion de France - Cadet Excellence.
- Création de la catégorie "féminine", elle ne compte qu'une dizaine de joueuses, mais participe à de
nombreux tournois.
- L'équipe Sénior accède à la 2e division.

                                             -8-
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
            Saison 2004/2005
- Les espoirs remportent le titre de Vice-Champion de France Espoir Excellence (8 mai).
- Vice-Champion de France D2B des Séniors.
- L'équipe Espoir (juniors) accède aux championnats de France Excellence.
            Saison 2005/2006
Création d'une nouvelle section : Loisir initiation jeunes
            Saison 2007/2008
Les Phenix passent en première division.

            Saison 2008/2009
Les Phénix finissent 10ème du Championnat de France D1



2.3 Environnement humain




                        Image 1 : Organigramme du service Communication


            Pendant toute la durée de ce stage, j'ai travaillé en étroite collaboration avec différents
bénévoles de l'association, ceux-ci occupant des rôles aussi divers qu'importants à la réussite de ma
mission. La bonne entente régnant entre les membres de l'association m'a permis de m'intégrer
rapidement.



                                             -9-
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
            Mon maître de stage, Marc Lefèvre, également stagiaire au Reims Champagne Hockey
dans le cadre de son DESS Communication-Marketing, occupe le poste de responsable de la
communication externe du club. Son rôle dans la réalisation de ce projet fut sa collaboration dans la
rédaction d'un cahier des charges ( cf Annexe 1 , pages ) évolutif, destiné à retranscrire les besoins
des futurs utilisateurs du site Web en un ensemble de solutions informatiques. Par la suite, les
différentes décisions importantes relatives à la construction du site Web furent toutes prises après
concertation avec mon maître de stage, qui supervisait l'ensemble de mon travail.

            J'ai également travaillé en collaboration avec Éric Feck, responsable de l'ancien site
Web, pour qu'il puisse rapidement maîtriser le nouveau site Web, afin de maintenir une continuité
dans la gestion et la maintenance de celui-ci.

            Samuel Panon, bénévole responsable de l'actualité et de la gestion de l'équipe de
première division « Les Phénix », était destiné à devenir un des principaux administrateurs du futur
site Web. Son aide fut précieuse car il me permit de mieux cerner les différents objectifs de la
section du site web relative aux « Phénix » et sa participation à ma mission me permit très vite de
tester les différentes fonctionnalités du site.

            Florent Notelet, personne supporter du club, a pris en charge la gestion et
l'administration du forum intégré au site Web, après son installation. Lui déléguer cette tâche m'a
permis de focaliser mon attention sur le reste du projet.



2.4 Site Web existant


            A mon arrivée au Reims Champagne Hockey, cette association possédait déjà un site
Internet, développé par une personne extérieure au club. Au début de mon stage, mon maître de
stage m'a fait une rapide présentation du site Web ( extrait de sa page d'accueil, cf Annexe 2 , page
). Lors de cette présentation, il m'a énoncé les différents défauts que les utilisateurs prêtaient à ce
site et qui ont corroboré mes premières impressions :

– Une charte graphique peu attractive

– Un site Web développé uniquement en HTML

– Des pages Web non dynamiques


                                              - 10 -
                  Romain Sergeant – Rapport de stage – Reims Champagne Hockey
– L'absence d'une interface de modération et d'administration intégrée au site Web : pour mettre à
jour le site, ses gestionnaires devaient la plupart du temps directement modifier le code source du
site, ce qui constitue une lacune très importante vu le nombre de données devant être mises à jour
chaque semaine.




3. L'environnement informatique

Matériel :



            L'association dans laquelle j'ai effectué mon stage étant une petite structure, il n'y avait
pas de service informatique à proprement parler. C'est pourquoi le parc informatique de
l'association s'est avéré assez limité : un seul ordinateur aux performances limitées était à la
disposition des bénévoles du club de hockey. J'ai donc, à l'instar des autres membres de
l'association, apporté mon ordinateur portable personnel pour travailler. Cependant, cela ne m'a pas
gêné dans mon travail, puisque l'association a mis à disposition une connexion Internet Wifi, ainsi
qu'un hébergeur 1&1 me permettant d'abriter le site Web et sa base de données.



Langages :


                       PHP (Hypertext Preprocessor ) est un langage de scripts principalement
                       utilisé pour produire des pages HTML dynamiques via un serveur HTTP,
                       mais pouvant également fonctionner comme n'importe quel langage de façon
                       locale, en exécutant les programmes en ligne de commande. PHP est un
langage disposant depuis la version 5 de fonctionnalités de modèle objet complètes. En raison de la
richesse de sa bibliothèque, on désigne parfois PHP comme une plate-forme plus qu'un simple
langage. Le site Internet de l'association se devant d'être un site dynamique et interactif, la création
de pages HTML « à la volée » est alors indispensable, ce qui m'a logiquement amené à choisir PHP

                                              - 11 -
                  Romain Sergeant – Rapport de stage – Reims Champagne Hockey
pour développer le site Web. De plus, Joomla! et ses extensions étant codées en PHP, la maîtrise et
l'utilisation de ce langage s'avèrent nécessaires à leur modification.

Site officiel : http://www.php.net



                       HTML ( HyperText Markup Language) est le format de données conçu
                       pour représenter les pages web. C’est un langage de balisage qui permet
                       d’écrire de l'hypertexte, d’où son nom. HTML permet aussi de structurer
                       sémantiquement et de mettre en forme le contenu des pages, d’inclure des
                       ressources multimédia , des formulaires de saisie, etc ... Il est souvent utilisé
                       conjointement avec des langages de programmation(Javascript) et des formats
de présentation (feuilles de style en cascade). Le PHP générant des pages HTML à la volée, une
bonne connaissance de ce langage de balisage fut donc requise pour réaliser ce projet.



                        Le SQL (Structured Query Language), ou langage structuré de requêtes,
                        est un pseudo-langage informatique de type requête, standard et normalisé,
                        destiné à interroger ou à manipuler une base de données relationnelle. La
                        base de données d'un site Web dynamique étant constamment consultée et
                        manipulée par celui-ci, l'utilisation de ce langage de requête constituait donc
la meilleure solution pour manipuler la base de données du site Internet en développement.



Autres langages : Au cours de ce stage, j'ai été amené à utiliser d'autres langages relatifs au
développement Web. J'ai dû principalement étudier le contenu de certaines fonctions Javascript,
notamment pour résoudre certains problèmes de compatibilité avec certains navigateurs Web. J'ai
également manipuler le langage CSS ( Cascading Style Sheet ), ou feuille de style en cascade afin
de modifier la feuille de style ( charte graphique ) de certaines pages Web du site.




                                             - 12 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
Logiciels de développement :


                                        Joomla! est un système de gestion de contenu libre, gratuit et
                                        Open Source. Il est codé en PHP et utilise une base de données
                                        MySQL. Il comprend de nombreuses fonctionnalités telles que
                                        l'affichage d'articles en blog, de galeries photo, de flux RSS,
                                        de sondages … Une communauté très active permet à ce logiciel
                                        de bénéficier de plusieurs centaines d'extensions disponibles en
plus des fonctionnalités de base de Joomla!. L'utilisation de ce logiciel pour la construction du site
internet fut une des plus importantes décisions prises au cours de mon stage. Il a déterminé
l'utilisation des langages, ainsi que du SGBD utilisé. 10 semaines étant un délai assez court pour
réaliser mon projet, j'ai décidé d'utiliser ce logiciel car il me permettait de construire un site Internet
rapidement, en utilisant des composants regroupant la majeure partie des fonctionnalités d'un site
Internet interactif. De plus, le fait que ce logiciel soit en Open Source m'a permis de modifier et
d'améliorer un certain nombre de ses composants pour que ceux-ci correspondent parfaitement aux
besoins de l'utilisateur.

Site officiel : http://www.joomla.org/


                            Dev-PHP IDE permet de créer des scripts et applications utilisant le
                            langage PHP. Le programme permet une colorisation syntaxique de
                            nombreux langages ( HTML, CSS, PHP …). Son système de colorisation, sa
                            rapidité ainsi que sa stabilité l'ont placé à mes yeux comme le logiciel idéal
                            pour éditer les différentes pages Web su site Internet.




                                              - 13 -
                  Romain Sergeant – Rapport de stage – Reims Champagne Hockey
SGBD :


                                       MySQL est un Système de Gestion de Bases de Données
                                       (SGBD), parmi les plus utilisés au monde. Il fait partie du
                                       quatuor LAMP , qui est l'association du système d'exploitation
                                       Linux, du serveur HTTP Apache, de MySQL et du langage de
                                       scripts PHP. Ce quatuor a pour but de créer un serveur de sites
Web à partir de logiciels libres. Le couple PHP/MySQL utilisé conjointement avec Apache est la
solution la plus utilisée pour la création de sites Web et est souvent proposée par les hébergeurs, ce
qui est le cas de l'hébergeur utilisé par la structure où s'est déroulé mon stage.

Site officiel : http://www.mysql.fr/



                                       Une partie de la gestion de la base de données s'est faite via
                                       phpMyAdmin, interface graphique développée en PHP et
                                       destinée à la gestion d'une base de donnée MySQL. Cette
                                       interface sera aussi utilisée pour tester les différentes requêtes
                                       SQL lors de la construction du site, ce qui constitue un gain de
temps important.

Site officiel : http://www.phpmyadmin.net



Serveur :



                                       Apache est un logiciel de serveur HTTP développé par l'Apache
                                       Software Foundation. C'est actuellement le serveur HTTP le
plus populaire du Web. C'est un logiciel libre faisant partie du LAMP, évoqué ci-dessus.

Site officiel : http://www.apache.org/




                                               - 14 -
                   Romain Sergeant – Rapport de stage – Reims Champagne Hockey
4. Travail personnel
4.1 Objectifs


            L'objectif de ce stage était de réaliser le nouveau site Web de l'association du Reims
Champagne Hockey. Ce nouveau site devait remplir différents critères auxquels l'ancien site ne
correspondait pas et il devait également respecter le cahier des charges ( cf Annexe 1 , pages ) :

- Le site web se devant d'être la vitrine du club de Hockey, une charte graphique plus attractive et
un meilleur agencement des différents modules étaient nécessaires.

- Les différentes fonctionnalités développées se devaient de respecter le cahier des charges; à noter
que celui-ci est évolutif, et qu'il a subi plusieurs changements dûs à un changement des besoins de
l'association.

- Pour être interactif et et bénéficier d'un affichage dynamique de ses pages, le site se devait donc
d'être développé en PHP.

- Pour pouvoir être modéré et administré par des personnes ayant des connaissances réduites en
informatique, le site avait également besoin d'une passerelle d'administration, ergonomique,
intuitive, simple d'utilisation, ce qui faisait beaucoup défaut à l'ancien site Web.

- La formation des utilisateurs à la modération et à l'administration du site Web était aussi
nécessaire, notamment auprès des bénévoles du club chargés de la maintenance et la gestion globale
du site Web après le lancement de celui-ci.



            Nous allons maintenant nous intéresser à la phase d'analyse qui a déterminé les
méthodes de construction et de développement du site Web, ce qui va nous amener à l'élaboration
de l'arborescence du site, qui va déterminer l'agencement des modules du site et définir la structure
du site Web.




                                             - 15 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
4.2 Analyse
4.2.1 Arborescence du site Web


            Avant d'aborder cette étape essentielle qu'est la création de l'arborescence, véritable
colonne vertébrale du site Web, il est nécessaire de souligner la différence sous Joomla! entre la
gestion du contenu et la gestion des menus du site Web. Car un des principaux atouts d'un CMS
comme Joomla! est de séparer la gestion du contenu et celle de la structure, comme on peut le voir
sur le panneau d'administration de Joomla! ( cf Annexe 3 , page ).

            Le « contenu » qui est évoqué ici est en réalité l'ensemble des articles du site Web. Ces
articles sont regroupés en différentes catégories, qui sont elles-mêmes regroupées par sections.

Ainsi l'arborescence créée pour le contenu vise à segmenter ce contenu afin de mieux gérer son
affichage comme nous allons le voir par la suite.

            Joomla! permet de créer différents menus. Ceux-ci sont divisés en plusieurs éléments de
menu, pouvant être divisés en sous-éléments de menu. Chaque élément de menu ainsi que tous ses
éventuels « fils », correspond à l'utilisation d'un composant. A noter que l'affichage de ses menus
dépend du template. En général, on définit un menu comme « menu principal » qui est souvent
placé en haut de page, les autres menus devant être affichés via des modules destinés à afficher les
différents éléments d'un menu. J'ai aussi constaté que l'exécution d'un composant se lance dans un
seul et même emplacement, généralement dans la partie centrale du corps de page.

            Ces deux arborescences ont donc été définies selon le cahier des charges ( cf Annexe 1 ,
pages ). Sur celui-ci, on peut observer l'arborescence initiale du menu principal : les rubriques
correspondent à ses éléments de menu et les sous-rubriques à ses sous-menus. Pour l'arborescence
du menu, les différentes rubriques seront interprétées comme des sections. Par contre seules
certaines sous-rubriques correspondent à des catégories, un certain nombre de sous-menus n'ayant
pas de rôle dans l'affichage des articles.

            Ces deux arborescences, malgré leurs différences de fonctionnement sont souvent
associées l'une à l'autre.

            Par exemple, le sous-menu «La vie du club», fils de l'élément de menu « LE CLUB »
fait appel un composant « com_content », qui aura pour rôle d'afficher en mode « blog » les
différents articles de la catégorie «La vie du club» de la section « LE CLUB ».

                                              - 16 -
                  Romain Sergeant – Rapport de stage – Reims Champagne Hockey
              Image 2 : Affichage en mode « blog » des articles de « La vie du club ».



Certaines modifications du menu principal ont bien sûr eu lieu lors du développement du site.
Certains éléments ont été ajoutés :

            - « Accueil » : c'est, comme son nom l'indique la page par défaut du site Web, sa
vitrine. Celle-ci affiche un nombre important d'articles sous différentes formes : diaporama, blog,


                                             - 17 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
bande défilante, module flash …

            - le sous-menu « Coupe de France » de « Les Phénix », affichant les différents matches
de Coupe de France.

            - la transformation du sous-menu « Centre de formation » en élément de menu, en
raison de son importance pour le club.



D'autres éléments ont été suspendus :

            - le sous-menu « Vidéos » de « Médias », en raison des difficultés techniques relatives à
la transmission d'un match en direct.

            - le sous-menu « Nous rejoindre » de « Partenaires », en l'absence d'une plaque de
présentation du club, destinés à des entreprises intéressées par un partenariat avec l'association.

            - le sous-menu « Jeux/Pronostics » de « Les Phénix », qui devait permettre un système
de pronostics et de paris comme un équivalent de « Loto foot ».



            J'ai également développé d'autres menus en dehors du menu principal, destinés à créer
une interface conviviale pour l'utilisateur, et qui constituent une majeure partie de l'interactivité su
site Web.

            C'est pourquoi j'ai créé un menu nommé « Panneau de l'utilisateur » affiché dans un
module lors de l'identification de l'utilisateur. Son premier élément permet de modifier les
identifiants de l'utilisateur ( pseudonyme, mot de passe , adresse e-mail), et est accessible à tous les
utilisateurs enregistrés. Le deuxième élément de menu que j'ai développé et qui est accessible aux
utilisateurs possédant des droits supérieurs, est une passerelle d'administration intégrée au site Web.

            Cependant ses différentes fonctionnalités et son fonctionnement ne seront pas
développés dans le rapport, mais lors de la soutenance, car cet élément du site Web est une
solution importante à un des objectifs à atteindre : l'interactivité du site Web du point de vue
« administration » et « modération ».



            L'arborescence du site créée, nous allons maintenant nous intéresser aux différentes
méthodes de travail utilisées pour pouvoir répondre aux besoins des utilisateurs.


                                             - 18 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
4.2.2 Méthodes de travail


             Afin de respecter le cahier des charges, je me devais de rechercher une solution
informatique correspondant parfaitement aux besoins des utilisateurs. Je rappelle que ces besoins
étaient les suivants :

             - charte graphique attractive

             - pages Web dynamiques

             - interactivité du site

             - proposer des fonctionnalités spécifiques à l'utilisateur



             J'ai répondu au besoin d'un site Web affichant des pages dynamiques par l'utilisation du
CMS Joomla!, utilisant le PHP comme langage de scripts pour le site Web, et permettant la
génération de pages HTML « à la volée ».

             Quant à la nouvelle charte graphique, elle est déterminée par le choix du template, ainsi
que par l'intervention d'une agence de Web design extérieure au club de Hockey de Reims, récent
partenaire du club, et offrant bénévolement de participer à l'élaboration de cette nouvelle charte
graphique.

             Les différentes fonctionnalités du site Web seront quant à elles générées par une
multitude d'extensions de Joomla! ( composants, modules, plugins, template ). En effet, un
template est également une extension de Joomla!, et si il intervient dans la charte graphique du site,
il occupe aussi une place primordiale dans la structure des différentes pages Web; son choix est
donc très important, ce qui m'amènera à parler de son rôle dans le développement du site Web.

             Il faut noter que l'interactivité du site est due à un certain nombre de fonctionnalités
possédant un certain nombre de qualités que nous étudierons lors de la soutenance.



             Nous allons donc maintenant nous intéresser à la méthode de travail utilisée pour
choisir, installer, configurer, voire améliorer les différentes extensions nécessaires au
développement des différentes fonctionnalités du site Web.



                                              - 19 -
                  Romain Sergeant – Rapport de stage – Reims Champagne Hockey
            La première étape consiste à se demander quels sont, en détail, les caractéristiques de la
fonctionnalité à développer : sur quelles pages du site cette fonctionnalité sera disponible, quels
utilisateurs y auront accès …



Ensuite, on peut déterminer quel type et quel genre d'extensions l'on a besoin ( Ai-je besoin d'un
plug in pour pouvoir attacher des pièces jointes sous un éditeur WYSIWYG ? Ai-je besoin d'un
composant qui soit gestionnaire d'évènements ainsi qu'un module lui étant subordonné soit un mini-
calendrier ?). Joomla! propose un certain nombre de composants, modules, plugins, templates, de
base. Cependant, le plus grand nombre de ces éléments sont créés et proposés par la communauté
de Joomla! : ce sont des extensions de Joomla!. Elles doivent être installées via l'interface de
gestion des extensions.




            Image 3 : Interface d'installation et de gestion des extensions sous Joomla!



            Une fois les différentes extensions installées, il est possible de modifier leur paramètres
afin de les adapter aux besoins de l'utilisateur, via l'interface de gestion d'un composant ou d'un
module.

            Toutefois, il arrive souvent que la plupart des extensions choisies ne soient pas


                                             - 20 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
parfaitement adaptées aux besoins des utilisateurs, surtout lorsque les fonctionnalités demandées par
ces derniers leur sont spécifiques. Joomla! étant un logiciel libre, il est possible d'avoir accès à son

code source, pour l'étudier ou le modifier. C'est pourquoi lors de mon stage j'ai souvent été amené à
modifier le « code source » de ces extensions afin de les améliorer.




                 Image 4 : Interface de transferts de fichiers proposé par l'hébergeur



            Par exemple, comme on peut le voir ci-dessus, on peut avoir accès, depuis la racine du
site « joomla », au code source du composant « com_content », composant intégré à la version
originale de Joomla!, et qui a pour rôle de gérer le contenu du site ( articles ). Pour modifier le code
source de chaque composant, j'ai utilisé ce mode opératoire :

            - Téléchargement des fichiers source concernés

            - Édition de ces fichiers sous DEV-PHP

            - Mise à jour des fichiers source sur le FTP

Modifier le code source de ces extensions m'a servi à modifier l'affichage de ces éléments, mais


                                             - 21 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
aussi à afficher plus ou d'autres d'informations et fonctionnalités que celles proposées initialement
par l'extension. Les améliorations que j'ai effectuées sur ces différentes extensions sont donc
passées par une modification de la base de données, véritable bibliothèque virtuelle du site Web
stockant les données que celui-ci utilise. Cela passe généralement par l'ajout ou la modification de
« champs » d'une « table » ( comme par exemple, rajouter les champs « date de naissance » et
« poids » à la table « individu »).

            Enfin, dans le but de rendre le site Web plus convivial, il est nécessaire que la majorité
des éléments du site soient affichés en français. Certaines extensions sont disponibles au
téléchargement en français ou peuvent être traduites par l'installation d'un plugin via l'interface de
gestion des extensions. Cependant, sur un certain nombre d'extensions, j'ai été obligé de traduire
manuellement en modifiant directement les fichiers de configuration contenant les libellés associés
à l'extension.

            Une fois les extensions choisies modifiées et adaptées aux besoins des utilisateurs, j'ai
du tester celles-ci sous différents navigateurs Web, afin de vérifier que le site Web serait compatible
avec le plus grand nombre d'utilisateurs.




                        Image 5 : Source : http://www.atinternet-institute.com



            Les navigateurs « Mozilla Firefox » et « Internet Explorer » représentant plus de 90%
des navigateurs Web utilisés en Europe, je me suis surtout concentré sur leur compatibilité. A noter
qu'à la différence de Firefox, Internet Explorer m'a posé un certain nombre de problèmes, tels que
l'apparition d'erreurs lors du chargement des pages du site. Pour palier ce problème, j'ai du choisir


                                              - 22 -
                  Romain Sergeant – Rapport de stage – Reims Champagne Hockey
dans ces cas des extensions qui se sont révélées compatibles avec Internet Explorer, mais parfois en
moins bonne adéquation avec les besoins des utilisateurs, la compatibilité du site avec les différents
navigateurs étant prioritaire.

            Après chaque réalisation d'une fonctionnalité, j'ai présenté son fonctionnement et ses
possibilités à mon maître de stage ainsi qu'à d'autres bénévoles du club amenés à gérer le site Web,
afin de recevoir ses critiques et d'améliorer l'élément concerné en conséquence.

            Maintenant que je vous ai présenté les méthodes de travail que je me suis appliqué à
respecter lors de la construction du site Web, je vais vous présenter plus en détail le développement
des divers aspects du site Web, en commençant par un de ses plus importants éléments : le template.




4.3 Développement
4.3.1 Le template



            Le choix cette extension a déterminé, comme nous l'avons évoqué, la base de la charte
graphique du site, mais aussi l'agencement des modules du site Web, et donc sa structure. Procéder
à un choix judicieux pour cette extension me permettait donc de remplir partiellement l'un des
principaux objectifs de mon stage : proposer un site plus attractif grâce à une charte graphique
attirante et une disposition des modules intelligente.

            Je précise que la charte graphique du site Web ne sera pas déterminée seulement par le
template, mais également par la participation l'agence de web design « 800.600 », devenue
récemment partenaire du Reims Champagne Hockey et responsable de leur communication papier.
Cette participation concernera la création d'éléments graphiques du site Web, telles que la bannière
de celui-ci. Cela permettra non pas de changer la charte graphique définie par le template, mais de
la renforcer en l'adaptant à l'identité du club de hockey. Leurs créations ne seront malheureusement
pas disponibles avant la fin de mon stage en raison de leur importante charge de travail, mais
j'espère voir leur travaux intégrés au site avant la fin du mois de juin.

            La version originale de Joomla! propose quelques modèles de template, mais après
concertation avec mon maître de stage, nous n'avons pas trouvé parmi ces templates un modèle qui

                                              - 23 -
                  Romain Sergeant – Rapport de stage – Reims Champagne Hockey
soit adapté pour « habiller » le site Web d'un club de sport. Aussi ai-je décidé de chercher un
template créé par la communauté Joomla! et correspondant plus à nos besoins.

            Après plusieurs recherches, je me suis arrêté sur un template qui a retenu mon attention.
Celui-ci semblait idéal pour créer un site Web dédié à une discipline sportive, comme les membres
de l'agence « 800.600 » se sont accordés à le dire. Après avoir installer le template « Sport line » (
http://joomla1.0.youjoomla.info/sportline ) via l'interface de gestion des extensions, j'ai procédé à
un rapide paramétrage de celui-ci : affichage des sous-menus du menu principal en un menu
déroulant, couleurs par défaut …

            Ce template a été très bien accueilli par les utilisateurs potentiels du site Web pour sa
partie graphique et je considère que le style de ce template, malgré l'absence des éléments
graphiques qui auraient développé l'identité du site Web, apporte un renouveau par rapport au style
de l'ancien site Web. Cependant, « l'habillage » du site n'est pas le seul aspect déterminé par le
template : l'agencement des différents modules du site, c'est-à-dire l'emplacement que prendra une
fonctionnalité du site sur la page Web, est également déterminé par cette extension. Nous allons
donc maintenant nous intéresser à la disposition et à l'organisation des différents modules du site
Web.



4.3.2 Agencement des modules


            Comme nous avons pu le voir, le template divise les différentes pages Web d'un site en
un certain nombre de positions. L'emplacement de ces différentes positions est répertorié en
Annexe 4 , pages ( A noter que toute position de module fera référence à cette annexe ). J'ai pu
constaté que les positions non affectées sont par défaut désactivées : ainsi, lorsqu'un module
occupera la position user1 mais que la position user2 est désaffectée, la première occupe toute la
largeur de la colonne de gauche. On peut également remarquer que les modules peuvent être
affectées aux 22 positions du template, mis à part une : la position « main body » ( corps de page ),
qui elle est affectée à l'affichage du composant exécuté lors du chargement de la page. A noter que
plusieurs modules peuvent être affectés à une seule position, et que l'on peut modifier l'ordre
d'apparition de ces modules de façon verticale.

            Par exemple, on peut constater sur 'impression d'écran suivante, que le module de


                                             - 24 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
recherche a été placé à la position header, en tête de page, juste au dessus du menu principal. J'ai
également configurer ce module pour qu'il puisse apparaître sur toutes les pages Web du site, mais
il peut également être configuré pour apparaître seulement sur certaines pages.




                          Image 6 : Paramétrage du module de recherche



            Comme nous l'avons vu précédemment, le site Web du club de Hockey se doit d'être sa
vitrine. Or la première impression dégagée par un site Web est suscitée par sa page Web par défaut,
la page d'accueil. J'ai donc porté le plus grand soin à organiser cette page ( cf Annexe 5, page ). Et
si le site Web du club est une vitrine, alors « Les Phénix », leur équipe de Division 1, est son
produit le plus vendeur. C'est pourquoi j'ai décidé de placer un module affichant un « slideshow »,
un diaporama qui affiche de manière dynamique les trois derniers articles relatifs à l'actualité de
cette équipe en mettant en avant l'image correspondant à l'article affiché ( position advert1 ). La
barre surplombant le menu principal abrite également l'affichage d'articles relatifs à cette équipe,
sous la forme d'une barre défilante visible sur l'ensemble des pages du site.

            Les modules placés en-dessous du slideshow sont destinés à afficher les derniers articles
relatifs de trois catégories jugées comme importantes : actualités du club, annonces bénévoles de la

                                             - 25 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
vie du club , interviews des joueurs. Ainsi on affichera en mode « blog » les deux derniers articles
des actualités du club en position user1, les deux derniers articles de « Interviews » en position
user2.

            J'ai également placé en pied de page trois modules affichant les trois derniers articles
des catégories suivantes : actualités des espoirs élite ( U22 ), des cadets élite ( U18 ), des minimes
élite ( U15 ), respectivement placés en position user4, user5, user6. Ces modules affichent le titre
et les 50 premiers mots du corps de l'article ainsi qu'une miniature de l'image associée à l'article.
            Tous les modules que j'ai cité ont donc pour but de donner un aperçu du contenu du site
Web, contenu mis en valeur selon son importance et sa nouveauté. Cela permet à l'internaute
accédant au site d'avoir une vue générale du contenu du site.




         Image 7 : Module affichant de façon dynamique du contenu sur la page d'accueil



            De manière plus générale, chaque page de ce site ( sauf le forum et la passerelle
d'administration ) se divise en 2 parties, entre le menu principal et le pied de page, en deux
colonnes. La colonne de gauche, comme nous l'avons vu sur la page d'accueil, est destinée à


                                             - 26 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
l'affichage de contenu ou le composant lié à la page Web. La colonne de droite est destinée à
l'affichage de fonctionnalités importantes que je me devais de faire apparaître sur l'ensemble des
pages du site.




   Image 8 : Capture d'écran des modules figurant sur la colonne de droite du site (identifié/non
                                               identifié)



            En tête de colonne, j'ai donc décider d'afficher un tableau multi-onglets dont la
particularité est de créer une position relative à chacun de ces onglets. Ainsi, le premier onglet crée

                                             - 27 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
une position tab1 auquel j'ai affecté un module affichant un mini-calendrier et ainsi de suite.

            Ce tableau a donc pour but de faire apparaître des informations tels qu'un mini-
calendrier interactif, permettant d'afficher des évènements tels que les matchs, les entrainements, un
module affichant le prochain match et le précédent match des Phénix, la liste des transferts de
joueurs, le classement des meilleurs buteurs des Phénix ainsi que le classement de la division 1 qui
sera activé au début de la prochaine saison.

            Ce module est suivi de celui proposant à l'utilisateur de se connecter/déconnecter ou de
s'inscrire si celui ne possède pas de compte. Les différentes opérations proposées à l'utilisateur sont
affichées dans un menu suivant ce module et s 'affichant à la connexion de l'utilisateur.

            Un sondage est également proposé afin d'améliorer la convivialité du site pour
l'utilisateur. Enfin, un module affichant de manière aléatoire le logo de chaque partenaire du club à
chaque chargement d'une page était nécessaire pour offrir à ces partenaires un espace de visibilité
sur le site Web .

            D'autres éléments qui seront développés par l'agence 800.600, ne seront sûrement pas
mis en ligne à la fin de mon stage. Ce sont des éléments graphiques destinés à mettre en avant
certains services proposés par le club ( billetterie et boutique en ligne, école de glace … ).



            Agencer les différents modules de ce site m'a permis d'améliorer de façon décisive mes
connaissances dans la modélisation et l'organisation d'un site Internet, dans l'affichage de
composants et de modules, mettant en place des fonctionnalités développées grâce à une méthode
de travail que je vais maintenant appliquer à un exemple concret : la gestion des joueurs du Reims
Champagne Hockey.




                                                - 28 -
                    Romain Sergeant – Rapport de stage – Reims Champagne Hockey
4.3.3 Gestion des joueurs : mise en œuvre des méthodes de travail


            D'après le cahier des charges, le nouveau site Web devait pouvoir gérer les effectifs des
différentes équipes du club ( sous-rubrique « Effectif » dans le cahier des charges ), neuf équipes
étant concernées ( Phénix , Espoirs Elite (U22), Cadets Elite (U18), Cadets Excellence (U18),
Minimes Elite (U15), Moustiques, Poussins, Benjamins, Loisirs ). Le sous-élément de menu
« Effectif » devait donc pouvoir afficher la liste des joueurs de chaque équipe concernée, avec la
possibilité d'accéder à la fiche de chaque joueur. Un classement des buteurs des Phénix devait
également être créée, ainsi qu'une interface permettant de gérer tous ces joueurs et ces équipes, que
je présenterais lors de la soutenance. Je devais également installer un module qui puisse afficher le
classement de la division 1 de hockey sur glace.

            Cela m'a donc poussé à installer une extension proposant un gestionnaire de ligues et de
tournois sportifs. Après plusieurs recherches, j'ai enfin trouvé un composant qui me semblait idéal :
« League Results ». Ce composant permet en effet de gérer plusieurs ligues sportives : on peut y
créer des joueurs, les affecter à des équipes appartenant à des clubs et participant à des ligues. Un
système de classement par ligues est également proposé.




        Image 9 : Interface de gestion du composant « League Results » intégrée à Joomla!




                                             - 29 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
            Après avoir installé ce composant, j'ai donc, via l'interface de gestion de « League
Results » créé deux clubs « Reims Champagne Hockey » pour la gestion des équipes du club et
« Equipes adverses », gérant les autres équipes de la Division 1, avant de créer les différentes
équipes appartenant à ces clubs. Le composant permet aussi de créer, de modifier et d'affecter à une
équipe des joueurs. Cependant la gestion des joueurs de fera via une interface intégrée au site Web.
Puis j'ai associé chaque sous-élément du menu « Effectif » à l'affichage de la liste des différents
joueurs de l'équipe concernée dans le corps de page.

            Cependant, même si ce composant a joué son rôle en tant que gestionnaire de joueurs et
d'équipes, il ne correspondait pas à un certain nombre de besoins et de critères exprimés par les
futurs gestionnaires du site Web. J'ai donc, après la mise en place de ce gestionnaire d'équipes sous
sa version originale, reçu les critiques de ces utilisateurs et donc pris la décision d'opérer les
modifications suivantes :



            - Traduction du composant en français sur le site Web

            - Ajout pour le joueur des caractéristiques suivantes : Numéro, Ancien club, Statistiques
            ( lien hypertexte vers la fiche complète du joueur sur le site de la fédération de hockey
            sur glace )

            - Suppression du lien hypertexte sur la liste de l'équipe, destiné à « revenir » à la liste
            des équipes

            - Sur la liste des joueurs, suppression de l'affichage de la photographie , du poids et de
            la saison – Ajout de l'affichage du numéro et de l'ancien club

            - Sur la fiche du joueur, suppression de l'affichage du bloc de texte « Info » destiné à
            afficher une description du joueur, ajout de l'affichage de l'ancien club et des
            statistiques.

            - Création d'une interface de gestion intégrée au site permet aux administrateurs et
            responsables du club de gérer les équipes et les joueurs




                                              - 30 -
                  Romain Sergeant – Rapport de stage – Reims Champagne Hockey
                       Image 10 : Liste des joueurs de l'équipe « Les Phénix »

La traduction du composant et donc des étiquettes utilisées sur le site Web passe par la modification
du fichier de configuration. En effet dans le code HTML, on utilise des étiquettes dont le contenu
est spécifié dans le fichier de configuration. Ainsi, par exemple, l'étiquette PLAYERS contiendra la
chaîne de caractères « players » pour la version anglaise et « joueurs » pour la version française.
L'intérêt de ce procédé est de ne pas avoir à modifier le code HTML et de regrouper le texte à
traduire. Cela permet aux développeurs de composants de proposer différents langages.




         Image 11 : Fichier de configuration du langage du composant « League Results »



                                             - 31 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
                      Image 12 : Fiche d'un joueur de l'équipe « Les Phénix »

            La modification de l'affichage de ce composant passe par une édition de son code
HTML, ce langage de balisage déterminant la structure de la page Web. Cependant l'ajout de
caractéristiques relatives à un joueur passent par une modification de la base de données. En effet,
chaque caractéristique supplémentaire d'un joueur sera « champ » supplémentaire dans la table
« joueur ». Afin d'afficher ces caractéristiques, il faut modifier le code HTML pour modifier la
structure de la page et la façon dont les données sont affichées ( modification du tableau, ajout de
cellules dans celui-ci, etc …), mais il faut aussi que la requête SQL qui alimente cette même page
en données soit modifiée, pour avoir accès à un type de données qui sera ajouté dans la base de
données.




    Image 13 : Ajout du champ «numero» dans la table «players» via phpMyAdmin interface de
                                         gestion de MySQL


                                             - 32 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
             La dernière fonctionnalité demandée pour une gestion des joueurs du club est un
classement dynamique des buteurs de l'équipe « Les Phénix ». Je n'ai donc pas modifier le
composant « League Results » pour créer ce classement mais j'ai créé une page Web indépendante
de ce composant, mais utilisant la même base de données que ce composant.

             Pour réaliser cette page Web, j'ai donc associé le sous-élément de menu « Statistiques »
à un module proposant « l'encapsulage » de la page Web développée, ou plus simplement
l'affichage d'une page dans un cadre incorporé à la page courante. Cette page affiche donc un
tableau HTML alimenté par la table « players » qui est aussi utilisée par le composant « League
Results ». Ainsi la modification des données affecte parallèlement ce classement. Les données
affichées sont donc alimentées par la base de données que l'on a interrogé grâce à la requête
suivante :



SELECT lastname , firstname , buts , assists , points

FROM jos_lr_players JP , jos_lr_teamplayers JT

WHERE JP.id = JT.player_id

AND team_id = 37

ORDER BY points DESC;



Cette requête fonctionne de cette façon :



- SELECTION des champs ( informations) nom , prénom, buts marqués, nombre d'actions
décisives, points

- POUR tous les joueurs

- OÙ les joueurs sont membres d'une équipe

- ET OÙ l'identifiant de l'équipe est le numéro 37 ( Les Phénix )

- CLASSE en fonction du nombre de points de chaque joueur




                                              - 33 -
                  Romain Sergeant – Rapport de stage – Reims Champagne Hockey
                   Image 14 : Classement des buteurs de l'équipe « Les Phénix »



            Après ces diverses modifications, j'ai donc conformé le composant installé en une
fonctionnalité correspondant aux attentes de l'utilisateur, grâce à mes connaissances en
développement Web et grâce à accès en lecture et en écriture de Joomla! Et de ses extensions. Cette
fonctionnalité du site est également compatible avec les navigateurs Web les plus utilisés.



            Après avoir mis en place les différentes fonctionnalités du site Web de la même manière
que j'ai mis en place cette gestion et cet affichage des joueurs et des équipes de ce club, je me suis
penché sur l'organisation et la mise en place des différents droits utilisateurs, importants à la bonne
gestion du contenu du site Web.




                                             - 34 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
4.4 Gestion des utilisateurs


            Le site Web que j'ai développé au cours de mon stage se devant d'être interactif pour
tous ses utilisateurs, j'ai donc mis en place un système de gestion de ces utilisateurs. J'ai en effet mis
à disposition de l'utilisateur un module lui permettant de créer un compte, ainsi que de se connecter/
déconnecter de ce compte ( cf Image 8, page 27 ). L'enregistrement d'un utilisateur via le site
permet à celui-ci de créer un compte lui donnant des droits d'un utilisateur « Enregistré ».

            En effet, les différents modules et composants de Joomla! Peuvent être accessibles pour
trois types de groupes d'utilisateurs :

            - « Public » : tous les utilisateurs

            - « Enregistré » : tous les utilisateurs ayant créé un compte

            - « Spécial » : tous les utilisateurs possédant un compte possédant des droits
               supérieurs donnés par l'administrateur du site Web




      Image 15 : Edition d'un compte utilisateur via le panneau d 'administration de Joomla!


                                              - 35 -
                  Romain Sergeant – Rapport de stage – Reims Champagne Hockey
            Via la passerelle d'administration, le responsable du site Web peut donc modifier les
caractéristiques de chaque compte utilisateur enregistré sur le site Web, notamment ses droits ( cf
Image 15, page 35 ). Sur le site Web, tout le contenu des différentes pages est accessible par le
groupe d'utilisateurs « Public », hormis la passerelle d'administration intégrée ( « Spécial » ). J'ai
délaissé l'utilisation du type « Enregistré », celui-ci n'apportant pas vraiment d'utilité spéciale à mes
yeux, à part son utilisation pour l'enregistrement et la modification du compte via le site Web.

            En effet, l'interactivité du site Web que j'ai créé se situe principalement au niveau de la
modération et de l'administration, les fonctionnalités développées pour ce site Web ne demandant
que ce type d'interactivité.

            Ainsi, j'ai décidé d'établir une certaine hiérarchie parmi les utilisateurs du site Web. Car
Joomla! propose, pour les utilisateurs enregistrés différents droits gérés par l'administrateur du site
( cf Image 16 , page 36 ) et qui sont eux aussi très hiérarchisés.




   Image 16 : Droits des utilisateurs enregistrés sous Joomla! ( Source : Joomla! Pour les nuls )



            J'ai donc décidé d'attribuer les droits les plus élevés ( Superadmin ) aux personnes qui
seront le plus impliquées dans la gestion du site Web :

            - Eric Feck, gestionnaire du site Web

            - Samuel Panon, responsable de la section « Les Phénix »

            - Florent Notelet, gestionnaire du forum

                                              - 36 -
                  Romain Sergeant – Rapport de stage – Reims Champagne Hockey
            Ces trois personnes auront donc pour rôle l'administration globale du site ( validation
des articles proposés par les auteurs, gestion des utilisateurs, des menus, des composants et autres
éléments du site Web ).

            A un rang inférieur, on trouvera les différents coachs des différentes sections du club et
qui auront pour rôle de créer du contenu relatif à leur section ( Author ). Ils auront la possibilité de
créer des articles, de les éditer, mais il leur sera impossible d'éditer les articles d'autres auteurs. La
publication des articles ou de tout autre contenu qu'ils proposeront sera également soumis à des
utilisateurs possédant au moins des droits de rédacteur ( Publisher ).

            Cette hiérarchie sera sans doute amener à évoluer après mon départ, notamment par la
création d'administrateurs intermédiaires, les rédacteurs, ayant tous les droits en FrontEnd.




                                              - 37 -
                  Romain Sergeant – Rapport de stage – Reims Champagne Hockey
5. Conclusion


            Ce stage a été pour moi une première expérience professionnelle très enrichissante sur
tous les plans : aussi bien du point de vue de l’approfondissement de mes connaissances en
informatique que du point de vue relationnel.

            J'ai donc pu approfondir de manière conséquente mes connaissances dans l'utilisation du
CMS Joomla! ainsi que mes connaissances dans la conception de sites Web en général.

            Le site que j'ai créé permettra à l'association du Reims Champagne Hockey de
promouvoir ses équipes de hockey sur glace, que ses bénévoles pourront facilement mettre à jour
grâce au développement d'une passerelle d'administration intuitive, simple d'utilisation et intégrée
au site Web. J'estime avoir participer à un renouveau dans la communication du club par la création
d'un site Web correspondant aux attentes de ses utilisateurs, se démarquant à cette occasion de
l'ancien site Web du club.

            Malgré un enseignement basique et succinct de Joomla! à l'IUT, j'ai réussi à utiliser le
potentiel de ce CMS pour développer un site aussi complexe que celui du Reims Champagne
Hockey, notamment grâce à une communauté active et dynamique.

            Je regrette de ne pas avoir pu intégrer les productions de l'agence 800.600 à la charte
graphique du site avant la fin de mon stage, ce qui retardera son lancement et donc son changement
de nom de domaine, mais cependant je considère avoir rempli mon objectif lors de ce stage.

            Cette expérience a été mon premier projet informatique de longue durée, qui m'a permis
d'approfondir mes connaissances en informatique mais également d'améliorer mes compétences
professionnelles, ceci grâce à un groupe de personnes qui m'a su m'encadrer au cours de ce projet
tout en me laissant une certaine autonomie. Je pense donc avoir réussi ce stage en étant à l'écoute
des demandes de chacun et en n'hésitant pas à demander conseil si nécessaire.




                                             - 38 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
6. Bibliographie

Joomla! Pour les nuls , documentation simplifiée de Joomla! :

            http://aide.joomla.fr

Documentation officielle PHP :

            http://www.php.net

Portail francopone officiel de Joomla! :

            http://www.joomlafrance.org

Site web officiel de Joomla! :

            http://www.joomla.org

Forum Joomla! Francophone :

            http://forum.joomla.fr




                                             - 39 -
                 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
              7. Annexes


                            - 40 -
Romain Sergeant – Rapport de stage – Reims Champagne Hockey
                            - 41 -
Romain Sergeant – Rapport de stage – Reims Champagne Hockey
               Annexe 1 : Cahier des charges


                            - 42 -
Romain Sergeant – Rapport de stage – Reims Champagne Hockey
                            - 43 -
Romain Sergeant – Rapport de stage – Reims Champagne Hockey
                            - 44 -
Romain Sergeant – Rapport de stage – Reims Champagne Hockey
                            - 45 -
Romain Sergeant – Rapport de stage – Reims Champagne Hockey
                            - 46 -
Romain Sergeant – Rapport de stage – Reims Champagne Hockey
Annexe 2 : Capture d'écran de la page d'accueil de l'ancien site Web

         Annexe 3 : Panneau d'administration de Joomla!




                             - 47 -
 Romain Sergeant – Rapport de stage – Reims Champagne Hockey
        Annexe 4 : Positions du template « Sport line »


                            - 48 -
Romain Sergeant – Rapport de stage – Reims Champagne Hockey
    Annexe 5 : Capture d'écran de la nouvelle page d'accueil

                            - 49 -
Romain Sergeant – Rapport de stage – Reims Champagne Hockey

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:0
posted:9/16/2012
language:French
pages:49