RAPPORT DE STAGE - jonathan.weisberg.free.frjonathan.weisberg.free.fr/2001-04 - rapport de stage...

Jonathan WEISBERG 17 avril au 29 juin 2001

RAPPORT DE STAGE :

Pour le

Centre Support d’Offres

De

Réalisation d’un site Intranet


DASSAULT-AVIATION

78, quai Marcel Dassault 92552 Saint-Cloud Cedex 300

01 47 11 40 00 Direction Générale Internationale – Centre Support d’Offres

Daniel CHAMARD-BOUDET

17 avril au 29juin 2001

Gilles RAYNAUD

Réalisation d’un site Intranet, pour le Centre Support d’Offres de Dassault Aviation

Daniel CHAMARD-BOUDET Responsable du Centre Support d’Offres

Jonathan WEISBERG

L’objectif de mon stage était la réalisation d’un portail sur un réseau Intranet. Ce portail est destiné au Centre Support d’Offres (CSO) de la Direction Générale Internationale (DGI) de Dassault Aviation.

En effet, le CSO a pour mission d’élaborer une réponse à un appel d’offre émis par un Client. Il offre des moyens d’échanges d’informations et de documentations. Ce portail s’inscrit dans les moyens informatiques déjà mis en place.

Le site développé prend en compte les exigences suivantes : � Simplicité, en minimisant le nombre de pages et éviter le superflu. � Utilisation d’outils standard "Société" (Paint Shop Pro, Netscape, FrontPage et NotePad pour la programmation en

javascript et html). � Respect de la charte "Société". � Maintien en condition simplifié au maximum (le site doit pouvoir être maintenu par un "non initié"). � Sécurisation du site (accès aux informations étant limité aux personnes ayant besoin d’en connaître). � Rédaction d’une notice de "Maintien en Condition" (ou notice de mise à jour).

Commentaires :

Le site donne entière satisfaction aux utilisateurs. Ce stage m’a permis d’acquérir une grande autonomie et j’ai pu appréhender l’organisation complexe d’une grande société, et ses

différentes contraintes (administratives et logistiques).

Dassault Aviation, Intranet, appel d’offre, équipes, cookies, programmation, html, javascript, accès sécurisé, charte société, DGI, CSO, RFP, site, mise à jour

www.dassault-aviation.fr, www.toutjavascript.com, Grand Livre HTML 4 de Micro Application

26



Remerciements : Après 2 mois et demi de stage au sein de la Société Dassault Aviation, sur le site de St-Cloud, je tiens à remercier les personnes qui ont contribué au bon déroulement de ce stage :

� Mr Daniel CHAMARD-BOUDET, mon maître de stage, responsable du Centre Support d’Offres (CSO) pour son soutien et son aide.

� Mr Lionel ROSENBERG pour avoir pris le temps de m’accompagner et de me

faire visiter la base d’essai en vol d’Istres. � Mme Marie-Ange DELEMOTTE pour avoir su m’indiquer quelles personnes aller

voir pour le développement et la mise en place du site. Plus généralement, je tiens à remercier toutes les personnes qui ont accepté de collaborer à cette application, du développement jusqu’à la phase de mise en œuvre.



Résumé :

L’objectif du stage était la réalisation d’un portail sur un réseau Intranet. Ce portail est destiné au Centre Support d’Offres (CSO) de la Direction Générale Internationale (DGI) de Dassault Aviation.

En effet, le CSO a pour mission d’élaborer une réponse à un appel d’offre émis par un Client. Il offre des moyens d’échanges d’informations et de documentations. Ce portail s’inscrit dans les moyens informatiques déjà mis en place.

Le site développé prend en compte les exigences suivantes : � Simplicité, en minimisant le nombre de pages et éviter le superflu. � Utilisation d’outils standard "Société" (Paint Shop Pro, Netscape, FrontPage et

NotePad pour la programmation en javascript et html). � Respect de la charte "Société". � Maintien en condition simplifié au maximum (le site doit pouvoir être maintenu

par un non "initié"). � Sécurisation du site (accès aux informations étant limité aux personnes ayant

besoin d’en connaître). � Rédaction d’une notice de "Maintien en Condition" (ou notice de mise à jour).

Commentaires :

Le site donne entière satisfaction aux utilisateurs. Ce stage m’a permis d’acquérir une grande autonomie et j’ai pu appréhender l’organisation complexe

d’une grande Société, et ses différentes contraintes (administratives et logistiques). Abstract :

The aim of the training period was the realization of a gateway on an internet network. This gateway was to be used by the Offer Support Centre (OSC) of the General International Direction (GID) of Dassault Airways.

Actually, the mission of the OSC was to prepare a reply to the bid for tender made by a Client. It gives ways of exchanging information and documents. This gateway has already been placed inside most information systems.

The developed website takes into account the following necessities : � Simple, with a minimum number of pages avoiding excess. � Using standard tools “Company” ( Paint Shop Pro, Netscape, FrontPage and

Notepad to program in JavaScript and HTML). � Compliance with the chart “Company”. � Updating the conditions as simply as possible by an unskilled user. � Security of the website (Information access limited only to those concerned) � Writing of an updated manual.

Suggestions :

The website gives complete satisfaction to users. This training allowed me to acquire a wide autonomy and enabled me to learn the complex organisation

within a large company and the different problems, both administrative and logistic.



Bibliographie et Glossaire Bibliographie Glossaire Sources : � Grand Livre HTML 4 de Micro Application � www.dassaut-aviation.fr � www.toutjavascript.com � luc.andre11.free.fr � www.abc-tools.com � 123webmaster.online.fr � www.creation-internet.com Logiciels : � Netscape communicator 4.7 � FrontPage 98 � Bloc-notes ou Notepad � Animation Shop 3 de Jasc software � Paint Shop Pro 7 de Jasc software

N.B. : Tous les mots dans le rapport qui sont en Italique renvoient à une définition du glossaire

Un réseau Intranet fonctionne comme un réseau Internet. La seule différence est que les sites sont hébergés sur un ou plusieurs serveurs locaux, ainsi seuls les connectés au réseau peuvent avoir un accès. Les langages de programmation des sites web sont en fonction des langages supportés par le serveur. Un serveur est une unité centrale de type PC, qui gère toutes les informations du réseau, qui passent par lui. DGI � Direction Générale Internationale de Dassault Aviation CSO � Centre Support d’Offres est le service dans lequel j’ai fait mon stage. RFP � Request For Proposal (appel d’offres) Note : le CSO gère en général deux appels d’offres en même temps, qu’on notera RFP1 et RFP2. Les cadres ou frames sont utilisés dans une page web pour la diviser en plusieurs pages HTML. Une page web, par exemple, est composée de trois cadres : un cadre étroit sur le côté qui contient un menu déroulant, un cadre le long du haut de la page où se trouvent le logo et le titre du site web et un grand cadre englobant le reste de la page et le contenu principal. Chacun de ces cadres correspond à une page HTML indépendante. Cheksum est le nom donné aux fonctions qui vérifient le résultat d’une somme Cookie est un fichier crée par le navigateur et qui permet de stocker des informations (variables, chiffres, noms, numéro d’identifiant…) ; propres à l’ordinateur connecté. Meta est une balise du head (l’entête du document) qui enregistre des informations sur la page en cours, comme l'encodage des caractères, l'auteur, le copyright ou les mots-clés. Ces balises permettent également de transmettre des informations au serveur, par exemple une date d'expiration de la page, son intervalle de réactualisation. Html � Hyper Text Making Language, est le langage de programmation des pages Web.



Table des matières Introduction ................................................................................................................................ 1 Le Planning ................................................................................................................................ 2

1 Présentation du groupe Dassault Aviation .......................................................................... 3 1.1 Présentation de l'entreprise........................................................................................... 3 1.2 Historique..................................................................................................................... 3 1.3 Le groupe Dassault Aviation........................................................................................ 4 1.4 Dassault Aviation en chiffres ....................................................................................... 4 1.5 Les principaux programmes industriels ....................................................................... 5

1.5.1 Les avions civils .................................................................................................... 5 1.5.2 Les avions militaires.............................................................................................. 5

2 Présentation de la Direction ................................................................................................ 5 2.1 La Direction Générale Internationale........................................................................... 5 2.2 Le Centre Support d’Offres (CSO) ............................................................................. 5

2.2.1 Mission du CSO .................................................................................................... 6 2.2.2 Fonctionnement du CSO ....................................................................................... 6 2.2.3 Moyens du CSO .................................................................................................... 6

3 Le stage : Réalisation du site Intranet pour le CSO ............................................................ 8 4 Le déroulement en semaine de la création du site Intranet pour le CSO ............................ 9

4.1 Semaine 16 (17 au 20 avril 2001) ................................................................................ 9 4.2 Semaine 17 (23 au 27 avril 2001) ................................................................................ 9 4.3 Semaine 18 (30 avril au 4 mai 2001) ......................................................................... 10 4.4 Semaine 19 (7 au 11 mai 2001).................................................................................. 12 4.5 Semaine 20 (14 au 18 mai 2001)................................................................................ 13 4.6 Semaine 21 (21 au 25 mai 2001)................................................................................ 20 4.7 Semaine 22 (28 mai au 1er juin 2001) ........................................................................ 20 4.8 Semaine 23 (4 au 8 juin 2001) ................................................................................... 20 4.9 Semaine 24 (11 au 15 juin 2001) ............................................................................... 23 4.10 Semaine 25 (18 au 22 juin 2001) ............................................................................. 24 4.11 Semaine 26 (25 au 29 juin 2001) ............................................................................. 25

Conclusion................................................................................................................................ 26 Annexes...................................................................................................................................... 1

Annexe A : Le groupe Dassault Aviation .............................................................................. 1 Annexe B : Les avions civils.................................................................................................. 2 Annexe C : Les avions militaires ........................................................................................... 3 Annexe D : Images Survolées ................................................................................................ 5 Annexe E : Barre d’état.......................................................................................................... 5 Annexe F : Carte Graphique................................................................................................... 6 Annexe G : Formulaire........................................................................................................... 7 Annexe H : Vérification Cheksum......................................................................................... 9 Annexe I : Calcul Cheksum ................................................................................................. 10 Annexe J : Gestion Cookies ................................................................................................. 10 Annexe K : Barre d’état défilant .......................................................................................... 13 Annexe L : Affiche la date et l’heure du dernier enregistrement......................................... 14 Annexe M : Affiche la date et l’heure actuelle .................................................................... 15 Annexe N : Notice de mise à jour du site Intranet du CSO ................................................. 16


Jonathan WEISBERG Page 1 sur 26 17 avril au 29 juin 2001

Introduction Mon stage s’est déroulé chez Dassault Aviation, et plus précisément au Centre Support d’Offres (CSO) de la Direction Général Internationale (DGI).

La mission du Centre Support d’Offres (CSO) est d’assurer le soutien du processus « Vendre dans le domaine militaire » pour l’activité « Elaborer et négocier l’offre » en offrant les services nécessaires à l’établissement d’une offre à un Client donné, dans les délais et selon la forme fixée par ce Client, avec un niveau de qualité optimal.

Un environnement de travail en collaboration est à base de moyens informatiques permettant l’échange (avec différents niveaux de protection) de données à l’intérieur de la Société et avec l’extérieur.

Les différents intervenants doivent avoir accès aux documents nécessaires à leur travail :

• Base documentaire de référence pour chaque produit, • Offres précédents archivées pour consultation. L’accès est différencié en fonction de leur habilitation, de leur besoin d’en connaître,

de leur appartenance ou non à la Société et leur localisation géographique. La communication et l’échange d’informations sont les éléments majeurs pour : • Une réponse pertinente et cohérente • Un respect des exigences du Client dans la forme, dans le fond et dans les délais. La Société Dassault Aviation possède déjà un réseau Intranet. Il est utilisé à des fins

de : • Messagerie • Communication "générale" interne de la Société • Communication entre les différentes Directions de la Société. Du fait de la diversité des intervenants (techniciens de différentes directions, juristes,

financiers, qualiticiens, logisticiens, …). DGI a décidé de développer un "portail" CSO. Ce site devra être protégé (accès limité contrôlé) et permettre la diffusion de l’information. C’est un site dédié au travail en opposition à un site de consultation.

Le cahier des charges pour la réalisation de ce site "CSO" a été : � Simplicité du site � Orienté "travail" � Sécurisation � Facilité de mise à jour � Respect de la charte Société.



Le Planning

Avril Mai Juin

Semaine 16 Semaine 17 Semaine 18 Semaine 19 Semaine 20 Semaine 21 Semaine 22 Semaine 23 Semaine 24 Semaine 25 Semaine 26* Rentrée du stage reportée à la semaine suivante

* Accueil chez Dassault Aviation * Présentation du fonctionnement de la société * Prise en main des outils informatiques

* Début de la création de la page d'accueil, qui contient l'architecture du site

* Réflexion et recherche pour la partie sécurisée interne au site

* Signalement du non respect de chartre société

* Création des adresses du site Intranet : -> pour le developpement -> pour la publication du site

* Attente de la demande de la station web developpeur

* Retour de mon maître de stage * Relance de la demande pour la station web developpeur

* Mise en place du site grâce à la station web developpeur, reçue

* Rectification du site selon les propositions faîtes à l'issue de la présentation

* Envoi du rapport en reprographie

* Présenation du rôle du Centre Support d'Offres

* Réalisation des autres pages du site

* Gestion du mot de passe avec cookies, pour l'accès sécurisé du site

* Revue de la structure du site * Nouvelle version du site en vue de la charte Société

* Demande d'une station web developpeur pour mettre le site sur le réseau Intranet

* Continue le site

* Visite de la base d'essai en vol d'Istres

* Présentation du site à quelques personnes du groupe

* Correction du rapport

* Explication de la mise à jour du site

* Définition du cahier des charges * Réflexion sur la réalisation du site, par rapport au cahier des charges

* Contact avec les personnes qui s'occupent du réseau et des accès sécurisés de l'Intranet de Dassault Aviation

* Début de la rédaction du rapport de stage * Absence pour raisons professionnelles de mon maître de stage

* Rapport de stage

* Fin de la création du site Intranet

* Présentation du rapport à mon maître de stage

* Rédaction de la notice de mise à jour pour l'administrateur du site

* Fin du stage



1 Présentation du groupe Dassault Aviation

1.1 Présentation de l'entreprise De l'hélice Eclair en 1916 au Rafale, l'histoire de Dassault Aviation se confond à celle

de l'aéronautique française. Son effort permanent de recherche et de développement a débouché au fil des ans sur des innovations technologiques, des prototypes et des programmes qui ont marqué l'histoire de l'aviation.

Le rôle de Dassault Aviation est d'assurer la conception et la mise au point, la production, la vente, l'assistance technique et le service après-vente d'avions militaires et civils. Elle fournit aussi des matériels aéronautiques, emports, matériels d'environnement et de support logistique.

A l'origine présente uniquement sur le marché militaire, la Société a su se développer et s'implanter sur le marché civil grâce à ses avions d'affaires. De plus, elle maintient sa présence dans le domaine de la recherche spatiale.

1.2 Historique

Marcel BLOCH, diplômé de l'école supérieure de l'aéronautique en 1911, est le Fondateur de la Société.

• 1916 : Marcel Bloch invente l'hélice ECLAIR. • 1928 : Création de la Société des avions Marcel Bloch. • 1936 : Nationalisation et création de la Société anonyme Avions Marcel Bloch. • 1940-1945 : Marcel Bloch est emprisonné, Auguste Révèrent gère la Société. • 1946 : Marcel Bloch change de nom et devient Marcel Dassault. • 1947 : Création de Saint-Cloud AMDE, Boulogne AMDE, Mérignac AMDE... • 1955 : L'ensemble des établissements est regroupé sous le nom de "Générale

Aéronautique Marcel Dassault". • 1965 : La GAMD est renommée "Société des Avions Marcel Dassault". • 1971 : Intégration de la Société Breguet Aviation au sein des AMD-BA. • 1986 : Décès de Marcel Dassault ; son fils Serge prend la tête de la Société. • 1990 : La Société prend le nom de Dassault Aviation. • 2000 : Charles Edelstenne remplace Serge Dassault à la tête de Dassault Aviation.



1.3 Le groupe Dassault Aviation

Spécialisée dans la technologie de pointe (aéronautique, espace, électronique, informatique...), Dassault Industries est principalement composée des Sociétés suivantes :

DIVISION DÉFENSE DIVISION FALCON

ACTIVITÉS MIXTES

100%

50%

47%

36%

16%

6,7%

6%

Dassault Aero Service(France)

European Aoerosystems LTD(Royaume uni)

SEPECAT(France)

SECBAT(France)

OGA(France)

SOFEMA(France)

SOFRESA(France)

100%

50%

Dassault Falcon Jet(USA)

Aero PrecisionInc (USA)

Dassault InternationalInc (USA)

Dassault ProcurementServices (USA)

Dassault Falcon Service(France)

Falcon Training Center(France)5

0%

100%

100%

100%

Dassault International(France)

Corse CompositesAéronautiques (France)

Embraer(Brésil))

100%

33%

5,7%

SOGITEC(France

INTEMIS(France

Dassault AssurancesCourtage (France)

Toulouse-Colomiers(France)

100%

100%

99%

50%

Pour plus d’informations cf. Annexe A : Le groupe Dassault Aviation

1.4 Dassault Aviation en chiffres

• Effectif : plus de 9000 employés. • 10 sites en France : Saint-Cloud / Vaucresson, Vélizy, Argenteuil, Seclin, Poitiers,

Martignas, Mérignac, Biarritz, Argonay, Istres et Cazaux. • Chiffre d'affaires en 1998 : 17.5 Md de francs. • Plus de 6500 avions Dassault, civils et militaires, ont été livrés depuis près de 50

ans. Ils ont totalisé plus de 15 millions d'heures de vol. • 73 pays utilisateurs des avions Dassault Aviation.



1.5 Les principaux programmes industriels

1.5.1 Les avions civils

Dans le domaine civil, Dassault Aviation travaille désormais particulièrement sur les avions d'affaires de luxe dont il est leader mondial grâce à sa gamme FALCON (cf. Annexe B : Les avions civils).

1.5.2 Les avions militaires

Il existe différents types d’avions militaires comme l’Atlantique, le Mirage 2000, et le Rafale (cf. Annexe C : Les avions militaires).

2 Présentation de la Direction

Comme toutes grandes Sociétés, Dassault Aviation fonctionne autour de plusieurs directions générales : DGT (Direction Générale Technique), DGSM (Direction Générale du Soutien Militaire), DGAC (Direction Générale des Avions Civils), DGSI (Direction Générale du Système d’Information), DGI (Direction Général Internationale), …

Mon stage s’est déroulé à la Direction Générale Internationale (DGI) et plus précisément au Centre Supports d’Offres (CSO).

2.1 La Direction Générale Internationale

La Direction Général Internationale (DGI) a pour mission de piloter et de coordonner l’ensemble des activités internationales de la Société dans toutes ses phases, en France et à l’Etranger, et d’assurer la prise de commandes et de réalisation du Chiffre d’Affaires Défense à l’exportation.

DGI est divisé en 3 directions : • DEM (Directions Export Militaires) • DPM (Direction Prospection Marketing) • DCEI (Direction des Coopérations Economiques Internationales) Le CSO est rattaché à DEM.

2.2 Le Centre Support d’Offres (CSO)

Le Centre Support d’Offres (CSO) fait parti de la Direction Générale Internationale et a pour rôle d’assumer la complétude des réponses à appel d’offres. Il est sur le site de Saint-Cloud. Le CSO fédère dans un lieu "unique" (appelé "Bocal") tant les intervenants internes et externes (autres Sociétés) sur une réponse à appel d’offres.



2.2.1 Mission du CSO

Il a pour mission d’assurer le soutien du processus « Vendre dans le domaine militaire » au moins pour l’activité « Elaborer et négocier l’offre » en offrant les services nécessaires à l’établissement d’une offre de système d’armes aérien à un Client donné, dans les délais et selon la forme fixée par ce Client, avec un niveau de qualité optimal.

2.2.2 Fonctionnement du CSO

Les activités du CSO sont régulées par les décisions prises de répondre aux questions des Clients et de leur faire une offre. Ceci implique les différents régimes de fonctionnement suivants :

• Etablissement d’une offre, • Base arrière d’une négociation, • Etablissement de réponses à des questions, • Mise et maintien en condition.

2.2.3 Moyens du CSO

Les moyens mis en œuvre au CSO pour assurer un environnement de travail en collaboration à base de moyens informatiques permettant l’échange (avec différents niveaux de protection) de données à l’intérieur de la Société et avec l’extérieur, sont les suivants :

• Un système informatique utilisant 3 réseaux distincts et non reliés1 : � Un réseau interne utilisé principalement pour l’édition des documents, � Un réseau externe connecté au réseau téléphonique commuté, utilisé

principalement pour les échanges de données avec l’extérieur (personnel de Dassault Aviation en mission et coopérants),

� Un ensemble de station @ (arobase) connectées au réseau Intranet Société. • Matériel de télécommunications

� 1 télécopieur � 1 téléphone/télécopieur crypté

• Divers � Photocopieur � 1 station Internet

1 Pour des raisons de protections des informations



Pour schématiser les moyens du CSO :

RTC � Réseau Téléphonique Commuté RCSOE � Réseau CSO Externe RCSOI � Réseau CSO Interne

La maintenance de tous les moyens informatiques du CSO est assurée par DGSI (Direction Générale des Services Informatiques).



3 Le stage : Réalisation du site Intranet pour le CSO

Mon stage s’est déroulé du 17 avril au 29 juin 2001. C’est un stage de fin d’étude, d’un DUT en Génie Electrique et Informatique et Industrielle, option Electronique à l’IUT de Cachan (94).

Ce stage s’est effectué au Centre Support d’Offres de la Direction Générale Internationale sur le site de Saint-Cloud.

Le CSO a pour rôle de répondre à un appel d’offre.

Une réponse à appel d’offre (RFP2) s’effectue suivant les marqueurs temporels ci-dessous :

Emission d'un RFP par un Client

Réception du RFP par DASSAULT AVIATION

Nomination des responsables (Eq. Bleue, Eq. Rouge, Comité de Pilotage

Analyse du RFP / définition d'un contour technique

Etude de Faisabilité,Analyse des développements complémentaires,Analyse des risques (techniques et financiers),Estimation budgétaire

Décision par le Comité Directeur (BID/NO BID)

Rédaction par l'Equipe Bleue de la Proposition

Prise en compte des remarques

Production de la proposition (reprographie)

Soutien de l'Offre (Questions/Réponses),Négociation par l'Equipe Base AvantSoutien Base Avant par la Base Arrière

SIGNATURE DU CONTRAT

Arb

itra

ge

par

le C

OM

ITE

de

PIL

OT

AG

E

Relecture de la proposition par l'Equipe Rouge

Remise de la proposition au Client

Centre Support d'Offres

Le CSO gère en général deux appels d’offres en même temps, qu’on notera RFP1 et RFP2, par la suite. 2 RFP : Request For Proposal (appel d’offre)



4 Le déroulement en semaine de la création du site Intranet pour le CSO

4.1 Semaine 16 (17 au 20 avril 2001)

A la demande de Dassault Aviation, mon stage commence le 23 avril 2001, au lieu du 17 avril 2001 prévu.

4.2 Semaine 17 (23 au 27 avril 2001) Arrivé chez Dassault Aviation le 23 avril 2001, et après avoir réglé les formalités

administratives, j’intègre les locaux du CSO. Je redéfinis avec mon maître de stage, M. Chamard-Boudet, responsable du Centre Support d’Offres (CSO), le sujet de mon stage.

Je dois réaliser un site Intranet pour le CSO. Ce site servira de passerelle d’informations pour les gens concernés (⇒ accès restreint). Il renseignera sur l’évolution des RFP, sur le plan "informations", "planning" et documentaire.

Ainsi on peut définir la structure du site :

News � informations Team � équipe Planning � calendrier FAQ � Foire Aux Questions CSO � Centre Supports d’Offres

Descriptions : • News : les dernières informations à connaître • Team : la liste des personnes participant à l’élaboration du RFP • Planning : échéancier du RFP • Documentations : les documents qui circulent entre les Team uniquement • FAQ : toutes les questions et réponses • Plan : le plan du site pour connaître la structure et pour éventuellement aller

directement vers la page souhaité sans passer par celles qui sont avant • Présentation du CSO : description du service

Accès restreint



Durant cette semaine, je pratique un certain nombre de recherches sur Internet, qui me permettent d’imaginer comment paginer le site, et trouver comment réaliser certaines des fonctions programmées en javascript, le tout écrit en html, comme l’accès restreint.

4.3 Semaine 18 (30 avril au 4 mai 2001)

Pour ce faire j’utilise deux logiciels : le bloc-notes, FrontPage 98 de Microsoft : ce dernier est utilisé pour tout ce qui est de la mise en page, alors que l’éditeur de Windows est plus utilisé pour l’exploitation de certaines fonctions, telles que la gestion des cookies, qui sera utilisées pour l’accès sécurisé et certaines animations.

La création de la page d’accueil contient un menu avec des images survolées (Une

image survolé est une image qui change d’état quand on passe dessus avec la souris, cf. Annexe D : Images Survolées).

De plus, j’utilise des frames (cadres) pour réaliser le site. Ainsi je ne réalise le menu et le cadre supérieur qu’une seule fois�, et je ne m’occupe plus que des pages liées au menu�.

Voici la page d’accueil construit autour de "frames" :

Pour pouvoir afficher du texte dans la barre d’état� (cf. Annexe E : Barre d’état).

�

�

�



On clique sur News�, le menu se déroule et on aperçoit la page en construction :

Le plan du site tel qu’il est réalisé, est utilisé comme repère de navigation :

Le plan du site est une image qui sert de repère "navigationnel". Chaque pavé correspondant à un lien d’une rubrique ou d’une page du site (cf. Annexe F : Carte Graphique). Pour le logo Dassault Aviation, j’attribue le lien de la page principale du réseau Intranet. Note : le pied de page est identique à toutes les pages du site.

�



La page des contacts permet de contacter l’administrateur du site ou le webmaster, à travers ce formulaire�. L’action "envoyer"� génère la rédaction d’un mail (cf. Annexe G : Formulaire) :

Une bannière� est insérée dans le cadre supérieur réalisé avec Animation Shop de

Jasc (fournit avec Paint Shop Pro), contenant le texte : Bienvenue… sur le site du… Centre Support d’Offres… C.S.O. !!!

4.4 Semaine 19 (7 au 11 mai 2001)

Une grande partie de la semaine a été consacrée à des réflexions sur les aspects "sécurité" et à la rédaction des accès sécurisés. Pour cela je me sers en partie d’Internet et d’un livre acheté avant le stage (Grand Livre HTML 4 de Micro Application). Je réalise cet accès sécurisé, qui est un des points essentiels du site, car certains documents sont en diffusion restreinte.

Il fonctionne sur les principes suivants : • L’utilisateur a 3 essais pour rentrer son bon mot de passe • S’il rentre un mauvais mot de passe, on écrit dans un cookie le jour et on

incrémente le nombre d’erreurs • A chaque ouverture de la page des "documents", on vient lire le cookie • Au bout de 3 erreurs, l’utilisateur n’a plus accès à la page des documents pour le

jour en cours N.B. : Au bout de 2 essais erronés, le message d’alerte suivant s’affiche : Attention, Il ne vous reste qu’un seul essai !!! Veuillez contacter l’administrateur du site. Sinon en cas de nouvelle erreur l’accès vous sera refusé durant 24h. L’utilisateur pourra envoyer un mail à l’administrateur du site pour qu’il réinitialise le compteur.

�

�

�



La phase "réalisation" s’effectue en 2 étapes : � Réalisation de la fonction "cheksum" � Gestion des "cookies"

a) Réalisation de la fonction "cheksum" Je réalise la fonction "cheksum" qui calcule le "cheksum" du mot entré et la compare avec la valeur de la "cheksum" du bon mot de passe déjà calculé (cf. Annexe H : Vérification Cheksum). Les tests s’avèrent concluants.

Cette fonction est appelée à chaque saisie de mot de passe. L’exemple ci-dessous a été testé avec le mot de passe : password qui a pour valeur 5235977 de la cheksum : <INPUT type='button' value='Entrer' onClick="Check( 5235977)">

La valeur 5235977 est calculée à l’aide de la fonction "Calculer()" (cf. Annexe I : Calcul Cheksum). b) Gestion des "cookies" La partie saisie de mot de passe est terminée, je m’occupe de la gestion des cookies, qui indique la date et le nombre d’erreur effectué par l’utilisateur dans le jour. Au démarrage de la page, je vérifie si le cookie existe. Si ce n’est pas le cas il est créé. Si le cookie existe, alors je vérifie le nombre d’erreur du jour. A chaque fois que l’utilisateur essaye de rentrer son mot de passe, j’inscris dans le cookie le jour et le nombre d’erreur. Ainsi on écrit dans le cookie "_jour=nbre_erreur". Le problème est si l’utilisateur rentre un jour 2 mauvais mot de passe, le mois suivant le même jour il n’aura plus qu’un seul essai. Donc si le code est bon on remet à zéro le compteur du nombre d’erreur (cf. Annexe J : Gestion Cookies).

4.5 Semaine 20 (14 au 18 mai 2001)

La charte "Société" a évolué, elle stipule que le site est centré sur la page fond blanc, d’une largeur de 600 pixels.

De plus il faut avoir : � En haut de la page une bannière 600×48 pixels, avec des boutons qui soient

différents au passage de la souris et qui restent enfoncés pour la page active. � En bas de la page un moyen d’aller à la page d’accueil de Dassault Aviation, un

moyen de remonter en haut de la page, et de connaître des informations sur la création de la page.

Le site est mis en conformité en respectant la charte "Société". En même temps la

pagination du site et le design sont améliorés.



Voici quelques extraits du site mise à jour en respectant la charte Société :

On remarque clairement le changement de style. D’ailleurs les images rappellent les rubriques concernées, dans le même ordre que la bannière. De plus le survole des images par la souris� fournit une indication rappelant la rubrique survolée. La rubrique des News :

�



Toujours la page de News en construction…

La page du planning (format "pdf" d’Acrobat Reader, avantage : non modifiable):



La dernière correction effectuée (respect de la charte Société) devient la prochaine étape de la réalisation du site. Pour ce faire, je prends rendez-vous avec la personne responsable du réseau Intranet, qui me donne la liste des personnes à contacter pour pouvoir mettre le site en place.

J’envisage une nouvelle "structure du site", après présentation et discussion avec mon maître de stage. Il est décidé du nouvel agencement :

Cette nouvelle structure met bien en valeur la gestion de 2 RFP3 (RFP1 et RFP2). Ces deux structures sont identiques, d’un point de vue des liens et de la mise en page. Ainsi on a une page d’accueil, qui contient les news des 2 RFP et les liens vers les deux pages d’accueil, RFP1 et RFP2, ainsi que la possibilité d’accéder au plan du site et de contacter l’administrateur du site pour toutes questions ou remarques.

3 RFP : Request For Proposal (appel d’offre)

NEWS - RFP1 NEWS – RFP2

ACCUEIL - RFP1 ACCUEIL – RFP2

EQUIPE

PLANNING

DOCUMENTS

BLEUE ROUGE COMITE PILOTAGE

EQUIPE

PLANNING

DOCUMENTS


CONTACTEZ-NOUS PLAN DU SITE

ACCUEIL



Voici la page d’accueil :

Dans cette version, on peut accéder à la page d’accueil des RFP par la bannière ou par

la page d’accueil elle-même�. De plus les News apparaissent directement sur la page d’accueil�, et non pas sous une

rubrique. Ainsi elles sont automatiquement apparentes au visiteur. Une animation dans le cadre supérieur� apparaît une fois à chaque chargement de la

page. Elle permet d’identifier dans quel "RFP" on est. Cette animation est présente également dans les pages d’accueil de RFP1 et RFP2, et n’est présentée aussi qu’une seule fois. La seule information qui défile se trouve dans la barre d’état� (cf. Annexe K : Barre d’état défilant) et rappelle si on se trouve dans la page d’accueil principale, RFP1 ou RFP2.

Note : les FAQ (Foire Aux Questions) ont été supprimées, car remplacées par les "contacts"�.

�

�

�

�

�



Dans l’exemple ci-dessous l’animation du haut est terminée�, alors que dans la barre d’état� nous indique encore où se situe :

Lorsqu’on clique sur le bouton de la bannière �celui-ci reste

enfoncé (cf. Annexe D : Images Survolées), tel que le stipule la charte Société. On peut à tout moment revenir sur la page d’accueil principale en cliquant sur le

bouton �ou bien en cliquant sur le fond nuageux �. Pour faciliter la navigation et savoir sur quel "RFP" on se trouve, le RFP(n°) est

rappelé dans la bannière (ici : ). Un "clic" dessus nous ramène à la page d’accueil du RFP considéré.

�

�

�

�

�



L’écran ci-dessous de RFP1 permet de choisir vers quelles pages on désire s’informer, ces pages contiennent la liste des différentes équipes participant au RFP considéré :

Une fois choisi, l’une des Equipes, on peut naviguer d’une Equipe à l’autre� (bleue � rouge � comité pilotage).

�



4.6 Semaine 21 (21 au 25 mai 2001)

Un nouvel entretien avec la personne qui s’occupe du réseau Intranet, m’apprend qu’elle s’occupe également de la sécurité Intranet. Elle m’indique que je n’ai pas besoin de créer un accès sécurisé, car il en existe un tout fait !

L’accès réservé à certaines répertoires se gère par des listes. Je dois donc créer ces listes de personnes, qui se résume à 3 listes "RFP1, RFP2, et Totale".

Durant cette semaine et la semaine suivante mon maître de stage est en mission à l’étranger.

Le site est fini, il ne manque plus qu’à créer la page d’information du site, à insérer la page de présentation du CSO et à générer les "meta".

Pour avancer dans la mise en place du site sur le réseau Intranet, il est nécessaire d’avoir un PC Web développeur. J’en fais la demande…

Je commence la rédaction du rapport de stage.

4.7 Semaine 22 (28 mai au 1er juin 2001)

Je suis l’évolution de mes demandes de matériel (le PC Web développeur). Les démarches étant relativement longues, et l’absence de mon maître de stage (toujours en mission) rend difficile son intervention auprès des différents services.

Je continue mon rapport de stage.

4.8 Semaine 23 (4 au 8 juin 2001)

Retour de mon maître de stage et relance de la demande du PC Web développeur. Je réalise les pages qui concernent la présentation du service et la fiche

d’information�, qui se trouve en bas de chaque page :

Pour ouvrir la fenêtre d’information (300x350 pixels), le lien est dirigé

vers "info.htm". Je le fais sur la page des contacts "contacts.htm". Le problème est quand on ouvre une fenêtre la page d’origine disparaît, c’est pourquoi, ici, je réouvre la page "contacts.htm" :

<a href="javascript:window.open('info.htm', 'info', 'width=300,height=350');window.location='contacts.h tm'" alt="Info sur le Site..." title="Info sur le Site..." target="_self" > </a>

�

La page d’information :

Concernant la page de présentation du CSO, le plan du site est restructuré pour insérer

la page de présentation :

NEWS - RFP1 NEWS – RFP2

ACCUEIL - RFP1 ACCUEIL – RFP2

EQUIPE

PLANNING

DOCUMENTS

ROUGE COMITE PILOTAGE

EQUIPE

PLANNING

DOCUMENTS

CONTACTEZ-NOUS PLAN DU SITE

LE C.S.O. ?


ACCUEIL

BLEUE

En haut de la page on peut fermer cette fenêtre par la fonction en javascript qui s’associe à l’image "close.gif" : <a href="javascript:window.close()"> <img src="images/close.gif" border="0" alt="Fermer la fenêtre"> </a> De plus, on remarque qu’on n’aperçoit pas la date de modification ce qui est normal. Je gère la notification de mise à jour sur plusieurs pages. Pour ne pas à avoir à modifier la date sur les n pages, j’utilise un fichier texte dans lequel j’écris la date. La fonction SSI (Server Side Include) va afficher le contenu du fichier texte. Cette fonction SSI s’écrit : 

on utilise le fichier date.txt contenant la date de mise à jour ! Notons que j’utilise aussi ce système pour les news.

Page de présentation



De même, le cadre supérieur de la page d’accueil est modifié. Elle contient le menu pour recevoir le bouton qui renvoie à la page de présentation du CSO� :

De même la page des Contacts est modifiée avec la notification des adresses e-mail� :

Le site du CSO est en fonctionnement local peut être considéré comme terminé. Mon

maître de stage en approuve la réalisation. L’étape suivante sera sa mise en place sur le réseau. Le PC Web développeur est arrivé.

�

�



4.9 Semaine 24 (11 au 15 juin 2001)

Mise en place du site sur le réseau Intranet à l’aide de la station "PC Web développeur" et prise en main du logiciel FrontPage 98, qui me permet de mettre le site sur le réseau.

Vérification du bon fonctionnement du site sur le réseau, et annulation du principe des SSI (Server Side Include), car le serveur ne le supporte pas, donc j’écris sur la page d’accueil la date de mise à jour et sur la page d’information.

Création de la page de documents :

Demande de la création des listes de personnes autorisées à l’accès à certains

documents. Pour cela j’utilise l’annuaire LDAP4. Il permet d’effectuer un contrôle d’accès aux différentes parties de l’application et d’identifier chaque personne connectée à partir de son login.

Début de la rédaction de la notice de "Mise à Jour du site Intranet", qui permettra par le maintien en condition du site.

Visite de mon tuteur d’IUT (Gilles RAYNAUD) : le but étant de constater le bon déroulement de mon stage.

Présentation d’une ébauche de mon rapport de stage à mon maître de stage.

4 LDAP : Lightweight Directory Access Protocol



4.10 Semaine 25 (18 au 22 juin 2001)

Accès réservé terminé. Correction du rapport selon les propositions de mon maître de stage. Présentation du site à quelques personnes du groupe pour leur demander leur avis, puis

voici les rectifications : Je n’ai refait que la page d’accueil en intégrant une mise à jour automatique de la

date� (c’est-à-dire le dernier enregistrement du fichier) (cf. Annexe L : Affiche la date et l’heure du dernier enregistrement� et Annexe M : Affiche la date et l’heure actuelle�) :

Je refais également la page des informations sur ce même principe� (cf. Annexe L :

Affiche la date et l’heure du dernier enregistrement) :

� �

�



Fin de la rédaction de la notice de mise à jour du site pour l’administrateur du site, mon maître de stage (cf. Annexe N : Notice de mise à jour du site Intranet du CSO).

4.11 Semaine 26 (25 au 29 juin 2001)

Envoie du rapport en reprographie. Finitions du site. Explication de l’utilisation de la notice de mise à jour du site. Fin du stage.



Conclusion L’objectif de ce stage chez Dassault Aviation était de réaliser un site Intranet. Il donne entière satisfaction aux utilisateurs. Ce site sera mis à jour en permanence grâce à la notice de maintien en condition et de mise à jour du site Intranet (cf. Annexe N : Notice de mise à jour du site Intranet du CSO).

Ce stage m’a permis de jouir d’une entière liberté et d’une grande autonomie. J’ai pu appréhender les organisations d’une grande Société, avec ses contraintes administratives, ainsi que les obligations liées à l’image de marque (charte Société). J’ai pu approfondir les langages de programmation en html et javascript, utiles dans la poursuite de mes études, vers un diplôme d’ingénieur en informatique et réseaux.

Le site réalisé correspond au cahier des charges tant du point de vue technique que des délais.

Sinon durant ce stage, j’ai eu le privilège de visiter la base d’essai en vol d’Istres. J’y suis allé en Falcon et ma visite a compris :

• La visite des centres de maintenance des Falcon, Mirage 2000 et Rafale, • La visite du centre d’Outil d’Analyse et de Spécification de l’Interface Système

(OASIS) : simulateurs et outil de simulation des interfaces homme/machine, • La visite du centre de banc de test des Mirages 2000.



Annexes Annexe A : Le groupe Dassault Aviation .................................................................................. 1 Annexe B : Les avions civils...................................................................................................... 2 Annexe C : Les avions militaires ............................................................................................... 3 Annexe D : Images Survolées .................................................................................................... 5 Annexe E : Barre d’état.............................................................................................................. 5 Annexe F : Carte Graphique....................................................................................................... 6 Annexe G : Formulaire............................................................................................................... 7 Annexe H : Vérification Cheksum............................................................................................. 9 Annexe I : Calcul Cheksum ..................................................................................................... 10 Annexe J : Gestion Cookies ..................................................................................................... 10 Annexe K : Barre d’état défilant .............................................................................................. 13 Annexe L : Affiche la date et l’heure du dernier enregistrement............................................. 14 Annexe M : Affiche la date et l’heure actuelle ........................................................................ 15 Annexe N : Notice de mise à jour du site Intranet du CSO ..................................................... 16



Annexe A : Le groupe Dassault Aviation

Spécialisée dans la technologie de pointe (aéronautique, espace, électronique, informatique...), Dassault Industries est principalement composée des Sociétés suivantes :

• DASSAULT ELECTRONIQUE (3500 personnes), dont les activités se

répartissent entre le civil (distributeurs bancaires...) et le militaire (radar et matériels embarqués...).

• DASSAULT FALCON SERVICE (350 personnes) est une Société de location d'avions d'affaires et a la fonction de station-service pour le Moyen-Orient et l'Europe.

• DASSAULT AVIATION dont le domaine de compétences réside dans l'étude et la fabrication d'avions militaires et civils. Cette Société propose une large gamme de produits et dispose d'un outil de production des plus modernes. En outre, Dassault Aviation possède des parts dans d'autres Sociétés comme :

• DASSAULT SYSTEMES, qui est le développeur du célèbre logiciel de CFAO CATIA. Cette Société, créée en 1981, emploie actuellement 1000 ingénieurs et cadres.

• SOGITEC, rachetée en 1986, emploie 600 personnes. Cette Société élabore les images de synthèses, des simulateurs de vol,... et rédige la documentation technique des avions Dassault.

• DASSAULT FALCON JET est l'équivalent de Dassault Falcon Service pour les Etats-Unis.

Dassault Aviation possède aussi des participations dans d'autres Sociétés à vocation

aéronautique et spatiale : • La SEPECAT, Société Européenne de Production de l'Aviation franco-britannique

Jaguar. • La SECBAT, Société Européenne de Construction de l'Aviation Bréguet

Atlantique. • Corse Composites Aéronautique. • La SESSIA, Société d'Etudes, de Constructions de Souffleries, Simulateurs et

Instrumentations Aéronautiques.



Annexe B : Les avions civils

Dans le domaine civil, Dassault Aviation travaille désormais particulièrement sur les avions d'affaires de luxe dont il est leader mondial grâce à sa gamme FALCON.

• Falcon 20 : avion transcontinental biréacteur, transportant 5 à 12 passagers, développé dès 1963, sous le nom de Mystère 20.

• Falcon 50 : avion intercontinental triréacteur. Il est capable d'effectuer des étapes de 6500 km à la vitesse de Mach 0,75.

• Falcon 900 : avion intercontinental triréacteur à gros fuselage (12 à 19 passagers). Il possède des capacités assez similaires à celles du Falcon 50 avec une plus grande autonomie. 120 exemplaires volent déjà dans 27 pays.

• Falcon 2000 : avion intercontinental biréacteur à gros fuselage. Le dernier-né de la gamme Falcon est capable de transporter jusqu'à 19 passagers sur des étapes de 5500 km à la vitesse de Mach 0,85. Le premier Falcon 2000 a été livré en février 1995.

Falcon 2000

Falcon 900



Annexe C : Les avions militaires • Atlantique 2 : patrouilleur maritime bimoteur à long rayon d'action. Il effectue des

missions de guidage d'avions de combat, de surveillance maritime, de lutte anti-sous-marine, de protection de l'environnement, etc... La Marine française en a commandé des exemplaires.

• Mirage 2000-D : avion de combat mono réacteur. Cette version du Mirage 2000 est

affectée à des missions de pénétration tous temps à très basse altitude. Les premiers appareils de série ont été livrés à l'armée de l'air au printemps 1993.



• Mirage 2000-5 : version optimisée pour les missions air-air. Il dispose d'un poste de

pilotage à 5 visualisations, d'un système de contre-mesure intégré, du nouveau radar Doppler RDY multi-cible toutes altitudes et du missile air-air de dernière génération MICA. L'Armée de l'Air a transformé 37 de ses Mirages C en Mirage-5.

• Rafale : Le Rafale est un avion de combat "polyvalent" puisqu'il réunit plusieurs types

d'appareils en un seul (avion d'attaque au sol, d'interception ou d'interdiction). C'est également le premier appareil à avoir été conçu dès l'origine pour opérer aussi bien à partir de la terre que de porte-avions, dans l'Armée de l'Air et la Marine Nationale. Il existe en 3 versions : Monoplace, Biplace et Marine. Sa cellule utilise largement les matériaux composites (fibre de carbone et d'aramide) et les métaux légers (titane et aluminium). Sa masse à vide est inférieure à 10 tonnes pour une masse au décollage qui, selon les missions varie de 18 à 22 tonnes. Le Rafale est propulsé par 2 réacteurs à double flux SNECMA M88-2 d'une poussée unitaire de 5100 Kg à sec et 7500 Kg avec postcombustion. Sans charge externe, il peut voler en "super-croisière" (à vitesse supersonique sans postcombustion).

L'avionique, comme la cellule, fait preuve d'innovation. Tout d'abord, le radar de Dassault Electronique (nouvellement filiale du groupe Thomson CSF) et de Thomson CSF est à balayage électronique. D'une portée de 100 Km, il peut traiter plusieurs dizaines de cible en même temps. Le Rafale est aussi doté d'une Optronique Secteur Frontal (OSF) composée d'une caméra haute résolution, d'un viseur infrarouge et d'un télémètre laser. La détection, l'évaluation des menaces et les contre mesures sont gérées par un système intégré spécifique (SPECTRA).



Le Rafale équipera les forces françaises avec la livraison du premier avion biplace Air en 2001.

Annexe D : Images Survolées Au passage de la souris sur une image existante, on aperçoit une autre image. Ainsi par exemple, on peut réaliser des menus. <div align="right"> <a href="plan.htm" target="mainFrame" onClick=" im ages/plan_over.gif" onMouseOver=" images/plan_over.gif" onMouseOut="">< img name="plan" src="images/plan.gif" border="0" onLoad="" width="9 0" height="20">

</a> </div> Ici on définit sur une image plan.gif, une image survolée plan_over.gif, le tout dans le répertoire images. De plus si on clique sur l’image on est envoyé vers la page plan.htm Par exemple : Au début : puis au passage de la souris :

Annexe E : Barre d’état Pour afficher du texte dans la barre d’état de l’explorateur web, il suffit d’ajouter ce code dans l’en tête du fichier index.htm <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> // texte contient le message à afficher par défaut

var texte="Bienvenue sur le site du C.S.O."; top.defaultStatus=texte; </SCRIPT> </HEAD> Ici on verra afficher le texte : Bienvenue sur le site du C.S.O. :

Rafale C Rafale B Rafale M



Annexe F : Carte Graphique

Une carte graphique est une image ayant été divisé en régions, ou « zones réactives ». Lorsqu’on clique sur une zone réactive, une action est exécutée, telle que l'ouverture d'un nouveau fichier.

Les coordonnées de chaque rectangle commencent en haut à gauche et finissent en bas

à droite, et peuvent être définit à l’aide d’un logiciel de dessin comme Paint Shop Pro ou PhotoShop.

<img src="images/plan.gif" width="709" height="181" usemap="#Plan" border="0"> <map name="Plan"> <area shape="rect" coords="48 ,72,120,109" href="sommaire_news.htm" target="leftFrame" alt="Ne ws" title="News"> <area shape="rect" coords="133,73,205,110" hr ef="sommaire_team.htm" target="leftFrame" alt="Team" title="Team"> <area shape="rect" coords="322,1,396,37" href ="accueil.htm" target="_self" alt="Page d'accueil du C.S.O." title ="Page d'accueil du C.S.O."> <area shape="rect" coords="215,72,301,109" hr ef="planning.xls" target="_self" alt="Planning" title="Planning"> <area shape="rect" coords="313,72,409,109" hr ef="docs.htm" target="_self" alt="Documents" title="Documents"> <area shape="rect" coords="421,71,493,108" hr ef="faq.htm" target="_self" alt="Foire Aux Questions" title="Foi re Aux Questions"> <area shape="rect" coords="504,72,612,109" hr ef="plan.htm" target="_self" alt="Plan du Site" title="Plan du Si te"> <area shape="rect" coords="626,72,709,108" hr ef="contact.htm" target="_self" alt="Contactez-nous" title="Contacte z-nous"> <area shape="rect" coords="1,144,72,181" href ="news_rfp1.htm" target="_self" alt="News RFP1" title="News RFP1"> <area shape="rect" coords="84,143,157,180" hr ef="news_rfp2.htm" target="_self" alt="News RFP2" title="News RFP2"> <area shape="rect" coords="169,144,240,181" h ref="team_pilote.htm" target="_self" alt="Team pilote" title="Team pilote "> <area shape="rect" coords="252,144,324,181" h ref="team_critique.htm" target="_self" alt="Team critique" title="Team crit ique"> </map>

De plus on peut réaliser 3 types de formes des rectangles "rect", des cercles "circle" et des polygones "poly".



Annexe G : Formulaire Le formulaire permet une fois remplies de contacter l’administrateur du site. Ce dernier recevra un mail avec le contenu des champs complétés :

<form method="post" action="mailto:Daniel.Chamard-B [email protected]?subject=Site Intranet C.S.O. - Dassault Av iation !?" enctype="text/plain"> <table cellpadding="0" cellspacing="0" border="0 "> <tr> <td width="179" align="right" valign="baseli ne">Votre prénom : </td> <td width="221" valign="top"> <input type="text" name="prénom"> </td> </tr> <tr> <td valign="baseline"> <div align="right">Votre nom : </div> </td> <td valign="top"> <input type="text" name="nom"> </td> </tr> <tr> <td align="right" valign="baseline">Votre ad resse email : </td> <td> <input type="text" name="email" value="prenom.nom@d assault-avion.fr" size="28" onFocus="if(this.value=='prenom.nom@dassa ult-avion.fr'){this.value=''}"> //quand on clique avec la souris sur ce champs son contenu initial s’efface </td> </tr> <tr>



<td align="right" valign="baseline">Votre se rvice : </td> <td> <input type="text" name="service" size="17"> </td> </tr> <tr> <td valign="baseline"> <div align="right">Votre rapport : </div> </td> <td>

<p> <input type="checkbox" name="rfp1" value="ok"> RFP1<br> <input type="checkbox" name="rfp2" value="ok"> RFP2 </p> </td> </tr> <tr> <td valign="baseline"> <div align="right">Objet : </div> </td> <td> <div align="left"> <select name="objet"> <option selected>Questions</option> <option>mot de passe</option> <option>Remarques</option> </select> </div> </td> </tr> <tr> <td align="right" valign="top">Votre message : </td> <td valign="top"> <textarea name="message" rows="10" cols="40" onFocus="if(this.value=='Entrez ici le corps de vot re message...'){this.value=''}">Entrez ici le corps de votre message...</textarea> //quand on clique avec la souris sur ce champs son contenu initial s’efface </td> </tr> <tr valign="baseline"> <td colspan="2"> <div align="center"> <input type="submit" value="Envoyer" name="submit "> <input type="reset" value="Effacer" name="reset"> </div> </td> </tr> </table> </form>



Annexe H : Vérification Cheksum

La fonction calcule la cheksum du mot entré et la compare avec la valeur de la cheksum du bon mot de passe déjà calculée. Ainsi dans l’en tête de la page html on a :

<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> var total_erreur=0; function Check(checksum) { var tab=" azertyuiopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWXCVB N0123456789_$&#@"; var mot=document.forms[0].password.value; //valeur du mot de passe saisi var n=mot.length; var sum=1; for (var i=0;i<n;i++) { var index=tab.indexOf(mot.substring(i,i+1)); sum=sum+(index*n*i)*(index*i*i); } if (sum==checksum) { sto(5); window.location="docs_ok.htm"; //alert("Mot de passe Correct !!!"); } else { var total=(total_erreur++)+1; sto(total); total++; if (total_erreur<3) { // avant 3 essais alert("Mauvais mot de passe\n"+total+"° essai... "); } if (total_erreur==2) { // à 2 essais if (confirm("Il ne vous reste qu'un seul essai ! !!\n\nEn cas de nouvelle erreur,\nl'accès vous sera refusé p our 24h.\n\nVoullez-vous contacter l'administrateur du site ?")) { window.location="mailto:[email protected]?subject=Site Intranet C.S. O.: pb de mot de passe ?"; } } if (total_erreur>2) { // apres 3 essais window.location="accueil.htm" ; } } } </SCRIPT> </HEAD>



Annexe I : Calcul Cheksum

La fonction suivante se situe dans l’en tête d’un document, dans lequel on saisit le mot de passe "mot" en toute lettre et le résultat est celui de la valeur de la cheksum :

<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function Calculer() { var tab=" azertyuiopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWXCVB N0123456789_$&#@"; var mot=document.forms[0].elements[0].value; //mot de passe saisi var n=mot.length; var sum=1; for (var i=0;i<n;i++) { var index=tab.indexOf(mot.substring(i,i+1)); sum=sum+(index*n*i)*(index*i*i); } document.forms[0].elements[2].value=sum; //résulta t de la cheksum } </SCRIPT> </HEAD>

Annexe J : Gestion Cookies

Un cookie est un fichier créé par le navigateur et qui permet de stocker des informations (variables, chiffres, noms, numéro d’identifiant…) propre à l’ordinateur connecté.

Au démarrage de la page il faut vérifier si le cookie existe. Si ce n’est pas le cas il faut le créer. Si le cookie existe déjà, on va le lire. On vérifie si l’utilisateur n’a pas déjà fait un

certain nombre d’erreur. A chaque fois que l’utilisateur va essayer de rentrer son mot de passe, on inscrit dans le cookie le jour et le nombre d’erreur. Ainsi on écrit dans le cookie _jour=nbre_erreur.

Le problème est si l’utilisateur rentre un jour 2 mauvais mot de passe, le mois suivant le même jour il n’aura plus qu’un seul essai ! Donc si le code est bon on efface le compteur du nombre d’erreur :



<html> <head> <SCRIPT LANGUAGE="JavaScript"> function msg1() { alert("Veuillez appuyer sur la touche 'Entr er' avec la souris."); } // Déclaration des variables 'domaine' et 'date d'e xpiration' var pathname=location.pathname; var myDomain=pathname.substring(0,pathname.lastInde xOf('/')) +'/'; var date_exp = new Date(); date_exp.setTime(date_exp.getTime()+(30*24*3600*100 0)); // Voici les 3 fonctions de gestions des cookies //////////////////////////////////////////////// function getCookieVal(offset) { var endstr=document.cookie.indexOf (";", offset); if (endstr==-1) endstr=document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function GetCookie (name) { var arg=name+"="; var alen=arg.length; var clen=document.cookie.length; var i=0; while (i<clen) { var j=i+alen; if (document.cookie.substring(i, j)==arg) return getCookieVal (j); i=document.cookie.indexOf(" ",i)+1 ; if (i==0) break; } return null; } function SetCookie (name, value) { // un cookie a besoin d'un nom, d'une valeur, d'un nom de domaine, d'une date d'expiration // var argv=SetCookie.arguments; var argc=SetCookie.arguments.length; var expires=(argc > 2) ? argv[2] : null; var path=(argc > 3) ? argv[3] : null; var domain=(argc > 4) ? argv[4] : null; var secure=(argc > 5) ? argv[5] : false; document.cookie=name+"="+escape(value)+ ((expires==null) ? "" : ("; expires="+expires.toG MTString()))+ ((path==null) ? "" : ("; path="+path))+ ((domain==null) ? "" : ("; domain="+domain))+ ((secure==true) ? "; secure" : ""); }



/////////////////////////////////// function sto(erreur) { // Fonction appelée par le bouton "Stocker une inf ormation" // Le nom de l'information est précédée de "_" var nom=jour(); var valeur=erreur; //alert("jour="+nom+" erreur="+valeur); if (valeur==5) { //effacement de toutes les éventuelles erreurs valeur="NaN"; for (var i=0; i<32; i++) { SetCookie("_"+i, valeur); } } if (valeur!="") { SetCookie("_"+nom, valeur); } } function get() { // Fonction appelée par le bouton "Récupérer une in formation" // Le nom de l'information est précédée de "_" pour ne pas interférer avec les noms utilisés par le site JScript. var nom=jour(); var valeur=GetCookie("_"+nom); //alert("valeur GetCookie= "+valeur); if (valeur==="NaN") {return 0;} if (valeur==null) {return 0;} if (valeur>2) { alert("Désolé !!!\nVous avez atteint les 3 essais ..."); window.location="accueil.htm"; } return valeur; } function jour() { // Fonction permettant de récupérer le jour actuel var date=new Date(); var jour=date.getDate(); return jour; } </script> <head>



Annexe K : Barre d’état défilant Pour afficher du texte dans la barre d’état de l’explorateur web et qu’il défile à une vitesse donnée, il suffit d’ajouter ce code dans l’en tête du fichier index.htm

<html> <head> <SCRIPT language=JavaScript> function namosw_scrollstatus() { var str = ''; if (namosw_scrollstatus.arguments.length > 0) { var i; for (str = '', i = 0; i < 100; i++) str += ' '; for (i = 0; i < namosw_scrollstatus.arguments.l ength; i++) str += namosw_scrollstatus.arguments[i] + ' ' ; document.namosw_scrollstatus = str; } else { var src_str = document.namosw_scrollstatus; str = src_str.substring(1, src_str.length); str += src_str.substring(0, 1); document.namosw_scrollstatus = str; } window.status = str; setTimeout('namosw_scrollstatus()', 100); } </SCRIPT> <head> <body onload="namosw_scrollstatus('Bienvenue sur l e site du Centre Support d\'Offres... D.G.I. - C.S.O. !!!', '', '')" > </body> </html>



Annexe L : Affiche la date et l’heure du dernier enregistrement Ce script permet d’obtenir la date du dernier enregistrement. Seulement, la fonction qui permet d’obtenir cette information n’est pas pratique à la lecture :

C’est pourquoi la fonction ci dessous permet de l’écrire en français :

Pour cela je récupère la date du jour contenant également l’heure et je la décompose en : année, mois, jour, heure, minutes et secondes. <html> <head> <SCRIPT LANGUAGE="JavaScript"> function Tableau(n) { this.length=n; return this; } function DateModif() { NomMois =new Tableau(12); NomMois[1] ="Janvier"; NomMois[2] ="Février"; NomMois[3] ="Mars"; NomMois[4] ="Avril"; NomMois[5] ="Mai"; NomMois[6] ="Juin"; NomMois[7] ="Juillet"; NomMois[8] ="Août"; NomMois[9] ="Septembre"; NomMois[10]="Octobre"; NomMois[11]="Novembre"; NomMois[12]="Décembre"; var D =new Date(document.lastModified); //dernier enregistrement

var Mois =NomMois[D.getMonth()+1]; var Annee =D.getYear()+1900; var h=D.getHours(); var m=D.getMinutes(); var s=D.getSeconds(); if (h<10) h="0"+h; if (m<10) m="0"+m; if (s<10) s="0"+s; return D.getDate()+" "+Mois+" "+Annee+" à "+h+":"+m+":"+s; } </SCRIPT> </head> <body> <form> <SCRIPT> document.write("<b>Mise à jour le : </b >"+ DateModif()) </SCRIPT> </form> </body> </html>

Note : ce script fonctionne pour Netscape, pour Internet Explorer il faut y retirer "+1900".

Annexe M : Affiche la date et l’heure actuelle

Ce script permet d’obtenir la date et l’heure actuelle :

Pour cela je récupère la date du jour contenant également l’heure et je la décompose en : année, mois, jour, heure, minutes et secondes. <html> <head> <SCRIPT LANGUAGE="JavaScript"> function disp_horloge() { var date_jour=new Date(); var heure=date_jour.getHours(); var min=date_jour.getMinutes(); var sec=date_jour.getSeconds(); if (heure<10) heure="0"+heure; if (min<10) min="0"+min; if (sec<10) sec="0"+sec; document.forms[0].elements[0].value=heure+" :"+min+":"+sec; setTimeout("disp_horloge()",1000); } function jour() { var jour=new Date();//date actuelle nom_mois =new Tableau(12); nom_mois[1] ="Janvier"; nom_mois[2] ="Février"; nom_mois[3] ="Mars"; nom_mois[4] ="Avril"; nom_mois[5] ="Mai"; nom_mois[6] ="Juin"; nom_mois[7] ="Juillet"; nom_mois[8] ="Août"; nom_mois[9] ="Septembre"; nom_mois[10]="Octobre"; nom_mois[11]="Novembre"; nom_mois[12]="Décembre"; var Moi =nom_mois[jour.getMonth()+1]; var Ans =jour.getYear()+1900; return jour.getDate()+" "+Moi+" "+Ans; } </SCRIPT> </head> <body onLoad="disp_horloge()">

<form> <SCRIPT>

document.write("<b>Aujourd'hui le : </b >"+ jour()) </SCRIPT> <b>et il est : </b> <INPUT NAME="RESTE" SIZE=8 MAXLENGTH=8> </form> </body> </html>

Note : ce script fonctionne pour Netscape, pour Internet Explorer il faut y retirer "+1900".



Annexe N : Notice de mise à jour du site Intranet du CSO 1. Utilisation de FrontPage

a) Cliquer sur le bouton Démarrer de la barre des tâches de Windows, puis Logiciels,

puis FrontPage 98, et enfin FrontPage :

b) Il apparaît une fenêtre dans laquelle il faut taper le logon de netscape et son mot de passe :

c) FrontPage lancé, il apparaît une fenêtre semblable à celle de l'explorateur de Windows, dans laquelle se situe à gauche l'adresse du site Intranet et ses sous répertoires, et à droite les fichiers correspondant au répertoire sélectionné.

NOTA : Le site présent au démarrage de FrontPage est invisible aux autres personnes,

même s'il est sur le réseau Intranet. Il sert au développement du site (http://wwwdev.dgi.dassault-avion.fr:50140/). Il permet ainsi de support de travail avant la publication, qui elle sera visible par tout le monde.



Ici on aperçoit le contenu de la racine du site, dédié au développement du site Intranet

2. Pour éditer une page :

Double cliquer sur le fichier correspondant, l’éditeur de texte (Bloc-notes ou Notepad) édite le fichier sélectionné. Ou :

a) Sélectionner le fichier correspondant b) Cliquer sur le fichier à l’aide du

bouton droit de la souris c) Cliquer sur Ouvrir avec…

d) Sélectionner Éditeur de texte (notepad.exe)

e) Cliquer sur OK



3. Pour modifier la page des News a) Éditer le fichier info.htm b) Taper un espace au clavier et l'effacer, pour modifier la date d'enregistrement du

fichier c) Enregistrer le fichier (cliquer sur Fichier, puis Enregistrer) d) Fermer l'éditeur de texte

a) Éditer le fichier accueil.htm b) Rechercher l'ancienne news (au 2/3 du fichier) et la changer c) Taper son texte sans se soucier des retours à la ligne d) Pour effectuer un retour à la ligne, il suffit d'insérer à l'endroit voulu la balise

suivante : <p></p> e) Enregistrer le fichier (cliquer sur Fichier, puis Enregistrer) f) Fermer l'éditeur de texte

4. Pour modifier la liste des Équipes a) Éditer le fichier rfpx_equipe_x.htm b) Rechercher l'endroit où est inscrite une ancienne adresse e-mail (au début du fichier)

et la changer, 2 fois ! c) S’il n’y a plus d’ancien e-mail, il faut créer son emplacement et écrire cet e-mail :

� Repérer la fin de la dernière balise crée, comme ci-dessous :

Début de balise

Fin de balise

Adresse e-mail à changer 2 fois

� Insérer par copier-coller la nouvelle balise (ci-dessous), après la dernière balise comme ci-dessus. Remplacer l'adresse e-mail par celle voulue :

<tr> <td> <div align="center"><a href="mailto: adresse e-mail"><font color="#FFFFFF"> adresse e-mail</font></a></div> </td> </tr>

d) Enregistrer le fichier (cliquer sur Fichier, puis Enregistrer) e) Fermer l'éditeur de texte

5. Pour modifier la page des Documents

a) Éditer le fichier docs.htm du répertoire rfpx correspondant b) Rechercher l'endroit où est inscrit l'ancien document (au début du fichier) et le

changer, 2 fois ! c) Taper son texte sans se soucier des retours à la ligne d) S’il n’y a plus d’ancien document, il faut créer son emplacement et écrire ce

document : � Repérer la fin de la dernière balise crée :

Début de balise

Fin de balise

� Insérer par copier-coller la nouvelle balise (ci-dessous), après la dernière balise comme ci-dessus. Remplacer et document.pdf par les noms correspondant à la rubrique indiquée au bout de la ligne, par : . Si vous n’avez rien à mettre, laisser tel quel :

NOTA : Les noms des fichiers doivent être écrits sans espaces

<tr> <td width="150"> <div align="center"> </div> </td> <td width="150"> <div align="center"><a href=" document.pdf"> document.pdf</a></div> </td> <td width="150"> <div align="center"> </div> </td> <td width="150"> <div align="center"> </div> </td> </tr>

e) Enregistrer le fichier (cliquer sur Fichier, puis Enregistrer) f) Fermer l'éditeur de texte

6. Pour modifier le style de texte

NOTA : Pour mettre un texte dans un format particulier, il suffit de l’entourer de la balise désirée, dans cet ordre, comme dans l’exemple ci-après : a) Police de caractère : <font face="Comic Sans MS"> texte</font>

Voici quelques types de polices : � Arial � Times New Roman � Courier New � Comic Sans MS

b) Gras : <b>texte</b> c) Italique : <i> texte</i> d) Souligné : <u>texte</u> e) Couleur du texte : <font color="#0000FF"> texte</font>

Voici quelques couleurs : � Noir : #000000 � Gris : #CCCCCC � Blanc : #FFFFFF � Rouge : #FF0000 � Orange : #00FF00 � Bleu : #0000FF � Jaune : #FFFF00 � Cyan : #00FFFF

� Rose : #FF00FF f) On veut mettre texte de police Arial, souligné, en italique, en gras, et de couleur rouge

=> texte : <font color="#0000FF"><b><i><u><font face="Arial"> texte</font></u></i></b></font>

7. Pour remplacer ou ajouter un fichier NOTA : Les noms des fichiers doivent être écrits sans espaces a) Ouvrir la fenêtre contenant le fichier b) Cliquer sur le fichier à l’aide du bouton droit de la souris, puis sur copier c) Dans FrontPage, et dans le répertoire sélectionné, cliquer sur le bouton droit de la

souris, puis sur coller 8. Pour supprimer une adresse e-mail d’une liste des Equipes

a) Éditer le fichier rfpx_equipe_x.htm b) Rechercher l'endroit où est inscrit l'ancien e-mail a) Répérer la balise contenant l’adresse e-mail et la supprimer entièrement, tel qu’elle

est ci-dessous :

<tr> <td> <div align="center"><a href="mailto: adresse e-mail"><font color="#FFFFFF"> adresse e-mail</font></a></div> </td> </tr>

c) Enregistrer le fichier (cliquer sur Fichier, puis Enregistrer) d) Fermer l'éditeur de texte

9. Pour supprimer un document

b) Éditer le fichier docs.htm c) Rechercher l'endroit où est inscrit l'ancien document d) Répérer la balise contenant l’ancien document et la supprimer entièrement, tel

qu’elle est ci-dessous :

<tr> <td width="150"> <div align="center"> </div> </td> <td width="150"> <div align="center"><a href=" document.pdf"> document.pdf</a></div> </td> <td width="150"> <div align="center"> </div> </td> <td width="150"> <div align="center"> </div> </td> </tr>

e) Enregistrer le fichier (cliquer sur Fichier, puis Enregistrer) f) Fermer l'éditeur de texte



NOTA : Noter que le fichier modifié se met automatiquement à jour dans FrontPage, et il est donc apparent sur : http://wwwdev.dgi.dassault-avion.fr:50140/ (adresse de développement du site Intranet). A cette adresse, on peut donc contrôler ce qu'on fait avant la publication du site au public.

10. Pour mettre à jour le site pour le personnel Dassault Aviation (site oper) a) Dans FrontPage appuyer sur les touches : Ctrl + B b) Une fenêtre apparaît :

c) Cliquer sur OK d) Il apparaît une fenêtre dans

laquelle il faut taper le logon de netscape et son mot de passe :

d) Le site a été mis à jour pour le public sur : http://www.dgi.dassault-avion.fr:50139/

RAPPORT DE STAGE - jonathan.weisberg.free.frjonathan.weisberg.free.fr/2001-04 - rapport de stage...

Documents

Transcript of RAPPORT DE STAGE - jonathan.weisberg.free.frjonathan.weisberg.free.fr/2001-04 - rapport de stage...