{"id":2938,"date":"2017-08-29T22:16:23","date_gmt":"2017-08-29T20:16:23","guid":{"rendered":"http:\/\/blog.nebule.org\/?p=2938"},"modified":"2017-08-29T22:20:05","modified_gmt":"2017-08-29T20:20:05","slug":"reflexion-sur-levolution-de-linterface-web-pour-nebule-objets","status":"publish","type":"post","link":"http:\/\/blog.nebule.org\/?p=2938","title":{"rendered":"R\u00e9flexion sur l&rsquo;\u00e9volution de l&rsquo;interface web pour nebule &#8211; objets"},"content":{"rendered":"<p style=\"text-align: justify;\">Suite de la <a title=\"R\u00e9flexion sur l'\u00e9volution de l'interface web pour nebule\" href=\"http:\/\/blog.nebule.org\/?p=2930\" target=\"_blank\">r\u00e9flexion sur l&rsquo;\u00e9volution de l&rsquo;interface web pour nebule<\/a>.<\/p>\n<p style=\"text-align: justify;\">Au moyen d&rsquo;une nouvelle fonction d&rsquo;affichage dans la <a title=\"librairie\" href=\"http:\/\/blog.nebule.org\/?page_id=2478\" target=\"_blank\">biblioth\u00e8que<\/a> <a title=\"nebule\" href=\"http:\/\/www.nebule.org\" target=\"_blank\">nebule<\/a>, la fonction <code>getDisplayObject()<\/code>, il est maintenant possible de d\u00e9l\u00e9guer plus facilement l&rsquo;affichage d&rsquo;une liste d&rsquo;objets ou d&rsquo;entit\u00e9s.<\/p>\n<p style=\"text-align: justify;\">Voici l&rsquo;affichage ins\u00e9r\u00e9 dans un textes :<\/p>\n<p style=\"text-align: justify;\"><a href=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-inline.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2939\" src=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-inline.jpg\" alt=\"20170829-inline\" width=\"383\" height=\"19\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Les diff\u00e9rents formats d&rsquo;affichage en blocs avec une hauteur de 32px, 64px, 128px puis 256px :<\/p>\n<p><a href=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-bloc-1.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2940 aligncenter\" src=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-bloc-1.jpg\" alt=\"20170829-bloc-1\" width=\"256\" height=\"32\" \/><\/a><\/p>\n<p><a href=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-bloc-2.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2941 aligncenter\" src=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-bloc-2.jpg\" alt=\"20170829-bloc-2\" width=\"384\" height=\"64\" \/><\/a><\/p>\n<p><a href=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-bloc-2.jpg\"><br \/>\n<\/a> <a href=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-bloc-3.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2942 aligncenter\" src=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-bloc-3.jpg\" alt=\"20170829-bloc-3\" width=\"640\" height=\"128\" srcset=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-bloc-3.jpg 640w, \/wp-content\/uploads\/nebule\/2017\/08\/20170829-bloc-3-600x120.jpg 600w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><a href=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-bloc-3.jpg\"><br \/>\n<\/a> <a href=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-bloc-4.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2943\" src=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-bloc-4.jpg\" alt=\"20170829-bloc-4\" width=\"1023\" height=\"256\" srcset=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-bloc-4.jpg 1023w, \/wp-content\/uploads\/nebule\/2017\/08\/20170829-bloc-4-600x150.jpg 600w\" sizes=\"(max-width: 1023px) 100vw, 1023px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Plusieurs blocs s&rsquo;assemblent pour remplir toute la largeur disponible en rapport avec leur largeur propre. Les informations internes affich\u00e9es des blocs sont compl\u00e8tement ind\u00e9pendantes les unes des autre. Cela donne :<\/p>\n<p><a href=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-assemblage-bloc.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2944 aligncenter\" src=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-assemblage-bloc.jpg\" alt=\"20170829-assemblage-bloc\" width=\"783\" height=\"143\" srcset=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-assemblage-bloc.jpg 783w, \/wp-content\/uploads\/nebule\/2017\/08\/20170829-assemblage-bloc-600x110.jpg 600w\" sizes=\"(max-width: 783px) 100vw, 783px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">La fonction permet aussi un affichage en liste avec un objet par ligne :<\/p>\n<p style=\"text-align: justify;\"><a href=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-lignes.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2945\" src=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-lignes.jpg\" alt=\"20170829-lignes\" width=\"953\" height=\"505\" srcset=\"\/wp-content\/uploads\/nebule\/2017\/08\/20170829-lignes.jpg 953w, \/wp-content\/uploads\/nebule\/2017\/08\/20170829-lignes-600x318.jpg 600w\" sizes=\"(max-width: 953px) 100vw, 953px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Quelques possibilit\u00e9s :<\/p>\n<ul>\n<li style=\"text-align: justify;\">Le carr\u00e9 de l&rsquo;ic\u00f4ne peut \u00eatre remplac\u00e9 par une image ou masqu\u00e9.<\/li>\n<li style=\"text-align: justify;\">Le carr\u00e9 de la couleur n&rsquo;est pas modifiable est d\u00e9pend uniquement de l&rsquo;ID de l&rsquo;objet, mais peut \u00eatre masqu\u00e9.<\/li>\n<li style=\"text-align: justify;\">Le nom de l&rsquo;objet peut \u00eatre remplac\u00e9 par un texte.<\/li>\n<li style=\"text-align: justify;\">L&rsquo;identifiant de l&rsquo;objet peut \u00eatre masqu\u00e9.<\/li>\n<li style=\"text-align: justify;\">Les entit\u00e9s ou objets de r\u00e9f\u00e9rence (au dessus du nom) peuvent \u00eatre masqu\u00e9s et si la liste est trop longue il se r\u00e9duisent aux carr\u00e9s de couleur et d&rsquo;ic\u00f4ne, voir juste au carr\u00e9 de couleur.<\/li>\n<li style=\"text-align: justify;\">Les ic\u00f4nes de protection, de dissimulation et de verrouillage sont activables (en fond vert) et peuvent \u00eatre masqu\u00e9s.<\/li>\n<li style=\"text-align: justify;\">Les \u00e9motions sont calcul\u00e9s automatiquement et peuvent \u00eatre masqu\u00e9es.<\/li>\n<li style=\"text-align: justify;\">Le compteur est personnalisable et peut \u00eatre masqu\u00e9.<\/li>\n<li style=\"text-align: justify;\">Certains \u00e9l\u00e9ments ne peuvent pas \u00eatre affich\u00e9s ensemble, surtout quand la place est limit\u00e9e.<\/li>\n<li style=\"text-align: justify;\">Les blocs sont centr\u00e9s par d\u00e9faut, leurs assemblages aussi.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Il reste \u00e0 faire la deuxi\u00e8me partie de ces affichages d&rsquo;objets, c&rsquo;est \u00e0 dire de les rendre utilisables autrement que juste par des liens hypertextes. L&rsquo;id\u00e9e est de rendre les carr\u00e9s de l&rsquo;ic\u00f4ne et de la couleur sensible au clic pour afficher un menu complet des actions sur l&rsquo;objet. Les actions seront d\u00e9pendantes des modules via la mise en place de nouveaux points d&rsquo;accrochage (<em>hooks<\/em>).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Suite de la r\u00e9flexion sur l&rsquo;\u00e9volution de l&rsquo;interface web pour nebule. Au moyen d&rsquo;une nouvelle fonction d&rsquo;affichage dans la biblioth\u00e8que nebule, la fonction getDisplayObject(), il est maintenant possible de d\u00e9l\u00e9guer plus facilement l&rsquo;affichage d&rsquo;une liste d&rsquo;objets ou d&rsquo;entit\u00e9s. Voici l&rsquo;affichage ins\u00e9r\u00e9 dans un textes : Les diff\u00e9rents formats d&rsquo;affichage en blocs avec une hauteur de &hellip; <a href=\"http:\/\/blog.nebule.org\/?p=2938\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">R\u00e9flexion sur l&rsquo;\u00e9volution de l&rsquo;interface web pour nebule &#8211; objets<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[88,397,7,13,110,20],"tags":[],"_links":{"self":[{"href":"http:\/\/blog.nebule.org\/index.php?rest_route=\/wp\/v2\/posts\/2938"}],"collection":[{"href":"http:\/\/blog.nebule.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.nebule.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.nebule.org\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.nebule.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2938"}],"version-history":[{"count":5,"href":"http:\/\/blog.nebule.org\/index.php?rest_route=\/wp\/v2\/posts\/2938\/revisions"}],"predecessor-version":[{"id":2950,"href":"http:\/\/blog.nebule.org\/index.php?rest_route=\/wp\/v2\/posts\/2938\/revisions\/2950"}],"wp:attachment":[{"href":"http:\/\/blog.nebule.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2938"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.nebule.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2938"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.nebule.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}