1. 2014 - 2015 Rapport de stage
ISTIC – UFR Informatique et Électronique
Université de Rennes 1, Campus de Beaulieu
263, avenue du Général Leclerc
CS 74205, 35042 Rennes CEDEX, France
02 23 23 39 00
www.istic.univ-rennes1.fr
istic-contact@univ-rennes1.fr
istic-stages-info@univ-rennes1.fr
istic-stages-elec@univ-rennes1.fr
Chargé de développement d’un
espace de publication digital
parcours MIAGE
LICENCE
INFORMATIQUE
(3e
année)
Stage effectué du 15 avril 2015 au 17 juillet 2015 à Orange Labs Issy-les-Moulineaux, Île-de-
France
Early Albany SALIM
Orange, Orange Labs Produits et
Services
Direction de Qualité
38-40 Rue du Général Leclerc,
92130 Issy-les-Moulineaux,
France
Sous la responsabilité de
Pierre SAUDE, pierre.saude@orange.com, Orange
Mikael FOURSOV, mickael.foursov@irisa.fr, ISTIC

2. 2
Remerciements
Avant d’écrire mon rapport, j’aimerais commencer par remercier certaines personnes car le résultat de ce
travail n’est pas le résultat d’une seule personne mais la collaboration, le partage et le soutien de toute
une communauté.
Je tiens à remercier M. Pierre SAUDE mon maitre de stage et le manager de l’équipe dans laquelle je suis
ainsi que mon tuteur de stage M. Mikael FOURSOV et les autres professeurs de l’ISTIC car sans eux, je
n’aurai jamais eu la chance de vivre cette expérience.
Je remercie à M. SAUDE et Jacqueline qui étaient toujours là pour m’aider dans tous les problèmes que j’ai
rencontrés, que ce soit un problème quotidien ou bien un problème lié au projet.
Je remercie tout l’équipe de Management de la Qualité, Jacqueline Plaisance, Claire et Marie-Pierre qui
m’ont également accompagnée dans le développement du site.
Je remercie à Jorgovanka qui a gracieusement partagé son bureau avec moi et qui a toujours été là pour
m’aider dans les problèmes quotidiens.
Je remercie particulièrement toutes les personnes qui m’ont permis de passer les meilleurs moments en
entreprise qui m’ont toujours apporté sympathie et convivialité et qui ont fait que mon stage se passe dans
les meilleures conditions possibles, l’équipe de la pause déjeuné: Inès, El Hadje, Salwa, Chao, Bérnard,
Bruno, Daniel, Françoise, Christine et Jorgovanka.
Merci à M. SAUDE et Jacqueline pour avoir évalué mon rapport et qui n’a pas été découragé par mes
fautes de français.

3. 3
Table des matières
1. Introduction générale ................................................................................................................................6
2. Présentation de l’entreprise ......................................................................................................................7
2.1. Orange S.A...........................................................................................................................................7
2.1.1. Une courte introduction ..............................................................................................................7
2.1.2. Orange, opérateur mobile britannique ......................................................................................7
2.1.3. Rachat de Orange par France Télécom et sa privatisation..........................................................7
2.2. Gouvernance d’Orange S.A. ................................................................................................................8
2.3. Activités d’Orange...............................................................................................................................8
2.4. Perspective..........................................................................................................................................9
2.4.1. Le marché mondial des télécommunications en 2013................................................................9
2.4.1.1. Perspective...............................................................................................................................9
2.5. Stratégie ............................................................................................................................................10
2.5.1. Essentiels 2020...........................................................................................................................10
3. Présentation du service ...........................................................................................................................11
3.1. Orange Labs.......................................................................................................................................11
3.2. Direction Qualité...............................................................................................................................12
3.3. Organigramme de Direction Qualité .............................................................................................13
3.4. Management de la Qualité (MAQ)................................................................................................13
4. Présentation du stage..............................................................................................................................14
4.1. Objectif du stage ...............................................................................................................................15
4.2. Technologies utilisés pour le développement du nouvel site intranet ............................................15
4.3. Tâches................................................................................................................................................16
4.4. Déroulement du stage et travail à réaliser .......................................................................................17
5. Travail réalisé...........................................................................................................................................18
5.1. Début / Travail réalisé pendant le début du stage ...........................................................................18
5.2. Site benchmark « Safran » ................................................................................................................19
5.3. Page d’accueil Version 2....................................................................................................................21
5.4. Travail de façon collaborative et autonome.....................................................................................21
5.4.1. Collaborations............................................................................................................................21
5.4.2. Autonome ..................................................................................................................................22
5.5. Initialisation du site, création des menus et implémentation des pages.........................................23

4. 4
5.6. Problèmes rencontré ........................................................................................................................25
5.6.1. Actualités sur la page d’accueil..................................................................................................25
5.6.2. Parcours projet ..........................................................................................................................26
5.6.2.1. Problématique........................................................................................................................26
5.6.2.2. Solution ..................................................................................................................................27
5.6.3. Etude de faisabilité Doku Wiki...................................................................................................31
5.7. Page d’accueil version 3....................................................................................................................32
5.8. Travail réalisé après 10 semaines .....................................................................................................32
5.9. Reste à faire.......................................................................................................................................32
6. Conclusion................................................................................................................................................33
7. Annexe .....................................................................................................................................................34
8. Résumé.....................................................................................................................................................37

5. 5
Table des Illustrations
Figure 1 Répartition géographique des revenus globaux du marché des TIC (en milliards d'euros)................9
Figure 2 Cinq leviers d’actions et une dynamique...........................................................................................11
Figure 3 Organigramme de Direction Qualité .................................................................................................13
Figure 4 Page Accueil QualityLabs Version 1 ...................................................................................................19
Figure 5 Page d'accueil Safran .........................................................................................................................20
Figure 6 Page dans Safran avec titres plié .......................................................................................................20
Figure 7 Page d'accueil version 2.....................................................................................................................21
Figure 8 Page d'accueil Projets ........................................................................................................................22
Figure 9 Exemple d'une page en construction ................................................................................................23
Figure 10 Menu Référentiel.............................................................................................................................24
Figure 11 Wiki RAN ..........................................................................................................................................24
Figure 12 Page Manuel Qualité........................................................................................................................25
Figure 13 Actualité avec "new"........................................................................................................................26
Figure 14 Page Racine de Parcours projet.......................................................................................................27
Figure 15 La découpage de vue Responsable Maintenance............................................................................28
Figure 16 Bouton navigation............................................................................................................................28
Figure 17 Page vue Acteurs..............................................................................................................................29
Figure 18 Page Responsable Solution Technique............................................................................................30
Figure 19 Page Responsable Solution Technique titres pliés ..........................................................................30
Figure 20 Titres dépliés....................................................................................................................................31
Figure 21 Page d'accueil Innovation Way........................................................................................................32
Figure 22 Annexe 1 ..........................................................................................................................................34
Figure 23 Annexe 2 ..........................................................................................................................................34
Figure 24 annexe 3...........................................................................................................................................35
Figure 25 annexe 4...........................................................................................................................................35
Figure 26 annexe 5...........................................................................................................................................36
Figure 27 annexe 6...........................................................................................................................................36

6. 6
1. Introduction générale
Le monde devient de plus en plus informatisé. Les informations sont aujourd’hui plutôt stockées de
façon numérique et les réseaux de communication entre nous deviennent de plus en plus sophistiqués.
Pour cette raison, j’ai souhaité effectuer un stage dans une entreprise dans le domaine du développement
informatique afin de voir et de réaliser comment les entreprises implémentent les nouvelles technologies
dans notre vie quotidienne
Etant étudiant en L3 Informatique MIAGE à l’ISTIC, l’Université de Rennes 1, j’ai effectué un stage
dans le cadre de ma formation dans le but de mettre en pratique ce que j’ai acquis au cours de mes études
et aussi de m’intégrer et apprendre à m’adapter aux différentes situations de la vie professionnelle.
L’entreprise française Orange, anciennement France Telecom, a proposé un stage au titre de
« développement d’un site intranet » au sein de leur division de recherche et développement, nommé
Orange Labs, dans la direction qualité. Parmi trois options que j’avais, j’ai préféré de faire mon stage à chez
Orange. La mission de ce stage m’a attiré particulièrement car il me permettait de voir comment les
informations sont mises en place numériquement et comment un nouveau site intranet est développé.
Mon stage de durée de 3 mois, entre le 15 avril jusqu’au le 17 juillet, s’est effectué au sein de
Orange Labs à Issy-les-Moulineaux, Île-de-France. Ma mission principale a été de développer un nouveau
site intranet pour la Direction Qualité d’Orange Labs. Ce nouveau site sera mis-en-place pour les salariés
d’Orange Labs pour faciliter l’accès aux informations importantes et pertinentes.
Dans un premier temps dans ce rapport je vais décrire l'entreprise et sa division de recherche et
développement. Ensuite je vais parler du service de Direction Qualité d’ Orange Labs et de l’équipe
Management de la qualité où j’ai effectué mon stage. Puis je vais expliquer mes missions, et le travail
réalisé lors de ce stage avant de dresser un bilan de celui-ci.

7. 7
2. Présentation de l’entreprise
2.1. Orange S.A.
2.1.1. Une courte introduction
Orange, est une société multinationale française de télécommunications. Anciennement France
Télécom, Orange sert en 2013 près de 236 millions de clients dans le monde. En 2013, l'entreprise est
leader ou second opérateur dans 75 % des pays européens où elle est implantée et dans 83 % des pays en
Afrique et au Moyen-Orient.
Orange était à l'origine une entreprise de télécommunication d'origine britannique devenue, en
1999, la filiale de Mannesmann puis, en 2000, celle du groupe France Télécom. France Télécom,
l'opérateur téléphonique historique en France, s'est internationalisé à la suite du rachat d'Orange. Le
nouveau groupe ainsi créé est présent notamment en Europe, en Afrique et dans les Caraïbes. À partir du
rachat d'Orange, la plupart des marques du groupe France Télécom sont passées sous la marque Orange.
Orange depuis le 1er juillet 2013 est devenue le nouveau nom de France Télécom.
2.1.2.Orange, opérateur mobile britannique
En 1990, Pactel Corporation, British Aerospace, Millicom et Matra créent le consortium
Communications Microtel avec pour but de développer une offre concurrente à celle de Vodafone au
Royaume-Uni.
En Juillet 1991, Hutchinson Telecom, une filiale britannique du conglomérat basé à Hong Kong
Hutchison Whampoa acquiert une participation majoritaire dans Microtel Communications Ltd. Ensuite,
Hutchison rebaptisé Microtel comme Orange Personal Communications Services Ltd, et le 28 Avril 1994, la
marque Orange a été lancé dans le marché du téléphone mobile au Royaume-Uni.
2.1.3.Rachat de Orange par France Télécom et sa privatisation
En août 2000, France Télécom rachète Orange à Vodafone pour un coût total estimé à 39,7
milliards d’euros. Les activités de téléphonie mobile d'Orange sont alors fusionnées avec la majorité des
activités mobiles de France Télécom constituant le nouveau groupe Orange SA.
En septembre 2004, l'État français cède une partie de ses actions pour passer en dessous de la
barre des 50 %. France Télécom devient alors une entreprise privée. Cent-quinze ans après sa
nationalisation, la téléphonie redevient privée en France.

8. 8
2.2. Gouvernance d’Orange S.A.
La gouvernance du Groupe Orange est constituée d’un conseil d'administration, d’un comité exécutif et de
trois comités qui orientent la stratégie d'Orange.
Ces trois comités sont :
 Comité d'Audit
 Comité de gouvernance et de responsabilité sociale des entreprises
 Comité de la stratégie
Depuis 2010, le PDG d’Orange est Stéphane Richard.
2.3. Activités d’Orange
Orange développe et commercialise trois grandes familles de services :
 les services de communication résidentiels
 les services de communication personnels
 les services de communication d'entreprise
Egalement ses Domaines d’Activités Stratégique comprennent :
 Internet : Orange propose des offres d'accès internet haut débit, ADSL et via la fibre optique, ainsi
que des services et périphériques multimédias via la Livebox.
 Les services personnels / Mobile : Orange est l’un des leaders mondiaux des services de
télécommunications. Il est présent dans 22 pays.
 Services convergents : Orange fonde une partie de sa stratégie dans les services convergents. Un
exemple est Unik. Unik permettant aux abonnés mobile d'utiliser un réseau Wi-Fi pour des appels
téléphoniques grâce à des téléphones spécifiques bi-modes GSM/WIFI.
 Orange Business Services : Orange Business Services est la marque d'Orange spécialisée dans les
solutions de télécommunications à destination des entreprises et du secteur public (téléphonie fixe
et mobile, transmission de données, Internet, réseaux locaux d'entreprises).

9. 9
2.4. Perspective
2.4.1. Le marché mondial des télécommunications en 2013
En 2013, il est constaté qu’une légère reprise du marché mondial des technologies de l’information
et de la communication (TIC) qui pour la première fois a cru plus rapidement que le produit intérieur brut
mondial.
Pourtant, la croissance du secteur des TIC reste modeste (+ 3,3 %), en dépit du développement de
grands acteurs (Apple, Samsung, Google, ou Facebook). La relation qui reste positive entre l’expansion des
marchés des TIC et la croissance économique n’est plus aussi marquée qu’auparavant. De plus, la résilience
attribuée traditionnellement au secteur numérique par rapport aux autres secteurs de l’économie apparaît
de moins en moins évidente.
Figure 1 Répartition géographique des revenus globaux du marché des TIC (en milliards d'euros)
Au sein des TIC (qui regroupent principalement les secteurs de l’informatique, de l’audiovisuel, des
multimédias, de l’internet et des télécommunications), le marché mondial des services télécoms a pour sa
part connu en 2013 la même progression qu’en 2012 (+ 2,7 %) inférieure à celle du PIB mondial. La
persistance de la crise a particulièrement impacté les services de télécommunication dans les pays
matures.
2.4.1.1. Perspective
Selon l’Idate, le marché mondial des services de télécommunications devrait connaître une
croissance annuelle moyenne de 2,9 % sur la période 2013-2025. Les secteurs de la vidéo, des réseaux

10. 10
sociaux, et des transferts de données, encore relativement neufs, devraient être les moteurs de la
croissance des services internet dans les prochaines années. En particulier, les téléchargements et
échanges de vidéos, qui mobilisent des capacités en croissance exponentielles, devient représenter 69 %
du trafic global internet Grand Public en 2017 (source : Cisco, VNI 2012). La convergence rapide des
différents services fixes et mobiles, de même que des infrastructures de communication qui les supportent
et qui étaient jusqu’à présent distinctes, devrait s’amplifier. Enfin, la redistribution de la chaîne de la valeur
au sein du secteur des TIC devrait se poursuivre. Le poids des services OTT qui représentait 2,5 % des
revenus des services de communication au niveau européen en 2012, devrait continuer de croître et se
situer à 6 % à l’horizon 2020 (source : Idate, décembre 2012).
2.5. Stratégie
2.5.1.Essentiels 2020
Avec son nouveau projet stratégique, Essentiels2020, Orange se donne pour mission d’être
toujours présent pour connecter chacun à son essentiel et lui faire vivre une expérience unique au
quotidien en concevant les services numériques qui lui permettent de profiter, en toute confiance de ce
qui lui importe le plus.
Au lieu de partir de « nous, de nos technologies, de nos offres, de nos centres d’appels, » Orange va
désormais partir du client, de ses attentes et des aspirations. Il s’agit d’écouter puis d’agir pour fabriquer
ensemble des solutions « sur mesure » qui répondent véritablement aux besoins de ses clients.
La nouvelle marque participe activement à soutenir cette ambition en aidant tous ses clients à
cibler plus intuitivement ce qui est essentiel pour eux.
Orange réalise son ambition grâce à cinq leviers d’actions et une dynamique, celle d’une entreprise
digitale efficace et responsable.
 Offrir une connectivité enrichie
 Réinventer la relation client
 Construire un modèle d’employeur digital et humain
 Accompagner la transformation du client entreprise
 Se diversifier en capitalisant sur nos actifs
 La dynamique d’une entreprise digitale efficace et responsable

11. 11
Cinq leviers d’actions et une dynamique
Figure 2 Cinq leviers d’actions et une dynamique
3. Présentation du service
3.1. Orange Labs
Appelé France Télécom R&D jusqu'en janvier 2007, Orange Labs est la division recherche et
développement du groupe Orange.
Le réseau des Orange Labs regroupe plus de 5 000 collaborateurs dont 3 700 ingénieurs et
chercheurs dans 18 centres.
Les laboratoires de recherche et développement sont distribués en France entre Issy-les-
Moulineaux, Lannion, Grenoble, Caen, Rennes, Sophia Antipolis, La Turbie et Belfort, mais également à
l'étranger : Pologne, le Technocentre Orange de Londres, Madrid et Barcelone, Le Caire, Tokyo, Jordanie,
Corée, Pékin, Tunisie et San Francisco.
Orange Labs a créé, le 1ere octobre 2012, trois pôles principaux. Ces pôles sont : Orange Labs
Network (OLN), Orange Labs Research (OLR) et Orange Labs Produits et Services (OLPS).

12. 12
OLPS : Orange Labs Produits et Services. Ils sont pour le développement de nouvelles produits,
services et offres aux clients Orange.
OLN : Orange Labs Network, conçoit les réseaux d’Orange. Ces réseaux supportent la téléphonie
fixe, la téléphonie mobile et la data mobile (3G, 4G et 5G) et l’internet (ADSL et fibre optique).
OLR : Orange Labs Recherche. Cette entité pilote les projets de recherche d’Orange.
3.2. Direction Qualité
La mission générale de la Direction Qualité (DQ) des Orange Labs est de favoriser la réussite des
projets et activités des Orange Labs pour en faire l'acteur reconnu de l'innovation du Groupe Orange.
Ses enjeux principaux sont d’aider à la professionnalisation de l’appareil de production, de s’assurer
de la mise en place de processus et d’une gestion de projets, simples, efficaces et communs aux Orange
Labs, et de garantir l’amélioration continue grâce aux retours clients internes et externes.
Un de ses enjeux principal est d'aider à la professionnalisation des collaborateurs des Orange Labs,
par la mise en œuvre de processus, méthodes et outils sur les différents domaines de production, mais
aussi par le développement d’une culture collaborative visant à faire émerger les meilleures pratiques.
En relation avec les directions techniques des trois Orange Labs, la DQ vise à définir et gérer le
Système de Management de la Qualité (SMQ) des Orange Labs, soutenir les équipes dans la mise en
application du SMQ, des méthodes et des outils, développer la culture Qualité dans les Orange Labs,
mettre en place une politique Qualité en cohérence avec la stratégie du Groupe Orange pour augmenter
l’efficience des équipes et la suivre par des indicateurs pertinents (notamment sur les coûts, les délais, la
capitalisation et l'écoute du client).
La direction qualité comprend 4 équipes dont les missions sont :
 Accompagnement Projets et Equipes (APE) : L’équipe APE contribue à la réussite des projets
et activités des Orange Labs par la contribution des Ingénieurs Qualité Projet dans la DQ et
dans les directions, selon deux axes : L’accompagnement Qualité dans le management des
projets et des équipes et la gestion de l’activité transverse de management de projet
 Méthodes et Outils pour les métiers de Production (MOP) : L’équipe MOP contribue à la
professionnalisation de l’appareil de production par ses activités sur le domaine des
procédures, méthodes et outils pour les métiers de production. Celles-ci sont menées en
assurant une étroite coopération avec les acteurs métiers sur les différents domaines

13. 13
 Management de la Qualité (MAQ) : L’équipe management de la qualité est en charge du
pilotage du changement sur le domaine de la qualité et du développement et déploiement
du SMQ basé sur une cartographie des processus commune aux Oranges Labs
 Support SILabs (SIL) : Gestion courante de l'outil, administration et soutien
Le responsable / directeur de ce département est Alex RIGALDO.
3.3. Organigramme de Direction Qualité
Figure 3 Organigramme de Direction Qualité
3.4. Management de la Qualité (MAQ)
L’équipe management de la qualité est en charge du pilotage du changement sur le domaine de la
qualité et du développement et déploiement du SMQ (Système de la Management Qualité) basé sur une
cartographie des processus commune aux Oranges Labs.
Les missions du domaine se déclinent en trois axes :
 Pilotage du changement
 Gestion des processus communs aux trois Oranges Labs en relation avec les pilotes
 Déploiement du SMQ
Cette équipe est composée d’Ingénieurs de qualité processus. L’équipe est reparti en diffèrent Orange Labs
en France. L’équipe Management de la qualité est comme suit :
 Pierre SAUDE : Manager de la Qualité, Issy-les-Moulineaux, Ile-de-France
 xxxx xxxx : Référentiel qualité, Ingénieur Qualité Processus, Issy-les-Moulineaux, Ile-de-France
 xxxx xxxx : Communication & Formation, Lannion
 xxxx xxxx : Ingénieur Qualité Processus, Grenoble
 xxxx xxxx : Ingénieur Qualité Processus, Toulouse

14. 14
M. Pierre SAUDE est chargé de l’équipe MAQ.
Cette équipe m’a accueillie pendant mon stage, avec M. SAUDE comme mon maitre de stage.
4. Présentation du stage
Le titre de ce stage est : Chargé de développement d’un espace de publication digital.
La Direction Qualité d’Orange Labs a cherché un étudiant / stagiaire pour développer un nouvel
espace de publication digitale afin de partager les informations pertinentes entre tous les salariés d’Orange
facilement. Actuellement, les informations sur la qualité, les méthodes de processus et les projets sont soit
dans une forme de document Word, Excel ou PowerPoint. Cette section de l’information devra changer
pour faciliter le partage et diffusion des documents. La Direction Qualité a pris la décision de créer un
nouvel espace de publication qui regroupera tous ces informations. Avec ce nouvel espace, les
informations seront plus accessibles et facile à consulter. Ce nouvel espace de publication digital sera de
forme Media Wiki, Doku WIKI et un site portail.
L’objectif principal de ce stage est de développer un nouvel site portail pour accéder aux pages wiki
contenant les informations publiées par les ingénieurs, chercheurs et salariés d’Orange Labs.
Le but de mon stage est de créer un site intranet qui correspond à ces besoins et satisfont les
directives donné par la Direction de Qualité.
Dans un premier temps, mon maitre de stage m’a indiqué que ce nouvel site portail sera ouvert
pour le public (salariés d’Orange) en fin juin. Avec cette contrainte, il m’a expliqué que le site ne sera pas
complet lors de la premier l’ouverture aux salariés cependant les parties considérés les plus important sera
mise-en-place et prêtes pour consultation.
Au départ du stage, mon maitre de stage m’a donné les objectifs du stage ainsi que les grandes
taches du projet.

15. 15
4.1. Objectif du stage
L’objectif du stage est la création de nouveau site Intranet. Ce site sera un portail qui sera la porte
d’entrée aux Wikis d’Orange Labs pour les salariés d’Orange. Je suis chargé du développement de ce
nouvel intranet qui je développerais avec l’aide de technologies et outils déjà présente en Orange Labs.
Je suis le seul développeur pour ce site Intranet. Cependant, ça ne veut pas dire que je travaille tout
seul. Je dois collaborer avec l’équipe de MAQ pour le mise-en-place des pages et informations sur le site.
Ceci nécessite de travailler en collaboration avec tous les membres d’équipe afin de réaliser l’objectif de
mon stage.
La technologie adoptée par la MAQ pour le développement de ce nouvel site est un outil appelé
SharePoint Portal. Cet outil est mis-en-disposition par Orange Labs pour les salariés d’Orange.
4.2. Technologies utilisés pour le développement du nouvel site
intranet
Le programme principal utilisé pour le développement de nouveau site intranet est un outil appelé
Microsoft SharePoint Portal.
SharePoint Portal est une offre de service fondée sur Microsoft Office SharePoint Server (MOSS). Il
permet de créer et gérer un site Intranet. Les fonctionnalités de SharePoint sont la gestion de contenu, les
moteurs de recherche, la gestion électronique de documents, les forums, la possibilité de créer des
formulaires et des statistiques décisionnelles.
Microsoft Office SharePoint Server (MOSS) permet de fédérer au sein d'un portail d'entreprise
plusieurs sites utilisant Windows SharePoint Services. Les fonctionnalités supplémentaires alors apportées
par Microsoft Office SharePoint Server sont par exemple :
 Création de sites personnels
 Agrégation de contenu de sites différents au format RSS
 Annuaire de sites
 Moteur de recherche indexant l'ensemble des sites de l'entreprise
SharePoint Portal permet de gérer, structurer et organiser un site intranet. Il gère la de notions de
composant web part qui est une fonctionnalité intégrale de SharePoint Portal pour de création des pages.
Cependant, l’outil et ses composants web parts ne permettent que de créer des pages des bases car ses
fonctionnalités sont limitées.

16. 16
Avec ce contrainte, pour améliorer le design du site ou rendre un page ou sous-site interactif il a
été impératif d’introduire du code additionnel afin de réaliser ce qui est attendu. Les langages utilisés pour
l’amélioration et le développement de page dans le site intranet sont :
 HTML
 JavaScript
 JQuery
4.3. Tâches
Au début du stage, mon maitre de stage m’a indiqué les grandes tâches, ou plutôt, les grandes
lignes du travail à faire. En réalité ces tâches ne sont pas rigides. Elles évoluent de semaine en semaine car
l’équipe de MAQ fait un point hebdomadaire sur le site. A chaque réunion, nous faisons un bilan et un mis-
à-jour sur du plan d’action.
Voici les grandes tâches en ordre chronologique :
 Initialisation et implémentation du nouveau site intranet en utilisant SharePoint Portal
 Etude de faisabilité pour certains composants du site
 Implémentation de maquettage de la page d’accueil
 Initialisation des menus principaux du site
 Création et implémentation des nouvelles pages pour le site
 Implémentation des graphiques et des cartographies pour les rendre interactifs
 Implémentation d’un sous-site interactif « Parcours Projet »
 Etude de faisabilité d’un site alternatif en utilisant une technologie alternative
Parfois, il est nécessaire de revenir à une tâche réalisée pour faire soit des améliorations ou soit des
changements qui sont souvent définir lors du point hebdomadaire.
Ces grandes tâches doivent être finalisées pour l’ouverture du site fin Juin.

17. 17
4.4. Déroulement du stage et travail à réaliser
A partir de ces grandes taches à réaliser, le travail à faire pour la semaine est défini pendant un
point avec l’équipe de MAQ. Ce point est une réunion de fin de semaine avec une durée habituelle d’une
heure et trente minutes. Pendant cette réunion, cinq points sont définis et établi.
Ces points sont :
 Travail fait ou terminé pendant la semaine
 Modifications ou mise à jour pour certains éléments du site
 Reste à faire pour la semaine suivant (nous appelons « actions »)
 La priorité de diffèrent action
 L’échéance de diffèrent action
A la fin de chaque réunion, un compte rendu est fait et mis-en-ligne pour qu’il est accessible à tous
les membres d’équipe MAQ.
Avec ce compte rendu de chaque semaine, nos objectifs de travail à faire sont formalisés.
Cependant, même si nous avons un guide pour diriger notre travail, l’équipe de MAQ travail d’une
façon agile. Souvent il y a des taches ou actions qui ne sont pas discutées ou déterminées pendant la
réunion de la fin de semaine. Ces taches sont souvent spontanées. Par exemple, s’il y a une modification à
faire ou une autre action qui n’est pas défini pendant la réunion, M. SAUDE me dit directement ce qu’il
faut faire et ce qu’il attend. De même avec d’autres membres d’équipe. S’il y a des modifications ou
actions impromptues, ils me disent directement soit oralement, en écrivant un mail et pour ces qui ne sont
pas à Paris, par appel téléphonique.

18. 18
5. Travail réalisé
Dans ce chapitre, je vais présenter le travail que j’ai réalisé, comment le travail est fait, avec qui j’ai
travaillé, les problèmes rencontré, mes réflexions pour les résoudre et les solutions et mes démarches
personnelles.
5.1. Début / Travail réalisé pendant le début du stage
Au début du stage, il y avait certaines initiatives que j’ai prises avant le commencement du
développement du site intranet. Premièrement, la technologie de Microsoft SharePoint étant quelque
chose de nouveau pour moi, j’ai pris quelque temps pour apprendre cette nouvelle technologie. Ont été
mis à ma disposition des documents Word, fiches pratiques et également quelque slides de cours qui
expliquent le fonctionnement de SharePoint fournit par le MOA d’Orange. Les trois premiers jours ont pris
pour apprendre le SharePoint ainsi que les objectifs et besoins de l’équipe MAQ.
Au départ, l’équipe MQA n’avait pas encore reçu le nouveau domaine de SharePoint Portal. Donc le
travail du nouvel site ne pourrait pas démarrer immédiatement. Il y avait une attente de 2 semaines entre
le début de mont stage et du développement. Pendant cette attente, j’en ai profité pour explorer et tester
le Microsoft SharePoint sur un bac à sable de SharePoint Portal. J’ai essayé d’implémenter et initialisé
diffèrent éléments, j’ai effectué des études de faisabilité pour déterminer du futur comportement et
fonctionnement de SharePoint portal et s’il est compatible avec les besoins exprimés par mon maitre de
stage.
La figure suivante montre la première maquette de la page d’accueil nouvel site intranet. Ce
maquettage n’est pas donc la forme finale. En réalité, le maquettage de la page d’accueil a évolué pour
différents raisons, problème d’incompatibilité de SharePoint Portal et aussi les nouvelle navigation et
fonctionnalités implémentée au fur et mesure du développement du site pour améliorer le « look » de la
page d’accueil.

19. 19
Figure 4 Page Accueil QualityLabs Version 1
5.2. Site benchmark « Safran »
Avant le commencement du développement cible, M. Saude m’as indiqué que nous allons nous
baser sur un benchmark avec le site « Safran » développé par la DSI Orange afin décapitaliser sur leur
expérience.
Ce site Safran a été développé avec les ressources de 2 ingénieurs informatiques car la solution
SharePoint Portal en natif n’étant pas suffisamment performante, ils ont dû rajouter du code pour obtenir
certaines fonctionnalités plus évoluées.
Nous avons été intéressé par certaines éléments de ce site, la partie actualités de la page d’accueil,
la structuration des menus ainsi que le comportement de plier / déplier présent sur certaines pages.

20. 20
Figure 5 Page d'accueil Safran
Figure 6 Page dans Safran avec titres plié
Pour simplifier notre travail et démarche, nous les avons contactés et nous avons fait une réunion
téléphonique pour savoir comment ces éléments avaient été réalisés. Dans mon développement j’ai
ensuite tenu compte de leur retour d’expérience.

21. 21
5.3. Page d’accueil Version 2
La figure suivante est la deuxième version de la page d’accueil où certains éléments non natifs de
SharePoint Portal sont intégrés. Sur la page nous voyons la partie actualité développée et intégrée sur le
site en introduisant du code HTML, JavaScript et JQuery. Les ballons au centre de la page sont aussi
particuliers car cliquables, avec renvoi vers la page wiki correspondante.
Figure 7 Page d'accueil version 2
5.4. Travail de façon collaborative et autonome
5.4.1. Collaborations
Le développement du site intranet de MAQ est un travail que j’ai réalisé seul, cela ne veut pas dire
que je ne travaillais pas avec les autres membres de l’équipe MAQ. En réalité ce site a été développé de
manière collaborative. En tant que développeur, j’avais besoin d’avoir des autres membres de l'équipe le
contenu métier qui devait être publié sur le site.
Par exemple, j’ai particulièrement travaillé avec un membre de l’équipe, Jacqueline. Elle étant une
référente dans la direction de qualité. Elle me fournissait du contenu sur les pages et des conseils dans
l’implémentation de la solution SharePoint Portal.

22. 22
La page d’accueil est aussi une partie du site qui a nécessité avec un autre membre de l’équipe
situé à Lannion beaucoup de collaboration sur la structure de la page, les images et le « look » recherché.
Cela a nécessité de travailler à distance, par appel téléphonique pour échanger, par mail pour transmettre
les documents de type PowerPoint. De même pour la partie « Parcours projet », des échanges ont eu lieu
avec une autre membre de l’équipe située à Grenoble.
5.4.2. Autonome
De temps en temps, j’étais obligé de travailler de façon automne car les informations pour
certaines parties du site n’étaient pas disponibles. Si par exemple pour une partie du site certaines
informations ne me sont pas encore livrées, je continue mon travail sur une autre partie ou je peux
progresser.
Si le contenu de certaines pages n’est défini qu’ultérieurement, je construis et propose une page
provisoire avec les informations en ma possession. Voici un exemple d’une page que j’ai proposé à M.
SAUDE et ce que nous avons conservé.
Figure 8 Page d'accueil Projets
Sinon, il y a aussi le cas où aucune information n’est disponible pour réaliser les pages. Dans ce cas,
je construis une page qui explique que cette paqge est en construction. Le plus important est que la page
créée n’est pas vide afin de ne pas désorienter l’utilisateur dans sa navigation sur le site.

23. 23
Figure 9 Exemple d'une page en construction
5.5. Initialisation du site, création des menus et implémentation
des pages
La structure générale du site, son hiérarchie, ses menus et ses pages, est créé à partir de SharePoint
Portal. Les menus servent comme un point d’accès aux pages qui sont sur le site lui-même, où sur les pages
Wiki externes.
Les figures suivantes montrent un menu déroulant qui, lorsque le visiteur clique sur un de ses options, va
diriger vers la page Wiki correspondant

24. 24
Figure 10 Menu Référentiel
Figure 11 Wiki RAN

25. 25
En revanche, les pages qui sont implémenté dans le site sont souvent créées à partir de page html.
Un document html (contenant le code script JavaScript / JQuery) est écrit et ensuite intégré dans le
SharePoint Portal.
Voici un exemple d’une page écrit en HTML (voir annexe 3 page 35)
Figure 12 Page Manuel Qualité
5.6. Problèmes rencontré
5.6.1. Actualités sur la page d’accueil
La figure suivant montre le comportement particulier de cette partie de la page d’accueil. Ici on voit
un nouveau format de visualisation des actualités et l’affichage d’une image « new » pour les actualités les
plus récentes. Ces comportements ne sont pas natifs au SharePoint Portal, c’est-à-dire qu’il est nécessaire
d’introduire notre propre code pour avoir ce résultat, j’ai donc rajouté du code HTML, JavaScript et JQuery
pour avoir ce rendu visuel (voir annexe 1 et 2, page 34). De plus le script calcule combien de jours
l’actualité a été sur le site, si c’est moins de trois jours, le script (voir annexe 1 page 34) affichera un
« new » à coté de date de l’actualité.

26. 26
Figure 13 Actualité avec "new"
5.6.2.Parcours projet
Le « Parcours projet » est une partie que j’ai développé et qui m’a nécessité un investissement
important. Cette partie est devenue un sous-site interactif basé sur le fonctionnement du site Safran
précédemment benchmarké.
L’implémentation de la partie « Parcours projet » pose problème car le sujet est complexe. Le
« Parcours projet » comprend une vue acteur de bout en bout du projet, soit son déroulement depuis la
1ere étude de faisabilité jusqu’au déploiement en RUN et l’ouverture commerciale. Le parcours projet
détaille toutes les activités, les livrables ainsi qu’un RACI des acteurs.
5.6.2.1. Problématique
Premièrement, le problème qui est posé est comment transférons-nous les informations qui sont
actuellement présentées sous forme de PowerPoint en une version digitale publiée sur le site intranet.
La difficulté est la grande quantité de slides pour chaque acteur, en termes visuel, un page contenant trop
d’information peut désorienter le visiteur. De plus, une page contenant beaucoup d’information pertinente
doit être présenté d’une façon lisible et accessible pour le visiteur afin qu’il puisse retenir les informations
importantes. Il est aussi impératif que la navigation sur le site soit fluide.

27. 27
5.6.2.2. Solution
Le « Parcours Projet » et les acteurs correspondants doit être implémenté d’une façon lisible,
accessible et facile à naviguer entre les différentes components / informations qui seront implémenter
dans le nouvel site.
Après concertation avec des membres de l’équipe, j’ai pris deux initiatives pour résoudre ce
problème :
 Soit les informations sont découpées dans plusieurs parties et ensuite implémentées dans
diffèrent sous-sites ou sous-pages avec un page racine. Un mécanisme de navigation est
implémenté pour faciliter la navigation entre les différentes parties
 Soit toutes les informations sont regroupées dans un seul page avec un mécanisme de
navigation qui permet de sauter vers différents partie de la page contenant l’information
correspondant
Ces deux cases ont été testées avec le bac à sable du SharePoint Portal.
Cas 1 : Information découpé
La figure suivante montre la page racine de « Parcours projet » qui est la page de départ et liens pour
accéder vers les autres vues.
Figure 14 Page Racine de Parcours projet

28. 28
La figure suivante montre le découpage en plusieurs pages de la vue Responsable Maintenance.
Figure 15 La découpage de vue Responsable Maintenance
La figure suivante montre le troisième page de la vue « Responsable Maintenance ». Nous voyons
ainsi les boutons qui permettent de naviguer entre les différents parties de cette vue, de retourner en
arrière et d’aller vers la partie suivante.
Figure 16 Bouton navigation

29. 29
Cas 2 : Regroupé dans une page
Cette partie est particulière dans le site car elle est développée à part de SharePoint Portal. Pour
avoir ce comportement de titres qui sont pliable et dépliable, il faut développer les pages HTML contenant
le code HTML qui contient le mis-en-forme (voir annexe 5 et 6 page 36) de la page et aussi la script
JavaScript et JQuery (voir annexe 4 et 5 page 35, 36).
La figure suivante montre la page racine de « Parcours projet » qui est le point de départ.
Figure 17 Page vue Acteurs
La figure suivante montre la page de Responsable Solution Technique. Toutes les informations sont
regroupées avec les différentes parties qui sont pliables et dépliables.

30. 30
Figure 18 Page Responsable Solution Technique
La figure suivant montre les titres qui sont pliée au départ et qui peut être déplié en le cliquant
Figure 19 Page Responsable Solution Technique titres pliés
La figure suivante montre les titres dépliés

31. 31
Figure 20 Titres dépliés
A la fin d’implémentation de ces deux cas, nous avons décidé à garder le deuxième cas comme
solution. Donc, toutes les autres vues des autres acteurs seront implémenté de même façon.
5.6.3. Etude de faisabilité Doku Wiki
A côté de développement du site intranet actuel, j’ai également été chargé de faire une étude de
faisabilité sur une autre technologie de wiki, Doku Wiki. Il s’agissait de savoir s’il était possible
d’implémenter le site portail avec une technologie de type wiki. Sur la base d’un Template en open source
une piste prometteuse a été trouvée, mais sa faisabilité doit être confirmée sur la fin du stage.

32. 32
5.7. Page d’accueil version 3
La figure suivante montre la dernière version de la page d’accueil du site intranet, qui est renommé
« Innovation Way », pour l’ouverture du 25 Juin.
Figure 21 Page d'accueil Innovation Way
5.8. Travail réalisé après 10 semaines
Mon stage a commencé mi-avril, et après 10 semaines je peux dire que je suis satisfait de
l’avancement du travail réalisé. A fin juin le site intranet que j’ai développé est opérationnel pour son
ouverture le 25 juin aux salariés d’Orange Labs. Par rapport au cahier des charges initial, mon maitre de
stage m’indiqué que j’ai su réaliser dans les délais et une bonne qualité le travail demandé.
5.9. Reste à faire
Comme mon stage se termine le 17 juillet, mes activités restantes porteront sur une version
anglaise du site « Innovation Way », une 1ere étude de migration du site de la version du site de
SharePoint Portal 2007 en Share Point Portal 2010 et la mise à jour de la documentation des
développements du site.

33. 33
6. Conclusion
Ce stage au sein d’Orange a été très enrichissant pour moi car il m’a permis de découvrir de
manière concrète le secteur de l’informatique et plus précisément le développement web, ses acteurs et
ses contraintes. Cette expérience m’a également permis de développer des compétences en
développement web à travers des missions variées comme l’initialisation et l’implémentation d’un
nouveau site. Ce stage m’a immergé au cœur d’une grande société, ce qui a été une première expérience
très constructive dans ma vie professionnelle. J’ai notamment pu développer ma manière de travailler en
équipe. Nous avons souvent mis en pratique la méthode agile car il y avait des ajouts de tâches non
prévues au départ. Au fil des réunions que nous avons eus, nous avons pu échanger nos idées, et j’ai ainsi
découvert que lorsque l’on est plongé dans un travail, il est nécessaire d’avoir un point de vue extérieur
pour prendre du recul par rapport à ce que l’on fait ; mais aussi de savoir exprimer ses idées clairement
tout en argumentant. De plus, cela m’a permis d’apprendre à être efficace en toute circonstance car il y
avait des échéances à respecter.
Lors de ce projet, j’ai eu l’occasion de mettre en pratique plusieurs connaissances acquises durant
mes cours universitaires. Certaines notions qui restaient pour moi assez floues comme la réalisation d’un
cahier des charges ou l’organisation du travail à effectuer sont devenues beaucoup plus parlantes. J’ai ainsi
compris entièrement leur importance et leur nécessité.
L’équipe « Management de la Qualité » de la Direction Qualité d’Orange Labs qui m’a accueilli
durant ce stage travaille actuellement sur un projet important, elle a digitalisé et publié le référentiel
Qualité. Je suis heureux d’avoir pu contribuer à cette évolution numérique et d’avoir eu l’entière
responsabilité de réaliser le site intranet appelé « Innovation Way », qui sera désormais une partie
intégrale dans le domaine de qualité d’Orange Labs.
Après l’informatique, le premier domaine de compétence que j’ai développé, je m’oriente
aujourd’hui vers le domaine de la finance, ou plus précisément sur le « Investment Banking ». Tout ce que
j’ai pu apprendre jusque-là que ce soit durant mes cours et mes projets universitaires ou durant mon
expérience professionnelle au sein d’Orange représentent un avantage énorme pour moi en entrant dans
le monde financier car aujourd’hui il y a beaucoup d’aspects informatiques qui sont intégrés et
implémentés dans ce domaine.
Fort de cette expérience et en réponse à ses enjeux, j’aimerais beaucoup par la suite essayer de
m’orienter via un prochain stage, vers le secteur financier dans un grande entreprise qui fait du
« Investment Banking » avec de grands acteurs comme JP Morgan et Goldman Sachs, et un important
développement d’avenir.

34. 34
7. Annexe
Figure 22 Annexe 1
Figure 23 Annexe 2

35. 35
Figure 24 annexe 3
Figure 25 annexe 4

36. 36
Figure 26 annexe 5
Figure 27 annexe 6

37. 37
8. Résumé
My 3 month internship at Orange Labs Issy-les-Moulineaux, Île-de-France, which began on the 15th
of April
and will end on the 17th
of July, has taught me practices that can only be learnt or experienced at the
workplace of a large multinational company. This internship has been a wonderful opportunity for me to
apply all that I have learnt during my studies by putting them into practice, specifically in the web
development domain. Despite the short duration of my internship, I have been tasked with a very
important responsibility, which is to develop a new intranet website for the Department of Quality at
Orange Labs. The website will be available for all Orange Labs employees as it will be a gateway portal for
users to access important and critical information that are indispensable to the development of their
projects at Orange Labs. My tasks include the creation and structuration of the website, the initialization of
and development of different web pages and the development of interactive sub-sites within the website.
For the development and initialization of the website, a tool provided by Microsoft called SharePoint Portal
is used. However, the functions and the capabilities of SharePoint Portal are limited. This leaves the web
pages with very basic designs and low user interactivity. In order to make the website better, HTML code,
JavaScript and JQuery scripts are integrated into SharePoint Portal. All the work that took place from the
first day of my internship culminated on the 25th
of June which was the soft opening of the website. At this
point, the website is near completion with only minor aspects and its English version lacking.
Mon Stage de 3 mois chez Orange Labs à Issy-les-Moulineaux, Île-de-France, qui a commencé le 15 Avril et
se terminera le 17 Juillet, m'a appris beaucoup des pratiques qui ne peuvent être apprises ou vécues qu’au
sein d’une grande entreprise multinationale. Ce stage a également été une merveilleuse occasion pour moi
d'appliquer tout ce que j’ai appris au cours de mes études en les mettant en pratique, en particulier dans
le domaine du développement Web. Malgré la courte durée de mon stage, j’ai été chargé avec une
responsabilité très importante, de développer un nouveau site intranet pour la direction de Qualité de
l'Orange Labs. Ce site est disponible pour tous les salariés d'Orange Labs, il est un portail qui permet aux
utilisateurs d'accéder à des informations importantes et critique qui sont indispensables pour le
développement de leurs projets. Mes tâches comprennent la création et la structuration du site,
l'initialisation et du développement de différentes pages web et le développement des sous-sites
interactifs au sein du site. Pour le développement et l'initialisation du site, un outil fourni par Microsoft
appelé SharePoint Portal est utilisé. Cependant, les fonctions de SharePoint Portal sont limitées, les pages
ayant un design et un niveau d’interactivité insuffisantes. Pour améliorer le site, du code HTML et les
scripts de JavaScript et JQuery sont intégré à SharePoint Portal. Tout le travail qui a eu lieu dès le premier
jour de mon stage a culminé le 25 Juin avec la première ouverture du site. En ce moment, le site est
presque terminé et il reste des aspects mineurs ainsi que la version anglaise à faire.