{"id":103748,"date":"2022-04-10T09:36:49","date_gmt":"2022-04-10T07:36:49","guid":{"rendered":"https:\/\/prohoster.info\/blog\/novosti-interneta\/dostupna-polzovatelskaya-obolochka-material-shell-42"},"modified":"2022-04-10T09:36:49","modified_gmt":"2022-04-10T07:36:49","slug":"dostupna-polzovatelskaya-obolochka-material-shell-42","status":"publish","type":"post","link":"https:\/\/prohoster.info\/fr\/blog\/news\/dostupna-polzovatelskaya-obolochka-material-shell-42","title":{"rendered":"L'interface utilisateur Material Shell 42 est disponible.","gt_translate_keys":[{"key":"rendered","format":"text"}]},"content":{"rendered":"<p>Apr\u00e8s un an de d\u00e9veloppement, la version 42 de l'interface utilisateur Material Shell est publi\u00e9e, offrant une mise en \u0153uvre des concepts de disposition mosa\u00efque et spatiale des fen\u00eatres pour GNOME. Ce projet est propos\u00e9 sous forme d'extension pour GNOME Shell et vise \u00e0 simplifier la navigation et \u00e0 augmenter l'efficacit\u00e9 du travail gr\u00e2ce \u00e0 l'automatisation de la gestion des fen\u00eatres et \u00e0 la pr\u00e9visibilit\u00e9 du comportement de l'interface. Le code est \u00e9crit en TypeScript et est distribu\u00e9 sous la licence GPLv3. La version 42 de Material Shell prend en charge le fonctionnement sur GNOME 42.    <\/p>\n<p>Dans Material Shell, un mod\u00e8le spatial (Spatial Model) est utilis\u00e9 pour basculer entre les fen\u00eatres, permettant de diviser les applications ouvertes en espaces de travail (workspace). Chaque espace de travail peut contenir plusieurs applications. Ainsi, une grille virtuelle d'applications se forme, o\u00f9 les colonnes sont constitu\u00e9es des applications et les lignes des espaces de travail. L'utilisateur peut changer la zone de visibilit\u00e9 en se d\u00e9pla\u00e7ant dans la grille par rapport \u00e0 la cellule actuelle, par exemple, on peut d\u00e9placer la zone visible vers la gauche ou la droite pour basculer entre les applications dans un m\u00eame espace de travail, ainsi qu'en haut ou en bas pour basculer entre les espaces de travail.       <center><div class=\"youtube-placeholder\" data-id=\"Wc5mbuKrGDE\" onclick=\"loadVideo(this)\">\r\n        <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/Wc5mbuKrGDE\/hqdefault.jpg\" alt=\"Lire la vid\u00e9o\" loading=\"lazy\" width=\"480\" height=\"360\" style=\"width:100%;height:auto;\">\r\n        <div class=\"play-button\"><\/div>\r\n    <\/div><\/center>    <\/p>\n<p>Material Shell permet de regrouper les applications en fonction des th\u00e8mes ou des t\u00e2ches via l'ajout de nouveaux espaces de travail et l'ouverture d'applications, formant un espace de fen\u00eatres pratique et pr\u00e9visible pour l'utilisateur. Toutes les fen\u00eatres sont dispos\u00e9es sous forme mosa\u00efque (tiled) et ne se chevauchent pas. Il est possible d'\u00e9tendre l'application actuelle en plein \u00e9cran, de la pr\u00e9senter c\u00f4te \u00e0 c\u00f4te avec d'autres applications de l'espace de travail, d'afficher toutes les fen\u00eatres sous forme de colonnes ou de grille, ainsi que d'attacher les fen\u00eatres en piles de mani\u00e8re arbitraire, en utilisant des attaches horizontales et verticales avec les fen\u00eatres adjacentes.    <\/p>\n<p>Le mod\u00e8le spatial configur\u00e9 par l'utilisateur est conserv\u00e9 entre les red\u00e9marrages, permettant de cr\u00e9er un environnement familier avec l'ancrage des \u00e9l\u00e9ments choisi par l'utilisateur. Lors du lancement de l'application, sa fen\u00eatre est plac\u00e9e \u00e0 l'endroit pr\u00e9c\u00e9demment s\u00e9lectionn\u00e9, conservant l'ordre g\u00e9n\u00e9ral des espaces de travail et l'ancrage des applications. Pour naviguer, il est possible d'afficher la maquette du r\u00e9seau form\u00e9, qui montre tous les applications pr\u00e9c\u00e9demment lanc\u00e9es aux emplacements s\u00e9lectionn\u00e9s par l'utilisateur, et cliquer sur l'ic\u00f4ne de l'application dans ce r\u00e9seau ouvrira la bonne application \u00e0 son emplacement dans le mod\u00e8le spatial.    <\/p>\n<p>La gestion peut se faire au moyen d'un clavier, d'un \u00e9cran tactile ou d'une souris. Les \u00e9l\u00e9ments de l'interface sont con\u00e7us dans le style Material Design. Trois th\u00e8mes sont propos\u00e9s : clair, sombre et principal (la couleur est choisie par l'utilisateur). Pour la gestion \u00e0 l'aide de la souris et de l'\u00e9cran tactile, un panneau est affich\u00e9 sur le c\u00f4t\u00e9 gauche de l'\u00e9cran. Ce panneau montre les informations sur les espaces de travail disponibles et met en surbrillance l'espace de travail actuel. En bas du panneau, divers indicateurs, le plateau syst\u00e8me et la zone de notifications sont affich\u00e9s.     <\/p>\n<p>Pour naviguer entre les fen\u00eatres des applications lanc\u00e9es dans l'espace de travail actuel, une barre sup\u00e9rieure est utilis\u00e9e, remplissant les fonctions d'une barre des t\u00e2ches. Dans le contexte de la gestion du mod\u00e8le spatial, le panneau de gauche est charg\u00e9 d'ajouter des espaces de travail et de basculer entre eux, tandis que la barre sup\u00e9rieure g\u00e8re l'ajout d'applications dans l'espace de travail actuel et le changement entre les applications. La barre sup\u00e9rieure est \u00e9galement utilis\u00e9e pour g\u00e9rer la disposition mosa\u00efque des fen\u00eatres \u00e0 l'\u00e9cran.             <center>  <video  controls=\"\" style=\"width: 720px; height: 480px; max-width:100%\"><source type=\"video\/webm\" src=\"https:\/\/material-shell.com\/videos\/interface_showcase.webm\"><\/video>  <\/center><br \/>\n<br \/>Source : <a content=\"nofollow\" rel=\"nofollow\" href=\"https:\/\/www.opennet.ru\/opennews\/art.shtml?num=56997\">opennet.ru<\/a> <\/p>","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"excerpt":{"rendered":"<p>\u041f\u043e\u0441\u043b\u0435 \u0433\u043e\u0434\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d \u0432\u044b\u043f\u0443\u0441\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0438 Material Shell 42, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0449\u0435\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u044e \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u043c\u043e\u0437\u0430\u0438\u0447\u043d\u043e\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u043e\u0432\u043a\u0438 \u043e\u043a\u043e\u043d \u0434\u043b\u044f GNOME. \u041f\u0440\u043e\u0435\u043a\u0442 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d \u0432 \u0432\u0438\u0434\u0435 \u0440\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u0438\u044f \u0434\u043b\u044f GNOME Shell \u0438 \u043d\u0430\u0446\u0435\u043b\u0435\u043d \u043d\u0430 \u0443\u043f\u0440\u043e\u0449\u0435\u043d\u0438\u0435 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 \u0438 \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0437\u0430 \u0441\u0447\u0451\u0442 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u043e\u043a\u043d\u0430\u043c\u0438 \u0438 \u043f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u043e\u0441\u0442\u0438 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0430. \u041a\u043e\u0434 \u043d\u0430\u043f\u0438\u0441\u0430\u043d \u043d\u0430 \u044f\u0437\u044b\u043a\u0435 TypeScript \u0438 \u0440\u0430\u0441\u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u044f\u0435\u0442\u0441\u044f \u043f\u043e\u0434 [&hellip;]<\/p>\n","protected":false,"gt_translate_keys":[{"key":"rendered","format":"html"}]},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[702],"tags":[],"class_list":["post-103748","post","type-post","status-publish","format-standard","hentry","category-news"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.2 - aioseo.com -->\n\t<meta name=\"description\" content=\"\u041f\u043e\u0441\u043b\u0435 \u0433\u043e\u0434\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d \u0432\u044b\u043f\u0443\u0441\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0438 Material Shell 42, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0449\u0435\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u044e \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u043c\u043e\u0437\u0430\u0438\u0447\u043d\u043e\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u043e\u0432\u043a\u0438 \u043e\u043a\u043e\u043d \u0434\u043b\u044f GNOME.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Yuri Gagarin\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/prohoster.info\/fr\/blog\/news\/dostupna-polzovatelskaya-obolochka-material-shell-42\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.2\" \/>\n\t\t<meta property=\"og:locale\" content=\"fr_FR\" \/>\n\t\t<meta property=\"og:site_name\" content=\"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"\ud83e\udd47\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0430\u044f \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0430 Material Shell 42 | ProHoster\" \/>\n\t\t<meta property=\"og:description\" content=\"\u041f\u043e\u0441\u043b\u0435 \u0433\u043e\u0434\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d \u0432\u044b\u043f\u0443\u0441\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0438 Material Shell 42, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0449\u0435\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u044e \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u043c\u043e\u0437\u0430\u0438\u0447\u043d\u043e\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u043e\u0432\u043a\u0438 \u043e\u043a\u043e\u043d \u0434\u043b\u044f GNOME.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/prohoster.info\/fr\/blog\/news\/dostupna-polzovatelskaya-obolochka-material-shell-42\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"350\" \/>\n\t\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2022-04-10T07:36:49+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2022-04-10T07:36:49+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/prohoster\" \/>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"\ud83e\udd47L'interface utilisateur Material Shell 42 est disponible | ProHoster","description":"Apr\u00e8s un an de d\u00e9veloppement, la version de l'interface utilisateur Material Shell 42 est publi\u00e9e, offrant la mise en \u0153uvre des concepts de disposition mosa\u00efque et spatiale des fen\u00eatres pour GNOME.","canonical_url":"https:\/\/prohoster.info\/fr\/blog\/news\/dostupna-polzovatelskaya-obolochka-material-shell-42","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":null,"og:locale":"fr_FR","og:site_name":"ProHoster | \u041a\u0443\u043f\u0438\u0442\u044c \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u0445\u043e\u0441\u0442\u0438\u043d\u0433 \u0434\u043b\u044f \u0441\u0430\u0439\u0442\u043e\u0432 \u0441 \u0437\u0430\u0449\u0438\u0442\u043e\u0439 \u043e\u0442 DDoS, VPS VDS \u0441\u0435\u0440\u0432\u0435\u0440\u044b","og:type":"article","og:title":"\ud83e\udd47\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0430\u044f \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0430 Material Shell 42 | ProHoster","og:description":"\u041f\u043e\u0441\u043b\u0435 \u0433\u043e\u0434\u0430 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u043f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u043d \u0432\u044b\u043f\u0443\u0441\u043a \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0439 \u043e\u0431\u043e\u043b\u043e\u0447\u043a\u0438 Material Shell 42, \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u044e\u0449\u0435\u0439 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0435\u044e \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0439 \u043c\u043e\u0437\u0430\u0438\u0447\u043d\u043e\u0439 \u0438 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u043e\u0432\u043a\u0438 \u043e\u043a\u043e\u043d \u0434\u043b\u044f GNOME.","og:url":"https:\/\/prohoster.info\/fr\/blog\/news\/dostupna-polzovatelskaya-obolochka-material-shell-42","og:image":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:secure_url":"https:\/\/prohoster.info\/wp-content\/uploads\/2021\/11\/logo-350.jpg","og:image:width":350,"og:image:height":350,"article:published_time":"2022-04-10T07:36:49+00:00","article:modified_time":"2022-04-10T07:36:49+00:00","article:publisher":"https:\/\/www.facebook.com\/prohoster","article:author":"https:\/\/www.facebook.com\/prohoster"},"aioseo_meta_data":{"post_id":"103748","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"seo_analyzer_scan_date":"2026-01-25 10:21:04","breadcrumb_settings":null,"limit_modified_date":false,"reviewed_by":null,"ai":null,"created":"2022-04-10 07:37:40","updated":"2026-01-25 10:21:04","focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"gt_translate_keys":[{"key":"link","format":"url"}],"_links":{"self":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts\/103748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/comments?post=103748"}],"version-history":[{"count":0,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/posts\/103748\/revisions"}],"wp:attachment":[{"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/media?parent=103748"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/categories?post=103748"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prohoster.info\/fr\/wp-json\/wp\/v2\/tags?post=103748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}