Rapport de stage de Master TIIR

Transcription

1 Rapport de stage de Master TIIR Emmanuel de Castro Tuteur entreprise : Vincent Guilbert Altima 314 boulevard Clemenceau Marcq en Baroeul Téléphone: Tuteur USTL : Sébastien Picault LIFL - équipe SMAC - bâtiment M3 - Rez de chaussée LIFL - Université des Sciences et Technologies de Lille Cité Scientifique Villeneuve d'ascq Cedex Emmanuel de Castro Altima 1/30

2 Emmanuel de Castro Altima 2/30

3 1. Sommaire 1. Sommaire Remerciements Introduction Présentation de la société Altima Historique d Altima Chiffres clés Evolution du chiffre d affaires : Répartition du chiffre d affaires par type de clients : Une croissance globale Compétences et domaines d intervention Références Altima La gestion des projets en interne Orientation techniques Formations Les outils développés par Altima EasyMaj DirectMail Les outils de TMA Le déroulement des projets Documents attachés au projet Processus avant développement Processus de développement Mon intégration dans l équipe Mon précédent stage Le projet Mercuri Le projet Synthesis Bank Contexte du projet Une banque Suisse Les collaborateurs impliqués L environnement du projet Un travail d adaptation Un langage nouveau Ma mission sur ce projet L environnement de développement Le travail réalisé Le développement de l outil d administration du site Synthesis bank du site Trading Floor Le résultat La mise en recettage La mise en production Conclusion Glossaire Références Références internes Références Web Références littéraires Annexes...26 Emmanuel de Castro Altima 3/30

4 2. Remerciements Durant l ensemble de mon stage, j ai rencontré de nombreuses personnes qui m ont apprises, chacune dans son domaine de compétence, des concepts et notions qu ils maîtrisent. Je vais essayer d éviter d oublier des personnes mais la liste serait très longue Je tiens plus particulièrement à remercier Frédéric Grignon, directeur technique d Altima qui m a permis d avancer sur différents projets et de structurer mon stage de la manière la plus efficace possible pour que je prenne conscience de la structure des projets. Je le remercie aussi pour son esprit ouvert, son franc parler, son esprit de communication et la confiance qu il a pu m accorder durant ces mois de stage. Je remercie aussi très sincèrement Vincent Guilbert, ingénieur d étude, mais aussi mon tuteur de stage, avec qui j ai partagé un gros projet pour Altima, pour sa bonne humeur, sa convivialité et son sens de l analyse et des priorités. Il incarne pour moi un excellent ingénieur avec un très bon sens de la communication et une persévérance dans la tache afin de terminer les projets à temps. Un projet ne peut pas bien se dérouler sans un chef de projet, c est pour cela que je remercie aussi Julien Lemarchand pour avoir su m inclure dans les différentes taches d un projet qui lui a été très cher car ce fut l un des plus gros projets d Altima. Bien sûr, je ne voudrais pas oublier dans mes remerciements toute l équipe ingénierie avec qui j ai passé de très bons moments mais surtout qui m a permis de travailler dans une ambiance de travail relaxante et propice à une bonne concentration. Mais mes remerciements ne se limitent pas à la société Altima mais s étendent aux différents intervenants extérieurs avec qui j ai pu découvrir de nouveaux concepts et qui ont enrichis ma culture technique. Enfin, merci à Sébastien Picault, mon responsable de stage à l Université qui s est assuré du bon déroulement de celui-ci. Je remercie aussi toutes les personnes que j ai pu oublier et qui m ont permis d avancer dans mon expérience professionnelle. Emmanuel de Castro Altima 4/30

5 3. Introduction Depuis toujours passionné par les nouvelles technologies et plus particulièrement celles liées à l Internet, j ai eu l opportunité d effectuer un stage dans ce domaine grâce à la société Altima qui m a permis de découvrir les coulisses de développement d un site Internet et d y participer activement dans ses différentes étapes de développement. En effet les nouvelles technologies prennent une importance considérable dans la vie de tous, aussi bien dans le monde du travail avec l utilisation constante d ordinateurs mais aussi dans la vie de tous les jours par une progression de l Internet, de l achat en ligne. Les chiffres de 2003 sont là pour le prouver : vingt deux millions de foyers reliés à Internet, plus de quatorze heures passées par mois par personne, presque huit millions d acheteurs en ligne et une progression constante d année en année. Bref un marché jeune et prospère dont les entreprises de commerce souhaite s emparer le plus rapidement possible car le marché traditionnel s essouffle, surtout pour les sociétés de Vente par Correspondance. Je détaillerai dans un premier temps les raisons pour lesquelles Altima est un leader dans la conception de site Web, par ses diverses méthodes et produits. Ensuite, nous entrerons pleinement dans des notions que j ai abordées durant l intégralité de mon stage, premièrement une grande partie de recherche et de développement en.net suite à un désir de renouveau technologique à Altima et dans une dernière partie, nous détaillerons les projets qui ont été abordés suite à cette recherche, deux gros clients souhaitant développer leur site de e-commerce dans cette nouvelle technologie. Ce stage est intervenu dans le cadre de mon master TIIR deuxième année qui s effectue durant les mois d avril à juillet. Emmanuel de Castro Altima 5/30

6 4. Présentation de la société Altima 4.1 Historique d Altima Altima est une agence globale de communication spécialisée dans les nouvelles technologies. Elle se positionne sur les métiers de la communication interactive et la prestation de services Internet, extranet et intranet. Son activité est de proposer des prestations multimédia à des entreprises soucieuses de se faire connaître et de communiquer à travers ces nouveaux canaux. Créée en 1997 par Arnaud Monnier et Franz Beaurain, Altima est une société Anonyme (au capital de ). Ensuite rejointe par François Charles Debeunne et Frédéric Grignion, l entreprise est détenue à présent à 80% par ses associés. L agence dispose d une agence à Lille (siège social 314 boulevard Clemenceau à Marcq en Baroeul) et d agences de représentation à Paris et Bruxelles. Altima ne cesse de s agrandir et compte aujourd hui presque 50 collaborateurs. Voici un organigramme : Emmanuel de Castro Altima 6/30

7 Malgré une période difficile sur le marché de la communication interactive, avec l explosion de la «bulle Internet», Altima a connu, elle, une croissance continue depuis sa création. 4.2 Chiffres clés L évolution du chiffre d affaire de la société Altima est croissante depuis sa création, les chiffres sont là pour en attester. La société Altima a su tirer le meilleur parti des nouvelles technologies sans pour autant défaillir après quelques années comme les nombreuses StartUp créées avant l an Evolution du chiffre d affaires : 31/03/1998 : /03/1999 : /03/2000 : /03/2001 : /03/2002 : /03/2003 : /03/2004 : Répartition du chiffre d affaires par type de clients : Grande distribution : 14% Industrie : 22% Service : 8% Luxe : 12% Institutions publiques et para publiques : 15% PME diverses : 14% Une croissance globale K Chiffre d affaire En croissance lissée de 25 % / an Tendance 2005 : 2,6 à 2,8 M K K K K K Résultats Objectif : 6 à 8 % / an Tendance 2005 : 200 K K K 50 0 K 180 K 27 K 74 K Chiffre d'affaires Résultat Tendance K Emmanuel de Castro Altima 7/30

8 4.3 Compétences et domaines d intervention Altima intervient dans tous les domaines du marketing sur Internet : Conseil stratégique et opérationnel en net marketing et choix technologique Conception de solutions de communication interactive: e-commerce, intranet/extranet, site institutionnel, site de marque et d image Conception d applications : médiathèque et intranet documentaires, candidathèque (gestion du recrutement) Ingénierie : développement de bases de données, outils d administration, etc. Référencement, promotion on-line et off-line. Suivi et accompagnement. 4.4 Références Altima De nombreux clients sollicitent Altima pour le développement de leurs applications Web. Dans la plupart des cas, la prestation fournie ne se résume pas à la simple création d un site Internet statique. Il s agit également de la réalisation d une étude complète sur les besoins du client, en lui apportant une prestation sur mesure. Altima peut assurer également l hébergement du site et propose aussi des prestations de référencement. Avec plus de 100 clients actifs, Altima est la première agence globale au nord de Paris (en chiffre d affaires et en portefeuille client). Elle figure dans la liste des 10 Web Agency les plus importantes au niveau national. Les principales références clients : MODE / LUXE Nina Ricci Paco Rabanne Longchamp L Oréal (PDLI) AGENCES DE COMMUNICATION Euro-RSCG Groupe D-Interactive Nickel (Groupe Jump) BANQUES ASSURANCES La Mondiale Banque Covefi Banque BSD (Groupe CIC) Cofidis PRÊT-A-PORTER Camaïeu Jules Phildar LISTE NON EXHAUSTIVE (PLUS DE 150 CLIENTS ACTIFS). INDUSTRIE (tous secteurs) Peugeot PUM (Groupe Usinor) Tolmega (Groupe Gantois) Grande Distribution Houra.fr Décathlon Norauto Services B to B / B to C Sodexho Demarle (Groupe SASA) Vedior Bis Innovation 4.5 La gestion des projets en interne La conception de ces applications est effectuée par un service production qui est composé de quatre départements : Management de projets Direction artistique Intégration multimédia Ingénierie et base de données Emmanuel de Castro Altima 8/30

9 Les dossiers sont traités sous la responsabilité d un chef de projet qui utilise les ressources en design, en intégration HTML et en ingénierie en fonction du planning et de besoins liés à la bonne exécution des projets qui nous sont confiés. 4.6 Orientation techniques Altima est une Web Agency, tournée vers les nouvelles technologies, elle a du faire des choix d orientation techniques pour le développement des sites dynamiques et de e- commerce. Altima a donc choisi de s orienter vers des technologies qui ont fait leurs preuves et qui possèdent un suivi technique et des mises à jour régulières. C est pourquoi Altima utilise principalement les produits de la gamme Microsoft mais commence à s orienter aussi vers de nouveaux formats propriétaires ou libre de droits pour un développement de technologies en interne mais aussi par les demandes de clients. Les langages de programmation des sites Web sont les suivants : ASP PHP JAVA.NET Formations Le passage de connaissance se fait principalement en interne mais Altima n hésite pas à former ses collaborateurs par des sociétés extérieures spécialisées. Une salle de formation est prévue dans la société permettant de ne pas monopoliser une salle de réunion. 4.7 Les outils développés par Altima EasyMaj EasyMaj est un outil permettant de mettre à jour son site Web à partir d'une interface conviviale mais surtout utilisable par tous. Cela permet à l'utilisateur de ne plus avoir à recourir aux services d'un prestataire Internet pour créer une dynamique sur son site Internet. Il permet de modifier les pages Internet du site Web avec des outils aussi simples que les outils de bureautique classique. Cet outil est mis en place dans les parties d'administration et permet au Webmaster ou au responsable du site n'ayant aucune connaissance au niveau site Web après s'être identifié de mettre a jour tout ou partie de son site Internet Emmanuel de Castro Altima 9/30

10 4.7.2 DirectMail DirectMail est un outil de gestion de newsletter. Il permet de créer des s formatés au gabarit de l'entreprise. Il suffit de segmenter la cible, de composer le message, de le tester et d'envoyer aux abonnés Newsletter. DirectMail intègre aussi une plate forme statistique qui permet de visualiser le retour sur investissement des différentes campagnes lancées Les outils de TMA Altima a développé un outil de TMA (Tierce Maintenance Applicative - il s agit d un outil spécialisé dans la reprise de solutions développées par le client ou un fournisseur du client pour en assurer la maintenance et ses futures évolutions) Ces outils sont utilisés avant de mettre en ligne le site Internet pour que le client puisse réaliser des tests et vérifier que les différents points traités dans le cahier des charges sont respectés. Les avantages de la TMA : Préserver les investissements Fiabiliser la solution mise en œuvre Améliorer la disponibilité Diminuer les coûts d'exploitation 4.8 Le déroulement des projets Documents attachés au projet Le cahier des spécifications fonctionnelles et techniques expose, à l aide d organigrammes, l enchaînement global de l ensemble des pages et des fonctionnalités que doit contenir l application. Il fournit aussi la structure globale de la base de données, les technologies employées et les diverses contraintes liées au développement. Ce document rédigé par le chef de projet (en collaboration avec l organisme client) et par l ingénieur responsable présente également les règles de gestions associées à l application. Un story-board réalisé avec PowerPoint permet d avoir une présentation globale de l apparence des différentes pages. Dans chaque page présentée, quelques annotations permettent de mettre en avant les points importants liés à la conception de l application. La charte graphique du site, réalisée par les Directeurs Artistiques, sert de point de référence aux monteurs HTML. Emmanuel de Castro Altima 10/30

11 Ces documents servent de référence au développement du pôle Ingénierie. Toutefois, selon les besoins, il est possible de modifier certains points afin d améliorer ou de simplifier le développement. De plus, certaines fonctionnalités étant à revoir en cours de projet, d autres aménagements sont à prévoir. Lors des développements suivis, un dernier document a été utilisé pour faciliter le déroulement du projet. En effet, l outil de Génie Logiciel Win Design a été utilisé afin de produire les modèles logiques de la base de données ainsi que divers modèles de traitement associés aux différentes parties de l application. Cet outil permet de générer facilement le modèle de données grâce à ses options de génération de scripts SQL Processus avant développement Une fois le cahier des charges défini par les chefs de projet et accepté par les clients, les directeurs artistiques soumettent des chartes graphiques. Puis, les monteurs HTML peuvent créer une partie des pages de manière statique. Le montage d une page HTML est généralement coupé en plusieurs fichiers permettant de séparer les parties redondantes du développement : Une page «haut de page» contenant la mise en page de l en-tête commune à toutes les pages Une page de menu de navigation (quand le menu n est pas confondu avec l entête) Une page de bas permettant de placer la mise en page commune à chaque bas de page Diverses pages peuvent aussi être utilisées afin de contenir l appel à d autres éléments graphiques tels que les animations Processus de développement Enfin, tout en restant en contact avec les autres secteurs de l entreprise, les membres du pôle Ingénierie peuvent ajouter le code dynamique lié aux fonctionnalités du projet et, ainsi, développer l application. Là encore les différentes pages sont séparées en plusieurs fichiers, ces généralités ont été remises en cause avec l apprentissage d un nouveau langage à Altima, nous le verrons par la suite : Une ou plusieurs pages de fonctions qui permettent de rassembler toutes les fonctions génériques à plusieurs pages. Une page de constantes Une page de liste qui contient le code nécessaire à l affichage des différentes listes utilisées par les formulaires HTML Selon le cas d autres fichiers peuvent être utilisés afin de séparer les fonctions utilisées par plusieurs pages. Afin de faciliter la compréhension des pages et d harmoniser le processus de développement, diverses règles sont employées : Une librairie de fonctions utilisées dans chaque projet permet de valider facilement les formulaires, de mettre en forme les données des requêtes SQL et d assurer de Emmanuel de Castro Altima 11/30

12 nombreuses tâches. L utilisation des mêmes noms de fonction dans tous les langages permet de faciliter l adaptation des développeurs. Une méthode de gestion des validations de formulaire et de sauvegarde en base de données ainsi que l utilisation de certaines variables pour des actions spécifiques permet également de faciliter la compréhension du code. Lors d insertion de données, les pages d ajout et de modification des données saisies sont confondues. Lors du chargement de la page, un test permet de déterminer l action à effectuer (ajout, modification). Ces différents éléments décrivent un Framework basic de développement d application et permettent aux développeurs de facilement comprendre le code des pages implémentées par les autres membres de l équipe. Il permet également aux développeurs de passer facilement d un langage de développement à un autre. Les membres du pôle Ingénierie assurent également la conception et la gestion de la base de données ainsi que les tâches de mise en ligne. La maintenance des serveurs est maintenant assurée par le pôle service qui a été créé en début d année. Ce pole a pour objectif de répondre aux problèmes intervenant dans une application cliente encore sous garantie ou encore l installation de serveurs, et la gestion du réseau interne. 4.9 Mon intégration dans l équipe Mon précédent stage Etant donné que mon précédent stage s était déjà effectué chez Altima, mon intégration s est déroulée sans aucun problème. J ai rapidement retrouvé mes marques et j ai pu ainsi reprendre un projet sur lequel j avais travaillé lors de mon premier stage Le projet Mercuri Ce projet pour l entreprise Mercuri se présente sous la forme d une application Batch en DotNet. Celle-ci relève près de mails par jour pour les analyser et en extraire les informations de candidatures à des offres de jobs. Ces s sont envoyés par des sites en ligne tel monster ou job, là où des utilisateurs ont postulé. Le client avait besoin de faire évoluer cette application, étant donné que je l avais entièrement développé, cette évolution m a été confiée dès mon retour chez Altima. J ai donc travaillé pendant environ trois semaines pour faire évoluer l application avant de commencer à travailler sur le projet qui constitue mon sujet de stage. Emmanuel de Castro Altima 12/30

13 5. Le projet Synthesis Bank 5.1 Contexte du projet Une banque Suisse Synthesis Bank, une banque suisse entièrement réglementée et établie à Genève, offre aux investisseurs privés des produits de négoce, des produits d'investissements, des recherches fondamentales, des analyses techniques et des conseils sur sa plate-forme en ligne. Produits et services d investissements en ligne Ventes sur marge Négoce direct, cotations en direct, informations de marché, recherches et analyses techniques depuis votre ordinateur personnel La souscription sur site offre des prix du marché en direct, des graphiques, recherches, analyses techniques et nouvelles. Elle a fait appel à Altima dans un premier temps pour améliorer son référencement. Altima a donc fait une étude du site existant et a proposé de refaire le site. Celui-ci étant directement lié avec leur outil de gestion des clients (CRM - Customer Relationship Management) Altima développera également un nouvel outil de CRM plus en relation avec les besoins de la banque en ligne. La première mission pour Altima a donc été de réaliser le site internet de la Synthesis Bank. Mais afin de mettre encore plus en évidence leur produit phare : TradingFloor, on pourra retrouver deux sites! et Trading Floor est une application cliente qui offre à ses utilisateurs une vaste gamme de prestations et d'avantages, qui lui valent d'être reconnu comme le logiciel de trading en ligne le plus complet et le plus performant du marché : Accessibilité 24 h/24 Affichage des cotations en temps réel Exécution instantanée des ordres Tarifs compétitifs Accès aux principaux instruments financiers nationaux et internationaux : Forex, futures, CFD, actions, obligations, matières premières... Fonctionnel, ergonomique, personnalisable et entièrement sécurisé, Trading Floor est également le seul logiciel de trading du marché à faire bénéficier l utilisateur de l'expertise de Synthesis Bank en matière de courtage : informations en continu, recherches et modules d'analyse technique, conseils et recommandations en temps réel... Emmanuel de Castro Altima 13/30

14 5.1.2 Les collaborateurs impliqués De nombreuses personnes ont été investis dans le projet, on ne dénombre pas moins de 20 collaborateurs d Altima : 4 directeurs commerciaux, 2 chefs de projets, 1 chef de projet référencement, 1 ingénieur d étude, 5 ingénieurs dont je fais partie, 1 ingénieur référencement, 2 directeurs artistiques, 4 intégrateurs HTML. Et sans avoir commencé à travailler sur l outil de CRM! 5.2 L environnement du projet Un travail d adaptation Altima doit développer ces sites de manière à s intégrer totalement avec Moose, celui-ci est l outil de CRM actuel de Synthesis. En effet, la migration va se faire progressivement ; dans un premier temps les sites sont développés et mis en production, puis dans un second temps, c est au tour du CRM. Pendant cette phase transitoire, les sites communiqueront avec Moose, ensuite, quand le nouvel outil de CRM sera terminé, c est avec ce dernier qu ils interagiront. Cet aspect non négligeable d évolution vient se rajouter à un autre problème qui complexifie les développements. En effet, aucune donnée concernant une banque ne peut sortir de Suisse. Nous n avons donc pu reproduire Moose en local chez Altima pour intégrer nos développements. Aucun système de prise de contrôle à distance n est également envisageable à cause de ce point législatif. Toutes les liaisons entre Moose et les deux sites ont été développées sur place (Chez Synthesis Bank à Genève) sous forme de Web Services. Ce système nous a permis d avoir accès, de manière distante, aux éléments de Moose qui nous intéressaient. Une autre contrainte importante est que les deux sites doivent être disponibles dans trois langues : Français, Anglais et Allemand Un langage nouveau Le DotNet est pour Altima un langage récent. Pendant longtemps, les développements ont été réalisés en ASP ou PHP. Mais afin de suivre les évolutions du marché et les demandes des clients, Altima doit nécessairement se renouveler technologiquement parlant. Ce développement est nécessaire à la prospérité de l entreprise. Ce projet s inscrit parmi les premiers réalisés dans ce langage. Emmanuel de Castro Altima 14/30

15 5.2.3 Ma mission sur ce projet J ai intégré le projet juste après la phase d analyse. Il m a d abord été proposé de développer l outil de «back office» qui permettra l administration des deux sites. Ensuite, les pages du site SB (Synthesis Bank) ont été montées par les intégrateurs HTML, j ai pu commencer à les dynamiser. Enfin ce fut au tour du site TF (TradingFloor) L environnement de développement L IDE (Integrated Development Environment) utilisé pour ce projet est Microsoft Visual Studio. Comme le nombre de personnes travaillant sur ce projet est important, toutes les sources des trois sites (BO (administration), SB, et TF) on été placées sur un serveur Microsoft Visual Source Safe. Ce serveur, tout comme un serveur CVS permet à plusieurs personnes de développer simultanément sur le projet sans générer des conflits de versions de fichiers. De plus il s intègre totalement à Visual Studio. Le langage utilisé en DotNet est le C#. Ce choix a été défini lors de la phase d analyse. Emmanuel de Castro Altima 15/30

16 6. Le travail réalisé 6.1 Le développement de l outil d administration Ma première contribution au projet Synthesis Bank a été le développement du back office. Cela fut pour moi la découverte des sites en DotNet. Lors de mon précédent stage j avais développé une application en C#, le langage m était donc familier ainsi que l environnement Visual Studio, par contre, je n avais jusqu alors développé aucun site avec cette technologie. Voyons rapidement comment est organisée une page internet dans cette technologie Une page ASP.NET est divisée en deux parties distinctes qui permettent de distinguer le graphique de la programmation : la partie.aspx contenant le code HTML permet la mise en forme, les objets asp et la visualisation réservée aux graphistes la partie.aspx.cs contenant le code ASP.NET ainsi que les gestions d événements La pré-compilation.net permet de ne créer qu'un seul fichier sur le serveur lors de son premier chargement qui contient tous les objets de la page aspx. Le code n'est plus interprété mais compilé, d où un gain de vitesse! Le fichier.cs contient le code programmé Mapage.aspx.cs Le fichier.aspx contient l aspect graphique de la page Bien sûr, il est toujours possible d utiliser les fonctions et procédures entre les balises <script></script> comme en ASP standard et pour l'affichage et les déclarations de variables, les balises <% %> fonctionnent toujours. Pour la réalisation de l outil d administration, j ai repris l architecture des pages d un précédent site réalisé en DotNet C# chez Altima. J ai pu ainsi me baser sur ces pages pour le développement de celle du BO. Je me suis rapidement adapté à cette nouvelle façon de programmer des pages web. Emmanuel de Castro Altima 16/30

17 6.1.2 du site Synthesis bank Cette partie a encore été pour moi une découverte! En effet, pour le développement de l outil d administration, aucune chartre graphique n avait été imposée! C est Altima qui propose l aspect graphique ; tandis que pour les deux sites accessibles par le public, une interface graphique élaborée a été conçue par les directeurs artistiques d Altima. Cette interface a ensuite été montée par les intégrateurs HTML et découpée sous forme d «includes» (pour ne pas répéter le code HTML qui est présent sur toutes les pages, tel les menus et bas de pages). Il faut donc ensuite respecter à la lettre cette chartre! Nous ne pouvons donc pas utiliser les composants fournis par défaut par DotNet car ceux-ci ne correspondent en rien à la chartre imposée. Il m a donc fallu adapter tous les composants pour suivre les styles et autres ornements du site. J ai fait appel à plusieurs reprises aux intégrateurs pour me venir en aide. Un point important également pour moi, était de vérifier la compatibilité des pages que j ai développées avec Mozilla FireFox En effet, il n y avait aucun problème avec Microsoft Internet Explorer mais cependant, avec FireFox, les pages n apparaissent plus de la même façon. Ce problème de compatibilité est très bien connu, Visual Studio ne génère pas du code bien compris par d autres navigateurs que IE. Il a donc fallu adapter chaque page pour que la chartre graphique soit respectée sous IE et sous FireFox, les autres navigateurs étant pour la plupart basés sur les moteurs de ces deux derniers, il n est pas utile d en tester la compatibilité. De plus, les parties dynamiques du site étaient parfois présentes à plusieurs endroits. (Comme par exemple les actualités sur la page d accueil et dans la rubrique actu) J ai donc découvert le système ingénieux des «User Controls» de DotNet! Grâce à eux, il est possible de réaliser des morceaux de codes intégrables où on le souhaite ; un peu comme s il s agissait de composants que l on venait placer sur la page pour la construire. Ce système permet véritablement d'encapsuler des éléments graphiques sous la forme de composants réutilisables et paramétrables : vus comme des objets par le développeur, ils sont transformés en HTML standard lors de la génération de la page. Ces User Controls ont été d autant plus utiles pour rendre le site multilingue. J ai passé un paramètre de langue pour informer le composant qu il se trouve sur une page de langue Française par exemple. Ensuite à l intérieur de celui-ci, une instruction «Switch» sélectionne le texte de la bonne langue ; et le code dynamique n est donc pas dupliqué et peut donc être utilisé pour toutes les langues. La gestion des formulaires du site (pour s inscrire à une newsletter ou recevoir plus d informations) ont été gérés de manière unifiée. Lors de la validation de l un d entre eux, chaque champ qui le compose est vérifié pour voir si l utilisateur a saisi toutes les informations importantes. Puis une fonction commune à tout les formulaires est appelée et permet d enregistrer en base toute les informations recueillies, mais également d envoyer un mail à l administrateur afin qu il sache qu un formulaire a été rempli. Le dernier point sur lequel j ai travaillé sur le site SB, est la duplication des pages dans les autres langues. Même si les User Control nous permettent de ne pas dupliquer les parties dynamiques des sites, les parties statiques restent toutefois dans la langue de Molière! J ai du les dupliquer pour les obtenir en Anglais et en Allemand. Emmanuel de Castro Altima 17/30

18 6.1.3 du site Trading Floor Le site TradingFloor est beaucoup plus important (au sens programmation) que le site Synthesis Bank. Tout les aspects techniques que j ai rencontré sur SB, je l ai de nouveau rencontré sur TF. Cependant les parties dynamiques présentes sur ce dernier sont beaucoup plus nombreuses et complexes! Je vais maintenant faire un petit tour d horizon des rubriques que j ai développées et en expliquer les points importants. La rubrique «TradingFloor Téléchargement gratuit» Le site propose de télécharger gratuitement leur application de Trading en ligne. Pour ce faire il suffit de remplir un formulaire. Une fois ce formulaire validé, tous les champs sont vérifiés (comme sur SB) mais après, le formulaire fait appel à un Web Service qui inscrit l utilisateur parmi les membres du site. Ce Web Service, et les suivants que nous verrons, on été développés en PHP par Frédéric Pinte, un collaborateur Altima, dans les locaux de la Synthesis Bank en Suisse ; je les ai testé au fur et à mesure chez Altima. Ce Web Service consulte la base de données de Moose afin de vérifier qu il n existe pas d utilisateur avec le login choisi, et dans ce cas, l ajoute à la base. Le formulaire inscrit également l utilisateur sur un site annexe partenaire de la Synthesis Bank : la Saxo Bank. C est cette dernière qui fournit toutes les informations de bourses à la Synthesis Bank. La rubrique «Devenir client Ouverture de compte» Cette rubrique propose à l utilisateur de rejoindre les clients de Synthesis Bank. J avouerai qu il s agit de la rubrique la plus compliquée à mettre en place. Voila comment elle fonctionne : Pour devenir client, il faut remplir un formulaire en huit étapes. A la fin de chacune d elles, un appel à un Web Service est fait pour compléter les informations contenues en base dans Moose. Pour réaliser ce système, j ai conçu une page principale contenant autant d User Control (UC) que d étapes. Lorsque l on arrive sur la page pour la première fois, tous les UC sont invisibles sauf celui de l étape 1. Lorsque l on valide une étape, un contrôle des champs est réalisé, puis l appel au Web Service, et enfin on affiche l UC suivant. Le problème est que pour les huit étapes, la page principale serait surchargée d actions pour chacune des validations. Aussi j ai développé un système d événements. En effet, les UC peuvent générer des événements que la page principale peut intercepter afin de savoir quel UC afficher. De cette manière, chaque UC contient le code à réaliser lors de la validation, et une fois son action terminée, elle envoie un évènement à la page principale qui réalise à son tour le travail à effectuer. Mais ce n est pas tout, l utilisateur a la possibilité de naviguer à travers les étapes comme il le souhaite grâce à des boutons retour et suivant. Il faut donc que la page principale sache également qu elles sont les étapes validées, et les étapes non validées! Car certains champs ne sont plus modifiables, comme par exemple le login De plus, un UC d identification est présent au dessus de l UC de l étape 1 pour permettre à l utilisateur de s identifier s il n avait pas fini de remplir le formulaire la fois précédente. Une fois identifié, toutes les informations connues sur cet utilisateur sont déjà remplies dans les formulaires. Enfin, un membre (ayant rempli le formulaire de téléchargement) peut devenir client ; dans ce cas, il ne remplit plus les informations que Moose possède déjà sur lui. C est grâce à son identification que l on peut traiter ce cas particulier. Il faut savoir également qu un client est inscrit aussi sur le site de la Saxo Bank et qu il est donc aussi membre Emmanuel de Castro Altima 18/30

19 La rubrique «Devenir Client Dossier client» Une fois le formulaire en huit étapes rempli, l utilisateur doit télécharger des documents, les imprimer, les remplir et signer, et enfin les retourner à Synthesis Bank. Ces documents sont au format PDF et sont générés automatiquement par le site pour pré-remplir les informations concernant le nouveau client. Pour remplir les fichiers PDF, nous nous sommes servis du composant Active PDF. Celui-ci fonctionne de telle sorte qu on lui fournit un PDF modèle, les noms des champs à remplir avec leurs valeurs, un fichier de destination, et il suffit ensuite de récupérer le fichier généré pour le fournir à l utilisateur. La rubrique «support en ligne Foire aux questions et Lexique» Ces deux rubriques sont sensiblement identiques au niveau de la programmation et sont plutôt assez simple. Seulement une contrainte supplémentaire étant survenue, elles se sont toutes deux rapidement compliquées. Pour les besoins d optimisation en référencement, nous devons à présent utiliser la technologie d «URL rewriting» pour les pages dynamiques du site de manière à ce qu elles soient toutes accessibles par les moteurs de recherche, et que leur nom contient suffisamment d informations pour être référencé convenablement. Voyons un peu ce qu est l URL rewriting. Les pages dynamiques sont caractérisées par des URL complexes, comportant en général un point d'interrogation, éventuellement le caractère & ainsi que des noms de variables et des valeurs. Exemple : article.aspx?id=12&page=2&rubrique=5 Dans cet exemple, le fichier article.php est utilisé pour afficher un article dont le texte vient d'une base de données. Ici on cherche à afficher la page 2 de l'article numéro 12 qui fait partie de la rubrique 5. Le problème est que certains moteurs n'indexent pas les pages ayant des URL de ce type. Google par exemple n'indexe en général que les pages ayant au maximum 2 paramètres dans l'url : il n'indexe donc pas une page comme celle de notre exemple. Grâce à l'url Rewriting, Google ainsi que n'importe quel robot va pouvoir indexer les pages dynamiques. L'intérêt est par exemple d'avoir plusieurs milliers de pages de votre site indexées dans Google (le catalogue de tous vos produits, votre forum, etc.). Le principe est très simple : sur un site qui utilise l'url Rewriting, on ne peut plus se rendre compte qu'il est basé sur des pages dynamiques. En effet, les URL sont "propres" : elles ne contiennent plus tous les caractères spéciaux comme? ou &. Personne ne peut savoir qu'il s'agit de pages dynamiques, que ce soit un robot d'indexation ou un internaute. Exemple : article_de_presse\le_nouveau_produit_de_la_banque_news325.html. Quand un internaute demande cette page, le serveur va appliquer une règle de réécriture d'url (décrite dans un fichier web.config) et renvoyer la même chose que si l'internaute avait demandé la page article.aspx?id=12&page=2&rubrique=5. La règle ici serait par exemple d ignorer tout ce qu il y a avant news et de prendre le numéro après news pour aller chercher dans la base de données l identifiant de l actualité 325. Ces règles sont écrites sous forme d expression régulière. Remarque : même si l'url Rewriting est mis en place, on peut toujours accéder aux pages en utilisant l'ancienne URL. Il faut donc veiller à changer tous les liens à l'intérieur de son site pour qu'ils soient tous au nouveau format. Emmanuel de Castro Altima 19/30

20 Maintenant que l on sait comment fonctionne l URL rewriting on devine rapidement que tous les composants DotNet écrits auparavant sont devenus obsolètes et qu il faille les réécrire! La rubrique «Publication Analyses techniques» Cette rubrique comporte elle aussi plusieurs UC gérés par une principale au moyen d évènements. Lors de son premier chargement, cette page affiche un formulaire d identification. Seuls les membres et clients peuvent y accéder. Une fois identifié, l utilisateur a accès à un moteur de recherche qui lui permet de trouver des informations boursières diverses. Il peut également s abonner à ses fils d informations pour recevoir par mails le moindre changement. Toutes ces informations sont récupérées par des Web Services. Tous les Web Services réalisés ont été sécurisés de manière à s authentifier à chaque requête. 6.2 Le résultat La mise en recettage Sur les serveurs d Altima. Au fur et à mesure du développement, les nouvelles versions du site étaient mises sur l espace de pré-production sur un serveur hébergé chez Altima. Ces URL sont accessibles par Internet, et le chef de projet Julien Lemarchand pouvait donc faire des premières phases de recettage à partir de son bureau en Suisse, et pouvait une fois par semaine faire une démonstration au client de l état d avancement. Nous obtenions ensuite des fichiers de suivi afin d apporter les modifications ou de corriger les éventuels bugs existants sur les sites. Le pôle référencement suivait également les développements afin de vérifier que les pages correspondent bien aux critères d indexation des moteurs de recherche. Là encore on recevait les modifications à réaliser. Sur les serveurs de Synthesis Bank Ce lundi 20 juin commence la phase de recettage chez le client. Les sites seront installés sur les serveurs de production mais ne seront pas accessible par les internautes. Cette étape permet de vérifier les sites dans leur milieu de fonctionnement définitif. Les dernières corrections sont faite ici. C est également le moment opportun pour que le client refasse un dernier tour des sites pour ensuite donner son accord pour la mise en ligne finale La mise en production La mise en production a été retardée plusieurs fois. Ceci est dû au fait que nous attendions d obtenir les textes à intégrer dans le site dans toutes les langues. La mise en ligne devait dans un premier temps se situer début juin, et à l heure où j écris ces lignes, elle n est pas encore réalisée et la date n est pas encore définie. Notre directeur technique, Frédéric Grignion, se rendra lui-même à Genève pour l effectuer. Tous les ingénieurs ayant travaillé sur ce projet seront vigilants et attentifs durant ce travail afin de venir en aide et de régler le moindre souci que pourrait rencontrer l équipe sur place. Emmanuel de Castro Altima 20/30

21 7. Conclusion Ces trois mois de stage au sein d Altima ont été une expérience particulièrement riche et complète pour avoir une vision du métier d ingénieur et en approcher tous les aspects. Je suis également heureux d avoir été en charge d un projet permettant à la société Altima de se développer dans les technologies futures indispensables à son avenir. Ce stage a été pour moi l occasion d apprendre énormément dans le domaine de la technique avec la découverte et l étude approfondie du.net, le respect de méthodes de travail et de formalisation profondément intégré dans la société. Je dois également reconnaître des erreurs de ma part, notamment en phase de développement, qui m ont parfois fait perdre du temps mais qui m ont permis de progresser et de découvrir des points que je n aurais peut-être pas découverts par la suite. (Notamment le système d évènement) Les erreurs sont toujours constructives du moment que l on les analyse pour en tirer une expérience. Mais également, cela a été l occasion de pouvoir suivre un projet très important pour l entreprise dans ses différentes phases. Plus qu une simple richesse technique et conceptuelle, il a été fort agréable de pouvoir évoluer au sein d une équipe qui est composée de personnalités très différentes mais grandement complémentaires. De plus, l aspect humain est énormément facilité par la proximité bien que la société compte plus d une cinquantaine de collaborateurs. Malgré mon expérience au sein d Altima, il m a fallu à de nombreuses reprises prendre sur moi-même afin de vaincre une personnalité parfois réservée. Ne serait-ce que pour cette unique raison, j estime avoir appris énormément de ce stage. Même si je suis conscient d avoir encore énormément à apprendre dans ce domaine, j ai le sentiment réel d avoir fait un grand pas vers le monde de la communication inter personnelle. C est là un nouveau domaine du métier d ingénieur qui reviendra de façon redondante tout au long de ma carrière et dans lequel je pourrai m épanouir pleinement. Le seul regret de mon stage a été sans aucun doute le manque de relation client mais cette partie sera abordée pleinement, je l espère, dans la suite de ma carrière. Emmanuel de Castro Altima 21/30

22 8. Glossaire Vous trouverez ici tous les termes techniques rencontrés dans ce rapport, ainsi que des mots clefs que j ai rencontré pendant mon stage. Base de données Une base de données est un ensemble structuré et organisé permettant le stockage de grandes quantités d'informations afin d'en faciliter l'exploitation (ajout, mise à jour, recherche de données). Une base de données se traduit physiquement par un ensemble de fichiers sur disque. Compiler / Compilateur Un compilateur est un programme informatique qui traduit un langage, le langage source, en un autre, appelé le langage cible, en préservant la signification du texte source. Ce schéma général décrit un grand nombre de programmes différents ; et ce que l'on entend par «signification du texte source» dépend du rôle du compilateur. Lorsque l'on parle de compilateur, on suppose aussi en général que le langage source est, pour l'application envisagée, de plus haut niveau que le langage cible, c'est-à-dire qu'il présente un niveau d'abstraction supérieur. En pratique, un compilateur sert le plus souvent à traduire un code source écrit dans un langage de programmation en un autre langage, habituellement un langage d'assemblage ou un langage machine. Le programme en langage machine produit par un compilateur est appelé code objet. JDK/SDK Ensemble d outils et de bibliothèques de routines permettant de développer des programmes pour un environnement particulier. Open source L'expression Open Source caractérise les logiciels dont le code source est visible, modifiable et librement redistribuable sous certaines conditions, ces conditions peuvent être plus ou moins strictes. La formulation de ces conditions constitue d'ailleurs le critère principal qui différencie le logiciel open source du Logiciel libre. Programmation objet (voir annexes) La programmation à objets (souvent appelée programmation orientée objet (POO*) par calque de l anglais Object-Oriented Programming) est née des travaux sur la mise au point de langages de simulation dans les années 1960 (par exemple Simula-67), et a été utilisée également dans le cadre de recherches sur l intelligence artificielle dans les années Elle consiste à combiner au sein d une même structure de données, appelée Classe (informatique), les opérations et données. Référencement Corps de techniques visant à optimiser la visibilité d'un site dans les différents outils de recherche disponibles sur Internet : annuaires (qui indexent les sites manuellement) ou moteurs (qui les indexent automatiquement). Le référencement recouvre toute une série d'actions très différentes qui vont de la simple définition de mots-clés à la création de pages spéciales facilitant le repérage des sites par les moteurs. Emmanuel de Castro Altima 22/30

23 SQL Langage d'interrogation et de manipulation de bases de données relationnelles, développé à l'origine par IBM pour ses ordinateurs centraux et normalisé par l'ansi (American National Standards Institute). Il permet 1. de décrire le schéma conceptuel de la base; 2. de construire des requêtes ou questions concernant le contenu de la base de données; 3. de gérer la structure et le contenu grâce à des demandes de création, de mise à jour, de suppression WebServices Les services Web sont un ensemble de standards permettant aux applications d interagir au travers du Web. Un service Web peut être vu comme un programme fournissant une fonctionnalité particulière à d'autres programmes. Les programmes clients utilisent les protocoles de l'internet, en particulier le HTTP, pour accéder à ces services. De manière plus globale, cela ouvre tous les dialogues possibles entre deux applications, comme des échanges de données ou des lectures de données distantes, par exemple. Ces échanges s appuient sur les standards éprouvés du Web : XML, HTTP, etc. Framework Ensemble d outils de méthodes ou de codes permettant de simplifier ou de guider le développement. ASP (Anglais : Active Server Page) Technologie Microsoft de création dynamique de pages Web. Bug Problème informatique du à une erreur de programmation. Cahier des charges Document texte décrivant avec précision l ensemble d un projet. Voir les annexes. IIS (Anglais : Internet Information Server) Service Web, FTP et Gopher conçu par Microsoft. Monteurs HTML Personnes créant des pages HTML, c'est-à-dire statiques. Php (Anglais : Hypertext Preprocessor) Langage permettant la création de pages Web au contenu dynamique, analogue à la technologie ASP de Microsoft, mais provenant des environnements UNIX-Apache et libre de droits. Web Agency Agence s occupant de tout ce qui tourne autour d Internet, de la réalisation de sites (Internet, Intranet ou Extranet), à l envoi de Newsletter ou même encore du référencement de sites. Emmanuel de Castro Altima 23/30

24 CRM La Gestion de la Relation Client (abrégée GRC) est la traduction de l'anglais Customer Relationship Management (CRM) La GRC a pour but de créer et entretenir une relation mutuellement bénéfique entre une entreprise et ses clients. Dans ce mode de relations commerciales, l'entreprise s'attache la fidélité du client en lui offrant une qualité de service qu'il ne trouverait pas ailleurs. L'image souvent employée pour illustrer ce concept est celle de la relation entre un petit commerçant et ses clients. La fidélité de ces derniers est récompensée car le commerçant connaît leurs attentes et est capable d'y répondre et de les anticiper (comme un boulanger qui vous met de côté une baguette cuite selon votre préférence et vous fait crédit). IDE Un environnement de développement intégré (EDI ou IDE en anglais pour Integrated Development Environment) est un programme regroupant un éditeur de texte, un compilateur, des outils automatiques de fabrication, et souvent un débogueur. Bien que des EDI pour plusieurs langages existent, bien souvent (surtout dans les produits commerciaux) un EDI est dédié à un seul langage de programmation. On peut également trouver dans un EDI un système de gestion de versions et différents outils pour faciliter la création de l'interface graphique (GUI en anglais pour Graphical User Interface). Emmanuel de Castro Altima 24/30

25 9. Références 9.1 Références internes Cahier des charges fonctionnelles et spécifications détaillées des projets Mercuri et Synthesis Bank. Documentation sur Source Safe Documentation sur Saxo Bank Et tous les collaborateurs d Altima que je remercie encore. 9.2 Références Web nombreuses notions sur l ASP.NET pour de nombreuses définitions pour les différentes notions ayant attrait à DotNetNuke apporte de l aide précieuse aussi bien au niveau développement qu au niveau documentation. pour ses tutoriels et exemples pour sa documentation abondante mais parfois difficile à comprendre. 9.3 Références littéraires ASP.NET Professionnel de Richard Anderson, Brian Francis, Alex Homer, Rob Howard, Dave Sussman, Karli Watson, Editions Campus Press Emmanuel de Castro Altima 25/30

26 10. Annexes Vous trouverez en annexe quelques captures des sites et les commentaires associés La page d accueil du site Synthesis Bank en version Française. User Control d actualité Emmanuel de Castro Altima 26/30

27 La page d actualité qui regroupe toutes les nouveautés que l administrateur a inséré dans l outil d administration Les actus sont filtrables par dates Lien «rewrité» qui pointe vers toutes les actualités pour être indexé par les moteurs Les pointillés rouges représentent la découpe en User Control Emmanuel de Castro Altima 27/30

28 Outil d administration de la rubrique actualité. Seules les actualités dont les dates correspondent sont publiées sur le site Un éditeur puissant est mis à disposition de l administrateur pour saisir des textes formatés suivant la chartre du site. Emmanuel de Castro Altima 28/30

29 La page d accueil du site Trading Floor. Chat interactif en DotNet Applet Java fournit par Saxo Bank Emmanuel de Castro Altima 29/30

30 Formulaire d ouverture de compte Liste des étapes dans un User Control géré par la page principale User contrôle de l étape 1 Emmanuel de Castro Altima 30/30