Vous êtes sur la page 1sur 26

UNIVERSITE DE LILLE 2 Football club de Francilly-

Institut Universitaire Technologique Selency


Grande Rue
DUT STatistique et Informatique 02760 Francilly-Selency
Décisionnelle (SID)

25 – 27 rue du Maréchal Foch


59100 ROUBAIX

REALISATION D’UN SITE WEB


POUR LE CLUB DE FOOTBALL
DE FRANCILLY-SELENCY
Présenté par Maxime BONDON, Jérôme CANTON et Maxime TYTGAT

Tuteur entreprise : Sylvain TANTER


Tuteur universitaire : Monsieur GABER

Année universitaire 2009-2010


Projet réalisé du 1er octobre 2009 au 10 mars 2010
En vue de l’obtention du DUT Statistique et Informatique Décisionnelle

19
19
REMERCIEMENTS

Nous tenons tout d’abord à remercier notre tuteur de projet, Monsieur Sylvain TANTER qui
nous à permis de réaliser notre projet au sein de son association sportive. Son aide nous a
aidés à suivre des instructions claires et précises (couleur et style d’écriture pour le site) et de
mener à bien notre projet.

Nous tenons ensuite à remercier Monsieur GABER car il nous a indiqué toutes les démarches
à suivre tout au long de notre projet mais aussi de nombreux conseils qui nous ont fait avancer
rapidement dans la réalisation de notre site internet.

Enfin, nous tenons à remercier l’ensemble des professeurs du département Statistique et


Informatique Décisionnelle de l’IUT C de Roubaix qui sans eux, nous n’aurions pas acquis les
compétences requises à la réalisation du site web du football club de Francilly-Selency.

19
Sommaire
1 INTRODUCTION.............................................................................................................4
2 ENTREPRISE....................................................................................................................5
3 MISSION............................................................................................................................6
3.1 Contexte.......................................................................................................................6
3.2 Objectifs.......................................................................................................................6
4 CAHIER DES CHARGES................................................................................................7
4.1 Objectif principal..........................................................................................................7
4.2 Objectifs stratégiques...................................................................................................7
4.3 Moyens de l’entreprise.................................................................................................7
4.4 Identifier les contenus..................................................................................................7
4.5 Les fonctionnalités.......................................................................................................8
4.6 Habillage graphique.....................................................................................................8
4.7 Interactivité...................................................................................................................9
4.8 Suivi du site..................................................................................................................9
4.9 Structure et organisation du site...................................................................................9
4.10 Budget et financement..............................................................................................9
4.11 Calendrier.................................................................................................................9
4.12 Publication..............................................................................................................10
5 ELABORATION DU PROJET......................................................................................11
5.1 Réalisation du site......................................................................................................11
5.2 Arborescence du site..................................................................................................11
5.3 Aperçu des pages clés du site.....................................................................................12
5.4 Éléments nécessaires à la réalisation du site..............................................................18
6 PERSPECTIVES ET CONCLUSION...........................................................................19
7 ANNEXES........................................................................................................................20

19
1 INTRODUCTION

Afin d’appliquer les méthodologies et les notions enseignées jusqu'en deuxième année du
DUT Statistique et Informatique Décisionnelle à l’IUT C de Roubaix à l’Université Lille II,
nous devons réaliser un projet pour une entreprise. Nous avons donc décidé de créer un site
web dynamique. Celui-ci nous permet à nous, étudiants, d’appliquer les connaissances
acquises durant notre scolarité.

Nous avons obtenu notre projet au mois de novembre 2009 par le biais de Maxime
BONDON. En effet, Maxime faisant parti du club de football de Francilly-Selency, il s’est
proposé de réaliser le site web du club dans le but de notre projet car celui-ci n’en possédait
pas.

Ce projet était de construire le site Internet du football club de Francilly-Selency. Le besoin


principal était premièrement de présenter ce club de football par le biais de l’Internet
désormais incontournable pour la recherche d’information et deuxièmement d’avoir un site
facile à mettre à jour.

Pour réaliser notre projet, nous avons décidé que Maxime BONDON serait notre chef de
projet étant donné qu’il fait partie du club de football de Francilly-Selency. Nous nous
sommes par la suite répartis les différentes tâches à réaliser de façon à ce que chaque personne
du groupe est la même quantité de travail.

Nous allons voir dans une première partie l’entreprise dans laquelle nous avons effectué notre
projet, ensuite nous verrons la présentation de la mission et le contexte. Nous continuerons
par le cahier des charges dans une quatrième partie, et passerons à l’élaboration du projet.
Enfin, nous finirons par une partie conclusion et perspectives.

19
2 ENTREPRISE

Notre entreprise est en fait une association sportive, plus précisément un club de football. Ce
club de football de Francilly-Selency, est un club qui a été créé il y a 20ans. Se situant dans le
département de l'Aisne, et plus précisément à proximité de la ville de Saint-Quentin.

Le FCFS (Football Club de Francilly-Selency) est un modèste club amateur, évoluant dans les
divisions départementales de l'Aisne.

Il possède une équipe évoluant dans la 2e division et une autre dans la 3e division.
La création de ce site pour le club est une possibilité de se faire connaître dans le département,
de pouvoir se mettre à la nouvelle technologie d'Internet, en faisant diffuser des photos et
vidéos, pour permettre la connaissance des résultats, classement, matchs de l'équipe pour le
club mais aussi pour la ville de Francilly-Selency. Ainsi, avec ce site, une communication
ouverte à tous et une possibilité d'accès très facile sera mise en place.

19
3 MISSION

3.1 Contexte

Le football club de Francilly-Selency se situe dans la région Picardie et plus précisément dans
le département de l’Aisne. Ce club évolue en deuxième division de l’Aisne. Ne possédant pas
de site internet, il était donc difficile de diffuser l’actualité du club et toutes autres
informations. Toutes les données étaient stockées sur papier pour la plupart, quelques unes sur
ordinateur. Le club de Francilly-Selency n’avait pas la possibilité de faire une bonne
promotion de celui-ci. C’est pour cette raison que Maxime BONDON, adhérent de ce club, à
proposé, dans le cadre de notre projet de réaliser le site web du club.

Notre mission consiste donc à réaliser le site internet du club de Francilly-Selency. Cela va
donc permettre au club une meilleure gestion de ses données, de diffuser au grand public
l’actualité du club ainsi que de nombreuses informations telles que les joueurs membres du
club, le staff technique, les résultats et le calendrier des matchs. Il y aura aussi la possibilité de
contacter le club et la possibilité de discuter sur le forum sur des sujets divers et variés.

3.2 Objectifs

Les objectifs de notre mission sont donc, premièrement, que les documents que nous avons
publiés soient utiles et utilisés par un maximum de personnes.
Deuxièmement, d’apprendre aux personnes de la ville de Francilly-Selency l’existence de ce
club (pour ceux qui l’ignorent). Ce qui signifie donc, d’augmenter la popularité du club.
Et enfin, cela peut permettre par le biais du site, de faire connaître la ville de Francilly-
Selency et donc d’augmenter la fréquentation de touristes dans cette région.

19
4 CAHIER DES CHARGES

Création et mise en place d’un site web

4.1 Objectif principal

Avant notre projet, toutes les données et informations ont été faites sur papier qui chaque
année augmente en volume et ainsi devient envahissant. Il n’était pas possible de visualiser
l’actualité du club, d’accéder au calendrier et aux effectifs qui composent les équipes A et B
sans se déplacer directement sur place.

4.2 Objectifs stratégiques

Une fois notre site web mis en place, cela permettra donc d’améliorer la promotion du club et
ainsi attirer le plus de personnes possibles, de stocker toutes les données dans une base de
données et donc pouvoir supprimer toutes archives gênantes. Il sera possible aussi de pouvoir
consulter l’actualité ainsi que le calendrier des matchs, les effectifs, les photos tout en restant
chez soi. De plus, il pourra être possible d’établir une prise de contact directement via le site
du club de Francilly-Selency.

Le public ciblé sera donc les supporters, toutes les personnes qui s’intéressent au monde du
football mais aussi le staff technique et les joueurs du club qui pourront se remémorer les
résultats des matchs passés, consulter les matchs à venir et toutes autres informations. Cela
signifie que notre site web est accessible à tous et n’est donc pas réservé.

4.3 Moyens de l’entreprise

L’entreprise ne possédant pas de ressources matérielles, ni de logicielles permettant la


réalisation de notre site internet, nous avons réalisé celui-ci au sein de notre IUT car nous
disposons des moyens nécessaires.

4.4 Identifier les contenus

En ce qui concerne les contenus initiaux à mettre en ligne, le club nous a fourni les données
des archives qui étaient rassemblées, c‘est à dire les effectifs, le staff technique, les résultats,
les calendriers, les photos et les vidéos. Toutes ces données étaient sur papier mises à part les
photos et les vidéos que nous avons récupérées auprès du staff technique et des joueurs.
La personne qui sera chargé de rédiger les nouveaux contenus est Maxime BONDON. C’est
cette même personne ainsi que le président du club qui les valide, qui est juridiquement
responsable et qui les mettra en ligne.

19
Quel contenu : Qui le fournit : Qui anime : Quelle périodicité :
Accueil Maxime, Maxime, Maxime BONDON Janvier
Jérôme
News Maxime, Maxime, Maxime BONDON Janvier
Jérôme
Équipe A Maxime, Maxime, Maxime BONDON Janvier
Jérôme
Équipe B Maxime, Maxime, Maxime BONDON Janvier
Jérôme
Galerie photos Maxime, Maxime, Maxime BONDON Janvier
Jérôme
Vidéos Maxime, Maxime, Maxime BONDON Janvier
Jérôme
Club Maxime, Maxime, Maxime BONDON Janvier
Jérôme
Contact Maxime, Maxime, Maxime BONDON Février
Jérôme
Forum Maxime, Maxime, Maxime BONDON Février
Jérôme
Espace Joueur Maxime, Maxime, Maxime BONDON Février
Jérôme

4.5 Les fonctionnalités

Les fonctionnalités de notre site sont d’abord la création d’une base de données concernant
uniquement les identifiants et mots de passe pour les différents joueurs du club. Ces
identifiants et mots de passe vont leur permettre d’accéder à une page réservée aux joueurs
(« Espace joueur ») où ils pourront consulter des informations confidentielles propres au club.
Il ne sera pas possible à l’utilisateur de s’enregistrer dans cette base de données. Seule la
personne qui sera chargée de gérer le site internet pourra ajouter ou supprimer un joueur.

Ensuite, nous avons introduit dans notre site un forum qui permet à n’importe qu’elle
personne de s’inscrire et de pouvoir participer à l’animation du forum.

Enfin, nous avons décidé d’intégrer un indicateur comptabilisant le nombre de visites qu’il y
aura sur le site. Il sera actif dès la mise en ligne et compte les visites totales depuis la mise en
ligne.

4.6 Habillage graphique

Au niveau de l’habillage graphique, notre tuteur nous a montré les règles à respecter qui sont
les couleurs du club, c’est à dire rouge et noir, le style et la forme du site qui devait s’inscrire
dans le registre des sites de football.

19
4.7 Interactivité

Notre site sera interactif dans le sens où n’importe quelle personne aura la possibilité
d’envoyer des mails pour la demande d’information et pourra dialoguer en ligne sur le forum
du club sur des sujets divers et variés. Néanmoins , la page « Espace joueur » est réservée
uniquement aux joueurs pour pouvoir consulter des informations confidentielles aux clubs.

4.8 Suivi du site

La personne qui sera chargé d’animer le site, de faire les mises à jour nécessaires ainsi que
répondre aux mails est Maxime BONDON.

4.9 Structure et organisation du site

En ce qui concerne l’architecture de notre site web, la navigation se fait à partir d’un menu où
nous avons placé les différentes rubriques, c’est à dire les rubriques accueil, news, équipe A,
équipe B, galerie photos, vidéos, actualités, club, contact et forum. L’ensemble des rubriques
fait référence à une seule page à l’exception des rubriques équipe A et équipe B. En effet, ces
deux rubriques comportent un sous menu composé des rubriques effectifs, résultats,
classement et calendrier qui conduisent chacune vers une page.

4.10 Budget et financement

Étant donné que nous disposons au sein de notre IUT du matériel nécessaire à la réalisation de
notre site web, un budget financier n’était pas indispensable. Néanmoins, du point de vue du
travail horaire, nous avons passé depuis le commencement du projet jusqu’à la publication du
site web, environ 160 heures.

4.11 Calendrier

Octobre : Recherche d’une entreprise pour effectuer notre projet professionnel.


Novembre : Obtention d’un projet au sein d’une association sportive de football qui consiste à
l’élaboration d’un site web. Répartition des différentes tâches à réaliser pour mener à bien
notre projet.
Décembre : Élaboration du cahier des charges.
Janvier : Réalisation du site web statique par l’ensemble du groupe.
Février : Transformation du site web statique en un site dynamique et enfin rédaction du
rapport.

19
4.12 Publication

En ce qui concerne la publication du site internet, nous avons choisit d’utiliser NUXIT. Cet
hébergeur propose des prix très intéressant, ici il propose 26.91€ pour douze mois. De
plus, il propose un espace disque de trois giga octets, un trafic mensuel de dix giga octets
et un espace de stockage de cent méga octets. Nous considérons cet hébergeur suffisant
pour le site que l’on souhaite mettre en ligne. Le choix du nom du domaine se fera avec
notre tuteur entreprise lors de sa mise en ligne qui sera effectuée à la fin du mois de mars.

19
5 ELABORATION DU PROJET

5.1 Réalisation du site

Le nom de notre site est : Site officiel du football club de Francilly-Selency.

La taille du site est de 26,1 Mo.

Le site web est composé de 43 pages internet. Une page « Index » qui permet d’arriver à la
page accueil du site. La page « Accueil » permet de naviguer dans de nombreuses pages qui
sont : « Accueil », « News », « Equipe A », « Equipe B », « Galerie photos », « Vidéos », «
Actualités », « Club », « Contact », « Forum » et « Espace joueur ». Les pages « Equipe A »
et « Equipe B » renvoient chacune vers quatre pages concernant leurs effectifs, résultats,
classement et calendrier. La page « Galerie photos » contient de nombreuses pages car il est
possible de zoomer les photos, qui celles-ci ouvriront à leur tour de nouvelles pages. En ce qui
concerne la page « Espace joueur », celle-ci renvoie vers deux pages différentes qui sont
« Convocation pour l’équipe A » et « Convocation pour l’équipe B ».

5.2 Arborescence du site

Arborescence des fichiers et répertoires du site :

19
5.3 Aperçu des pages clés du site

Accueil :

19
Lien Equipe A vers les pages effectif, résultats, classement et calendrier :

19
Galerie photos :

19
Espace joueur :

19
Contact :

19
Forum :

19
5.4 Éléments nécessaires à la réalisation du site

Création d’une base de données qui a pour rôle de stocker les différents identifiants et mot de
passe attribués à chacun des joueurs pour qu’ils puissent se connecter dans la rubrique
« Espace joueur ». Il ne sera pas possible que l’utilisateur s’enregistre. Seule la personne qui
s’occupe du site internet pourra ajouter ou supprimer une personne de cette base de données.

Nous avons mis en place une page contact qui permet d’envoyer des messages au club de
football de Francilly-Selency. Ces messages sont envoyés directement sur la boite mail du
club. Cette page permet de saisir votre nom, prénom, e-mail, ainsi que le sujet du message et
enfin le message. Certains champs sont obligatoires (nom, prénom, e-mail et sujet). Cela
permet au club de football de voir qui envoi le message, à quel sujet et de pouvoir répondre
rapidement.

Nous avons aussi intégré au sein de notre site internet un forum. Le forum va permettre aux
joueurs, aux dirigeants, au staff technique ainsi que toutes les personnes s’intéressant au club
de foot de Francilly-Selency de pouvoir discuter sur des sujets m et variés. Pour réaliser ce
forum, nous nous sommes aidés de divers sites internet qui publient des modèles de forum.
Nous nous sommes inspirés d’un de ces sites pour créer notre forum.

Au sein de ce forum, avant de pouvoir discuter, il faut d’abord s’inscrire, pour cela il faut
rentrer de multiples informations qui seront stockées dans une base de données, c’est
l’utilisateur qui choisit son identifiant et son mot de passe. Après s’être inscrit, il sera donc
possible de discuter sur tous les salons crées, mais aussi pouvoir créer son propre sujet de
conversation.

Enfin, nous avons décidé de mettre un compteur sur le site internet du club de football. Cela
permettra de suivre en permanence la popularité du site. L’utilisateur aussi pourra apercevoir
le nombre de visites. La particularité de ce compteur est qu’il comptabilise le nombre de visite
totale du site au moment de sa mise en ligne.

19
6 PERSPECTIVES ET CONCLUSION

Pour conclure, la réalisation du site internet du club de football de Francilly-Selency va


permettre d’améliorer la promotion du club et ainsi attirer le plus de personnes possibles, de
stocker toutes les données et donc pouvoir supprimer toutes archives gênantes. Il sera possible
aussi de pouvoir consulter l’actualité ainsi que le calendrier des matchs, les effectifs, les
photos tout en restant chez soi. De plus, il pourra être possible d’établir une prise de contact
via le site dans la rubrique « Contact » ou encore « Forum ».

Pour réaliser notre site, nous nous sommes inspirés de différents sites de football tout en
tenant compte des critères reçus par notre tuteur d’entreprise. Nous nous sommes ensuite
tournés sur notre menu pour décider des différentes rubriques utiles et essentielles. Puis, nous
avons récolté les données du club telles que les noms des joueurs, les résultats, les
classements, les calendriers des deux équipes, les photos et vidéos pour les intégrer au site.

Pour rendre notre site dynamique et attractif, nous avons décidé de créer une rubrique
« Contact », qui permet à l’utilisateur de demander les informations qu’il désire auprès du
club. Un forum a été également conçu permettant de partager des idées ou des avis sur de
nombreux sujets. La rubrique « Espace Joueur » apporte son dynamisme par une base de
données qui comporte un identifiant et un mot de passe spécifique à chaque joueur, ce qui
permet un accès privé à cette page pour consulter des données personnelles et spécifiques au
club. Enfin, un indicateur de visites y a été ajouté pour montrer la popularité du club
s’accroitre.

Les perspectives que l’on pourrait donner à notre travail seraient tout d’abord, intégrer au site
une rubrique « Boutique ». En effet, en comparant notre site aux autres sites de football
présent sur internet, on remarque que la rubrique « Boutique » manque. Cependant, le club de
Francilly-Selency ne dispose pas d’une boutique assez conséquente pour pouvoir intégrer
cette rubrique. C’est pour cette raison que nous laissons celle-ci en perspective.

Au terme de ce projet, notre sentiment est très positif. Premièrement, nous avons pu mettre en
corrélation les aspects théoriques et pratiques. Nous avons effectivement pu utiliser toutes les
compétences acquises au cours de notre formation mais aussi s’enrichir de compétences
nouvelles afin de mener à terme la réalisation du site web du football club de Francilly-
Selency. Tout en restant positif, il ne faut pas occulter les difficultés que nous avons
rencontrées dans ce projet, mais elles ont été rapidement corrigées par le biais de notre tuteur
universitaire, Monsieur GABER qui nous a beaucoup apporté.

Notre vœux le plus cher, étant l’utilisations des documents créés , par un maximum de
personnes afin d’aboutir au mieux aux missions et aux objectifs fixés.

19
7 ANNEXES

Exemple de code HTML utilisé pour la page « Accueil » :

<html>
<head>
<html>
<head>
<title>Site officiel du FC Francilly-Selency</title>
</head>
</html>
<title></title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<!-----------les plugin----------------------->
<script type="text/JavaScript" src="global_006.js"></script>
<script type="text/JavaScript" src="language_007.js"></script>
<script type="text/JavaScript">var AjaxImgLoading="<img src='loading_002.gif'
border='0'>";</script>
<script type="text/JavaScript" src="Ajax_008.js"></script>
<script type="text/JavaScript">var dmWorkPath=""</script>
<script type="text/JavaScript" src="dmenu_009.js"></script>
<script type="text/JavaScript" src="dmenu_dyn_010.js"></script>
<script type="text/JavaScript" src="dmenu_popup_011.js"></script>
<script type="text/JavaScript" src="dmenu_add_012.js"></script>
<!-----------les plugin----------------------->
<style type="text/css">
<!--
td {color:#000000;font-family:Arial;font-size:9pt;text-decoration:none;}
a:link {color:#000000;font-family:Arial;font-size:9pt;text-decoration:none;}
a:visited {color:#000000;font-family:Arial;font-size:9pt;text-decoration:none;}
a:active {color:#000000;font-family:Arial;font-size:9pt;text-decoration:none;}
a:hover {color:#000000;font-family:Arial;font-size:9pt;text-decoration:none;}
body {background-color:#FFFFFF;background-image: url();}
.champ {color: #000000;font-family:Arial;font-size:9pt;text-decoration:none;;background-
color: #FFFFFF;border: 1px solid #000000;}
Lcourant{100%}
Edition{color:#000000;background-color:#FFFFFF;font-family:Arial;font-size:9pt;text-
decoration:none;}
-->
</style>
<script type="text/JavaScript">
<!--function OpenWindow(URL,nom_win,parametres,largeur,hauteur)
{
var gauche = (screen.width - largeur)/2;
var haut = (screen.height - hauteur)/2;
if (screen.width - largeur<1) {gauche=0}
if (screen.height - hauteur<1) {hauteur=0}
if (hauteur!="" || largeur!="") {parametres=parametres+',left='+gauche+',top='+haut}

19
try
{w.close()}
catch (ex)
{
}
w=window.open(URL,nom_win,parametres);
}
function JumpMenu(cible,selectObj,restore)
{
eval(cible+".location='"+selectObj.options[selectObj.selectedIndex].value+"'");
if (restore){selectObj.selectedIndex=0};
}
//-->
</script>
<!--ACTUA31|||||||||||||||||||||||||||||||-->
</head>
<body onresize='LockNegPosCharte()' onload=' initialise_traduction();'>
<noscript>
<!--Javascript Menu Link for no script browser-->
<br><a href='contact_017.htm'>Contact</a>
<br><a href='actualites_018.htm'>Actualités</a>
<br><a href='accueil_019.htm'>Accueil</a>
<br><a href='equipe_a_021.htm'>Equipe A</a>
<br><a href='resultats_a_023.htm'>Résultats</a>
<br><a href='classement_a_024.htm'>Classement</a>
<br><a href='equipe_b_025.htm'>Equipe B</a>
<br><a href='effectif_a_027.htm'>Effectif</a>
<br><a href='effectif_b_029.htm'>Effectif</a>
<br><a href='videos_030.htm'>Vidéos</a>
<br><a href='galerie_photos_032.htm'>Galerie Photos</a>
<br><a href='club_039.htm'>Club</a>
<br><a href='news_040.htm'>News</a>
<br><a href='calendrier_a_041.htm'>Calendrier</a>
<br><a href='resultats_b_042.htm'>Résultats</a>
<br><a href='calendrier_b_043.htm'>Calendrier</a>
<br><a href='classement_b_044.htm'>Classement</a>
<br><a href='espace_joueur_076.htm'>Espace Joueur</a>
</noscript>
<div id='PosCharte' style='position:absolute;width:960px;height:560px;left:50%;margin-left:-
480px;top:50%;margin-top:-280px;'>
<div id='obj_2' style='position:absolute; left:11px; top:165px; width:157px; height:20px; z-
index:9; overflow:visible;'>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td align="center" valign="middle"><font color="#FFFFFF" style="font-
family:Verdana;font-size:11pt;font-weight:bold;text-decoration:none;"><span
class='titre_rubrique'>Accueil</span></font></td></tr>
</table>
</div>
<div id='obj_3' style='position:absolute; left:199px; top:172px; width:751px; height:350px; z-
index:5; overflow:auto;'>

19
<table border='0' cellpadding='0' cellspacing='0' width='100%' align='center'><tr><td>
<!--ACTUA28||||||||||||||||||||||||||||-->
<P align=center><STRONG><FONT color=#ff0000 size=4
face=Georgia></FONT></STRONG></P>
<P align=center><IMG border=0 src="image_020.jpg"></P>
<P align=center><div style="text-align:center;"><script type="text/javascript"
src="http://services.supportduweb.com/cpt_visites/7602-6-5.js"></script></div></P>
<P align=center>&nbsp;</P>
<P align=center>&nbsp;</P>
</td></tr></table>
</div>
<div id='obj_4' style='position:absolute; left:3px; top:44px; width:162px; height:97px; z-
index:4; overflow:visible;'>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td align="left" valign="top"><img src='image_004.jpg' id='logo'></td></tr>
</table>
</div>
<div id='obj_6' style='position:absolute; left:0px; top:0px; width:960px; height:560px; z-
index:1'><img src='image_005.htm' width='960' height='560' border='0'></div>
<div id='obj_7' style='position:absolute; left:14px; top:205px; width:150px; height:310px; z-
index:8; overflow:visible;'>
<script type="text/javascript" src="config_menu_013.js"></script>
</div>
<div id='obj_8' style='position:absolute; left:200px; top:145px; width:748px; height:25px; z-
index:7; overflow:auto;'>
<div id="AJAX_Dernieresnews" style:"position:absolute; width:100%; height:100%; z-
index:1;"></div>
</div>
<div id='obj_9' style='position:absolute; left:383px; top:16px; width:433px; height:92px; z-
index:6; overflow:visible;'>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr><td align="center" valign="middle"><font color="#FFFFFF" style="font-
family:Arial;font-size:33pt;font-style:italic;font-weight:bold;text-decoration:none;">Site
officiel du</font></td></tr>
<tr><td align="center" valign="middle"><font color="#FFFFFF" style="font-
family:Arial;font-size:33pt;font-style:italic;font-weight:bold;text-decoration:none;">FC
Francilly-Selency</font></td></tr>
</table>
</div>

<div id='obj_90' style='position:absolute; left:82px; top:535px; width:670px; height:25px; z-


index:51; overflow:visible;'>
<b><marquee><font size=4><font color= #aa0000 >Derniers résultats : Etreillers FC 3 – 1
Itancourt Neuville 3, </font> <a href="
http://aisne.fff.fr/competitions/php/championnat/championnat_resultat.php?
sa_no=2009&cp_no=207348&ph_no=1&gp_no=3 " target=_blank><font color="#0000FF">
cliquer ici pour voir tous les derniers résultats </font> </a> </font> </marquee><b>
</div>
</div>

19
<script language="javascript">

AfficheInnerHTML("","AJAX_Dernieresnews")

initialise_traduction();
</script>
</body>
</html>

19
Réalisation d’un site web dynamique pour le football club de Francilly-Selency

Lors du choix de notre sujet concernant le projet, nous avons décidé d’opter pour un site internet. En
effet, Maxime BONDON adhérent au club de football de Francilly-Sellency et celui-ci n’ayant pas de
site internet, c’est alors auprès de ce club que nous allons centrer notre projet.

Tout d’abord, en s’inspirant de différents sites de football et en tenant compte des critères reçus par
notre tuteur d’entreprise, nous avons réalisé la charte graphique, qui est en réalité le fond du site, son
design. Nous nous sommes ensuite tournés sur notre menu pour décider des différentes rubriques utiles
et essentielles. Puis, nous avons récolté les données du club telles que les noms des joueurs, les
résultats, les classements, les calendriers des deux équipes, les photos et vidéos.

Pour rendre notre site dynamique, nous avons créé une rubrique « Contact », qui permet à l’utilisateur
de demander les informations qu’ils désirent auprès du club. Un forum a été également conçu
permettant de partager des idées ou des avis sur les matchs, les tactiques de jeu,…
La rubrique « Espace Joueur » apporte son dynamisme par une base de données qui comporte un
identifiant et un mot de passe spécifique à chaque joueur, ce qui permet un accès privé à cette page
pour consulter des données personnelles du club. Enfin, un compteur y a été ajouté pour voir le
nombre de visites sur le site et montrer la popularité du club s’accroitre.

Ainsi, notre site ouvert aux fans de foot, des habitants de Francilly-Selency et même de tous les
internautes, permettra de faire connaitre la ville et son équipe, de pouvoir communiquer en toutes
simplicité et d’accéder facilement aux informations du club.

Creation of a dynamic website for the football club Francilly-


Selency

Our mission is to make the website of football club Francilly-Selency. This website will allow the club
a better management of its data, to give to the public the news of the club and much information as
players, club members, technical staff, results and schedule of games. There will also be possible to
contact the club and the opportunity to talk on the forums on several subjects and varied.

Our firm is in fact a sport association club, more precisely a football club. This club football Francilly-
Selency is a club that was created 20 years ago, located in the department of Aisne, specifically near
the town of Saint-Quentin. The FCFS (FC Francilly-Selency) is a modest amator club, operating in the
departmental divisions of Aisne.

When choosing a topic for our project, we decided to create a website. Indeed, Maxime BONDON as
member club football Francilly-Sellency and the fact that this club doesn’t have a website, and so we
agreed to realize for them.
To achieve our aim, we considered the instructions received by our firm tutor (color, style of writing),
Mr TANTER and advice received by our university tutor, Mr. GABER. Then, we collected data from
the club which will be integrated into website. Finally, to transform our website in dynamic website,
we created a category "Contact", which allows the user to ask the informations they want from the
club. A forum was also created to share ideas or opinions on the matches, tactics game. ... The
category "Player Area" brings dynamism thanks to a database that contains a username and password
specific to each player, which allows private access to this page to review the personal data of the club.
Finally, a counter was added to show number of visits to the site and show the popularity of the club.

19
So, our site is open to football fans, residents of Francilly-Selency and even of all Internet users, will
make known the city and there team, to communicate in all simplicity and easy access to information
of the club.

19

Vous aimerez peut-être aussi