Rapport de Stage-2003 - guillaume.malige.free.frguillaume.malige.free.fr/stage/Rapport de...

33
Stagiaire : MALIGE Guillaume Maître de stage : IVANOFF Franck Stage IUP2 Juillet - Août 2003 UNIVERSITE D’AVIGNON ET DES PAYS DE VAUCLUSE IUP GMI d’AVIGNON 399 Chemin des Meinajaries, BP 1228 84911 AVIGNON Cedex 9 Tél. : 04 90 84 35 00 – Fax : 04 90 84 35 01 Rapport de Stage INGENIERIE INFORMATIQUE INDUSTRIELLE GEI – Groupement d’Entreprises Industrielles 9 rue Gaston Castel ZAC de Saumaty Séon BP 127 13321 Marseille Cedex 16 Tél. : 04 96 15 14 00 – Fax : 04 96 15 14 01 www.gei2000.com

Transcript of Rapport de Stage-2003 - guillaume.malige.free.frguillaume.malige.free.fr/stage/Rapport de...

Stagiaire : MALIGE Guillaume Maître de stage : IVANOFF Franck

Stage IUP2 Juillet - Août 2003

UNIVERSITE D’AVIGNON ET DES PAYS DE VAUCLUSE IUP GMI d’AVIGNON 399 Chemin des Meinajaries, BP 1228 84911 AVIGNON Cedex 9 Tél. : 04 90 84 35 00 – Fax : 04 90 84 35 01

Rapport de Stage

INGENIERIE INFORMATIQUE INDUSTRIELLE GEI – Groupement d’Entreprises Industrielles

9 rue Gaston Castel ZAC de Saumaty Séon BP 127

13321 Marseille Cedex 16 Tél. : 04 96 15 14 00 – Fax : 04 96 15 14 01

www.gei2000.com

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 2 sur 33 - STAGE – IUP2

Remerciements

Je tiens à remercier Monsieur Jean Marc BOUETARD, PDG du groupement

d'entreprises G.E.I. ainsi que ses associés Philippe BOUETARD et Eric LAURE

d'avoir rendu ce stage possible en m'accueillant au sein de leurs entreprises.

Je souhaite également remercier Franck IVANOFF, mon tuteur de stage, ainsi

que toute l'équipe du bureau d'étude qui ont fait le maximum pour m'aider durant ce

stage.

Je remercie tout particulièrement Eric LAURE pour son accueil, sa sympathie

et son esprit innovant qui m’a beaucoup aidé pour mener a bien la réalisation du site

WEB.

Je remercie par ailleurs les stagiaires, déjà présents lors de mon arrivée, de

leur sympathie et leurs conseils.

Un grand merci naturellement à l'ensemble du personnel qui apporte

énormément à ce groupement.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 3 sur 33 - STAGE – IUP2

Introduction Ce rapport est le fruit d’un stage de huit semaines (30 juin au 22 août 2003), dans

l’entreprise 3I (Ingénierie Informatique Industrielle) du Groupement d’Entreprises

Industrielles (G.E.I.) à Marseille, sous la surveillance du Responsable Informatique

Franck IVANOFF, dans le cadre de ma deuxième année à l’IUP GMI d’Avignon.

Le Groupement voulait « rafraîchir » son site Web qui avait été créé en 2000 mais

dont la mise à jour avait été laissée de côté. Une envie de mettre au goût du jour le

site s’en est naturellement suivie afin de « redynamiser » l’image du G.E.I.

Ma mission a été, tout d’abord, de penser et de créer le nouveau site Web du G.E.I.

que l’on pourra trouver à l’adresse URL suivante : http://www.gei2000.com, puis de

réaliser un travail de formation (transfert de compétences) auprès du personnel

chargé de mettre à jour le site après mon départ. Actuellement, comme l’a souhaité

le G.E.I., le site n’est pas réellement disponible, à l’adresse URL précédente. Le

G.E.I. souhaité voir figurer à cette URL une page marquée en construction. Toutefois

le site du Groupement est tout de même visible et mis en place à l’adresse URL

suivante : http://www.gei2000.com/index1.htm.

Je me suis donc attaché à la création du site Web tout en m’intéressant à la

découverte des différents domaines des six sociétés du G.E.I. Ce groupement

possède en particulier un Bureau d’Etudes où j’ai pu découvrir une gamme de

travaux très vaste visant à assurer pérennité et sécurité au sein de la société.

Ce rapport présentera tout d’abord l’activité du Groupement et du Bureau d’études

d’Ingénierie Informatique Industrielle au sein duquel j’ai effectué mon stage. Puis il

mettra en avant à la fois les objectifs du G.E.I. et mes objectifs personnels . Enfin, il

abordera mes travaux, à savoir la réalisation du site Web puis le transfert de

compétences. Afin de mieux cerner le travail effectué, ce rapport développera les

différentes recherches et étapes qui m’ont permis de mener à bien le projet que j’ai

réalisé durant mes huit semaines de stage.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 4 sur 33 - STAGE – IUP2

Sommaire

REMERCIEMENTS.................................................................................................................2

INTRODUCTION......................................................................................................................3

SOMMAIRE ..............................................................................................................................4

PRESENTATION GENERALE..............................................................................................6

I. PRESENTATION GENERALE DE LA SOCIETE .............................................................................. 6 Le Groupement ..................................................................................................................... 6 Historique ............................................................................................................................. 6 Evolution de la société........................................................................................................... 7 Structures et organisation ...................................................................................................... 7 Les potentiels des principales activités du GEI ........................................................................ 8 Le service Bureau d’Etudes 3i ................................................................................................ 9 Organigramme simplifié du G.E.I. ......................................................................................... 10

II. CADRE DU STAGE.............................................................................................................. 11 Cadre du projet ................................................................................................................... 11 Cadre général de mon activité.............................................................................................. 11

OBJECTIFS DU PROJET................................................................................................... 12

I. OBJECTIFS DU GROUPEMENT .............................................................................................. 12 Création du site Web ........................................................................................................... 12 Réalisation de la charte graphique ........................................................................................ 12 Version anglaise du site....................................................................................................... 12 Formation, transfert de compétences .................................................................................... 12 Rédaction de manuels pour la gestion du site Web................................................................ 13

II. OBJECTIFS PERSONNELS.................................................................................................... 13 Acquérir des techniques de travail ........................................................................................ 13 Etre reconnu dans le développement des NTIC..................................................................... 13 Intégrer une équipe de travail ............................................................................................... 13 Gérer mon temps et mon autonomie ..................................................................................... 13

METHODE ET CONDUITE DU PROJET......................................................................... 14

I. LISTE DES TACHES A ACCOMPLIR......................................................................................... 14 Récupérer les documents nécessaires .................................................................................. 14 Prise de contact avec l’hébergeur du site Web ...................................................................... 14 Test du logiciel WEBDEV..................................................................................................... 15

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 5 sur 33 - STAGE – IUP2

Réalisation de la charte graphique ........................................................................................ 15 Création du site................................................................................................................... 17 Traduction du site en Anglais ............................................................................................... 17 Test de vérification des liens ................................................................................................ 17 Mise en place du site........................................................................................................... 17 Référencement du site Web ................................................................................................. 17 Rédaction des manuels........................................................................................................ 17 Formation – Transfert des connaissances ............................................................................. 17

II. PLANNING........................................................................................................................ 17 Délai ................................................................................................................................... 17 Estimation du temps de réalisation ....................................................................................... 17

III. REUNIONS ........................................................................................................................ 17 IV. MOYENS UTILISES POUR LA MISE EN ŒUVRE .......................................................................... 17

REALISATION DU PROJET .............................................................................................. 17

I. CREATION DU SITE WEB ..................................................................................................... 17 Détermination de l’architecture du site Web........................................................................... 17 Création proprement dite ..................................................................................................... 17 Présentation du site au personnel......................................................................................... 17

II. TRANSFERT DES COMPETENCES .......................................................................................... 17 Formation d’un employé du Bureau d’Etudes ........................................................................ 17 Rédaction du manuel de maintenance du site Web................................................................ 17

CONCLUSION GENERALE............................................................................................... 17

I. LA DECOUVERTE DU TRAVAIL EN ENTREPRISE........................................................................ 17 II. APPORTS POUR L’ENTREPRISE............................................................................................ 17 III. APPORTS POUR LE STAGIAIRE ............................................................................................. 17

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 6 sur 33 - STAGE – IUP2

Présentation Générale

I. Présentation générale de la société

Le Groupement G.E.I. est l'acronyme de Groupement d'Entreprises Industrielles. Le siège se situe

dans la ZAC de Saumaty - Séon à Marseille , près du Centre Commercial 'Grand

Littoral'. Il est composé de six entreprises ayant en commun un service

administratif, une stratégie commerciale, un service achats et un service qualité et

sécurité.

Le PDG est Jean-Marc BOUETARD, les actionnaires majoritaires sont Philippe

BOUETARD et Éric LAURE.

Le Gérant des Sociétésformant le GEI

Jean -Marc BOUETARD

Le ResponsableCommercial du GEI

Eric LAURE

Le Responsable deProduction du GEI

Philippe BOUETARD

Historique Création de la première entité à Vitrolles en 1994.

Par la suite il y aura un transfert des activités et du siège à Marseille en mai 2000.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 7 sur 33 - STAGE – IUP2

Evolution de la société SARL 2I INGENIERIE INDUSTRIELLE Juillet 1994

SARL 3I INGENIERIE INFORMATIQUE INDUSTRIELLE Mai 1996

SARL TI TABLEAUTIERS INDUSTRIELS Février 1997

SA RI REALISATIONS INDUSTRIELLES Juin 1998

SARL SE SYNERGIE ELECTRIQUE Janvier 2002

SARL I3S INGÉNIERIE ET SERVICES SYSTÈMES SÉCURITÉ Novembre 2002

Structures et organisation

2I : INGENIERIE INDUSTRIELLE

Bureau d'études en électrotechnique, instrumentation, automatisme, contrôle

commande, supervision, informatique industrielle

3I : INGENIERIE INFORMATIQUE INDUSTRIELLE

SSII, développements spécifiques, infogérance, intégration et maintenance

de matériel, logiciels, réseaux informatique.

TI : TABLEAUTIERS INDUSTRIELS

Réalisations armoires électriques, TGBT, coffrets de distribution, panoplie de

régulation.

RI : REALISATIONS INDUSTRIELLES

Equipements, installations, réalisations électrotechniques industrielles.

SE : SYNERGIE ELECTRIQUE

Courant fort, courant faible grand tertiaire.

I3S : INGÉNIERIE ET SERVICES SYSTÈMES SÉCURITÉ

Intégration et maintenance de systèmes de sécurité, protection, contrôle

d'accès, vidéo surveillance.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 8 sur 33 - STAGE – IUP2

Les noms de ces entreprises parlent d'eux-mêmes sauf SE dont l'activité est centrée

sur le secteur du bâtiment, en particulier la Maîtrise d'Ouvrage. La réunion de ces

sociétés permet au G.E.I. de proposer à ses clients une offre globale qui commence

dès la conception du projet (2I) et des logiciels associés (3I) et se termine par le

câblage (TI) et l'installation (RI) du matériel sur le site.

Le G.E.I. compte actuellement dans ses effectifs 100 personnes réparties comme

suit :

- Direction et Administratif : 7

- Études : 24

- Production : 60

- Commercial : 7

- Qualité / Sécurité : 2

Les potentiels des principales activités du GEI

Les différentes branches de métiers représentées par le GEI sont :

La mise en oeuvre de solutions informatiques de gestion ERP (Engineering

Resources Planning).

La gestion en temps réel d’outils de fabrication MES (Manufacturing Entreprise

Systems).

La conception de systèmes automatisés (SCADA systems).

L’instrumentation de processus (Instrumentation).

L’installation de postes électriques (Electrotechnique).

L’installation de réseaux informatiques et téléphoniques (Courants faibles).

La maintenance de l’ensemble des activités décrites ci-dessus.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 9 sur 33 - STAGE – IUP2

Le service Bureau d’Etudes 3i

Le service 3i est le partenaire en informatique des entreprises pour les

applications de gestion d’entreprise. 3i est une SARL au capital de 7622.45 €.

L’entreprise 3i, porteuse des développements du groupement pour les nouveaux

métiers, est spécialisée dans la R&D (Research and Diagnostic) notamment en ce

qui les concerne, le développement d’un système d’information permettant le

traitement, l’analyse, les actions sur les données de processus.

Cette orientation va dans le sens des nouveaux concepts de traitements en temps

réel pour le suivi des unités de production appelées MES.

L’autre spécialité de 3i est le prolongement de la MES c’est-à-dire l’ERP. En effet,

après trois années de recherche et de développement, 3i maîtrise l’ensemble du

processus de la gestion d’entreprise, allant de la récupération des données process

à leur exploitation, dans les domaines de l’analyse financière par projet et de la

planification des ressources, avec l’interpolation des différents services de

l’entreprise.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 10 sur 33 - STAGE – IUP2

Organigramme simplifié du G.E.I.

J.M. BOUETARD

PDG

N. RISS

QUALITE & SECURITE

E. LAURE

DIRECTEUR TECHNIQUE

J.M. BOUETARD

DIRECTEUR ADMINISTRATIF

FINANCIER

P. BOUETARD

DIRECTEUR PRODUCTION

P. SOUSTELLE

CONTROLE COMMANDE

A. CHATELARD

DIRECTEUR COMMERCIAL

A. CHATELARD

TERTIAIRE

D. CAZARRO

ENERGIE & TELECOM

P. LANDOMIEL

TRANSITIQUE

S. BROUCKE C. SASIA

INDUSTRIE

G. DOLERA JL. JULITA

G. REMACLE B. MOUYSSET

E. BERTUIT

CHEF DE

PROJET

Resp. Centre d’Activité

E. LAURE

Automatisme J.M STIVANI

Electrotech.

F. CAPITANI

25 Personnes

Resp. Centre d’Activité

F. IVANOFF

3 Personnes

Resp. Centre d’Activité

P. RICHAUD

Resp. Centre d’Activité

P. BOUETARD

15 Personnes

Resp. Centre d’Activité

M. MASSA

J.C BONNET CDT Fos 7 Pers

S. BROUCKE CDT Vitrolles

12 Pers

D. CAZZARO CDT Gardanne

12 Pers

Resp. Centre

d’Activité X. X

P.

7 Personnes

Assistants Chargés

d’affaires R. MELIS

P. ROUPIE

5 Personnes

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 11 sur 33 - STAGE – IUP2

II. Cadre du stage

Cadre du projet Le site Internet du G.E.I., n’étant plus à jour, j’ai eu en charge de repenser

complètement le site et de l’harmoniser pour améliorer l’image de l’entreprise sur

Internet.

Le nouveau site permettra aux visiteurs d’avoir une vue complète et suffisamment

précise des prestations proposées par le groupement, en offrant une navigation

simple et rapide à travers une centaine de pages Web en deux langues.

D’autre part, certaines pages plus spécifiques, permettront d’échanger des données

telles que : enquête de satisfaction et demande de documentations pour les clients.

Une page de News permettra aux visiteurs de connaître les nouveautés au sein du

groupe.

Cadre général de mon activité La société GEI m’a demandé, dans le cadre de mon stage, de repenser

complètement le site Internet de l’entreprise, d’établir les solutions pouvant satisfaire

l’analyse fonctionnelle qui m’a été soumise et de proposer des solutions en accord

avec les objectifs d’optimisation et de mise à jour, par la suite, par une personne de

l’entreprise.

Je me suis donc attaché, tout au long de mon stage, à l’aspect des solutions

possibles pour l’amélioration de l’ancien site Web, ainsi qu’à la traduction du site en

anglais et à la formation d’une personne du service du Bureau d’études à la gestion

du site Web. J’ai consacré une partie de mon stage à faire le cahier des charges et

une analyse fonctionnelle pour que les deux documents soient en conformité avec le

travail que j’ai réalisé. J’ai également rédigé un manuel de gestion du site Web.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 12 sur 33 - STAGE – IUP2

Objectifs du Projet

I. Objectifs du groupement Le groupement avait fixé cinq objectifs principaux concernant mon stage et

donc la réalisation du projet de remise à jour du site Web.

Création du site Web Le premier objectif était la création du site Internet, avec en amont, tout le travail de

récupération de l’information qui devait figurer sur le site.

Réalisation de la charte graphique Le deuxième objectif était la réalisation de la charte graphique : le site devait être

sobre, la navigabilité ainsi que la lisibilité devaient en être facilitées ; le site ne devait

pas être trop compliqué (pas trop de Java Script…) pour faciliter les mises à jour , le

menu devait toujours être visible, ainsi que les logos des six sociétés.

Version anglaise du site Le troisième objectif était la traduction complète du site en anglais de manière à ce

qu’il soit disponible à la fois en français et en anglais.

Formation, transfert de compétences Le quatrième objectif était d’assurer un transfert de compétences par lequel je devais

former les personnes qui auraient à mettre à jour le site après mon départ.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 13 sur 33 - STAGE – IUP2

Rédaction de manuels pour la gestion du site Web Le cinquième objectif était de rédiger un manuel de maintenance du site Web et de

modifier le cahier des charges et l’analyse fonctionnelle du projet en fonction de ce

que j’aurais réalisé pendant mon stage.

II. Objectifs personnels

Acquérir des techniques de travail J’ai souhaité acquérir des techniques de travail qui me serviront dans mon avenir :

en effet, le fait d’être dans un milieu professionnel est très formateur d’autant plus

que le stage répondait tout à fait à mes attentes et à mes questions pour mon

parcours professionnel.

Etre reconnu dans le développement des NTIC J’ambitionne d’être reconnu dans le milieu du développement des Nouvelles

Technologies de l’Information et de la Communication. Ce stage m’a permis de

construire le site d’un Groupement d’Entreprises Industrielles assez important dans

la région, j’espère pouvoir ainsi bénéficier de cette expérience professionnelle pour

me faire apprécier dans ce domaine.

Intégrer une équipe de travail J’ai souhaité développer mes capacités d’intégration dans une équipe de travail, ce

qui me semble très important tant au niveau humain que professionnel puisqu’on est

de plus en plus amené à travailler en collaboration.

Gérer mon temps et mon autonomie Je souhaitais maîtriser la gestion de mon temps de travail et disposer d’une

autonomie : ce sont pour moi deux principes indispensables dans le milieu du travail.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 14 sur 33 - STAGE – IUP2

Méthode et Conduite du Projet

I. Liste des tâches à accomplir

Récupérer les documents nécessaires Liste des documents et images réunis pour illustrer le site :

- Présentation du G.E.I.

- Présentation des six sociétés

- Plan d’accès au site du G.E.I.

- Logos des six sociétés et celui du groupement

- Présentation des produits et services du groupement

- Références et clients du groupement

- MASE (Manuel d’Assurance Sécurité) et PASE (Plan d’Assurance Sécurité

Entreprise)

- MAQ (Manuel d’Assurance Qualité) et Méthodologie de conduite de projet

- Questionnaire de satisfaction

- Photos de l’entreprise

Prise de contact avec l’hébergeur du site Web Dans un premier temps, j’ai pris contact avec le service maintenance de l’hébergeur

(Oléane hébergement) du site Web, de manière à connaître ce qu’il m’était possible de

faire au niveau du langage que pourrait supporter le serveur hébergeant le site

Internet.

Le serveur de l’hébergeur du site de l’entreprise ne supportant pas le langage PHP

nécessaire pour développer le site de manière à ce qu’il soit interactif, j’ai donc

recherché des solutions à mon problème.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 15 sur 33 - STAGE – IUP2

Ainsi dans un second temps j’ai pris contact avec le service commercial de

l’hébergeur du site afin de connaître les offres qu’il pouvait proposer au G.E.I. pour

remplir les conditions que je souhaitais réunir pour le bon déroulement du projet.

Malheureusement, l’hébergeur proposait un type d’hébergement permettant certes

d’utiliser le langage PHP, mais à un prix supérieur . Cette solution a donc été refusée

par le G.E.I. qui ne souhaitait pas investir davantage pour l’hébergement de son site

Internet. J’ai donc dû gérer cette contrainte (voir plus loin).

Test du logiciel WEBDEV Avec mon maître de stage, nous nous sommes appliqués à tester la nouvelle version

du logiciel WEBDEV que la société venait de recevoir, afin d’envisager son utilisation

pour le développement du site de manière dynamique.

Cependant, bien que le logiciel soit intéressant, il s’est avéré que la version reçue

était une version bêta et qu’elle comportait de nombreux bugs ne permettant pas le

développement de sites.

De plus, le choix de cette option aurait entraîné un surcoût d’hébergement pour le

G.E.I. D’un commun accord avec mon maître de stage, nous avons donc décidé de

ne pas retenir cette version.

Toutefois le fait d’avoir testé ce logiciel m’a fait entrevoir toutes les possibilités qu’il

pourrait offrir lorsqu’il fonctionnera convenablement.

Réalisation de la charte graphique

Ø La nécessité d’une charte graphique

Un site WEB forme un tout et ne doit donc pas désorienter le visiteur par un mélange

de présentations ou de couleurs qui peuvent le faire douter d'être toujours au même

endroit. Une charte graphique, qui sera adoptée pour l'ensemble du site, doit donc

être déterminée en relation avec le sujet ou l'activité principale de l'entreprise.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 16 sur 33 - STAGE – IUP2

La navigation entre les différentes pages du site doit être aisée et intuitive. Elle doit

permettre d'atteindre n'importe quelle information rapidement et offrir des liens

valides vers d'autres ressources à tout moment et en toute circonstance. Un site de

mauvaise qualité peut compromettre la crédibilité d'une entreprise ayant une offre

commerciale performante.

Le WEB est la partie visible et publique de l’entreprise sur Internet. Les

informations doivent y être mises en page, accompagnées d'illustrations attrayantes

et pertinentes.

Les documents doivent être mis en forme pour être intégrés dans les modèles

déterminés lors de l'étude de la charte graphique. Le découpage du texte, les

traitements graphiques et le positionnement des éléments de la page sont alors

effectués. Un lien vers un formulaire de contact doit être disponible dans tous les

menus pour favoriser la création de relations durables avec les visiteurs.

Après avoir effectué de nombreuses recherches sur Internet, sur différents sites

Web, donnant des conseils sur le design à adopter en fonction du site que l’on

souhaite proposer aux internautes, et sur les avantages et les inconvénients de faire

certaines choses lorsqu’on met en page le site Web, comme les frameset ou les

iframe, j’ai pu enfin me diriger vers un site basé sur le principe de tableaux avec un

iframe au centre.

J’ai décidé d’opter pour cette méthode qui me semblait la plus adaptée à la demande

du G.E.I. concernant l’organisation de l’accès aux rubriques du site pour le client. De

plus l’iframe était supporté par tous les navigateurs (Internet Explorer, Netscape,

Motzilla, …).

J’ai donc commencé à réaliser plusieurs interfaces afin de les proposer à Eric Laure,

l’initiateur de ce projet de remise à jour du site Web, afin qu’il choisisse, parmi les

différents modèles, celui qui lui semblait le plus approprié à représenter le G.E.I.

Voir des exemples du design du site Web en Annexe.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 17 sur 33 - STAGE – IUP2

Création du site

Tout d’abord, j’ai commencé à réaliser le site Web assez librement, à l’exception des

rubriques qui avaient été préalablement choisies par un employé du G.E.I. qui avait

commencé à réfléchir sur le sujet et que j’ai prises en compte. J’ai réalisé plusieurs

interfaces graphiques, de manière à proposer un choix à Eric Laure qui était la

personne à l’origine de ce projet.

Suite à des tests de navigation que j’ai effectués après avoir suffisamment avancé

dans la réalisation des pages du site, j’ai suggéré à Eric Laure d’apporter quelques

modifications qui me semblaient nécessaires à un fonctionnement optimal de toutes

les rubriques du site Internet du G.E.I. J’ai donc procédé à certains changements afin

d’améliorer la navigabilité du site Web et d’optimiser la facilité de recherche des

informations pour les clients internautes du groupement.

Enfin, j’ai réalisé, en plus de toutes ces pages, une version supplémentaire de la

rubrique « News » du site Web. Je l’ai écrite en PHP, de manière à réaliser une

interface administrateur, pour gérer plus facilement et plus rapidement la rubrique

« News » du site . Ainsi la personne chargée de mettre à jour les News n’aura pas

besoin de connaître le langage de programmation d’Internet, que ce soit l’ HTML ou

le PHP. Cette version a été réalisée dans le but d’être utilisée, dans le futur, lorsque

le site sera hébergé sur un serveur supportant le langage PHP.

Traduction du site en Anglais N’ayant pas un niveau d’Anglais me permettant de traduire la totalité du site Web, j’ai

donc dans un premier temps, effectué des recherches afin de retenir la meilleure

méthode de traduire le site parmi tous les traducteurs et logiciels de traductions que

l’on peut trouver sur Internet.

J’ai opté pour la solution qui me semblait la plus pratique et qui, en plus était gratuite.

J’ai donc utilisé l’outil linguistique du site Web du moteur de recherche Google. Une

fois cette première étape réalisée, je me suis donc consacré du temps à relire tout le

site traduit, afin de corriger les éventuelles imperfections de traduction.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 18 sur 33 - STAGE – IUP2

Test de vérification des liens

Une fois le site réalisé dans son intégralité, j’ai effectué des tests sur toutes les

pages, de manière à vérifier la validité de tous les liens de toutes les pages, pour

m’assurer que le site fonctionnait correctement.

Ensuite, lorsque le site a été mis sur Internet, j’ai à nouveau vérifié tous les liens de

toutes les pages, afin d’être sûr qu’il n’y avait pas de liens morts ou de liens

aboutissant au mauvais endroit.

Mise en place du site

La mise en place du site sur Internet chez l’hébergeur du groupement était un peu

plus complexe qu’elle l’aurait été chez un autre hébergeur . En effet, l’hébergeur du

G.E.I. oblige à mettre en place la totalité du site dans une mémoire tampon qui,

toutefois, permet de tester le site depuis l’interface de développement, avant sa mise

en production par l’hébergeur pendant la nuit.

Le site n’a été mis en place qu’une fois réalisé entièrement. Quelques modifications

ayant dû être apportées par la suite, j’ai donc remis à jour le site plusieurs fois.

Référencement du site Web Le site Web du G.E.I. existant déjà, j’ai donc effectué des recherches sur les

annuaires et moteurs de recherche les plus connus, afin de savoir si on pouvait le

trouver facilement sur ces moteurs de recherche.

Visiblement, le site était assez bien reconnu sur les divers moteurs de recherches

que j’ai testés, à quelques exceptions près.

Je me suis donc chargé de référencer le site du groupement sur les moteurs de

recherche où il n’apparaissait pas. J’ai, par ailleurs, rajouté des « balises META de

description » dans le code source des pages du site de manière à améliorer le

référencement de celui-ci.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 19 sur 33 - STAGE – IUP2

Rédaction des manuels Ø Cahier des Charges, Analyse Fonctionnelle et Charte graphique J’ai réécrit le cahier des charges et l’analyse fonctionnelle, de manière à ce que ces

deux documents soient à jour par rapport aux modifications que j’ai pu apporter pour

une meilleure fonctionnalité du site après avoir suggéré certaines rubriques

nécessaires. J’ai rédigé aussi une petite charte graphique de manière à justifier les

choix du design pour le site Internet. (Voir ces documents en Annexe)

Ø Manuel de maintenance du site Web J’ai écrit un manuel de gestion et maintenance du site Web, afin que le groupement

puisse le mettre à jour plus facilement, en sachant de quelle façon j’ai réalisé leur

site Internet et comment ils peuvent le modifier ou rajouter des pages. Ce manuel à

la demande de Paul LUNETTA reprend brièvement les points caractéristiques de

maintenance du site Web. (Voir ce manuel en annexe)

Ø Etude d’optimisation J’ai réalisé une étude d’optimisation pour le site Web, en suggérant plusieurs

possibilités au groupement, pour héberger leur site de manière plus intéressante afin

de pouvoir profiter de plus de libertés de création, notamment en utilisant le langage

PHP dans les réalisations de certaines pages, pour pouvoir modifier dynamiquement

le site Web.

Formation – Transfert des connaissances L’un des problèmes mis en avant, lors de mon arrivée en stage dans l’entreprise,

était le manque de connaissances, dans le domaine du langage de l’Internet, des

employés du G.E.I. , ou, tout au moins, l’absence d’une personne réellement

concernée par la gestion du site WEB, de son suivi et de sa mise à jour.

La mise en place du nouveau site WEB, devait donc tenir compte de ce problème.

J’ai dû tout d’abord faire prendre conscience aux employés de l’amélioration de la

qualité de l’interface qu’allait offrir leur nouveau site WEB à leurs clients et à leurs

fournisseurs et ce qu’allaient apporter ces changements.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 20 sur 33 - STAGE – IUP2

J’ai complété ce processus, en réalisant et assurant une formation de ces mêmes

employés pour leur permettre d’exploiter toutes les possibilités des outils mis à leur

disposition et plus spécifiquement la personne chargée de maintenir à jour le site

WEB.

II. Planning

Délai Ø Durée du stage

8 semaines du 30 juin au 22 août 2003

Estimation du temps de réalisation

Date Prévue Date Réalisation Tâches Nom Début Fin Début Fin

Déterminer et Analyser les Objectifs Gma 31/06/03 02/07/03 31/06/03 01/07/03 Découverte des différentes solutions pour le site

Gma 31/06/03 01/07/03 31/06/03 01/07/03

Découverte des logiciels possibles à utiliser pour la BD

Gma 31/06/03 01/07/03 01/07/03 01/07/03

Découverte du bon usage des formes et des couleurs Gma 01/07/03 01/07/03 01/07/03 01/07/03

Découverte des différentes solutions pour le graphisme Gma 01/07/03 01/07/03 01/07/03 01/07/03

Recherche de l'ergonomie du site WEB Gma 02/07/03 04/07/03 02/07/03 04/07/03

Découverte du PHP Gma 03/07/03 04/07/03 03/07/03 03/07/03 Réalisation de l'organigramme du site WEB Gma 04/07/03 05/07/03 04/07/03 04/07/03

1ère Réalisation de l'interface du site WEB Gma 03/07/03 10/07/03 03/07/03 08/07/03

Étude du principe de navigation sur le site WEB

Gma 04/07/03 04/07/03 04/07/03 04/07/03

2ème Réalisation de l'interface du site WEB

Gma 10/07/03 16/07/03 10/07/03 18/07/03

Test de WEBDEV Gma 10/07/03 12/07/03 10/07/03 10/07/03 Recherche des sources d'informations

Gma 16/07/03 18/07/03 17/07/03 18/07/03

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 21 sur 33 - STAGE – IUP2

Cahier Des Charges Gma 07/07/03 16/07/03 07/07/03 22/07/03 Finalisation du CDC Gma 28/07/03 29/07/03 01/08/03 04/08/03 Réalisation des pages statiques Gma 16/07/03 23/07/03 16/07/03 25/07/03 Test des pages statiques Gma 28/07/03 30/07/03 28/07/03 30/07/03 Test de validation de la 1ère partie du site Ela 30/07/03 30/07/03 04/08/03 04/08/03

Page de satisfaction Gma 01/08/03 01/08/03 01/08/03 01/08/03 Réalisation des pages dynamiques Gma 04/08/03 08/08/03 04/08/03 08/08/03 Test des pages dynamiques Gma 11/08/03 13/08/03 11/08/03 13/08/03 Mise en place du site WEB Fiv 12/08/03 12/08/03 12/08/03 12/08/03 Validation finale du site Jmst 18/08/03 18/08/03 19/08/03 19/08/03 Test du site sur Internet Gma 14/08/03 14/08/03 14/08/03 14/08/03 Référencement du site Gma 18/08/03 19/08/03 14/08/03 14/08/03 Formation pour la maintenance Gma 19/08/03 20/08/03 21/08/03 21/08/03 Création du manuel de maintenance Gma 14/08/03 19/08/03 20/08/03 22/08/03 Publicité interne – Réunion de bilan Gma 20/08/03 20/08/03 21/08/03 21/08/03 Dernière mise à jour du site WEB Gma 19/08/03 19/08/03 19/08/03 19/08/03 Dernière vérification du site Gma 21/08/03 22/08/03 21/08/03 22/08/03 Mise à jour finale du site et des documents Gma 22/08/03 22/08/03 22/08/03 22/08/03

Gma : Guillaume Malige

Ela : Eric Laure

Fiv : Franck Ivanoff

Jmst : Jean Marie Stivani

III. Réunions Une première réunion de mise en route, le 1er juillet, avec Eric LAURE, m’a permis

d’aborder certains points nécessaires afin de pouvoir mieux réaliser le site Web.

Mes questions étaient les suivantes :

Quel message doit faire réellement passer le site Web ?

Dois-je respecter une ergonomie particulière pour la présentation du site ?

Quels sont réellement les objectifs du site : notoriété, image, informations ?

Où récupérer les sources d’informations et illustrations à mettre dans le site ?

Qui sera responsable de l’actualisation du site afin de m’entretenir avec lui ?

Quelle dominante de couleur dois-je utiliser ?

Quel est l’objectif de la communication ?

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 22 sur 33 - STAGE – IUP2

Conclusion de cette réunion :

Cette réunion m’a permis de mieux cerner le projet qui m’était confié et allait me

permettre de mieux développer le site. En effet, les réponses que j’ai obtenues m’ont

permis de mieux concevoir l’intérêt des différentes rubriques du site et plus

globalement l’intérêt général du site lui-même. Cette réunion m’a permis également

de connaître mon interlocuteur pour la documentation nécessaire pour remplir le site

Web.

Une deuxième réunion avec Eric LAURE, le 4 août, réunion de validation de

l’ergonomie, m’a permis de connaître, parmi les différentes interfaces que je lui

proposais, celle qu’il souhaitait voir figurer sur le site Web du groupement. Eric

LAURE ayant été en vacances la deuxième partie du mois de juillet, cette réunion n’a

donc pu avoir lieu avant. J’en ai profité pour réaliser ainsi davantage d’interfaces

différentes que j’ai pu lui proposer à son retour et continuer à avancer dans la

création de toutes les pages du site.

Une troisième réunion pour la mise en ligne du site, le 12 août, avec Eric LAURE

et Franck IVANOFF (mon maître de stage), m’a permis d’avoir un dernier avis sur le

site que j’avais réalisé et de pouvoir ainsi procéder à quelques réajustements juste

avant de mettre le site en ligne.

Une quatrième réunion pour une amélioration finale du site, en vue de la

validation finale, le 18 août, avec Jean-Marie STIVANI (ancienne personne

s’occupant du site Web), Eric LAURE (responsable commercial du GEI) et Alain

CHATELARD (responsable Tertiaire) m’a permis d’apporter une touche finale au site

Web et de réaliser les toutes dernières modifications.

Une cinquième réunion de formation, le 21 août, avec Paul LUNETTA (personne

qui sera chargé de gérer et mettre à jour le site Web du G.E.I.) m’a permis de le

former à gérer le nouveau site Web et de lui expliquer comment était construit le site

Internet et comment il devrait procéder pour le modifier, y rajouter des pages, le

mettre à jour, …

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 23 sur 33 - STAGE – IUP2

Une dernière réunion de bilan, le 22 août, avec Paul LUNETTA d’abord puis avec

Eric LAURE : j’ai pu remettre à Paul LUNETTA le manuel de maintenance du site

Web et lui donner les derniers conseils ; j’ai pu avec Eric LAURE faire un bilan global

de ma réalisation pendant mon stage et lui donner à cette occasion quelques

conseils pour mieux héberger par la suite le site Web du G.E.I.

IV. Moyens utilisés pour la mise en œuvre Ø Le serveur

Le mini serveur a été installé, un environnement FreeBSD a été mis en place pour

que je puisse faire du PHP sans problème et pouvoir le visualiser.

J’ai aussi utilisé EasyPHP, logiciel gratuit, pour faire office de serveur sur l’interface

Windows et faciliter la visualisation des pages en PHP.

Ø Matériels divers

Afin de ne pas engendrer de surcoût et ayant l’habitude de réaliser des sites à l’aide

de Dreamweaver et Photoshop, j’ai donc opté pour cette solution. J’ai disposé d’un

PC connecté au réseau pour avoir accès au serveur PHP et pouvoir installer les

logiciels nécessaires à la réalisation du site WEB, soit Dreamweaver et

Photoshop dont je disposais.

Ø Les outils et logiciels

- Adobe Photoshop : retouches photos et design pour réaliser des images

- Adobe ImageReady : retouches et design pour réaliser des images animées

- Adobe Acrobat : pour assurer le passage au format pdf des fichiers Word

- Microsoft Word et Open Office : pour la saisie des textes avant d’être

transformés en fichier au format pdf

- Dreamweaver MX, Php Editor et le Bloc Notes : pour développer le site

- EasyPHP : pour le serveur PHP pour le test des pages en PHP

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 24 sur 33 - STAGE – IUP2

Réalisation du Projet

I. Création du site Web

Détermination de l’architecture du site Web Dans un premier temps, Eric Laure a fait ressentir l’envie de modifier le plan du site

Web existant auparavant. Après une restructuration de l’architecture du site avec

Jean-Marie STIVANI et Eric LAURE, j’en ai ressorti le choix de bâtir le site en treize

rubriques :

- La rubrique « contacts » donne accès à une page sur laquelle sont

présentées les coordonnées postales et téléphoniques du groupement ainsi

que les adresses électroniques utiles pour contacter les différents services du

G.E.I.

- « L’espace Clients » offre un choix d’accès à différentes fonctions :

o Enquête de satisfaction (formulaire mail)

o Demandes d’informations (formulaire mail)

o Téléchargements plaquettes sociétés (fichiers au format pdf)

- L’action sur la commande « références » offre un choix d’accès aux

références professionnelles de chaque société. (1 page par société)

- La rubrique « informations qualité / sécurité » donne accès à une page sur

laquelle sont présentés :

o la liste des certifications obtenues ou en cours, en matière de qualité et

de sécurité

o les différentes actions menées par le groupe en matière de sécurité

o le condensé du manuel qualité du groupement (au format pdf)

o la méthodologie et l’organisation dans le travail

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 25 sur 33 - STAGE – IUP2

- La commande « produits et services » offre un choix d’accès vers :

o la présentation des différents produits vendus par la société (SYSEON,

I.PILOT, CONGONET…)

o la présentation des différents services proposés (Etudes et réalisations

électriques, Etudes et réalisations automatisme, Etudes et réalisations

de tableaux électriques …)

- La rubrique « recrutement » donne accès à la page concernant les offres

d’emplois du groupement.

- La commande « News » permet de visualiser et de télécharger des articles,

concernant les nouveautés au sein de la société. Une version avec interface

d’administration (format PHP) a été aussi réalisée pour un changement

d’hébergeur dans le futur.

- La commande « plan d’accès » permet de visualiser le plan d’accès au site

G.E.I. Marseille.

- La rubrique « glossaire » permet d’accéder au lexique des mots et

abréviations utilisés dans les différentes pages.

- La commande « clients » permet d’accéder à la liste des différents clients du

G.E.I.

- La rubrique « groupe » permet d’accéder à la présentation du groupe avec un

organigramme et les chiffres d’affaires…

- La commande « société » permet d’accéder à la présentation des différentes

sociétés du groupe.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 26 sur 33 - STAGE – IUP2

Dans un second temps, j’ai recueilli l’avis d’autres membres du G.E.I. à propos de

cette nouvelle architecture sous forme d’un tableau représentant la structure du site,

afin de connaître leurs accords, désaccords, critiques et attentes. L’interview s’est

déroulée autour de trois questions :

- Que voulez-vous voir figurer sur le site ?

- Que voulez-vous ne pas voir figurer sur le site ?

- Quelle rubrique ajouteriez-vous ?

L’architecture présentée a été très bien acceptée avec quelques réserves : il m’a été

demandé que les adresses mails ne figurent pas dans le site mais qu’on puisse les

joindre tout de même. J’ai donc décidé de crypter les adresses mails pour satisfaire à

cette demande.

Création proprement dite

La réalisation du site Web du groupement a été effectuée en partie avec le logiciel

« Macromédia DREAMWEAVER MX » qui est un logiciel auteur visuel professionnel

destiné à la création et à la gestion de sites et pages Web.

Avec ce logiciel, il est facile de créer et modifier des pages de sites Web (sans

forcément passer par le code HTML) compatibles avec les différentes plates-formes

et les divers navigateurs. Cependant j’ai tout de même travaillé davantage dans la

partie code de l’HTML que dans la partie visuelle proposé par le logiciel

Dreamweaver.

L’organisation du site WEB offre au client et au fournisseur un environnement

professionnel avec une navigation simple et rapide tout en ayant une vue complète

et suffisamment précise des prestations proposées par le G.E.I.

Toutes les pages sont disponibles en deux langues : Français et Anglais.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 27 sur 33 - STAGE – IUP2

Ø Consignes générales

- L’utilisateur doit pouvoir accéder à l’information qu’il recherche en moins de

« trois clics » : c’est pour cela que la page d’accueil propose trois choix à

l’internaute avant de rentrer dans le site :

o visualiser le plan d’accès directement

o accéder à la page des contacts

o entrer dans le site Web

- Trois contraintes sont prises en compte :

o Un clic sur le logo du G.E.I. permet de revenir sur la page index du site

qui est la page d’accueil sur Internet

o La barre de menu est toujours visible quelle que soit la page affichée,

et comprend les commandes suivantes : Accueil, Contacts, Espace

client, Espace fournisseurs, Références, Produits et services,

Informations qualité / sécurité, Recrutement, News, Plan d’accès,

Glossaire, Clients, Le Groupe

o Les logos des 6 entreprises sont toujours visibles et donnent accès par

un simple clic à la présentation de chacune des entreprises

Ø Problèmes rencontrés

Un problème s’est posé concernant l’utilisation du langage Php pour la rubrique

News afin de pouvoir gérer de manière dynamique cette partie du site.

En effet, l’hébergement actuel ne permettant pas le support du langage Php, cette

rubrique a donc dû être réalisée en HTML et donc elle n’est pas dynamiquement

modifiable.

La question était donc de savoir s’il ne valait pas mieux changer d’hébergeur, ou bien

changer de type d’hébergement pour prendre un serveur supportant le langage Php.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 28 sur 33 - STAGE – IUP2

La réponse a été apportée par la création de deux versions de la rubrique « News » :

- Une en Php et donc dynamiquement modifiable avec une interface

administrateur. . (Voir extrait du code PHP en annexe)

- Une autre en HTML créé sous l’éditeur HTML d’« Open Office » de manière à

ce que la page soit modifiable par une personne ne connaissant pas

forcément le langage HTML.

Ø Recueil de l’information

Pour ce faire, il a fallu reprendre les différentes informations existantes de l’ancien

site et, à partir de là, j’ai disposé du contenu à intégrer dans le nouveau site et à

incorporer dans la structure cohérente définie au préalable.

Les anciennes pages du site WEB ont été réutilisées ou mises à jour grâce aux

nouvelles documentations que possède le G.E.I.

Les photos existantes ont été retouchées pour être réutilisées.

Les images ont elles aussi été réutilisées et retouchées chaque fois que nécessaire.

Les documents Office ont été utilisés pour rédiger le contenu des nouvelles pages du

site WEB du G.E.I. et transformés en document PDF pour être téléchargeables.

Le plan d’accès au site du groupement à Marseille a été amélioré et mis au format

WEB pour améliorer la qualité du chargement lors de l’affichage sur le site WEB.

Le formulaire de satisfaction a été remis à jour selon la demande.

Ø Détails de conception

En ce qui concerne la « charte graphique », toutes les pages sont construites avec

un fond blanc, le menu et la bannière ont un fond bleu clair.

La police Arial / Verdana est utilisée avec les couleurs noire, bleu foncé, rouge et or.

Une harmonisation des couleurs et des polices est réalisée grâce au style CSS : un

style est un groupe d'attributs de mise en forme qui contrôlent l'apparence d'un texte

dans un document. Une feuille de style CSS peut être utilisée pour contrôler la mise

en forme de plusieurs documents en même temps, et elle peut inclure tous les styles

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 29 sur 33 - STAGE – IUP2

d'un document. L'avantage d'une feuille de style CSS sur un style HTML est

double : la feuille de style CSS peut affecter plusieurs documents à la fois et,

lorsqu'elle est modifiée, la mise en forme de tous les documents qui y font appel est

automatiquement modifiée en conséquence. (Voir la feuille de style CSS en annexe)

La construction des pages du site s’est faîte préférentiellement avec des tableaux

invisibles pour permettre une organisation des titres des rubriques. Au centre de la

page se trouve un iframe où se trouve l’information de chaque rubrique. Lorsqu’on

clique sur une rubrique, le contenu de celle-ci apparaît dans ce grand cadre qu’est

l’iframe et qui se trouve au centre de la page. Ainsi le menu est toujours visible car

ce n’est pas la page qui bouge lorsqu’on descend dans le contenu de la rubrique

mais seulement l’intérieur du cadre dans le tableau invisible.

Les liens externes ou vers des pages téléchargeables au format PDF s ‘ouvrent

dans une nouvelle fenêtre pour permettre à l’utilisateur de ne pas perdre le site du

Groupement.

J’ai converti avec le logiciel « Acrobat Writer » en PDF les documents de sécurité

et qualité, ainsi que les documents présentant chaque société et ses références afin

de permettre aux visiteurs du site de pouvoir télécharger ces fichiers.

J’ai rajouté du JavaScript permettant de crypter les adresses mails des contacts sur

le site de manières à ce que les robots d’Internet ne les trouvent pas. (Voir en annexe)

J’ai mis des balises META de description afin d’améliorer le référencement du site

sur les moteurs de recherche.

J’ai réalisé un formulaire de satisfaction qui est envoyé par mail au G.E.I. lorsque

l’internaute valide ce formulaire. (Voir le formulaire en annexe)

J’ai réalisé une partie administration pour la rubrique News qui fonctionnera

lorsque le site sera hébergé sur un serveur supportant le Php. Cette partie

administration est sécurisée par un accès avec mot de passe.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 30 sur 33 - STAGE – IUP2

L’interface proposée par la partie administration permet à un utilisateur d’écrire

des News sans connaître le langage HTML. Cette personne se verra proposer la

possibilité d’aligner sont texte à gauche ou à droite ou bien de le centrer, elle pourra

choisir de le mettre en gras ou en italique, elle aura aussi la possibilité de rajouter

des images ou des smileys . L’administrateur pourra également supprimer des

News s’il le désire ou les modifier. Et pour finir l’administrateur pourra aussi

importer des fichiers de tout type dans un dossier du site Web.

Sur chaque page du site, on retrouve en bas de celle -ci à droite le contact du

groupement, on retrouve aussi un slogan représentatif du groupement.

En plus de ceci, on retrouve dans la bannière les logos des six sociétés de

l’entreprise qui permettent par un simple clic d’accéder aux références de chaque

société et aussi le logo du G.E.I. qui permet de retourner sur la page d’accueil du

site.

Présentation du site au personnel

Tout au long de mes huit semaines de stage, j’ai présenté régulièrement

l’avancement du site Web à l’ensemble des employés et stagiaire du Bureau

d’Etudes, de sorte à recueillir leur avis ou remarques et aussi à tester leur manière

de naviguer sur le site afin d’améliorer par la suite la navigation de celui-ci.

Cette présentation du site aux employés du groupement m’a permis de progresser

dans la construction du site Web et surtout de le rendre plus convivial et plus

explicite.

Le point de vue des responsables des différentes sociétés étant aussi important à

mes yeux, je me suis donc permis de présenter à la majo rité d’entre eux (certains

étaient en vacances) le site Web. Cette présentation m’a permis de leur suggérer de

regarder le site plus en détail de manière à ce qu’ils puissent me proposer par la

suite des modifications s’il y avait lieu d’être par rapport à la partie du site présentant

leur société.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 31 sur 33 - STAGE – IUP2

II. Transfert des compétences

Formation d’un employé du Bureau d’Etudes La mise en place du nouveau site WEB devait tenir compte du manque de

connaissance dans le domaine du langage de l’Internet des employés du G.E.I.

Toutefois, Paul LUNETTA, analyste programmeur chez 3i, ayant des notions de

langage HTML, je me suis donc attaché à le former. Il me semblait être la personne

la plus appropriée à gérer le site Web du groupement après mon départ.

J’ai revu avec lui toute la méthodologie que j’avais adapté pour réaliser le site Web,

ainsi que la manière d’organiser et de gérer les pages du site afin de le modifier

facilement et proprement en respectant la conformité par rapport aux pages déjà

existantes.

Par ailleurs j’ai aussi expliqué à Eric LAURE comment mettre à jour la page des

News avec l’éditeur HTML de Open Office (logiciel gratuit et ne nécessitant pas la

connaissance du langage HTML).

Pour finir j’ai expliqué à Eric LAURE et Paul LUNETTA comment mettre en place la

page de News en PHP et aussi la gérer, lorsque le site sera hébergé sur un serveur

supportant le langage PHP.

Rédaction du manuel de maintenance du site Web J’ai pris la peine de réaliser un manuel de maintenance de manière à ce qu’il y ait un

trace de ce que j’ai pu apprendre à Paul LUNETTA au cours de la formation que je

lui est faite afin qu’il soit apte à s’occuper du suivi du site Web et de sa gestion pour

l’avenir.

En effet, cette initiative me semblait importante dans la mesure où je n’étais pas sur

que ce soit Paul LUNETTA qui s’occupe toujours de la maintenance du site Web.

Ainsi, grâce à ce manuel de maintenance, quelqu’un d’autre que lui pourra s’occuper

de la mise à jour du site Web par la suite .

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 32 sur 33 - STAGE – IUP2

Conclusion Générale

I. La découverte du travail en entreprise

Ce stage professionnel, que j’ai effectué en fin de deuxième année, a été très

bénéfique dans la mesure où j’ai pu découvrir le travail en entreprise.

Au cours de ce stage, il m’a été demandé de réaliser un gros projet dans sa totalité,

ainsi j’ai pu apprendre à gérer mon temps, mon autonomie, ma capacité à gérer un

projet, à réaliser une charte graphique et à faire une étude de besoins.

Ceci fut très intéressant car j’ai pu découvrir différentes facettes des nouvelles

technologies de l’information et de la communication.

J’ai très bien été accueilli lors de ce stage ; en effet, durant les premiers jours,

différentes personnes se sont succédées pour me demander ce que je faisais dans

l’entreprise et m’ont expliqué leur rôle et leur fonction au sein du groupement.

Ce fut pour moi très intéressant et j’espère qu’ils reconduiront cette expérience pour

les stagiaires à venir.

La sécurité constituant un point très important de tout complexe industriel, et le

groupement du G.E.I. étant audité pour le renouvellement de son MASE de la

société RI et son MASE de la société TI pendant mon stage, j’ai donc été sensibilisé

aux responsabilités au niveau sécurité au cours d’une réunion.

Toutefois, le personnel étant réduit à cette époque de l’année, les personnes

travaillant étaient très occupées et il était difficile pour elles de faire leur travail

quotidien et de suivre les stagiaires.

Rapport de Stage-2003.doc

Guillaume MALIGE - Page 33 sur 33 - STAGE – IUP2

II. Apports pour l’entreprise Ce stage a apporté à 3i, mais plus généralement au G.E.I., la possibilité :

- de mener à bien ce projet

- de récupérer des futurs clients ou fournisseurs

- de bénéficier des avantages d’un stagiaire pour apporter un œil nouveau sur

leur site Web

III. Apports pour le stagiaire Ce stage m’a beaucoup apporté, tant au point de vue connaissances théoriques (par

les différentes étapes que j’ai dû réaliser pour mener à bien mon projet) qu’au point

de vue pratique (par les réunions…).

J’ai pris l’initiative d’utiliser un langage que je ne connaissais pas (le PHP) car il m’est

apparu comme nécessaire pour répondre aux besoins de l’entreprise et après avoir

sollicité le point de vue de l’un de mes professeurs de l’IUP, en l’occurrence Laurent

Gillard que j’ai contacté par mails.

Ce projet m’a donné l’opportunité :

- de découvrir le monde de l’entreprise

- de gérer mon temps de travail

- d’être autonome

- de résoudre seul les problèmes

- de réaliser un projet entier

- d’analyser et de répondre aux besoins d’un client

- d’aider le client à conceptualiser et exprimer (reformuler) son besoin

- de découvrir plus en détail les langages d’Internet

- de découvrir et apprendre le langage PHP