2014 - 2015 Rapport de stage
ISTIC – UFR Informatique et Électronique
Université de Rennes 1, Campus de Beaulieu
263, aven...
2
Remerciements
Avant d’écrire mon rapport, j’aimerais commencer par remercier certaines personnes car le résultat de ce
t...
3
Table des matières
1. Introduction générale ...............................................................................
4
5.6. Problèmes rencontré ..................................................................................................
5
Table des Illustrations
Figure 1 Répartition géographique des revenus globaux du marché des TIC (en milliards d'euros).....
6
1. Introduction générale
Le monde devient de plus en plus informatisé. Les informations sont aujourd’hui plutôt stockées...
7
2. Présentation de l’entreprise
2.1. Orange S.A.
2.1.1. Une courte introduction
Orange, est une société multinationale f...
8
2.2. Gouvernance d’Orange S.A.
La gouvernance du Groupe Orange est constituée d’un conseil d'administration, d’un comité...
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 ...
10
sociaux, et des transferts de données, encore relativement neufs, devraient être les moteurs de la
croissance des servi...
11
Cinq leviers d’actions et une dynamique
Figure 2 Cinq leviers d’actions et une dynamique
3. Présentation du service
3.1...
12
OLPS : Orange Labs Produits et Services. Ils sont pour le développement de nouvelles produits,
services et offres aux c...
13
 Management de la Qualité (MAQ) : L’équipe management de la qualité est en charge du
pilotage du changement sur le dom...
14
M. Pierre SAUDE est chargé de l’équipe MAQ.
Cette équipe m’a accueillie pendant mon stage, avec M. SAUDE comme mon mait...
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 l...
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’int...
17
4.4. Déroulement du stage et travail à réaliser
A partir de ces grandes taches à réaliser, le travail à faire pour la s...
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 q...
19
Figure 4 Page Accueil QualityLabs Version 1
5.2. Site benchmark « Safran »
Avant le commencement du développement cible...
20
Figure 5 Page d'accueil Safran
Figure 6 Page dans Safran avec titres plié
Pour simplifier notre travail et démarche, no...
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 ...
22
La page d’accueil est aussi une partie du site qui a nécessité avec un autre membre de l’équipe
situé à Lannion beaucou...
23
Figure 9 Exemple d'une page en construction
5.5. Initialisation du site, création des menus et implémentation
des pages...
24
Figure 10 Menu Référentiel
Figure 11 Wiki RAN
25
En revanche, les pages qui sont implémenté dans le site sont souvent créées à partir de page html.
Un document html (co...
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’...
27
5.6.2.2. Solution
Le « Parcours Projet » et les acteurs correspondants doit être implémenté d’une façon lisible,
access...
28
La figure suivante montre le découpage en plusieurs pages de la vue Responsable Maintenance.
Figure 15 La découpage de ...
29
Cas 2 : Regroupé dans une page
Cette partie est particulière dans le site car elle est développée à part de SharePoint ...
30
Figure 18 Page Responsable Solution Technique
La figure suivant montre les titres qui sont pliée au départ et qui peut ...
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
so...
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 ...
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 conc...
34
7. Annexe
Figure 22 Annexe 1
Figure 23 Annexe 2
35
Figure 24 annexe 3
Figure 25 annexe 4
36
Figure 26 annexe 5
Figure 27 annexe 6
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...
Prochain SlideShare
Chargement dans…5
×

SALIM_EarlyAlbany_Rapport_de_Stage_L3_MIAGE

42 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
42
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
4
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

SALIM_EarlyAlbany_Rapport_de_Stage_L3_MIAGE

  1. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 24 Figure 10 Menu Référentiel Figure 11 Wiki RAN
  25. 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. 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. 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. 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. 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. 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. 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. 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. 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. 34 7. Annexe Figure 22 Annexe 1 Figure 23 Annexe 2
  35. 35. 35 Figure 24 annexe 3 Figure 25 annexe 4
  36. 36. 36 Figure 26 annexe 5 Figure 27 annexe 6
  37. 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.

×