From f7de3f9cde6c5730ba44a8cef3351976ae9464ee Mon Sep 17 00:00:00 2001 From: Guillaume Pellerin Date: Mon, 25 Jan 2021 22:41:59 +0100 Subject: [PATCH] update slides, styles and packages --- gulp/index.js | 2 +- package-lock.json | 6 + package.json | 3 +- src/slides/index.md | 299 ++++++++++++------------ src/styl/remark-themes/ircam-white.styl | 19 +- src/styl/remark-themes/ircam.styl | 1 + 6 files changed, 182 insertions(+), 148 deletions(-) diff --git a/gulp/index.js b/gulp/index.js index e5e23dd..38b823a 100644 --- a/gulp/index.js +++ b/gulp/index.js @@ -1,7 +1,7 @@ 'use strict'; var gulp = require('gulp'); -var fs = require('fs'); +var fs = require('graceful-fs') var path = require('path'); var tasks = fs.readdirSync('./gulp/tasks'); diff --git a/package-lock.json b/package-lock.json index 7ad8a3d..67629ce 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3856,6 +3856,12 @@ } } }, + "graceful-fs": { + "version": "4.2.4", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz", + "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==", + "dev": true + }, "gulp": { "version": "3.9.1", "resolved": "https://registry.npmjs.org/gulp/-/gulp-3.9.1.tgz", diff --git a/package.json b/package.json index 3ef4d35..58b06d2 100644 --- a/package.json +++ b/package.json @@ -44,6 +44,7 @@ "gulp-stylus": "^2.3.1", "gulp-uglify": "^1.5.3", "gulp-util": "^3.0.7", - "poststylus": "^0.2.3" + "poststylus": "^0.2.3", + "graceful-fs": "^4.2.4" } } diff --git a/src/slides/index.md b/src/slides/index.md index 0c68a90..0fac7ce 100644 --- a/src/slides/index.md +++ b/src/slides/index.md @@ -1,4 +1,4 @@ -class: center, middle, ircam +class: center, middle, ircam, inverse # Plan de développement Web pluriannuel 2021 - 2022 @@ -16,10 +16,11 @@ class: center, middle, ircam class: ircam, tight # Bilan 2020 -
.pull-left[ -- RH + +## RH + - départs - Emilie Zawadzki - Antoine Grandry (ANR WASABI) @@ -28,93 +29,104 @@ class: ircam, tight - Clément Gérard (CDI) - Denis Rouiller (stagiaire) -- Gestion de l'équipe +## Gestion de l'équipe - télétravail - réunions - techniques hedbomadaires - projets hedbomadaires (SCRUM) - - POW / SI mensuelles [ (https://annuel.framapad.org/p/ircam-pow-si)[pad] ] + - POW / SI mensuelles [ [pad](https://annuel.framapad.org/p/ircam-pow-si) ] - veille et partages technologiques ] .pull-right[ -- Confirmation des choix technologiques + +## Confirmation des choix technologiques - audit - backend (Python, Django) - frontend (JavaScript, Vue) - deployment (Linux, Docker) - perspectives : headless, maintenance, moyens RH supplémentaires) -- Gestion de projets +## Gestion de projets - fluidification de la communication avec les référents - POW en gestion de projet - recentrage sur l'UX - Kanban (tâches, statuts, colonne) -- A améliorer +] + +--- +class: ircam + +# Bilan 2020 + +## A améliorer - gestion de l'urgence (ex: blackout) - communication lors des retards - gestion dynamique des ressources - feedback -] + --- class: ircam, aired # Axes stratégiques généraux 2021/2022 -
+.pull-left-70[ ## Objectifs - mutualisation des ressources - personnalisation des services - généralisation de l'authentification Ircam-Auth (Single Sign On) - ouverture des données (API, GraphQL) -- mise à jour des framework (Mezzo, etc.) (2020 S1) -- tests de nouvelles technologies (Headless CMS: SpeaK) +- mise à jour des framework (Mezzo, etc.) +- tests de nouvelles technologies (headless CMS: SpeaK) - optimisation des moteurs de recherche - développement des collaborations institutionnelles (Antony & co) - recentrage sur l'UX **audio** (Play) +] +.pull-right-30[ ## Moyens -- fusion des services -- dashboard (listes des services connectés) -- design -- sprints d'équipe + +- accès commun aux services connectés (dashboard) - feedback régulier -- veille +- design +- veille technologique - expérimentations +- sprints d'équipe +] --- -class: center, middle, ircam +class: center, middle, ircam, inverse # Projets 2021 --- -class: ircam +class: ircam, tight # Ressources -
- -https://taiga.ircam.fr/project/emilie-ressources/epics -Ressources = (Brahms, Sidney, Medias, Analyses, Catalogue) +https://www.ircam.fr/ressources/ | https://taiga.ircam.fr/project/emilie-ressources/epics .pull-left[ -- Bilan 2020 +## Bilan 2020 + - travail d'E. Zawadzki - reprise de Clément Gérard - - éditeur MarkDown + - éditeur Markdown double langue - système de traductions + - outils d'optimisation de contenus - mise à jour des dépendances ] .pull-right[ -- Rôles +## Rôles + - Référent : Philippe Langlois - Gestion de projet : Guillaume Pellerin - Développement : Clément Gérard, Guillaume Pellerin @@ -124,10 +136,11 @@ Ressources = (Brahms, Sidney, Medias, Analyses, Catalogue) --- -class: ircam +class: ircam, tight # Ressources -
+ +https://www.ircam.fr/ressources/ | https://taiga.ircam.fr/project/emilie-ressources/epics .pull-left[ @@ -139,9 +152,7 @@ class: ircam - web radio - intégration à WWW -## Roadmap - -- 2021 S1 (phase 4) +## 2021 - S1 (phase 4) - refonte UI - analyse, CDC - maquettage, intégration WWW (10 k€) @@ -151,13 +162,13 @@ class: ircam .pull-right[ -- 2021 S2 - phase 4 (moteur de recherche) +## 2021 - S2 (phase 4) - 3 p.m. - publication des services OAI + GraphQL - moteur de recherche commun - documentation -- 2022 S1 +## 2022 - S1 - comptes externes - abonnements - moteur d'analyse et d'annotation (TimeSide) @@ -165,20 +176,19 @@ class: ircam ] --- -class: ircam +class: ircam, tight # WWW -
-https://taiga.ircam.fr/project/yomguy-wwwircamfr +https://www.ircam.fr | https://taiga.ircam.fr/project/yomguy-wwwircamfr .pull-left[ -- Bilan 2020 +## Bilan 2020 - excellente diponibilité de l'application (99.999%) - modèles 2016/2017 toujours OK - très bonne gestion de l'édition -- 2021 S1 +## 2021 - S1 - 3 p.m. - intégration Ircam-Auth - dashboard @@ -190,30 +200,31 @@ https://taiga.ircam.fr/project/yomguy-wwwircamfr ] .pull-right[ -- Rôles - - Product Owner : Mary Delacour, Marine Nicodeau - - Team : Guillaume Pellerin (product), - - Scrum Master : Guillaume Pellerin +## Rôles + - Référent : Jean-Louis Giavitto + - Gestion de projet : Guillaume Pellerin, Mary Delacour + - Développement : Guillaume Pellerin, Denis Rouiller + - Data : Mary Delacour ] --- class: ircam, tight # UMR -
-https://taiga.ircam.fr/project/mary-site-stms/ +https://www.stms-lab.fr/ | https://taiga.ircam.fr/project/mary-site-stms/ + .pull-left[ -- Bilan - - https://www.stms-lab.fr/ +## Bilan 2020 + - Design réussi et homogène - Espaces équipe autonomisés - Rapatriement des sites équipes - Validation de la gestion multi-site (données croisées avec WWW) -- 2021 S1 +## 2021 - S1 - optimisation listing de projets - wiki - sites projets @@ -223,37 +234,35 @@ https://taiga.ircam.fr/project/mary-site-stms/ ] .pull-right[ -- 2021 S2 +## 2021 - S2 - optimisation gestion medias - liaison Forum -- Rôles +## Rôles - Référent : Jean-Louis Giavitto - Gestion de projet : Guillaume Pellerin, Mary Delacour - Développement : Guillaume Pellerin, Denis Rouiller - Data : Mary Delacour + ] --- -class: ircam +class: ircam, tight # Forum Vertigo -
-## 2021 Q1 +## 2021 - Q1 - Page WWW édité par la COMM - Utilisation de Zoom - Optimisation BBB - 1/4 p.m. ---- -class: ircam - # Manifeste -
-## 2021 Q2 +https://manifeste.ircam.fr/ | https://taiga.ircam.fr/project/mary-manifeste-2020/timeline + +## 2021 - Q2 - Réutilisation Manifeste 2020 - Développements mineurs (Mezzo) @@ -263,11 +272,11 @@ class: ircam class: ircam, tight # Forum -
-https://forge-2.ircam.fr/voyazopoulos/forum-v3/-/boards +https://forum.ircam.fr | https://forge-2.ircam.fr/voyazopoulos/forum-v3/-/boards -- Bilan +.pull-left[ +## Bilan 2020 - communauté et usage de la plateforme en expansion - plateforme plus solide, ouverte et collaborative - maintenance et support continus (déploiement, jeu de tests) @@ -277,72 +286,107 @@ https://forge-2.ircam.fr/voyazopoulos/forum-v3/-/boards - collections, modalités éditoriales - stats de téléchargements -- Axes 2021 - 2022 + +] + +.pull-right[ + +## Axes 2021 - 2022 - résoroption dette technique PrestaShop (dev + migration) - favoriser l'action et la recherche musicale - développer l'offre institutionnelle - amélioration de l'éditorialisation - intégration de supports pédagogiques didactiques -- 2021 S1 +] + +--- +class: ircam, tight + +# Forum + +https://forum.ircam.fr | https://forge-2.ircam.fr/voyazopoulos/forum-v3/-/boards + +.pull-left[ + +## 2021 S1 - navigation unifiée, liaison WWW - - solidification PrestaShop (SAV), étude d'une solution tierce + - debug PrestaShop, étude d'une solution tierce - mise en production des outils comptables - gestion des Releases - gestion des Groupes (phase 1) - amélioration UX - - amélioration ergonomie de lecture, codes couleurs - + - amélioration ergonomie de lecture + - codes couleurs - full online workshop -- 2021 S2 +## 2021 S2 - gestion des Groupes (phase 2) - documentation, webinars - intégration BBB - upgrade Mezzo -- 2022 +] + +.pull-right[ + +## 2022 - changement de solution shop + API - espace personnel, dashboard - connexion Sidney / Antony -- Rôles - - Référent : Hugues Vinet - - Gestion de projet : Guillaume Pellerin - - Product managers : Greg Beller, Guillaume Pellerin - - Développement : Martin Desrumaux, Clément Gérard +## Rôles + - Référent : Hugues Vinet + - Gestion de projet : Guillaume Pellerin + - Product managers : Greg Beller, Guillaume Pellerin + - Développement : Martin Desrumaux, Clément Gérard +] --- -class: ircam +class: ircam, tight # STARTS Ecosystem -
-- 2021 S1 +https://www.starts.eu | https://taiga.ircam.fr/project/yomguy-vertigo/kanban + +.pull-left[ + +## Bilan 2020 + - 4000+ membres + - Profiles, Blogs, Calls + - Ressources + - maintenance + +## 2021 S1 - optimisations (Calls, Events, Map, etc.) - fusion dans Mezzo - résolution des bugs - 1/2 p.m. -- 2021 S2+ +] + +.pull-right[ + +## 2021 S2 - doc technique - - livraison + - livraison code + data +] --- class: ircam, tight # ULYSSES -
+https://www.ulysses-network.eu | https://taiga.ircam.fr/project/yomguy-ulysses/kanban -## Bilan +## Bilan 2020 - 100+ new users / month - maintenance by POW until 12/2020 -## 2021+ (v4) +## 2021+ - maintenance and bugfixes - playlist function @@ -355,71 +399,44 @@ class: ircam, tight class: ircam, tight # WASABI -
- -## Web Audio Semantic Aggregated in the Browser for Indexation http://wasabihome.i3s.unice.fr/ | https://wasabi.i3s.unice.fr/ -## Bilan +## Bilan 2020 -.pull-right[ -- 2020 S1 - - 10 p.m. - - finalisation du server TimeSide (Restful API) + - finalisation du nouveau framework de processing audio TimeSide (Restful API) - développement du player augmenté (analyses à la demande, annotations collaboratives) - déploiement et tests de mise en charge - - publication d'articles (ISMIR), datasets, librairies logicielles et web service - - séminaire interne IRCAM 04/2020 - - valorisation (IRCAM, Amplify) -] + - publication datasets, librairies logicielles et web service + - séminaire interne IRCAM 11/2020 --- class: ircam, tight # SpeaK Web (UPI 2020) -
+https://github.com/Ircam-Web/SpeaK-Web + +## 2020 S1 -- 2020 S1 - conception et développement interface Web (technos CMS Headless) - sous-traitance (8 k€) --- -class: ircam - -# Antony (Sidney+) - -
- -## Archivage collaboratif et préservation créative - -- Bilan - - 18 mois de réflexions, enquêtes, exploration des usages - - Sidney est une solution de base favorable à la plateforme commune - - Définition du workflow (similaire au Forum v3) - - Etude juridique (droits d'auteur, partage, etc.) - -- Modèle organisationnel - - plateforme mutualisée - - opérée par l'IRCAM - - hébergée chez HumaNum - - financement des comptes sur fonds propres - - facturation au prorata de la quantité de données +class: ircam, tight ---- -class: ircam +# Antony -# Antony (Sidney+) -
+https://forge-2.ircam.fr/POW/BRAHMS | https://taiga.ircam.fr/project/yomguy-sidney/timeline -- Bilan +.pull-left[ +## Bilan 2020 - workflow et cahier des charges - appels à projets (Collex Persée, MC SNI) - séminaire "Préservation des oeuvres" -- 2021 +## 2021 - demande d'UPI 2021 - projet de dév. par l'univ. St Etienne + MSH - appels de fonds propres des institutions intéressées (CNSMDP, MMC, etc.) @@ -427,19 +444,23 @@ class: ircam - connexion GitLab + CI/CD - demande : 1/3 ingénieur (3 ans) -- Equipe - - Serge Lemouton (IRCAM), Jacques Warnier (CNSMDP), Laurent Pottier (Univ St Etienne), Guillaume Pellerin (IRCAM) +] -- Rapport : https://drive.google.com/file/d/1aQ2d9cDPGKDeVA0jt5DPh50oGJu_5Ht1/view +.pull-right[ +## Equipe + - Serge Lemouton (IRCAM) + - Guillaume Pellerin (IRCAM) + - Jacques Warnier (CNSMDP) + - Laurent Pottier (Univ St Etienne) +] --- -class: ircam +class: ircam, tight # Play -
-## Jeu audio @ IRCAM +## Online audio @ IRCAM - espace de recherche et d'expérimentation musicales dans le navigateur (desktop + mobile) - pour les développeurs : publier automatiquement leurs logiciels @@ -447,7 +468,7 @@ class: ircam - semi-automatisation des publications de nouvelles versions - synthèse de tous les travaux Web Audio de l'IRCAM -### 2021 S2 +## 2021 S2 - groupe de travail - POC @@ -457,33 +478,21 @@ class: ircam --- class: ircam, aired -# Synthèse de prise en compte de l'audit +# Conclusion et perspectives + +## Synthèse de prise en compte de l'audit - upgrade Mezzo (en cours) - étude et expérimentation des solutions Headless (Speak Web) - ressources humaines supplémentaires : demande d'1 poste ingénieur sur 3 ans - ---- -class: ircam, aired - -# Conclusion et perpectives -
- -- Performance exceptionnelle de l'équipe POW -- Collaborations et itérations toujours plus fructueuses -- Mutualisation constante des ressources techniques et opérationnelles -- Web : - - socle pérenne de valorisation des applications ET des données - - support de fidélisation des communautés en réseau - - tremplin d'innovation continue et participative - - vecteur direct des innovations numériques, culturelles et grand public +## Stratégies --- -class: center, middle, ircam +class: center, middle, ircam, inverse -# Merci ! +# Merci de votre attention ! diff --git a/src/styl/remark-themes/ircam-white.styl b/src/styl/remark-themes/ircam-white.styl index 101ad29..9af4b02 100644 --- a/src/styl/remark-themes/ircam-white.styl +++ b/src/styl/remark-themes/ircam-white.styl @@ -6,6 +6,8 @@ h1 padding-bottom 8px h2 + margin-block-start: 0.73em; + h3 h4 margin-bottom 0 @@ -31,9 +33,10 @@ ul background white border-radius 8px 0px 8px 8px - li line-height 1.75em + list-style-position: inside; + text-indent: -.75em; p line-height 1.25em @@ -81,10 +84,24 @@ code float left width 48% +.pull-left h2 + margin-block-start: 0.23em; + .pull-right float right width 48% +.pull-right h2 + margin-block-start: 0.23em; + +.pull-left-70 + float left + width 68% + +.pull-right-30 + float right + width 28% + .pull-right ~ p clear both diff --git a/src/styl/remark-themes/ircam.styl b/src/styl/remark-themes/ircam.styl index f15efa7..0f2f3d7 100644 --- a/src/styl/remark-themes/ircam.styl +++ b/src/styl/remark-themes/ircam.styl @@ -79,6 +79,7 @@ code .pull-right ~ p clear both + #slideshow .slide .content -- 2.39.5