Stage : Développement du contenu Web

Transcription

1 Stage : Développement du contenu Web SIAL Études - EQS 09/09/12 Inga Burdujan Master 2éme année Informatique

2 Déroulement de la présentation Présentation de Natixis SIAL Le service Équipes Spécialisées (EQS) Sujet du stage Objectif Déroulement du stage 2 CMS1 : Notions de base CMS1 : JCMS Jalios CMS2 : SharePoint GWT Mobile

3 1 Présentation de Natixis 3

4 Présentation de Natixis : Natixis - banque de financement, de gestion et services financiers accompagne sa clientèle : - Entreprises - Institutions financières et d investisseurs institutionnels - La clientèle de particuliers, professionnels et PME des deux réseaux de BPCE en quelques chiffres : collaborateurs - 38% de collaborateurs travaillant à l étranger (68 pays) - 3 zones d intervention : Amériques, Asie-Pacifique et EMOA (Europe, MoyenOrient, Afrique) 4

5 Présentation du service EQS : 1. Fonctions - - Support & assistance en avant projet Prise en charge de «petits» projets, soit en sous-traitance des domaines soit en pilotage direct avec Métier/MOA Réalisation d'études, de prototypes (POC), maquettes HTML Garant du respect des normes «maison» (prévention et audit de réalisation des forfaits externes) Maintenance (corrective et évolutive) et support des applications Mise en place et/ou promotion d'offres packagées 2. Technos - Jalios JCMS, MS SharePoint, IBM Filenet (GED), BI Solution légère php, Editique, bureautique (VBA), 5

6 2 Sujet du stage 6

7 Sujet du stage: Le pourquoi du stage Développement de sites Web dynamiques avec JALIOS Jcms L objectif du stage Participation aux différentes phases de projets WCM: Avant-projet Élaboration : Création du support du Workshop, Rédaction des Spécifications Fonctionnelles Détaillées Réalisation : développement Déploiements 7

8 3 Un CMS c'est... 8

9 Qu est ce qu un CMS? Principales fonctions d un CMS : gérer l information : CONTRIBUER - la structurer (gabarits d édition) - la stocker (types de données & de stockage, volumétrie, ) - l organiser (catégories / rubriques, (dossiers)) communiquer l information : RESTITUER - la rendre dynamique (APIs) - l afficher gabarit d affichage - la cibler filtre sur requêtes (CT, rubrique, temps..), - la partager (collaboratif ) Ces solutions disposent de référentiel(s) d informations et d interfaces (IHM) de gestion et de visualisation de ces contenus. On peut les segmenter ainsi : La Gestion de contenu Web (WCM-Web Content Management) pour gérer les contenus structurés, tels que des articles, des fiches produits, des communiqués de presse, sur un intranet ou sur un site Internet dans un objectif principal qui est informationnel Les outils collaboratifs pour partager, au sein de groupes de travail, de projets,. des documents de travail, des calendriers, des forums en vue d apporter plus d interactivité. Le portail gère la couche présentation à l utilisateur final de façon intégrée et personnalisée. 9

10 Les principales solutions CMS chez Natixis SIAL Epargne Hors AM (Ass + BP1818) «Portail» et Gestion de Contenu Web* SFS (+BFI-CMO) JCMS/Java Etudes AM Directions Fonctionnelles (+BFI-DREI) BFI Epargne AM SharePoint/.net Lotus Notes (non pérenne) Vignette (arrêt en mai 2011) SharePoint - WorkPlace Collaboratif Lotus Notes (non pérenne) 10 SharePoint

11 4 Gestion de contenu Web chez Natixis CMS1 : Jcms 11

12 CMS1 : JCMS de Jalios (Jalios Content Management System) Gestion de contenu web + Portail: La solution JCMS permet la mise en place rapide d un site web à dominante informationnel, institutionnel. JCMS permet de mettre en place 2 parties : - L espace(s) de contribution (back Office) et d administration(s) - L espace(s) de restitution (front office) avec édition en ligne si besoin L espace(s) de contribution (back Office) : - Séparation forme et contenu (Conception en ligne des structures, gabarits multiple d affichage des contenus et portlets ) - Productivité : IHM orientée contribution / publication (Menu contextuel sur tous les objets) - Gestion de contenu (Duplication, Copie de travail, Prévisualisation du détail, contextuelle,...) - Gestion de documents (Gestion de fiches documentaires, explorateur de fichiers multimédias) - Gestion de la sécurité (Gestion des utilisateurs, des profils et des rôles) - Organisation du travail (Espace(s) de travail personnalisés, actions programmées, Gestion de panier) - Réporting sur l'usage des contenus 12

13 Phase Elaboration : Exemple Workshop 1/2 Cette page servira à afficher la Grille tarifaire et les Statistiques de production 13

14 Phase Élaboration: Exemple Workshop 2/2 Si la catégorie courante ( Statistiques de production» ici) possède un descriptif de renseigné, on l affichera dans la zone texte marron. Sinon, on affiche le titre de la publication de type «Texte riche» publiée dans cette même catégorie suivie de son contenu si renseigné HEADER HEADER B L OC DR OI T Catégories Catégoriescontextuelles contextuelles: : Transverse Transverse >>Métiers Métiers >>Monétique Monétique >>Systèmes Systèmesd échanges d échanges >>Traitement Traitementdes deschèques chèques C OL B Possibilité d afficher d autres contenus FOOTER FOOTER Chaque bloc vert affiche une contribution Article avec : 1. Le titre en marron gras (obligatoire) 2. Le résumé (obligatoire) 3. Un visuel (facultatif) aligné sur la gauche redimensionné 4. Le contenu texte riche aligné sur la gauche 5. Un bloc à onglet (facultatif) «ALLER A» listant les liens contribués dans la zone «Lien vers» et triés sur le libellé G septembre 2012 (facultatif) «TELECHARGER» listant les fichiers Un bloc à onglet uploadés triés sur le libellé

15 L espace(s) de contribution (back Office) :content type 15

16 L espace(s) de Restitution (front Office) Édition en ligne du contenu sur le Front Office 16 Édition en ligne du portail sur le Front Office

17 5 Gestion de contenu Web chez Natixis CMS2 : SharePoint 17

18 SharePoint : Généralités SharePoint c'est - un moteur de création de sites Web pour le partage des informations et le travail en équipe - fournit des fonctionnalités de gestion de contenu et de recherche complètes, en accélérant les processus partagés. - prend en charge toutes les applications intranet, extranet et Web au sein d une seule plateforme intégrée. - fournit aux développeurs la plate forme et les outils dont ils ont besoin pour l administration des serveurs, l extensibilité des applications et l interopérabilité. 18

19 WorkPlace : exemples 19

20 6 GWT Mobile 20

21 Applications mobile Natixis s inscrit dans la dynamique du groupe en contribuant à l offre de services autour de ses produits pour l internet mobile : Pour les réseaux BPCE Pour les réseaux hors Groupe Concernant l internet mobile, Natixis souhaite développer et fournir des plate-formes performantes multi-distributeurs en accord avec : l identité visuelle du réseau la personnalisation de l offre pour le client la logique d industrialisation de Natixis 21

22 GWT Mobile & Jcms 6.1 Google Web Toolkit (GWT) est un ensemble d outils open source qui permet de développer des applications web dynamiques à partir de code Java. GWT :2 architectures possibles avec Jcms - natixis.com : plugin dans Jcms - proto EQS Jalios : wars séparés (jcms + appli gwt) mais dans le même ear Les principaux frameworks pour WebApp : JQueryMobile Aptana Studio Sencha GWT

23 GWT Mobile & Jcms 6.1 Site Internet BP1818 Démo sur mobile L application Jcms / gwt n a pas été déployée sur un serveur : fichiers générés après compilation recopiés sur le mobile en local (nexus S androïd 4.0.4) septembre 2012