Open Source Summit 2016 - Conférence WebTales - Nouvelle République

L’open-source moteur de transformation numérique
Retour d’Expérience de la Nouvelle République & WebTales (Rubedo)

Transcript

1. ÉDITION 2016 | 16&17 NOVEMBRE #OSSPARIS16 L’open-source moteur de transformation numérique Retour d’Expérience de la Nouvelle République & WebTales (Rubedo) Hugues GENDRE, La NR Didier FANCHON, WebTales
2. #OSSPARIS16 Un des dix plus grands quotidiens régionaux français ✓ 6 Grands métiers ◦ Le journal (NR) ◦ La Régie Publicitaire (NR Communication) ◦ La Télévision locale (TV Tours) ◦ Le Portage (Presse portage) ◦ L’événementiel (Puzzle centre) ◦ Le Multimedia (NR Multimédia) ✓ 1 000 collaborateurs, dont 200 journalistes et 25 informaticiens 13 éditions 200 000 exemplaires 130 000 abonnés 35M pages vues 3,5M visiteurs uniques 40% mobile Tirage Quotidien Site l’anr.fr - stats mensuelles L’application NR - stats mensuelles 11M pages vues 175 000 téléchargements 66 000 visiteurs uniques
3. #OSSPARIS16 Plateforme Digitale Open-Source ✓ Multicanal ✓ Behavior-driven ✓ Agile ✓ Big Data ✓ ✓ ✓ ✓ Offrez une expérience digitale unique à chaque visiteur ! Un produit
4. #OSSPARIS16 De l’open-source à l’open-innovation Editeur Solution Intégrateur Client Projet OS Editeur Intégrateur Client
5. #OSSPARIS16 Écosystème vertueux : pré-requis ✓ Répartition des responsabilités ◦ Ergonomie / UX / Design => Novactive ◦ Dév => Novactive, WebTales et NR ◦ Archi applicative => Novactive et WebTales ◦ Archi technique et exploitation => NR ✓ Choix d’une organisation ◦ Plateau projet virtuel Novactive, WebTales et NR (physique + outils) ◦ Développements AGILES ◦ Sprints hebdomadaires, 1 livraison par semaine sur un repository commun (BitBucket) ✓ Gestion des aspects Contractuels => contrat agile ✓ Partage des valeurs Ethiques de l’Open-Source ◦ Respect ◦ Transparence ◦ Collaboration
6. #OSSPARIS16 Innovation ouverte : Produit -> Projet Editeur Intégrateur Client ✓ Fonctionnalités Multi-sites natives de Rubedo 1 seul référentiel users contents medias n sites web et mobiles
7. #OSSPARIS16 Innovation ouverte : Produit -> Projet ✓ Inducteur : fonctionnalités Multi-sites ✓ Innovation : usine à sites thématiques ◦ Création de plusieurs sites en quelques jours (running, événements, mag hebdo) ✓ Bénéfices : ◦ Mutualisation du socle technologique ◦ Réactivité aux demandes internes ◦ Outil de conduite du changement ◦ Ouverture vers l’e-commerce
8. #OSSPARIS16 Innovation ouverte : Produit -> Business Editeur Intégrateur Client Web applications AngularJS Elasticsearch Rubedo Core MongoDB REST API HTTP Request JSON Web applications ✓ Architecture centrée sur une API Back/Front
9. #OSSPARIS16 Innovation ouverte : Produit -> Business ✓ Inducteur : architecture à base d’API + AngularJS ✓ Innovation : usine à Apps ✓ Bénéfices : ◦ Verticalisation des univers de contenus ◦ Stratégie marketing de targeting de cible ◦ Accroissement de l'inventaire Pub Native Apps Phonegap AngularJS Rubedo
10. #OSSPARIS16 Innovation ouverte : Produit -> Métier Editeur Intégrateur Client ✓ Base de données NoSQL (schemaless) { “id”: 123, “title”: “Conférence à l’OSS”, “abstract”: “Retour d’expé”, “date”: “2016-11-18”, “authors”: [ { “firstName”: “Hugues”, “lastName”: “Gendre” }, { “firstName”: “Didier”, “lastName”: “Fanchon” } ], ...
11. #OSSPARIS16 Innovation ouverte : Produit -> Métier ✓ Inducteur : base de données NoSQL ✓ Innovation : contribution inline ✓ Bénéfices ◦ Plus de back Office, tout se fait en Front ◦ Liberté de composition (journalistes) ◦ Nouveaux formats : meilleure UX ◦ Aide à la conduite du changement
12. #OSSPARIS16 Innovation ouverte : Besoin -> Écosystème Editeur Intégrateur Client ✓ Besoin : infrastructure scalable dans le cloud ◦ Stockage de To de données ◦ Performance iso, même dans les pics de charge ◦ Interopérabilité avec le SI et les services tiers ◦ RUN dans des clouds publics (AWS)
13. #OSSPARIS16 Innovation ouverte : Besoin -> Écosystème ✓ Besoin : infrastructure scalable dans le cloud ✓ Innovation : Infra as a service avec Docker Cloud ✓ Bénéfices : ◦ Infrastructure cloud portable : OVH/AWS/… ◦ Scalabilité verticale (RAM) ◦ Auto-scalabilité horizontale (Serveurs) ◦ A tous les étages : base / search / web ◦ Infogérance internalisée et maîtrisée par la NR Illustrations
14. #OSSPARIS16 Innovation ouverte : Nouveauté produit -> Projet Editeur Intégrateur Client ✓ Les Philtres : un langage de personnalisation ◦ Programmation d’interactions personnalisées ◦ Assistant graphique par drag&drop ◦ Utilisateurs connectés ou non IF PAGE.TIMEONPAGE > 10 THEN SHOWMODAL('DOWNLOAD') IF PAGE.NBVIEWS > 5 THEN SET USER.CATEGORY = ‘ADDICT’ IF USER.CATEGORY = 'ADDICT' AND USER.ISEMAILVALID THEN SENDMAIL(...)
15. #OSSPARIS16 Innovation ouverte : Nouveauté produit -> Projet ✓ Inducteur : nouveauté produit (Philtres) ✓ Innovation : paywall / didacticiel / marketing ✓ Bénéfices : ◦ Expérience Utilisateur ◦ Meilleure rétention ◦ Diminution taux rebonds ◦ Stratégie de contact marketing synchrone et non email
16. #OSSPARIS16 Innovation ouverte : Besoin -> Solution Editeur Intégrateur Client ✓ Besoin : recommandation d’articles ◦ Item-to-item : articles similaires ◦ Item-to-user : lectures recommandées en fonction de l’historique de navigation
17. #OSSPARIS16 Innovation ouverte : Besoin -> Solution ✓ Besoin : recommandation ✓ Innovation : refonte complète système de tracking/recommandation de Rubedo sous Elastic Search + utilisation de Kibana pour la restitution ✓ Bénéfices : ◦ Optimisation des usages de la stack Elastic ◦ Accroissement du temps sur site ◦ Diminution des taux de rebond ◦ Outil de reporting évolutif intégré
18. #OSSPARIS16 Innovation ouverte étendue à d’autres acteurs Editeur Intégrateur Client ✓ Besoin : adoption AMP (Accelerated Mobile Pages) ◦ Projet open-source soutenu par Google ◦ Lancé il y a un an ◦ Dédié à l’accélération du Web Mobile ◦ Les pages AMP se chargent 4X plus vite ... ◦ … et utilisent 10X moins de bande passante ◦ +73% de visites depuis Google Mobile Search (Slate) ◦ +23% de visites récurrentes sur le site AMP (Washington Post) ◦ 700k domaines utilisent AMP ◦ … et ça ne fait que commencer !
19. #OSSPARIS16 Innovation ouverte étendue à d’autres acteurs ✓ Besoin : adopter AMP ✓ Innovation : projet open-source AMPize.me ◦ Projet collaboratif ◦ Porté par la NR & WebTales ◦ Financé par le Google DNI Fund ◦ Groupe de beta-testeurs Presse Européenne ✓ Bénéfices : ◦ “AMP pour tous” ◦ Toute source de données : BDD, Site Web ◦ On premise ou en mode Cloud ◦ Socle technologique du futur Rubedo ? AMPize.me
20. #OSSPARIS16 Merci de votre attention ! Retrouvez-nous : - sur le stand de WebTales/Rubedo - http://www.rubedo-projet.org - http://www.ampize.me - @Rubedo_project