Embed Size (px)
Citation preview
1
Laurent PESNEL 5ème Année
ET
Tuteur : Pascal TURCQ
2
Table des matières Remerciements ............................................................................................................................................. 5
I) PRÉSENTATION ...................................................................................................................................... 7
A) Introduction ...................................................................................................................................... 8
B) Dassault Systèmes ........................................................................................................................... 10
A) Historique ........................................................................................................................................ 10
B) Histoire ............................................................................................................................................ 11
II) LE MARCHÉ.......................................................................................................................................... 13
C) Stratégie .......................................................................................................................................... 14
D) Produits ........................................................................................................................................... 15
E) Notoriété & Software ...................................................................................................................... 19
F) Les grands dirigeants ...................................................................................................................... 20
G) L’activité en bref ............................................................................................................................. 20
H) Le + de la Société ............................................................................................................................ 21
I) Croissance et Stratégie ................................................................................................................... 21
III) LE PROJET (DSX OFFER CATIA) ........................................................................................................ 22
A) Présentation du projet interne CATIA ............................................................................................. 23
1) CATIA ........................................................................................................................................... 23
2) Briefing ........................................................................................................................................ 23
B) Benchmark ...................................................................................................................................... 27
C) Prestations ...................................................................................................................................... 29
1) Site Internet ................................................................................................................................ 29
2) Le développement ...................................................................................................................... 31
3) Maquettes du site ....................................................................................................................... 32
4) Dépôt du nom de domaine et adresse mail ................................................................................ 33
5) Mises à jour ................................................................................................................................. 33
3
IV) LE BACK OFFICE ............................................................................................................................... 34
A) Accès au Back Office ....................................................................................................................... 35
B) La page d’accueil du Back Office ..................................................................................................... 35
C) Le menu « Site » du Back Office ...................................................................................................... 36
D) Les autres menus de la console d’administration .......................................................................... 37
V) FRONT OFFICE ..................................................................................................................................... 38
A) Le Front Office ................................................................................................................................. 39
B) Les extensions ................................................................................................................................. 41
1) Les composants ........................................................................................................................... 41
2) La gestion du contenu ................................................................................................................. 41
3) Fils d’actualités ............................................................................................................................ 42
4) Recherche ................................................................................................................................... 42
5) Les modules ................................................................................................................................ 43
6) Les positions ................................................................................................................................ 43
7) Ajouter un module ...................................................................................................................... 44
8) Ajouter un module déjà en place dans le site ............................................................................. 44
9) Les plugins ................................................................................................................................... 48
VI) LE WORKFLOW ................................................................................................................................ 49
A) Joomla ............................................................................................................................................. 50
B) Articles ............................................................................................................................................ 51
C) Les téléchargements ....................................................................................................................... 52
VII) GRAPHISME ..................................................................................................................................... 53
A) Logo ................................................................................................................................................. 54
1) Charte graphique ........................................................................................................................ 54
B) Les livrables ..................................................................................................................................... 54
4
VIII) BILAN ............................................................................................................................................... 55
A) Les Inattendus ................................................................................................................................. 56
B) LA CONVENTION ................................................................................................................................. 57
A) La convention de stage ................................................................................................................... 58
X) LA CONCLUSION ..................................................................................................................................... 60
A) Ma pensée ....................................................................................................................................... 61
B) Stage : Dassault Systèmes ............................................................................................................... 62
C) Le futur ............................................................................................................................................ 62
D) Remerciements ............................................................................................................................... 63
E) Les Sources ...................................................................................................................................... 64
XI) LES ANNEXES .......................................................................................................................................... 65
A) Créations graphiques Facebook ...................................................................................................... 66
B) Bannière Front Office ...................................................................................................................... 68
5
Remerciements
6
Durant ces six mois de stages en tant que développeur / graphiste et gestion de projets, j’ai bénéficié d’un entourage dynamique, très performant. Je remercie Mr. TURCQ qui fût mon tuteur de stage au sein de la communauté CATIA, qui m’a encadré au long de ces six mois en me fournissant d’une part les lignes directrices de mon stage et d’autre part le cadre formel et administratif de ce projet incluant les contacts des autres équipes au sein de cette branche. Mais ainsi Thierry Thibesard et Anne Cozic Freund pour leurs soutiens et à l’encadrement qui m’a été très instructif durant le développement du projet CATIA (Netvibes, Facebook, …).
7
I) PRÉSENTATION
8
A) Introduction Ce projet regroupant tous les documents vidéos (avi ou wmv) mais aussi les descriptions au complet de chaque industrie sur différentes fonctionnalités que CATIA disposent avec un savoir-faire des ingénieurs qui développent cet outil et les fournisseurs qui utilisent le produit.
Dans le cadre de mon cursus à l’IIM (Institut de l’internet et du Multimédia), ma cinquième année pour l’obtention du diplôme de « manager communication », effectuée dans la voie d’approfondissement de développement web et de la communication graphique, s’est close par un stage de fin d’étude pour mettre en application la formation acquise jusqu’alors et mener intégralement un projet à son terme. Pour cela, je réalise un stage au sein de l’entreprise Dassault Systèmes, dans le département de la communication marketing CATIA à Vélizy du 01 mars au 31 août 2012. Le sujet se résume au titre du développeur web / graphiste. Ces postes que j’occupe pendant toute la durée des six mois de stage ont pour but de développer un site interne qui a pour mission de proposer des documents (doc, xls, wmv, avi, ppt) descriptifs des 11 industries avec le logiciel CATIA que la communauté Dassault Systèmes dispose et le domaine de la communication et du partage d’informations. En effet, cela sera très pratique lorsque des vendeurs se renseignent sur les documentations des industries à leurs clients qui sont sélectionnés sur plusieurs critères, mais aussi à l’avancement des versions et des fonctionnalités qui se rajoutent successivement avec des patchs et garder la communauté à jour sur l’avancement du projet « CATIA ». Avec tous les avantages que procure déjà le logiciel CATIA (« Conception Assistée Tridimensionnelle Interactive Appliquée ») qui est un logiciel de conception assistée par ordinateur (CAO) créé au départ par la société Dassault Aviation pour ses propres besoins sous le nom de CATI (acronyme de conception assistée tridimensionnelles interactive). En moins de vingt ans, la Conception Assistée par Ordinateur (CAO) a révolutionnée la conception des produits industriels. Elle a en effet permis aux industriels de concevoir entièrement leurs produits de façon numérique, et ainsi de ne plus avoir recours aux maquettes physiques. Ces logiciels se sont développés de telle manière qu’il est aujourd’hui possible de couvrir
9
numériquement tout le cycle de conception d’un produit, de son cahier des charges jusqu’à sa fabrication et sa distribution. On parle alors de CFAO : Conception et Fabrication Assistées par Ordinateur. Cette évolution des métiers de la conception et de la fabrication d'un produit, trouve sa justification dans l'outil. En effet, il s’agit d’un outil à la fois de conception et de calculs, mais aussi et surtout de communication dans l'espace 3D. Ces évolutions ont permis une forte réduction des coûts et une diminution importante des temps des cycles de développement. Désormais, les logiciels de CFAO sont au cœur de nombreux projets aéronautiques et automobiles. La croissance dans ce secteur confirme bien le développement de l’utilisation de ces logiciels. Les méthodes de conception dans l’industrie se transforment rapidement et à tous les niveaux, depuis le cahier des charges du produit jusqu’à sa fabrication. Cette évolution concerne aussi bien les concepteurs que les ingénieurs.
10
B) Dassault Systèmes
Pour la conception, simulation et optimisation des produits ainsi que des processus de fabrication, Dassault Systèmes est le leader mondial sur le marché du développement des logiciels 3D permettant aux industries manufacturières de gérer le cycle de vie de leurs produits. Dassault Systèmes offre aux entreprises des solutions e-business pour la mise en œuvre de leur entreprise numérique, permettant ainsi la création et la simulation du cycle de vie intégral du produit, de la conception à la mise en fabrication. Leur expertise de la maquette numérique et des bases de données de nouvelle génération permet à leurs clients d’accéder à toutes les informations d’un produit durant l’ensemble de son cycle de vie. Tous s’apprêtent à franchir une étape décisive pour l’entreprise et ses clients : l’Internet business et ses applications 3D. Une nouvelle frontière où Dassault Systèmes agit en précurseur et entend s’imposer comme référence. Enfin, le groupe permet aux entreprises de travailler en réseau sur des projets en s’appuyant sur des outils logiciels et des liens internet que je vais vous expliquer un peu plus bas dans le rapport de stage. La représentation en 3D est une méthode de communication qui permet à l’ensemble des collaborateurs concernés – ingénieurs, financiers, équipes de fabrication… de coopérer, à distance et en temps réel à la fabrication du projet formant alors une communauté.
A) Historique
Tout débute avec 30 ingénieurs du département de développement informatique de Dassault Aviation. Les objectifs de ces ingénieurs de Dassault Systèmes, en complicité avec IBM, était de concevoir et de vendre le produit CATIA. Ce software rendait possible l’aperçu 3D des avions. Vingt ans plus tard, l’aventure s’est convertie en une série de victoires mondiales dans le domaine de la nouvelle technologie. La fabrication d’un avion militaire (privés) ou de ligne (public) est plus compliqué que celle d’un véhicule automobile. La société Avions Marcel Dassault (AMD), précurseur dans le domaine de la CFAO, donne naissance dès 1975 au logiciel CATI (CATIA), qui va lui permettre de concevoir et de façonner la première voilure de soufflerie en 1 mois alors qu’auparavant la construction d’un modèle similaire nécessitait 7 mois.
11
Face à cette réussite reconnue en aéronautique, il démontre que l’industrie dans son ensemble pourrait bénéficier d’un produit. En 1981, CATI est renommé CATIA (Computer-Aided Three-dimensional Interactive Application), et la société Dassault Systèmes (DS) est créée pour développer et faire évoluer ce logiciel, tandis qu’un accord est signé avec IBM pour en assurer la commercialisation au niveau mondial.
B) Histoire
Dassault Systèmes est une filiale du groupe Dassault créée en 1981 par la Société
des Avions Marcel Dassault afin de développer de nouvelles générations du logiciel
de conception assistée par ordinateur CATIA.
Dassault Systèmes s'est depuis élargi et développé partout dans le monde, des États-
Unis au Japon, en passant par Israël, l'Inde ou encore la Colombie. La société a
aujourd'hui pour secteur principal la gestion du cycle de vie des produits et de la
conception 3D.
Le siège de l'entreprise a déménagé son siège de Suresnes pour s'établir à Vélizy-
Villacoublay en fin 2008.
12
Dassault Systèmes a acquis :
En 2010, le moteur de recherche français Exalead acquis par DS pour 135 millions
d'euros.
En 2012, le portail personnalisable et outil de veille Netvibes 4 spécialisé dans la
création de tableaux de bord pour la veille marketing et le travail collaboratif pour 20
millions d'euros.
La Société a annoncé le projet d'acquisition en avril 2012, de la société canadienne
Gemcom, leader mondial des logiciels géologiques destinés à l'exploitation minière.
En 2012, Dassault Systèmes annonce le premier plan social de son histoire en France
avec la fermeture du laboratoire de recherche de Grenoble.
13
II) LE MARCHÉ
14
C) Stratégie
DS a bâti sa pyramide de ses offres autour de deux séries, en animant deux secteurs du marché :
- Le marché des processus industriels - Le marché de la conception
( Source : Dassault Systèmes )
Grâce l’expertise de l’entreprise, Dassault systèmes devrait ouvrir sur un marché à fort potentiel, celui du grand public, pour rendre le 3D accessible à tous les utilisateurs. Avec les différents produits CATIA, ENOVIA, DELMIA, cela représente plus de 300 000 licences, 50 000 clients et plus de 320 produits.
15
D) Produits
Dassault Systèmes propose des solutions sofware CATIA, DELMIA et ENOVIA. Il vend aux entreprises des solutions e-business et software pour la mise en œuvre de leurs sociétés au développement R&D, permettant la création. Ces solutions supportent des processus d’entreprise à l’industrie, permettant à leurs clients d’avantager la créativité et l’innovation, de réduire la durée de fabrication de leurs produits, d’en améliorer la qualité et d’être plus compétitive auprès de leurs concurrents actuelles. CATIA conçoit une série de plus 200 produits qui accède à la simulation des étapes de développement d’un produit ou plusieurs produits : conception mécanique, analyse, design, fabrication, assemblage, ingénierie des équipements et maintenance (Engineers). Les softwares que Dassault Systèmes conçoit sont compatibles sur tous les systèmes d’exploitation (Windows 7/ OS / Linux) .
Figure 2 - Solutions de conception mécanique (Source : 3DS)
Figure 3 - Solutions de design et conception surfacique (Source : 3DS)
16
Les données CATIA, DELMIA, et ENOVIA sont accessibles à tous (interne et externe), sur toute la toile du web. Grâce au portail de Dassault Systèmes. Le groupe Dassault Systèmes offre des solutions softwares pour la réalisation 3D et le système PDM (Product Data Management) inventé sur les technologies Windows et Internet.
Quelques chiffres La Société Anonyme (S.A) Dassault Systèmes annonce lors de ses rapports trimestriels ces derniers chiffres :
(Source : 3DS)
L’équipe
- 3500 personnes dans 12 pays - Environ 90% d’ingénieurs - Age moyen : 30 ans - 90% sont bilingues - 15% sont trilingues - 35% ont passés moins de 3 ans dans le même service
Depuis l’année 1996, Dassault Systèmes est coté à la Bourse de Paris (CAC 40) et au (Nasdaq) Américain.
17
Clients « 1 voiture sur 2 et 7 avions sur 10 à travers le monde sont modélisés avec le logiciel CATIA. » (Source : 3DS)
Même si CATIA est né dans des projets d’aviations et automobile (transport and mobility) que ce logiciel de CFAO doit à son succès. Aerospatiale: Airbus, Boeing, Bombardier, British Aerospace, Lockheed Martin, Mitsubishi
Automobile : BMW-Rover, Daimler Chrysler, Fiat, Honda, Ferrari Renault, PSA
Transport : Alstom Transport Division, Adytranz, Bombardier
18
Biens de consommation : IBM, Goodyear, Electrolux, Samsonite, Sony, Coca-Cola
Construction Navale: Delta Marin, GD Electric Boat/Bath, Litton Ingalls, Meyer Werft, Newport News, NKK
19
E) Notoriété & Software
Dassault Systèmes émet son offre logicielle autour de marques spécifiques à chaque
domaine applicatif de son marché. Cette stratégie se structure autour des deux produits
(Brand) de l'éditeur : CATIA pour la conception et fabrication assistée par ordinateur et
ENOVIA pour les systèmes de gestion de projets.
L’offre de Dassault Systèmes se compose de:
- CATIA : est le principal outil de CAO de l'éditeur..
- CAA V5, un environnement de développement informatique de CATIA, DELMIA
et ENOVIA avec des langages de programmation C++, C# et Java.
- DELMIA, logiciel de simulation.
- ENOVIA, pour la gestion collaborative et du cycle de vie des matériel.
- Exalead, infrastructure pour les moteurs de recherches.
- SolidWorks pour la création mécanique en 3D.
.
- SIMULIA, pour la simulation et les tests virtuels, issue de l'acquisition de la
société Abaqus en 2005.
- 3DVIA, est la dernière et nouvelle marque de Dassault Systèmes. Sa mission est
de démocratiser l'usage de la 3D pour que tout le monde puisse l'utiliser pour
dans la vie de tous les jours, au travail comme à la maison, à travers le web.
Cette Brand se décompose en quatre produits.
- 3DSwYm, réseau communautaire (interne) .
20
F) Les grands dirigeants
- Président du Conseil d'Administration : Charles Edelstenne
- Directeur Général : Bernard Charlès
- Directeur Financier : Thibault de Tersant
- Directeur R&D : Dominique Florac
G) L’activité en bref
Les solutions logicielles et services sont vendus à travers le monde entier. L'Europe représente 45% du chiffre d'affaires par zone géographique, suivi par les Amériques avec 31% et l'Asie avec 23%.
(Source : 3DS)
Leurs clients appartiennent aux onze secteurs industriels suivants : automobile (transport and mobility), aéronautique, équipements industriels, biens de consommation courante, produits grand public, énergie, hautes technologies (High Tech), construction navale (Ship), sciences de la vie (Life Sciences), construction et secteur tertiaire (Financial).
21
La Société possède six marques dont la mission spécifique est définie ci-dessous :
- D’innover dans la conception et la qualité des produits et services - D’accélérer le développement de produits et services pour répondre à la
demande du marché - De collaborer avec ses partenaires et ses sous-traitants au cours du
développement des produits - De réduire les coûts de développement et de fabrication des produits - De simuler l’utilisation de nouveaux produits par leurs clients finaux
H) Le + de la Société
La Société estime que ses principaux points forts lui ont permis d'accéder à une position de leader mondial sur le marché du PLM.
- La Société développe des partenariats à long terme avec ses clients - La Société s'engage fortement dans l'innovation technologique - La Société estime que sa stratégie donne à chacune de ses marques une
identité claire et fondée sur la valeur ajoutée qu’elle apporte aux clients, est un des facteurs clés de son succès
- La Société s'est pourvue d'un modèle d'entreprise étendue pour le développement de produits et pour la distribution
- La Société dispose d'un modèle financier solide, avec un chiffre d'affaires récurrent élevé
I) Croissance et Stratégie
La stratégie de croissance de la Société vise l’élargissement de son marché potentiel à de nouveaux marchés, à de nouvelles industries et à de nouvelles catégories d’utilisateurs.
- Gagner de nouveaux clients - Vendre des solutions - Étendre l'utilisation de la 3D à de nouveaux utilisateurs - Élargir les réseaux de ventes indirectes - Étendre le marché potentiel de la Société
22
III) LE PROJET (DSX OFFER CATIA)
23
A) Présentation du projet interne CATIA
1) CATIA
(Source : 3DS)
Le projet dis «CATIA» Conception Assistée Tridimensionnelle Interactive Appliquée, est un logiciel de conception assistée par ordinateur (CAO) créé au départ par la société Dassault Aviation pour ses propres besoins sous le nom de CATI (acronyme de conception assistée tridimensionnelle interactive). La compagnie Dassault Systèmes fût créée en 1981 pour en assurer le développement et la maintenance sous le nom de CATIA. Le mini site CATIA est une rubrique des autres secteurs activités de Dassault Systèmes qui dispose les sites vitrines de DSX OFFER. Le mini site est un site pour les équipes de vendeurs afin de retrouver toutes les informations, documentations, vidéos démonstrations puis les fichiers de présentations des produits que l’industrie créés.
2) Briefing
Faire la refonte du site CATIA interne (DSX OFFER) site d’information créé en 20xx
dans une version en HTML / CSS pour que les personnes en interne puissent
télécharger les données pour chaque industrie et se renseigner sur les différentes
gammes de produits et des industries en format PDF, DOC, AVI.
Le site offre des services aux vendeurs, en leurs donnant toutes les informations sur
tous les supports existants à ce jour.
L’effectif du site sera juste l’administrateur du site qui assurera la maintenance du site
et qui mettra à jour les dispositifs pour les mises à jours dans le back office avec aucun
encadrement autour du site.
24
a) Rôles :
Les validations :
- Valider les phases de choix (graphisme, ergonomie, contenus). - Fournir les contenus de base (textes, plaquettes, logos, images). - Fournir le cahier des spécifications.
Mon rôle:
- Refonte du site. - Rassembler et valider les informations et les illustrations pour le site internet. - Définir les principes, les procédures et les moyens de maintenance ultérieure
pour mises à jour faciles, rapides, par du personnel non qualifié. - Utiliser des fonctionnalités modulables.
b) Objectifs :
L’objectif principal du nouveau site de CATIA est de rendre toutes les pages
dynamiques et modulables et très intuitives. Commander par un back office, simple à
gérer toutes les pages.
Pour renforcer la notoriété en interne, il s’agit d’établir une identité visuelle cohérente et
moderne avec comme cible pour l’évolution sur le support de communication : Internet.
Faire une refonte totale du site en utilisant les dernières fonctionnalités du web.
c) Les acteurs :
- Graphiste et développeur : Laurent PESNEL
- Coordinateurs : Pascal TURCQ
d) Les ressources :
Le site dispose d’un système de mise à jour grâce à un flux XML qui génère des
nouvelles entrées avec la base de données du site que ce soit avec les modules où
bien avec la version du CMS Joomla.
25
e) Contraintes :
L’application doit être réalisée en langages : PHP/XML/HTML/CSS.
Le serveur doit être compatible avec le langage PHP 5.3.1 et le serveur MYSQL.
f) Cible :
La cible principale est les vendeurs pour qu’ils puissent trouver les informations nécessaires sur chaque industrie.
26
g) Arborescence:
- Front Office
- BackOffice
27
B) Benchmark
Selon les informations fournies en compte-goutte sur mes objectifs de missions, pour
le développement d’un site web en utilisant les dernières technologies (HTML 5 /
JSQUERY / CSS3).
- Avec un composant de gestion de téléchargement de données.
- Améliorer la chaque graphique.
- Intégration de leur moteur de recherche « Exolead »
- Filtre des fichiers
- Prévoir une extension de site
- Le back office reste intuitif
- Réalisation assez rapide
J’ai décidé d’analyser tous les CMS existants : WordPress, JOOMLA,…avec un temps
de développement le plus faible possible dû à une grande base de données déjà
existante dans le serveur. Car le projet devait être présenté à d’autres services que
CATIA disposent.
Pour WordPress, cet outil est généralement destiné à la fabrication de blog / portfolio et
en aucun cas un outil de téléchargement de données surtout avec ses fonctions assez
limitées.
Avec le plug-in: Tom's Guide Download Widget
28
Cependant leurs communautés restent ouvertes pour des demandes de conseils et
savoir quel type de module reste le plus adapté pour le projet.
Malgré le backoffice simple à utiliser et à administrer. Les composants existants sont
assez limités surtout que le temps reste limité pour développer des modules et rajouté
quelques fonctions dedans.
JOOMLA
Cet outil plus puissant, nous propose de créer un site professionnel et personnalisable
à volonté avec des modules extensibles qu’on peut placer partout sur les pages. La
communauté est identique à celle de WordPress cependant leurs extensions et maintes
fois plus poussées et plus puissantes.
La seule contrainte sur ce CMS ; les mises à jours tous les mois pour des raisons de
sécurités.
29
C) Prestations
1) Site Internet
a) Charte graphique
Le design devra être travaillé en prenant comme référence les deux sites suivants :
CATIA en interne ( SWYM ) http://www.3ds.com/fr/products/catia/
- Créer un nouveau template en utilisant les mêmes chartes graphiques de sites déjà réaliser sur des supports en interne ou en externe en le modernisant sur un site dotant les technologies modernes du web ( JSQUERY, HTML5, PHP5,…).
- S’inspirer du design et de l’ergonomie du site de « 3DS CATIA et CATIA (SWYM) » pour le rendre plus esthétique.
30
Le site devra montrer en page d’accueil la diversité des rubriques (Home, Compétitive,
Offers, Collatéral, Release Plateform). Avec les descriptions de chaque user,
expériences et les fichiers en pièces mises en téléchargement.
- Télécharger les fichiers en formats vidéo (MPEG-2, avi,…)
- Télécharger les documents en formats (Doc, PDF, Xls…)
- Télécharger les documents en compressé (ZIP, 7-ZIP, RAR…).
Le site dans son ensemble devra véhiculer les valeurs chères. Il sera important de
montrer le côté sportif grâce au design qui correspond à chaque activité sportive.
Rôle de développeur:
- Recherche graphique et iconographique.
- Recherche d’un système de navigation.
- Créer les éléments graphiques (fond de page, boutons, icônes...).
31
2) Le développement
Le site sera entièrement réalisé en dynamique en utilisant l’outil « Joomla » (CMS
Content Management System).
- Ils permettent à plusieurs individus de travailler sur un même document ou article
- Ils fournissent une chaîne de publication (Workflow) offrant par exemple la
possibilité de mettre en ligne le contenu des documents
- Ils permettent de séparer les opérations de gestion de la forme et du contenu
- Ils permettent de structurer le contenu (utilisation de FAQ, de documents,
de blogs, de forums de discussions, etc.)
- Ils permettent de hiérarchiser les utilisateurs et de leur attribuer des rôles et des permissions (utilisateur anonyme, administrateur, contributeur, etc.)
- C’est à dire qu’une gestion du contenu textuel et photographique sera
possible dans le Back-Office. (Version PHP : 5.3.8)
- HTML / CSS,
- PHP / MySQL,
- XML (Installations modules, plug-ins),
32
3) Maquettes du site
Après des étapes de recherches graphiques, des maquettes du site seront réalisées.
Elles ont pour but de vérifier que le site est conforme aux objectifs. Elles permettent
également de valider la navigation dans le site.
33
4) Dépôt du nom de domaine et adresse mail
L’hébergement sera assuré par Dassault Systèmes avec un serveur interne sécurisé
(SSL, HTTPS) par l’équipe technique et administrative. Pour des questions de sécurité
le serveur interne refuse toutes connections externes (Indexation des moteurs de
recherches).
Toutes les maintenances du serveur seront assurées par les équipes techniques et
administratives qui sont spécialisées pour ce type de manœuvre.
5) Mises à jour
Les mises à jour pourront être effectuées grâce à un BackOffice avec le flux XML
(Interface de mise à jour par le web), l’installation est automatique. Seul le personnel
possédant les accès pourront modifier le contenu.
34
IV) LE BACK OFFICE
35
A) Accès au Back Office
Pour accéder aux back office taper sur l’adresse URL : http://www.DSXOFFER/Catia \ administrator
B) La page d’accueil du Back Office
Les fonctionnalités administrateurs se composent de différente partie sur la page d’accueil.
36
La barre de menu permet de naviguer dans la page du Back End, pour rechercher les
fonctionnalités qu’on souhaite utiliser.
C) Le menu « Site » du Back Office
Configuration : permet de :
► Sélectionner l’éditeur WYSIWYG par défaut et des options d’affichages
► Définir le fuseau horaire de votre site
► Définir les droits pour tout le site
► Saisir les balises « Meta » du site (pour le référencement)
► Afficher des informations concernant votre installation de Joomla
► ...
37
D) Les autres menus de la console d’administration
Utilisateurs : donnent accès à la gestion des membres du site, des groupes de
membres et des niveaux d’accès au site. Cependant pour le projet cette
fonctionnalité ne sera pas utilisée car actuellement Dassault Systèmes utilise des
fonctionnalités de sécurité pour chaque salariés.
Menu : il permet de créer de menus et de les gérer en y ajoutant des liens vers des composants existants ou que j’aurai installés (maximenu).
Je vous présente le menu principal du DSX OFFER de CATIA que je vous expliquerai un peu plus bas dans le rapport de stage.
Contenu :me permet de construire la partie « contenu » . Je peux gérer les
catégories et articles et gérer les éléments qui devront figurer en FrontPage
(page d’accueil), ainsi que les médias.
Composants : J’installe les composants dans le CMS Joomla afin de répondre au mieux le besoin de la mission.
38
V) FRONT OFFICE
39
A) Le Front Office
Dans le front office, les articles seront organisés selon les informations les plus
importantes avec les 11 industries.
Après l’installation du module Phocadownload et le configurer selon la demande la
demande du tuteur (PASCAL TURCQ), qui permet de gérer les téléchargements dans
les bases de données. Avec ce module, je peux exporter toutes les données et
l’importer directement dans le nouveau serveur.
Pendant les 3 mois de projet en version PHP, j’ai rentré manuellement plus de 2000
tables dans la base de données.
Article : fait un lien direct vers un article, qu’il soit catégorisé.
L’article sera affiché dans son intégralité (texte d’introduction + texte principal).
40
Liste de toutes les catégories : affiche la liste de toutes les catégories d’articles
Liste des articles d’une catégorie : permet d’afficher les articles dépendent à une
catégorie.
41
B) Les extensions
1) Les composants
A savoir : Les composants sont des applications intégrées au site Joomla, qui dispose
de sa propre interface de configuration dans le back office. C’était à moi de les
configurer PHP / CSS
Les 2 premiers de la liste de fonctionnent tous un peu près dans le même principe :
► Des éléments sont créés pour afficher des informations
► Des catégories permettent de les classer et/ou de les afficher automatiquement en
liste
2) La gestion du contenu
C’est le composant qui permet de gérer les articles, les catégories d’articles.
42
3) Fils d’actualités
Vous pouvez grâce à ce composant afficher automatiquement dans votre site les
actualités provenant d’un autre via les flux RSS et créer des échanges de sites en
interne tel que SWYM, Netvibes …
La communauté CATIA travaille énormément avec les flux RSS et XML dans leurs
réseaux sociaux SWYM et Netvibes.
4) Recherche
Pour la recherche, j’ai importé une fonctionnalité déjà existante en moteur de recherche
« Exalead » utilisé en interne de chez Dassault Systèmes pour les recherches de
dossiers, d’articles et de fichiers.
43
5) Les modules
A savoir : Pour faire simple, un module est un bloc que l’on trouvera généralement au-
tour du corps de la page web, par exemple dans la colonne de gauche ou la colonne de
droite de notre site.
Certains modules sont préinstallés (module de menu principal, module
d’identification…).
Les menus sont des modules dont le contenu est géré dans l’onglet « Menu » de la
console.
6) Les positions
Elles sont définies par le template que j’ai fabriqué avec l’aide de la maquette validé.
Le site est découpé en une grille dont chacune des cases est nommée.
Pour construire la template de joomla je devais utilisée mes connaissance en HTML et
CSS
44
7) Ajouter un module
Pour paramètres sont réglables sur les modules :
► Afficher ou non le titre du module
► Sélectionner la position
► Modifier le niveau d’accès (publics enregistrés, statuts spéciaux et clients)
► Changer l’ordre d’affichage
Un module s’installe comme une extension, , il peut être ajouté plusieurs fois dans le
site et être paramétré différemment .
Exemple les 3 menus du sites
8) Ajouter un module déjà en place dans le site
Il est possible, comme pour les articles de paramétrer une date de début et/ou de fin de
publication et également de dupliquer un module existant. Il conservera alors les para-
mètres de son «clone» et pourra être ou non personnalisé.
► « Extensions > Gestion des modules »
► Sélectionnez avec la case à cocher le module à dupliquer
Pendant le développement du projet, j’ai pu installer le module de téléchargement
« Phocadownload » et le personnalisé en rajoutant d’autres fonctionnalités afin de
respecter la demande du client en faisant des retouches à l’intérieur.
Toutes les données sont enregistrées dans une base de données SQL afin d’exporter
ou d’importer de nouveaux éléments.
45
De même les modules peuvent être dupliqués tout en recréant des nouveaux « styles »
grâce au CSS.
Par exemple, la création du menu du site en HTML5 / JSQUERY / CSS 3
J’ai dû faire un benchmark des autres sites existants qui utilisent le menu en HTML 5 tel
que :
Deezer
Dassault Systèmes
La partie « home » correspond à une page d’accueil (une page d’information) du site
qui représente toutes les autres parties à mettre en dernière page.
46
La rubrique compétitive :
Offer est une grande liste de « User Communities » qui possède plusieurs branches :
Qui par la suite possède en sous-catégories des « Brand Offer » qui regroupent toutes
les listes d’offres que Dassault Systèmes qui met à disposition les informations.
47
Chaque Brand Offer sélectionné, nous renvoie sur une autre page en HTML.
48
9) Les plugins
Un plugin peut être activé depuis n’importe quel composant, module et contenu du site
CATIA. Il permet en général d’automatiser des actions.
Un plugin s’installe comme toute extension mais doit être activé pour fonctionner.
► Éditeur - TinyMCE : vous pouvez paramétrer assez finement les boutons et
comportements souhaités pour l’éditeur WYSIWYG que vous utilisez un peu partout
dans Joomla.
Qui a pour résultat dans le front office sans le CSS appliqué
49
VI) LE WORKFLOW
50
A) Joomla
51
B) Articles
52
C) Les téléchargements
53
VII) GRAPHISME
54
A) Logo
1) Charte graphique
La charte graphique a été retravaillée en détails en réutilisant le logo qu’on surnomme
« le compas » dans une forme arrondie (cercle) afin d’accentuer la communication, un
côté « Perfection » et montré l’attention.
Dans le milieu du « compas » ce trouve un triangle pour décrire un mouvement « une
technologie qui évolue », mais aussi dû aux cotés pointus du triangle qui a pour
définition un côté agressif et sérieux.
Mon rôle:
- Recherche iconographique.
B) Les livrables Les pièces à livrer à l’équipe (IT) « Informatique Technologie » pendant la réalisation
du contenu par email sont les suivantes :
- Cahier des charges et cahier de spécifications - Le déploiement du site sur le serveur interne / Importation SQL.
55
VIII) BILAN
56
A) Les Inattendus
La mise en ligne
Pour les créations de sites en interne (blog, gestion de contenu de fichier, etc.), Dassault Systèmes ne procède pas les étapes habituelles pour la construction de site :
- Conception et étude - Pré-production informatique
Nous avons passé directement au développement du site en utilisant la dernière version du PHP 5.3 pour faire fonctionner le CMS JOOMLA.
Après 3 mois et demi de développement du site web, avec plusieurs modules mise à disposition :
- Gestions de téléchargements de fichiers - Filtrage des industries / User expérience - HTML 5 / JSQUERY / JS / PHP - Plus de 2000 objets dans la base de données
Pour la mise en ligne du site, nous avons eu un gros problème d’hébergement. Le serveur de Dassault Systèmes utilisant une version de PHP 5.1 de 2005 et ne pouvant exporter aucune requête en SQL.
J’ai été mis en relation par le propriétaire du serveur mais aussi par l’équipe technique qui s’occupe de la maintenance du serveur, afin d’avoir l’accord des deux parties pour faire upgradé le serveur en 5.3.
Après deux semaines d’organisation pour réunir toute l’équipe au complet, nous avons essayés de faire « l’update » la mise à jour du serveur en espérant que les autres applications déjà sur le serveur ne seront pas impactées en montrant des anomalies sur le site. Après plusieurs tentatives d’installation, le serveur ne pouvant pas être mis à jour dû à des problèmes d’incompatibilité d’applications tiers des autres sites de DSX OFFER. Le serveur s’arrêta car il ne dispose pas la configuration requise pour l’installation du PHP 5.3. Le projet DSX OFFER en PHP s’arrêta !
Donc 3 mois de développement toujours en attente d’installation et création de plus de 200 pages HTML / CSS / JavaScript avec l’éditeur de Windows « SharePoint » qui est vraiment ressemblant au logiciel Adobe « Dreamweaver ».
57
B) LA CONVENTION
58
A) La convention de stage
Je devais avoir un poste de community management au sein du groupe Dassault Systèmes et animé leurs réseaux internes / externes.
Faire de la veille d’informations en utilisant les outils du groupe tels que Netvibes, Google Reader …
Cependant, au mois de mars, j’ai changé de mission pour devenir développeur web pour faire un site utilitaire de téléchargements de fichiers vidéo et les documents office destinés aux vendeurs de Dassault Systèmes et aux personnels internes mondiaux.
Le site dynamique est réalisé en PHP/ HTML 5/ JS / CSS / JQUERY pendant toute la période de stage sans autre contrat de convention signé.
59
60
X) LA CONCLUSION
61
A) Ma pensée Un stage est toujours un pari, un nouveau défi à gagner pour tous les jeunes, et nous nous rendons dans une entreprise que nous ne connaissons pas, dans un secteur d’activité que nous commençons seulement à comprendre, réaliser un métier avec des projets bien réels que nous n’avons jamais faits. Ce stage a été pour moi un pari réussi et pourtant assez mal engagé car j’avais signé la convention de stage pour faire du community management et quelques semaines plus tard j’avais un poste de développeur / graphiste. Cependant ce poste m’attirait car c’était la première fois que j’avais un challenge à faire pour prouver que j’étais capable de faire du développement web dans une grosse entreprise française. Mais le plus gros impact que ce stage a eu sur moi, c’est la confirmation d’être polyvalent. En effet je me suis lancé depuis longtemps dans une stratégie de polyvalence, en choisissant l’IIM, l’option web / communication graphique, des stages différents, dans le but de m’ouvrir le plus de portes possibles, et d’avoir un large panel de connaissances. A mon sens, il vaut mieux profiter de toutes les passerelles de plus en plus faciles à franchir entre différents métiers, différents secteurs d’activités, différents pays.
62
B) Stage : Dassault Systèmes
Mon stage a été plutôt réussi dans le service de communication CATIA malgré que je n’ai pas été engagé chez Dassault Systèmes France car le département ne possède pas de budget en ressources humaines et que le service de Pascal TURCQ à une équipe de 4 Personnes et je recherchais un travail dans le même milieu en Alsace. Durant toute ma période de stage, je donnais des nouvelles sur les entretiens que je passais pour un contrat d’embauche et on me conseillé les points que je devais suivre pour faciliter l’embauche.
C) Le futur
A la suite de ces six mois de stages, j’ai des projets professionnels bien définit car le premier octobre je serai employé dans l’agence Anna REDA en tant que chef de projet / développeur web dans le e-commerce en Alsace suite à plusieurs entretiens et tests passés par e-mail.
63
D) Remerciements Pour conclure cette expérience de 6 mois à Dassault Systèmes, j’aimerai avant tout remercier à nouveau Pascal Turcq qui m’a offert cette chance de rentrer dans l’équipe de communication « CATIA » et qui m’a entouré pendant six mois ainsi que le reste de l’équipe avec qui j’ai collaboré durant ce stage. Je suis très fier d’avoir fait partie de l’équipe de 4 personnes pendant six mois dans une société d’éditeur de logiciels et filiale du groupe industriel Marcel Dassault appartenant à l’une des plus grosse entreprise française. Cette société m’a appris énormément de choses, sur la communication, sur le métier de développeur et graphiste et sur moi-même. Remplir les missions d’un développeur a confirmé mon envie d’occuper des postes où le raisonnement, l’organisation, le développement sera au cœur de mon travail. En effet, rien n’est plus intéressant pour moi que d’être chargé de résoudre une problématique en amont d’un projet, analyser, réfléchir, proposer une solution. C’est un métier qui demande beaucoup d’imagination, de créativité, de la persévérance, et c’est sa qui me plait. Ce stage m’a aussi servi de test pour vérifier que je suis capable de travailler dans la communication et le web et sur des sujets assez inattendus. Et je suis aujourd’hui totalement convaincu. En participant à un gros projet en tant que développeur web, j’ai aussi compris ce que je valais dans le marché de la communication web. L’IIM m’a appris une culture multimédia et quelques connaissances en marketing / finance, des compétences très demandées aujourd’hui dans des secteurs d’activités en pleine croissances. Au cours du stage, j’ai signé un contrat embauche en tant que Chef de projet / Développeur web en Alsace. Et je tiens sincèrement à remercier l’IIM, qui m’a donné toutes les cartes en mains pour construire un avenir professionnel à la hauteur de mes espérances et de s’occuper de moi pendant tout mon cursus.
64
E) Les Sources
Wikipédia : http://fr.wikipedia.org/
Dassault Systèmes : http://www.3ds.com/fr/
THILLOU Céline
Joomla : http://www.joomla.fr/
Societé.com : http://www.societe.com/
Boursier : http://www.boursier.com/
ZDNET : http://www.zdnet.fr/
Les Echos : http://www.lesechos.fr/
65
XI) LES ANNEXES
66
A) Créations graphiques Facebook
67
68
B) Bannière Front Office
