obiblio fr 253 rapport de stage iut info

Mairie de Hauteville-Sur-Fier Route dAnnecy 74150 Hauteville-sur-fier

Bruyre Morgan IUT dAnnecy le vieux DUT INFO Anne 2006/2007

Rapport de stage :Ralisation Ralisati dun site internet pour une Mairie.

Tuteur entreprise : Madame Genevive Alexandre

Tuteur enseignant : Monsieur Richard Dapogny

Table des matiresRemerciements ........................................................................................................................................3 Introduction .............................................................................................................................................4 Prsentation de lentreprise....................................................................................................................5 Situation gographique de lentreprise................................................................................................5 Structure et histoire de lentreprise .....................................................................................................6 Secteur dactivit ..................................................................................................................................7 Organigramme de la mairie .................................................................................................................8 Prsentation des besoins ........................................................................................................................9 Site internet ..........................................................................................................................................9 Rseau ..................................................................................................................................................9 Renouvellement du parc informatique ............................................................................................. 10 Autres ................................................................................................................................................ 10 Prsentation des solutions envisages ................................................................................................ 12 Site internet ....................................................................................................................................... 11 Solution envisage.................................................................................................................... 11 Outils utiliss ............................................................................................................................ 11 Rseau ............................................................................................................................................... 12 Solution envisage.................................................................................................................... 12 Outils utiliss ............................................................................................................................ 12 Renouvellement du parc informatique ............................................................................................. 12 Solution envisage.................................................................................................................... 12 Autres ................................................................................................................................................ 13 Etude et ralisation............................................................................................................................... 14 Planning ............................................................................................................................................. 14 Le site internet................................................................................................................................... 16 Renouvellement du parc informatique ............................................................................................. 24 Le rseau ........................................................................................................................................... 25 Autres ................................................................................................................................................ 25 Problmes rencontrs ....................................................................................................................... 26 Conclusion ............................................................................................................................................. 27 Annexes ................................................................................................................................................. 28

2

M es remerciements trs sincres mon matre de stage et Maire adjoint de Hauteville-sur-fier Mme Genevive Alexandre ainsi qu tous les employs de la Mairie qui mont ouvert les yeux sur le monde du travail. Ils nont pas mis longtemps mintgrer dans leurs locaux et mont fait confiance tout au long de ce stage, se droulant du 2 Avril au 8 Juin 2007.

3

Introduction : Dans le cadre de ma seconde anne de DUT informatique luniversit dAnnecy, je devais mettre en pratique les outils thoriques et mthodologiques acquis au cours de ma formation, identifier mes comptences et me conforter dans mon objectif professionnel en effectuant un stage dune dure de 10 semaines. Ce stage a pour objectif de me prparer au monde du travail. Cest pourquoi je souhaitais apprendre, acqurir un savoir faire supplmentaire durant ce stage et approfondir encore davantage mes connaissances. Je souhaitais galement apporter ma fracheur, mon regard et ma touche personnelle au travail demand. Par ailleurs, ce stage me permettait de travailler avec des personnes avec lesquelles je naurais pas forcment daffinits et dont on ignore galement les influences culturelles. Cependant, il faut apprendre travailler aux cts des ces personnes, changer nos ides respectives, respecter leur travail et leur faire confiance. Ensuite, les sujets proposs pour ce stage taient vastes cela pouvait tre un logiciel programmer en Java ou encore une application rseau ou linstallation dun ERP. Il fallait donc galement savoir sadapter chaque genre de sujet qui demande des mthodes et des comptences diffrentes. De plus, il fallait sadapter aux conditions du stage et aux contraintes rencontres sur les lieux. Enfin, ce projet tait une occasion supplmentaire pour acqurir une certaine autonomie et souvrir aux autres et leurs demandes. Ensuite pour la recherche de ce stage, je souhaitais trouver un stage fortement ax sur le multimdia, car cest un domaine trs intressant et pour la suite de mes tudes je pense srieusement morienter vers ce domaine qui me passionne rellement. Aprs des recherches infructueuses auprs de mon entourage, je me suis tourn vers les offres de stage affiches dans les couloirs de lIUT. Parmi ces offres quelques une avaient pour sujet le dveloppement dun site web. Dans un premier temps je me suis donc tourn vers loffre qui me semblait la plus intressante : la Mairie dHauteville-sur-Fier dsirait prendre un stagiaire pour la cration de son site web. Jai donc not le numro de tlphone, le soir mme jai pris contact pour avoir un entretien, de lautre cot du tlphone Madame Genevive Alexandre Maire adjoint, me donna rendez vous quelques semaines plus tard. Durant ce rendez-vous, le Maire monsieur Roland Lombard et Madame Genevive Alexandre mont expos ce quils attendaient du stagiaire quils recruteraient, ensuite je leur ai prsent mon CV et mes comptences acquises. Par la suite jai rappel madame Alexandre, nous avons fix un autre rendezvous, lors de celui-ci, Madame le Maire adjoint a sign la convention de stage.

4

Prsentation de l'entreprise : Situation gographique de la Mairie et sa commune :

La Mairie est situe Hauteville-sur-Fier, une commune situe dans le dpartement de la HauteSavoie en rgion Rhne-Alpes. Elle fait partie du Canton de Rumilly et du Pays de lAlbanais qui regroupe les 37 communes. Les deux premiers appartiennent au dpartement de la Haute-Savoie et le troisime au dpartement de la Savoie.

Structure et histoire de la mairie :

Structure : Hauteville-sur-Fier tant une commune de 698 habitants, sa structure administrative est assez simple. La Mairie est compose : Dun secrtariat, o toutes les dmarches administratives - du permis de construire la demande de pices didentit - sont effectues ; Dune agence postale communale, une agence de la poste en partenariat avec la Mairie ; De la bibliothque communale ; Du bureau du Maire ; Du bureau des Adjoints ; Dune salle de runion.

5

Prsentation de lentreprise (2):

Structure et histoire de la mairie (2): Histoire : Jadis, la paroisse dHauteville stendait sur la rive droite du Fier, entre les nants de Vaudrenaz et de Merluz. Au moins deux reprises, le territoire de la Champagne (de la paroisse de Marcellaz) situ sur la rive gauche y sera incorpor au XVIme sicle et nouveau depuis 1923. Hauteville, appele Hauteville-de-Rumilly avant 1749 et Hauteville-sur-Fier depuis 1902, ressort administrativement de larrondissement dAnnecy et du Canton de Rumilly. Daprs la statistique du Prfet de Verneilh (1807), la superficie de la commune (seulement rive droite lpoque) est de 1058 journaux soit 402 ha ( 4,02 km2 ). Depuis 1923 avec la plaine de la Champagne, ltendue monte 490 ha, soit 4,90 km2. Douest en est, vol doiseau, la longueur maximale atteint trois kilomtres, et du nord au sud, peine deux kilomtres et demi. Le territoire hautevillois ancien est scind en deux parties ingales par le nant de Lagnat : la partie orientale, plus petite, renferme les villages des Onges et du Vernay ; la partie occidentale, plus vaste, comprend le chef-lieu, Hautevillette, la Croix et Pallud. Soit en tout, six groupes dhabitations, le tout bien expos au midi.

6

Prsentation de lentreprise (3) : Secteur dactivit :

Culture ; Sport vie citoyenne ; Urbanisme Amnagement ; Social ; Enseignement Vie tudiante ; Environnement ; Economie Commerce Tourisme ; Scurit Stationnement.

Organigramme de la Mairie :

Les lus actuels :

Monsieur le Maire : Roland Lombard Premier adjoint : Genevive Alexandre Deuxime adjoint : Alain Dpigny Troisime adjoint : Mireille Combey

Les diffrentes commissions :

Commission urbanisme : Alain Dpigny Raymond Crochet Sylvie Dunoyer Philippe Joguet

7

Prsentation de lentreprise (4) : Organigramme de la Mairie (2) :

Commission communication : Mireille Combey Christine Bollard Sylvie Dunoyer Christian Jaccoud Philippe Joguet Denis Smeril

Commission environnement : Jean-louis Jaccoud Christine Bollard Christian Jaccoud Philippe Joguet Patrick Massot

Le personnel administratif: Secrtaire de Mairie : Brigitte VACHERANDDENAND Service technique : Olivier CUNY Agence postale communale : Elise

8

Prsentation des besoins :

Site internet :

Dans un premier temps la Mairie avait besoin dun site internet.

Pourquoi un site internet ? Un site web est aujourdhui une ncessit pour une commune, car il offre un mode de communication moderne et efficace. Ce site web devra tre la vitrine de la Commune. Il permet de prsenter la commune en quelques pages, apportant les informations essentielles aux visiteurs comme le plan daccs ou encore les coordonnes de la Mairie. Ce site web est une nouvelle manire de faire connaitre la Mairie et de pouvoir communiquer sur les diffrentes manifestations ou autre quont lieu sur la commune. Pour la mise jour du site internet, il est impratif quelle soit facile daccs, car la Mairie ne possde pas de service informatique. Il faut aussi quon puisse faire passer une information importante en la mettant en vidence.

Rseau :

Dans un deuxime temps, la Mairie a besoin dlargir son rseau. Pour plusieurs raisons, un rseau existait dj, mais celui-ci ne permet pas tous les ordinateurs de la Mairie de disposer dinternet, car le rseau filaire ne permet pas daccder certains bureaux comme celui des adjoints. En outre, cette anne, la ville de Hauteville-sur-Fier ouvert sa propre bibliothque. Celle-ci est situe dans un local audessus de la Mairie. la bibliothque, il est prvu dy ouvrir un ple multimdia compos de deux ordinateurs paramtrs pour avoir un accs internet. Ceux-ci devront donc tre relis au rseau.

9

Prsentation des besoins (2) : Nouveau parc informatique

Dans un troisime temps, le parc informatique de la Mairie a besoin dtre renouvel.

En effet, la Mairie dHauteville-sur-fier possde 3 ordinateurs de 1Ghz chacun, avec pour systme dexploitation Windows 98. Cela nest plus suffisant au bon fonctionnement de la Mairie. Do la ncessit dune modification. De plus cette anne, une bibliothque a t inaugure, mais elle est dpourvue dordinateur malgr le fait quils soient indispensables pour la gestion de la banque de prt ainsi quau bon fonctionnement du ple multimdia accessible aux adhrents. Donc dans un premier temps, il faut changer les ordinateurs et ensuite tablir un rseau pour que tous ordinateurs puissent dialoguer et aussi avoir accs internet.

Autre : Et enfin de temps autre il faut aider le personnel de la Mairie, confronts par exemple des problmes lis lutilisation Microsoft Office. la Mairie dHauteville-sur-fier il ny a pas de service informatique. Donc en cas de problme avec le rseau, une imprimante ou encore avec Word (par exemple la mise en forme dun texte), lassistance aux utilisateurs informatiques doit tre assure.

10

Prsentation des solutions envisages :

Site internet :

Les outils utiliss : Mysql ( Phpmyadmin) ; Notepad++ ; Photoshop ; WampServeur. Solution envisage : Pour le site internet il faut bien sr une interface conviviale, avec des photos de la ville Haute-ville-sur-Fier ainsi que des textes le plus succins possible pour ne pas dcourager le visiteur. Il faut aussi quil soit intuitif et entirement modifiable. Pour plusieurs raisons : En l'absence de service informatique, il faut que les personnes charges de le mettre jour puissent le faire facilement sans avoir apprendre des langages informatiques. Dans la fonction publique, les lois sur les dmarches administratives sont en constante volution.

Dans le cas ou une erreur est trouve, par la suite il faut pouvoir facilement modifier tout le contenu des diffrentes pages.

Pour pouvoir mettre jour facilement le site internet jai pens enregistrer tout le contenu des pages dans la base de donnes et a laide dun formulaire de mise en page. Il sera possible de mettre le texte en gras, italique surlign et ajouter des images trs facilement.

11

Prsentation des solutions envisages (2)

Rseau : Matriel utilis : Routeur ; Prise courant porteur. Solution envisage : Vu la disposition des futurs ordinateurs, situs pour certains la bibliothque qui est au premier tage, et dautres au rez-de-chausse, il est vident que de cbler un rseau avec du cble Ethernet serait revenu cher cause du matriel, mais surtout cause du temps pass raliser les travaux. Le wifi aurait pu aussi tre une bonne solution, si celui-ci avait pu fournir une bande passante assez consquente pour le nombre dordinateurs. Finalement, la solution retenue pour crer ce parc informatique est le courant porteur.

Nouveau Outil utilis : parc informatique Internet. Solution envisage : Dans un premier temps, je me renseigne sur le matriel actuel, les prix du march. Ensuite il faut prendre contact avec les fournisseurs qui soccupent des Mairies pour comparer leurs offres, puis faire un tableau explicatif pour que le Maire puisse voir dun seul coup dil les informations importantes de ces offres. Aprs lachat de ces ordinateurs, il faut bien sr les installer et rinstaller les imprimantes dj prsentes, ainsi que les onduleurs. Il est aussi ncessaire de migrer les donnes des anciens ordinateurs sur les nouveau. Il faut aussi dcider du sort des anciens ordinateurs ; voir quelle est la meilleure configuration pour le rseau ; quel poste il nest pas ncessaire de changer les ordinateurs, etc.

12

Prsentation des solutions envisages (3)

Aider le personnel de la Mairie :

Solution envisage : Et bien pour les problmes que rencontre le personnel, jessayerai de trouver au plus vite les solutions ceux-ci. Parfois avec laide dinternet si je nai pas les comptences ncessaires.

13

tude et ralisation : Planning :1re semaine :

Recherche dinformations ; Ralisation du cahier des charges ; Maquettage.

2ime semaine :

Modification du cahier des charges ; Ralisation de la base de donnes ; Ralisation de classes ; Modification de design ; Installation dun nouvel ordinateur.

3ime semaine :

Recherche dinformations sur les nouvelles normes (XHTML, PHP5) ; Programmation dun formulaire intuitif ; Programmation dune classe de gestion de code BBcode.

4ime semaine :

Insertion des formulaires intuitifs au site web ; Correction de bugs ; Vrification de formulaire (Java script) ; Rcupration demail dOutlook 5.0 ; Rsolution de problme divers ;

5ime semaine :

Correction de certains bugs ; Insertion du contenu des pages web.

6ime semaine :

Installation de trois nouveaux ordinateurs ; Formatage des deux anciens ordinateurs ; Ralisation dun rseau par courant porteur laide dun professionnel ; Rsolution de problmes divers.

14

tude et ralisation (2):

Planning(2) :7ime semaine :

Manuel dutilisation ; Photos ; Dplacement de matriel informatique.

8ime semaine :

Programmation dun module pour passer des appels doffres ; Mise en place dun flux RSS ; Recherche dun hbergeur.

9ime semaine :

Dbogage ; Formation de lemploy charg de mettre jour le site internet.

10ime semaine :

Ralisation du rapport de stage ; Visite dune hotline ; Mise en ligne du site internet.

15

tude et ralisation (3): Contexte :

Tout dabord je tiens prciser que ce stage a t effectu en autonomie la plus complte et pour cause, la Mairie dHauteville-sur-fier ne possdant pas de service informatique, jtais seul a pouvoir rsoudre les problmes que jai pu rencontrer. Durant ces dix semaines de stage jai eu loccasion de programmer un site internet, dinstaller un rseau sur courant porteur, de renouveler le parc informatique de la Mairie et daider les secrtaires pour les problmes quelles rencontraient au jour le jour. Le site internet :

Etude des besoins :

Dans un premier temps, jai pris connaissance des besoins de la Mairie dHauteville-sur-fier en matire de site internet. Jai donc regroup les informations intressantes pour pouvoir par la suite avoir une petite ide du schma de la base de donnes. Puis aprs cette recherche, jai tout dabord cherch faire un plan du site (voir ci-dessous) et lai fait valider pour pouvoir savoir tout de suite si je partais dans la bonne direction.

16

tude et ralisation (4): Le site internet (2):

Maquettage :

Aprs le cahier des charges, il ma paru bon de commencer par la ralisation du design. Pour dbuter, jai recherch des tutoriaux sur internet pour me former un minimum avec Photoshop. Jai trouv des choses trs intressantes sur les sites suivants : http://www.i-liquid.be/ http://www.emob.fr/dotclear/

Grce ces sites jai pu apprendre les bases de Photoshop : effets dombrage, mise en perspective dun lment ou encore le mode de fonctionnement propre Photoshop avec les layer qui sont trs pratiques. Aprs cette autoformation, jai fait de mon mieux pour crer deux bannires de styles diffrents laide de Photoshop : 1:

2:

La deuxime fut retenue. La suite de mon travail fut de raliser le corps du site internet. Pour cela jai essay au mieux de respecter les normes daccessibilit et de compatibilit proposes par lorganisme W3C (The World Wide Web Consortium). Donc jai cod une premire interface qui est assez simple, mais qui a pour avantage de ne pas tre lourde et donc de se charger trs rapidement. Pour cela, jai utilis le CSS (Cascading Style Sheets) ainsi que le XHTML 1.0 Strict (Extensible HyperText Markup Language). Je me suis aussi fix une charte de couleurs pour ne pas avoir un aspect brouillon avec plein de couleurs diffrentes. Pour ce faire, comme la bannire dores et dj ralise tait en niveau de vert, jai dcid de faire de mme pour le texte, les liens

17

tude et ralisation (5): Le site internet (3): hypertextes et autres. La disposition de cette premire interface est trs commune sur internet. Elle est compose dune bannire en haut de la page, dun lien discret juste en dessous de la bannire pour pouvoir se connecter la partie dadministration, un menu statique gauche et le contenu sur le reste de la page. Pour le fond de page jai opt pour un dgrad du vert vers le blanc (voir ci-dessous).

Par la suite, il sest avr que cette maquette ne convenait pas. Jen ai donc repens la disposition, avec un menu horizontal et un sous-menu vertical, tout a dynamique grce au JavaScript (voir ci-dessous). Cette interface a t valid par monsieur le Maire.

18


Cration de la base de donnes :

Au dbut, je ne voyais pas trs bien comment jallais modliser tout cela. Mais je me suis rendu compte que les pages pour la plupart navaient aucun contenu en commun. Parti de ce constat, jai donc dcid de crer une table par page qui contiendrait chacune le contenu de la page, laquelle elle fait rfrence. Jai donc tout dabord labor le Model Conceptuel de Donnes et partir de celui-ci jai ralis le script de cration de la base de donnes. Aprs avoir test le fonctionnement de mon script de cration de base de donnes, jai cr un jeu denregistrements factices qui mont permis plus tard de tester mon code PHP.

Conception des diffrentes classes:

Jai commenc par programmer toutes les classes dont jaurais besoin :

Classe de connexion la base de donnes : Aprs avoir ralis la base de donnes, jai continu par la programmation en PHP. Jai commenc par programmer une classe pour la connexion la base de donnes. Cette classe nomme MySql , a pour arguments des lments statiques comme HOST, USER, PASSWORD, DB et un lment public queryResult. Pour quil ne soit pas possible de crer deux connexions simultanment, jai donc mis le constructeur (qui cre la connexion) en private pour que seule une fonction de la classe puisse avoir accs celui-ci. Ensuite il ma donc fallu crer cette fonction, que jai nomm GetInstance(). Cette fonction vrifie si une connexion a dj t cre, si cest le cas, elle renvoi le lien vers la connexion dj cre sinon elle en cre une nouvelle. Pour le besoin de la POO (Programmation oriente objet) jai aussi cr une mthode query() qui renvoie directement les rsultats dune requte SQL. Comme vous pouvez le constater cette classe simplifie grandement la tche par rapport au php4 avec lequel il faudrait plusieurs lignes pour crer la connexion. Ici grce cette classe, je nai plus qu insrer les deux lignes suivantes, sachant que la cration de lobjet se fait une fois

19

tude et ralisation (7): Le site internet (5) et que par la suite il nest plus ncessaire de le dclarer nouveau :

Classe pour ladministration : Cette classe a pour but de vrifier le mot de passe et lidentifiant, pour permettre un ventuel accs la partie administration. Son fonctionnement est des plus simples. On lui fourni comme arguments le mot de passe et le pseudonyme indiqus par lutilisateur dsireux daccder linterface dadministration et celle-ci se charge de vrifier sa validit grce a une fonction de type boolen verif() qui retourne TRUE si les identifiants sont les bons. Classe BBcode : Cette classe dcoule directement dun besoin spcifique qui est indiqu dans le cahier des charges : pouvoir mettre facilement le site jour. Alors pour faciliter ceci, jai cr cette classe qui permet de mettre en forme les diffrents textes : souligner, mettre en gras ou encore en italique, le texte, mais aussi ajouter des images ainsi que des liens hypertextes. Pour ce faire, le texte contenu dans la base de donnes doit tre pourvu de balises ( ex: [gras]texte[/gras] ). Lors de laffichage de se texte la classe de BBcode va parcourir celui-ci la recherche de ces balises, et suivant les balises quil trouve (grce aux expressions rgulires) il les remplace par celles du HTML. Balises reconnues par la classe : [gras]texte[/gras] [italique]texte[/italique] [surligne]texte[/surligne] [lien=Lien]texte[/lien] [email=email]texte[/email] [image=lien image]description[/image]

20


Conception de la partie administration :

Ensuite, jai ralis un formulaire (voir annexe 1) permettant de mettre jour le site web. Ce formulaire doit tre intuitif pour une utilisation simplifie le plus possible, do lutilisation du JavaScript. Pourquoi intuitif ? Et bien parce quil dispose dune barre doutils directement relie une zone de texte qui est une aide pour le BBcode .En effet lors du survol de la souris sur lun des lments de la barre doutils, la zone daide affiche quoi correspond cet lment. Par la suite si lutilisateur clique sur cet lment, une boite de dialogue souvre, permettant de pouvoir insrer dans le champ du formulaire appropri le texte voulu, dentourer des balises correspondantes au choix fait prcdemment lors du clic. Jai aussi dcid de programmer une fonction qui, lorsque le champ texte nest plus assez grand pour afficher son contenu, sagrandit automatiquement au lieu davoir une barre de dfilement. Cela a pour effet davoir une vision globale. Pour lajout des images jai d le faire diffremment, et aprs quelques recherches, jai trouv que la meilleure solution tait la suivante : lors dun clic sur licne correspondant, une pop up souvre. Cette pop up contient un formulaire permettant ladministrateur dimporter sur le site web une image de son ordinateur. Aprs les vrifications de taille de limage par exemple, la fentre affiche le code BBcode correspondant. Lutilisateur na plus qu copier et coller cette partie de code o bon lui semble dans le formulaire de modification. Je me suis servi de ce formulaire pour les parties suivantes : Ajout de nouvelle Modification de la page Histoire Modification de la page plan daccs Modification des informations pratiques Ajouter une association Modifier vie conomique Modifier scolarit Modifier mot du Maire Modifier Agence postale communale Modifier Elections Modifier Urbanisme Modifier actes dtat civil

21

tude et ralisation (9): Le site internet (7): Les lus : Pour grer les lus, il ma fallu procder diffremment. Jai donc cr un formulaire dajout dun lu (voir annexe 2). Ensuite pour pouvoir grer les lus, vu le grand nombre dlus stocks dans la base de donnes (Tous les Maires depuis 1880), jai cr un formulaire de recherche (voir annexe 3). Aprs validation, celui-ci vous envoie vers une page contenant les rsultats obtenus (voir annexe 4), avec pagination sil y a plus de 5 rsultats. partir de cette page, ladministrateur peut modifier ou supprimer llu recherch. Les horaires : Ladministration des horaires se fait par le biais dun formulaire trs simple (voir annexe 5). Celui-ci fait la liste des horaires dj stocks et permet de les supprimer ou den ajouter un nouveau.

Les appels doffres : Pour ajouter un appel doffres (voir annexe 6), le formulaire que jai cr permet de rentrer dans la base de donne une description, de lui lier un fichier Word ou PDF permettant la personne dsireuse dy rpondre de remplir un formulaire papier et de le renvoyer a la Mairie. Bien sr il y a aussi un formulaire pour la suppression des appels doffres qui seraient termins. Contact : Pour la partie contact, jai fait au plus simple (voir annexe 7). Le formulaire permet de modifier le numro de tlphone, numro de fax et ladresse email.

Aprs les pages de base de ladministration finies, jai continu par les pages publiques. Ces pages sont les seules visibles par les visiteurs du site. Bien entendu elles naffichent pas le code BBcode, mais le contenu qui en dcoule. Cest pourquoi tout contenu est inspect par la classe BBcode dont jai parl prcdemment, avant dtre affich.

22


Le site internet (8):

Insertion des pages dans le corps du site.

Pour ce site internet, jai fait un choix : Celui de navoir quun index o toutes les pages seront incluses suivant les paramtres passs. Pour cela seule la page dindex contient les balises ou encore pour ne pas crer derreurs. Jai d aussi crer 2 fichiers nomms redirection.php et redirection_for_admin.php qui vont me permettre de vrifier la valeur de la variable Nav , et selon sa valeur, dinclure telle ou telle page. Je dfinis la variable Nav dans les liens hypertextes du menu grce la mthode de transmission des donnes GET . Cette mthode est trs pratique et surtout bien plus rapide charger pour les navigateurs internet qui nont que le contenu de la page recharger. Pour les classes, jai pris le parti dutiliser une fonction appele magique de php5 : _autoload() qui sest avr trs pratique. En effet cette fonction : permet d'inclure automatiquement les classes utilises sans avoir faire des include() ou require() chaque utilisation. L'utilisation la plus basique est :

Mise en uvre

Dans un premier temps, jai corrig tous les bugs que jai trouvs. Ensuite jai rdig le contenu des pages, savoir, que pour les dmarches administratives je me suis largement inspir du site internet de la Mairie dAnnecy. En effet ma connaissance tant trs limite dans ce domaine, jai prfr me rendre sur ce site internet o les informations sont clairement expliques. Il ma fallu aussi prendre des photos et les inclure dans le site.

23


Le site internet (9): Par la suite jai confectionn un manuel dutilisation qui se veut trs dtaill et simplifi au maximum au cas o la personne que jai forme serait amene tre remplace. Et pour finir, il ma fallu rechercher un hbergeur convenable. Jai commenc faire la liste des hbergeurs grce internet, et puis jai appris que la Mairie disposait dj dun nom de domaine. Jai donc appel lassociation qui a permis la Mairie dacqurir ce nom de domaine : lassociation des Maires qui met disposition des Mairies un hbergement gratuit. Jai donc confirm linscription, de la Mairie dHauteville-sur-Fier cet hbergement et reu les codes daccs par la poste. Par la suite, jai prsent le site internet Monsieur le Maire et aprs quelques modifications, jai eu son approbation pour le mettre en ligne. Nouveau parc informatique Le parc informatique tant vieillissant il tait temps de le changer. Jai donc recherch un fournisseur adapt la situation. Monsieur le Maire a demand un devis deux fournisseurs : Infokaz Infovision Jai par la suite fait un tableau rcapitulatif (voir annexe 8). Infokaz fut retenu par Monsieur le Maire. Donc aprs livraison, il a fallu installer les nouveaux ordinateurs, rinstaller les imprimantes dj prsentes et rcuprer les donnes des anciens ordinateurs. Les anciens ordinateurs ont d tre formats et jai rinstall Windows xp. Puis je les ai dplacs la bibliothque pour le ple multimdia.

24

tude et ralisation (12): Le rseau : Pour raliser le rseau jai assist un intervenant extrieur, qui est employ par la socit Infokaz . Pour linstallation, une prise de la marque Netgear a t utilise :

Courant Porteur Netgear 85Mbps XE103-100ISS Celle-ci permet davoir une bande passante assez consquente pouvant aller de 1.0 85 Mgabits/seconde. Le modem routeur fourni par Wanadoo a t configur en DHCP de telle manire quil fournisse automatiquement une adresse IP lordinateur connect au rseau. Ensuite il a fallu relier tous les ordinateurs aux prises et relier le routeur une prise de courant porteur.

Autre : Durant mon stage les secrtaires mont fait part de certains problmes comme, comment mettre une entte sur un document Word ? ou encore des problmes avec limprimante, ou comment rcuprer des emails sur Outlook. Jai toujours trouv une solution leurs diffrents problmes sauf pour un : une imprimante qui tait cense tre installe sur le rseau et que je nai pas russi faire fonctionner.

25

tude et ralisation (13): Problmes rencontr :

Durant mon stage jai rencontr des problmes divers et varis, que jai parfois tent de rsoudre grce internet ou que jai contourn si je ne trouvai s pas de solution. Mon premier problme rencontr fut : comment extraire les emails dune ancienne version doutlook. Aprs des recherches sur internet jai fini par trouver une solution mon problme sur le site suivant : http://www.faqoe.com/rep/ac.htm

Jai rencontr des difficults avec les diffrentes normes du W3C. En effet au dbut du stage je souhaitais rendre le site internet accessible par le plus de supports possibles (Ordinateur, tlphone portable ou encore console) grce au CSS 2.0 et au XHTML strict 1.0, mais jai renonc devant la complexit et lampleur de la tche. Donc au final, aprs avoir perdu beaucoup de temps sur ce problme je me suis rester sur lHTML.

Un autre problme mest apparu lors de ma programmation en JavaScript. Jai voulu crer un classe en JavaScript qui aurait par le biais de la cration dun de ses lments, gnr un formulaire. Jai russi faire en sorte que la classe cre un formulaire, mais laide pour le BBcode autour du formulaire ne fonctionnait plus. Jai donc cherch une solution sans relche, postant mme mon code sur diffrents forums sans jamais trouver de solution. Cest pourquoi jai abandonn cette ide et je suis retourn au JavaScript procdural.

Un dernier problme fut, comment installer une imprimante sans les cd dinstallation ? Et bien je ne le savais pas parce que je navais encore jamais eu loccasion de le faire, mais cela cest avr assez simple. Aprs une recherche sur internet jai donc trouv les drivers correspondants une imprimante donne et jai procd linstallation.

26

Conclusion :

Pendant le droulement de mon stage jai appris travailler en complte autonomie, rsoudre seul les problmes que je rencontrais. Jai galement dcouvert et pratiqu l'auto-formation grce Internet. Le travail ralis cest avr intressant et enrichissant aussi bien du point de vu technique quhumain pour mon avenir professionnel.

27

Annexe :

1. Le formulaire :

2. Formulaire dajout dun lu :3.

28

Annexe(2) :

3. Formulaire de recherche dun lu

4. Page de rsultat de la recherche dun lu

5. Administration des horaires.

29

Annexe(3) :

6. Formulaire pour ajouter un ap doffre : appel

7. Formulaire de modification de la page Contact.

30

Annexe(4) :

8. Tableau rcapitulatif :Infokaz Micro ordinateurCPU Mmoire Disque dur Lecteur disquette Lecteur dvd Carte graphique OS Clavier + souris Suite bureatique Carte rseau Prix Intel D640 3.2Ghz 512Mo DDR2 200Go SATA Ok Ok ATI Radeon 512Mo Windows XP Home Ok OpenOfice N.C 715.20 AMD 3500 Xp 64+ 512 Mo 80Go N.C Ok N.C Windows XP Pro Ok Office 2003 Ok 745,00

Infovision

ImprimantePrix 144.72 172.71

VideoprojecteurMarque Prix INFOCUS 934.37 Acer 578,00

PortableMarque CPU Mmoire Disque dur OS cran Antivirus Wifi ASUS Core 2 Duo 1.83Ghz 2048Mo 120 Go Windows vista 15,4'' N.C N.C HP Core 2 duo 1.66Ghz 512Mo 80 Go Windows Xp 16'' Norton Wifi 802.11b/g

Moniteur 17''Prix 192.50 159,00

Moniteur 19''Prix 240,00 188,00 -Preparation des postes -Mise a jour des logiciel -Parametrage au resau -Mise en place des antivirus -Tests -Suivi technique 500,00

Prestation N.C

Prix

N.C

31



Abstract : This training course in autonomy have duration of 10 weeks, I realized it at the Town hall of Hauteville-sur-Fier. My work can be summarized in several points: to create Internet site of the Town hall with form to allow the layout of the text, to contribute to the installation of the new dataprocessing park, put in network for the new computers, training of an employee to update Internet site.

Keywords : Town hall, Internet site, Network, PHP, JavaScript

Internship supervisor : Madame Genevive Alexandre

Internship coordinator : Monsieur Richard Dapogny

32



Rsum : Ce stage en autonomie dune dure de 10 semaines, je lai ralis la Mairie dHauteville-sur-Fier. Mon travail peut se rsumer en plusieurs points : crer le site internet de la Mairie avec formulaire de mise en forme du texte, aider linstallation du nouveau parc informatique, mise en rseau des nouveaux ordinateurs, formation dun employ pour mettre jour le site internet.

Mots clefs : Mairie, Site internet, Rseau, PHP, JavaScript

Tuteur entreprise : Madame Genevive Alexandre

Tuteur enseignant : Monsieur Richard Dapogny

33

obiblio fr 253 rapport de stage iut info

Documents