{"id":17190,"date":"2020-09-04T09:50:58","date_gmt":"2020-09-04T07:50:58","guid":{"rendered":"https:\/\/leo.hypotheses.org\/?p=17190"},"modified":"2020-09-04T10:53:38","modified_gmt":"2020-09-04T08:53:38","slug":"focus-au-coeur-des-projets-web-dopenedition","status":"publish","type":"post","link":"https:\/\/leo.hypotheses.org\/17190","title":{"rendered":"Focus : au c\u0153ur des projets web d\u2019OpenEdition"},"content":{"rendered":"\n<p>Fin de la premi\u00e8re \u00e9tape du projet \u00ab OpenBarre \u00bb, vive la nouvelle OpenBarre ! Responsive et contextuelle, cette nouvelle barre de navigation vient d\u2019\u00eatre mise en ligne sur toutes les plateformes d\u2019OpenEdition. L\u2019occasion pour Guillaume Andreux, chef de projet web \u00e0 OpenEdition, de revenir sur les caract\u00e9ristiques de ce projet et la coordination des projets web d\u2019OpenEdition.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"665\" src=\"https:\/\/leo.hypotheses.org\/files\/2020\/09\/247406884_web.jpg\" alt=\"\" class=\"wp-image-17207\" srcset=\"https:\/\/leo.hypotheses.org\/files\/2020\/09\/247406884_web.jpg 1000w, https:\/\/leo.hypotheses.org\/files\/2020\/09\/247406884_web-300x200.jpg 300w, https:\/\/leo.hypotheses.org\/files\/2020\/09\/247406884_web-768x511.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption>\u00a9 Olga Kuzmina &#8211; Adobe Stock<\/figcaption><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>Cette nouvelle barre de navigation a d\u00e9j\u00e0 \u00e9t\u00e9 d\u00e9ploy\u00e9e sur le moteur de recherche <a href=\"https:\/\/search.openedition.org\/\">OpenEdition Search<\/a>. Quelles sont les principales caract\u00e9ristiques de cette nouvelle barre ? Y a-t-il des sp\u00e9cificit\u00e9s selon les plateformes ?<\/li><\/ul>\n\n\n\n<p>L\u2019id\u00e9e g\u00e9n\u00e9rale est de mettre en avant OpenEdition. Que sur chaque plateforme, et notamment pour les sites des revues, des \u00e9diteurs et des carnets, le visiteur ait conscience de naviguer sur le portail OpenEdition.<\/p>\n\n\n\n<p>Cette nouvelle barre est donc tr\u00e8s similaire d\u2019une plateforme \u00e0 une autre. La seule partie sp\u00e9cifique pour chaque plateforme est le menu, dit contextuel, qui permet de naviguer dans la plateforme proprement dite, et est diff\u00e9rent d\u2019une plateforme \u00e0 une autre. Hypoth\u00e8ses est un cas un peu diff\u00e9rent : pour cette plateforme, le menu contextuel n\u2019existe pas (il est d\u00e9j\u00e0 pr\u00e9sent dans le contenu de la plateforme), et sur les carnets, la barre sera plus minimaliste.<\/p>\n\n\n\n<p>Cette nouvelle barre contient donc 3 menus diff\u00e9rents :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>le menu contextuel cit\u00e9 plus haut ;<\/li><li>un menu permettant de changer de langue de navigation, d\u2019effectuer un partage sur les r\u00e9seaux sociaux, et de visualiser la connexion \u00e0 une institution partenaire ;<\/li><li>un menu \u00ab Tout OpenEdition \u00bb qui permet de naviguer d\u2019une plateforme&nbsp; \u00e0 une autre.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/leo.hypotheses.org\/files\/2020\/09\/OpenBarre-OpenEdition-plateformes-1024x361.png\" alt=\"\" class=\"wp-image-17201\" width=\"740\" height=\"260\" srcset=\"https:\/\/leo.hypotheses.org\/files\/2020\/09\/OpenBarre-OpenEdition-plateformes-1024x361.png 1024w, https:\/\/leo.hypotheses.org\/files\/2020\/09\/OpenBarre-OpenEdition-plateformes-300x106.png 300w, https:\/\/leo.hypotheses.org\/files\/2020\/09\/OpenBarre-OpenEdition-plateformes-768x271.png 768w, https:\/\/leo.hypotheses.org\/files\/2020\/09\/OpenBarre-OpenEdition-plateformes.png 1520w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/leo.hypotheses.org\/files\/2020\/09\/OpenBarre-Menu-1024x531.png\" alt=\"\" class=\"wp-image-17202\" width=\"742\" height=\"384\" srcset=\"https:\/\/leo.hypotheses.org\/files\/2020\/09\/OpenBarre-Menu-1024x531.png 1024w, https:\/\/leo.hypotheses.org\/files\/2020\/09\/OpenBarre-Menu-300x156.png 300w, https:\/\/leo.hypotheses.org\/files\/2020\/09\/OpenBarre-Menu-768x399.png 768w, https:\/\/leo.hypotheses.org\/files\/2020\/09\/OpenBarre-Menu-1536x797.png 1536w, https:\/\/leo.hypotheses.org\/files\/2020\/09\/OpenBarre-Menu.png 1827w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Quelle est la prochaine \u00e9tape pour la nouvelle OpenBarre ?<\/li><\/ul>\n\n\n\n<p>Cette nouvelle barre apporte une grosse \u00e9volution en termes graphiques, de fonctionnalit\u00e9s, d\u2019utilisabilit\u00e9, etc., par rapport \u00e0 l\u2019ancienne barre. Nous sommes actuellement dans une phase transitoire o\u00f9 nous allons observer quels sont les \u00e9l\u00e9ments \u00e0 modifier, ajouter ou supprimer.<\/p>\n\n\n\n<p>Nous avons d\u00e9j\u00e0 en t\u00eate des \u00e9l\u00e9ments \u00e0 modifier. D\u2019autres id\u00e9es viendront, notamment avec des tests qui pourraient \u00eatre r\u00e9alis\u00e9s avec nos utilisateurs et utilisatrices.&nbsp;<\/p>\n\n\n\n<p>La nouvelle barre pourra aussi \u00e9voluer en fonction des refontes des plateformes. Par exemple le bouton de partage sur les r\u00e9seaux sociaux devrait \u00eatre int\u00e9gr\u00e9 dans les maquettes des plateformes et donc dispara\u00eetre de la barre.<\/p>\n\n\n\n<p>Un des objectifs est de passer \u00e0 un mode de d\u00e9veloppement en continu : faire \u00e9voluer cette barre r\u00e9guli\u00e8rement par de petites corrections plut\u00f4t que plus rarement par de grands changements.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Ce projet est indissociable du projet de refonte des plateformes d\u2019OpenEdition. Certaines contraintes devaient-elles \u00eatre prises en compte ?<\/li><\/ul>\n\n\n\n<p>La difficult\u00e9 principale \u00e9tait de prendre en compte les sp\u00e9cificit\u00e9s de chaque plateforme. Nous avons d\u00e9cid\u00e9 de supprimer certains \u00e9l\u00e9ments pr\u00e9sents dans l\u2019ancienne barre, comme par exemple le t\u00e9l\u00e9chargement des PDF sur les sites des revues. Il a donc fallu modifier les sites des revues pour int\u00e9grer un bouton de t\u00e9l\u00e9chargement sur les sites.<\/p>\n\n\n\n<p>D\u2019autres \u00e9l\u00e9ments, comme cit\u00e9 plus haut, sont pr\u00e9sents provisoirement dans la barre en attendant leur int\u00e9gration dans les plateformes apr\u00e8s leur refonte.<\/p>\n\n\n\n<p>Une autre contrainte importante \u00e9tait de rendre cette barre \u00ab <em>responsive<\/em> \u00bb, c\u2019est \u00e0 dire qu\u2019elle s\u2019adapte aux diff\u00e9rentes tailles d&#8217;\u00e9crans, du plus petit smartphone \u00e0 l\u2019\u00e9cran large de bureau.<\/p>\n\n\n\n<p>Certaines plateformes ne sont pas ou pas compl\u00e8tement <em>responsives<\/em>, ce qui cr\u00e9era un d\u00e9calage visuel entre la barre et les portails pendant cette p\u00e9riode de refonte en cours.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Tu participes \u00e9galement, avec les services Revues et Donn\u00e9es, \u00e0 un projet de maquettes g\u00e9n\u00e9riques pour les sites des revues de la plateforme OpenEdition Journals. En quoi consiste-t-il ?<\/li><\/ul>\n\n\n\n<p>\u00c0 la cr\u00e9ation de la plateforme revues.org, chaque site, bas\u00e9 sur le logiciel d\u2019\u00e9dition \u00e9lectronique Lodel, \u00e9tait d\u00e9velopp\u00e9 avec sa propre maquette et ses propres fonctionnalit\u00e9s. Cette m\u00e9thode \u00ab artisanale \u00bb \u00e9tait possible avec un nombre limit\u00e9 de sites de revues.<\/p>\n\n\n\n<p>Avec plus de 500 revues sur la plateforme, il n\u2019est plus possible de travailler de cette fa\u00e7on, nous sommes pass\u00e9s \u00e0 l\u2019\u00e8re \u00ab industrielle \u00bb d\u2019OpenEdition Journals. L\u2019objectif est d\u2019avoir une seule maquette (l\u2019ensemble des fichiers qui constituent les sites de revues, les templates) pour toutes les revues.<\/p>\n\n\n\n<p>Avec une seule maquette il est ainsi facile de faire des mises \u00e0 jour sur toutes les revues. \u00c7a permet de proposer des fonctionnalit\u00e9s existantes sur certaines revues \u00e0 toutes les autres, ou de cr\u00e9er de nouvelles fonctionnalit\u00e9s pour toutes les revues et de les d\u00e9ployer en m\u00eame temps.<\/p>\n\n\n\n<p>La difficult\u00e9 est d\u2019adapter chaque revue \u00e0 la nouvelle maquette g\u00e9n\u00e9rique. Il faut donc pour chacune d\u2019entre elles v\u00e9rifier qu\u2019elles sont compatibles avec la maquette g\u00e9n\u00e9rique, et dans le cas contraire d\u00e9cider s\u2019il faut au pr\u00e9alable int\u00e9grer ces sp\u00e9cificit\u00e9s dans la maquette g\u00e9n\u00e9rique ou abandonner ces sp\u00e9cificit\u00e9s.<\/p>\n\n\n\n<p>Une des sp\u00e9cificit\u00e9s de OpenEdition Journals, par rapport \u00e0 d\u2019autres plateformes, est le fait que chaque revue poss\u00e8de une identit\u00e9 graphique qui la rend d\u2019une certaine mani\u00e8re unique par rapport aux autres revues de la plateforme. Pour beaucoup de revues le passage \u00e0 la maquette g\u00e9n\u00e9rique n\u2019est donc pas visible puisque la maquette graphique est la m\u00eame ou presque que celle d\u2019avant. Pour d\u2019autres, souvent les revues les plus anciennes, leur maquette graphique est assez diff\u00e9rente de la nouvelle maquette graphique g\u00e9n\u00e9rique. Le changement est alors plus visible.<\/p>\n\n\n\n<p>Quand environ 80% des revues seront sous la maquette g\u00e9n\u00e9rique nous pourrons commencer \u00e0 travailler \u00e0 la refonte de la maquette afin de la rendre <em>responsive <\/em>et plus moderne en termes d\u2019exp\u00e9rience utilisateur.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Combien de maquettes de sites sont d\u2019ores et d\u00e9j\u00e0 pass\u00e9s en maquettes g\u00e9n\u00e9riques ?<\/li><\/ul>\n\n\n\n<p>&nbsp;271 revues sur 546 sont g\u00e9n\u00e9riques, soit la moiti\u00e9 quasiment, au 1er septembre.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Quelle est la prochaine \u00e9tape dans la r\u00e9alisation des projets web d\u2019OpenEdition ?<\/li><\/ul>\n\n\n\n<p>Nous travaillons actuellement \u00e0 la refonte de Calenda. Ce sera la premi\u00e8re plateforme (en dehors d\u2019Hypoth\u00e8ses) \u00e0 passer en <em>responsive<\/em>.<\/p>\n\n\n\n<p>L\u2019objectif est d\u2019avancer par \u00e9tape : les pages \u00e9v\u00e9nements et le formulaire de soumission seront d\u2019abord mis \u00e0 jour. Le moteur de recherche et la page d\u2019accueil verront leur mise \u00e0 jour dans une seconde \u00e9tape.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Fin de la premi\u00e8re \u00e9tape du projet \u00ab OpenBarre \u00bb, vive la nouvelle OpenBarre ! Responsive et contextuelle, cette nouvelle barre de navigation vient d\u2019\u00eatre mise en ligne sur toutes les plateformes d\u2019OpenEdition. L\u2019occasion pour Guillaume&#46;&#46;&#46;<\/p>\n","protected":false},"author":19802,"featured_media":17207,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_license":"","publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","footnotes":""},"categories":[4,6562,508402,508105,2285634,1298481,507923],"tags":[],"ppma_author":[2285651],"class_list":["post-17190","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-calenda","category-hypotheses","category-cleo-openedition","category-openedition-books","category-openedition-journals","category-outils-et-usages-du-web","category-sites-et-plateformes"],"authors":[{"term_id":2285651,"user_id":19802,"is_guest":0,"slug":"cantrel","display_name":"OpenEdition team","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/a2085e10946ae4b8eda0ef0eec47b72e92350bfdb180547e19e6a6788bc1f8a4?s=96&d=mm&r=g","1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":""}],"_links":{"self":[{"href":"https:\/\/leo.hypotheses.org\/wp-json\/wp\/v2\/posts\/17190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/leo.hypotheses.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/leo.hypotheses.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/leo.hypotheses.org\/wp-json\/wp\/v2\/users\/19802"}],"replies":[{"embeddable":true,"href":"https:\/\/leo.hypotheses.org\/wp-json\/wp\/v2\/comments?post=17190"}],"version-history":[{"count":10,"href":"https:\/\/leo.hypotheses.org\/wp-json\/wp\/v2\/posts\/17190\/revisions"}],"predecessor-version":[{"id":17215,"href":"https:\/\/leo.hypotheses.org\/wp-json\/wp\/v2\/posts\/17190\/revisions\/17215"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/leo.hypotheses.org\/wp-json\/wp\/v2\/media\/17207"}],"wp:attachment":[{"href":"https:\/\/leo.hypotheses.org\/wp-json\/wp\/v2\/media?parent=17190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/leo.hypotheses.org\/wp-json\/wp\/v2\/categories?post=17190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/leo.hypotheses.org\/wp-json\/wp\/v2\/tags?post=17190"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/leo.hypotheses.org\/wp-json\/wp\/v2\/ppma_author?post=17190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}