{"id":2960,"date":"2017-09-07T23:36:30","date_gmt":"2017-09-07T21:36:30","guid":{"rendered":"http:\/\/blog.nebule.org\/?p=2960"},"modified":"2017-09-07T23:36:30","modified_gmt":"2017-09-07T21:36:30","slug":"reflexion-sur-levolution-de-linterface-web-pour-nebule-entites-2","status":"publish","type":"post","link":"http:\/\/blog.nebule.org\/?p=2960","title":{"rendered":"R\u00e9flexion sur l&rsquo;\u00e9volution de l&rsquo;interface web pour nebule \u00e2\u20ac\u201c entit\u00e9s 2"},"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>, <a title=\"R\u00e9flexion sur l'\u00e9volution de l'interface web pour nebule \u00e2\u20ac\u201c objets\" href=\"http:\/\/blog.nebule.org\/?p=2938\" target=\"_blank\">objets<\/a>. et <a title=\"R\u00e9flexion sur l'\u00e9volution de l'interface web pour nebule \u00e2\u20ac\u201c entit\u00e9s\" href=\"http:\/\/blog.nebule.org\/?p=2954\" target=\"_blank\">entit\u00e9<\/a>.<\/p>\n<p style=\"text-align: justify;\">Il y a deux fa\u00e7ons d&rsquo;afficher des objets.<\/p>\n<p style=\"text-align: justify;\">La premi\u00e8re ressemble \u00e0 ce qu&rsquo;il y avait avant, mais en plus complet. Les boutons d&rsquo;action sont affich\u00e9s sous la barre de titre de l&rsquo;objet :<\/p>\n<p><a href=\"\/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_22-19-28.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2961 aligncenter\" src=\"\/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_22-19-28.png\" alt=\"20170907-shot-2017-09-07_22-19-28\" width=\"783\" height=\"393\" srcset=\"\/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_22-19-28.png 783w, \/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_22-19-28-600x301.png 600w\" sizes=\"(max-width: 783px) 100vw, 783px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><!--more--><\/p>\n<p style=\"text-align: justify;\">La deuxi\u00e8me est plus discr\u00e8te mais n\u00e9cessite un peu de Java Script. Prenons une page d&rsquo;exemple :<\/p>\n<p><a href=\"\/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_23-09-38.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2962 aligncenter\" src=\"\/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_23-09-38.png\" alt=\"20170907-shot-2017-09-07_23-09-38\" width=\"766\" height=\"515\" srcset=\"\/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_23-09-38.png 766w, \/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_23-09-38-600x403.png 600w\" sizes=\"(max-width: 766px) 100vw, 766px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Si on clique sur le carr\u00e9 bleu de l&rsquo;objet ou sur son ic\u00f4ne (et non son image), ici :<\/p>\n<p><a href=\"\/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_23-09-38b.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2963 aligncenter\" src=\"\/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_23-09-38b.png\" alt=\"20170907-shot-2017-09-07_23-09-38b\" width=\"511\" height=\"64\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Cela ouvre par dessus l&rsquo;ensemble de la page un menu plus complet avec des informations et des actions :<\/p>\n<p><a href=\"\/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_23-09-56.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2964 aligncenter\" src=\"\/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_23-09-56.png\" alt=\"20170907-shot-2017-09-07_23-09-56\" width=\"766\" height=\"516\" srcset=\"\/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_23-09-56.png 766w, \/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_23-09-56-600x404.png 600w\" sizes=\"(max-width: 766px) 100vw, 766px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">On revient \u00e0 l&rsquo;\u00e9cran pr\u00e9c\u00e9dent en cliquant sur une zone non utilis\u00e9e.<\/p>\n<p style=\"text-align: justify;\">Autre exemple avec un objet qui est aussi une entit\u00e9 :<\/p>\n<p><a href=\"\/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_23-10-14.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-2965 aligncenter\" src=\"\/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_23-10-14.png\" alt=\"20170907-shot-2017-09-07_23-10-14\" width=\"766\" height=\"516\" srcset=\"\/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_23-10-14.png 766w, \/wp-content\/uploads\/nebule\/2017\/09\/20170907-shot-2017-09-07_23-10-14-600x404.png 600w\" sizes=\"(max-width: 766px) 100vw, 766px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Suite de la r\u00e9flexion sur l&rsquo;\u00e9volution de l&rsquo;interface web pour nebule, objets. et entit\u00e9. Il y a deux fa\u00e7ons d&rsquo;afficher des objets. La premi\u00e8re ressemble \u00e0 ce qu&rsquo;il y avait avant, mais en plus complet. Les boutons d&rsquo;action sont affich\u00e9s sous la barre de titre de l&rsquo;objet :<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[397,7,110],"tags":[],"_links":{"self":[{"href":"http:\/\/blog.nebule.org\/index.php?rest_route=\/wp\/v2\/posts\/2960"}],"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=2960"}],"version-history":[{"count":1,"href":"http:\/\/blog.nebule.org\/index.php?rest_route=\/wp\/v2\/posts\/2960\/revisions"}],"predecessor-version":[{"id":2966,"href":"http:\/\/blog.nebule.org\/index.php?rest_route=\/wp\/v2\/posts\/2960\/revisions\/2966"}],"wp:attachment":[{"href":"http:\/\/blog.nebule.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2960"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.nebule.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2960"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.nebule.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}