{"id":1287,"date":"2014-06-16T09:30:45","date_gmt":"2014-06-16T08:30:45","guid":{"rendered":"http:\/\/www.arvo.es\/dspace\/?p=1287"},"modified":"2014-11-12T21:06:19","modified_gmt":"2014-11-12T20:06:19","slug":"probando-mirage2","status":"publish","type":"post","link":"https:\/\/www.arvo.es\/dspace\/probando-mirage2\/","title":{"rendered":"Probando Mirage2"},"content":{"rendered":"<p>Buenas a todos, lectores.<\/p>\n<p>Tras los anuncios de las \u00faltimas semanas de la nueva interfaz adaptativa de Dspace para XMLUI,\u00a0 quer\u00edamos probar\u00a0el nuevo tema Mirage2 que acaban de liberar nuestros amigos de <a href=\"https:\/\/atmire.com\/website\/?q=contributions\/dspace-mirage-2\">@tmire<\/a>.\u00a0Se\u00f1alar que Mirage2 est\u00e1 disponible para las versiones 3 y 4 de Dspace y que est\u00e1 llamado a convertirse en la interfaz \u00abest\u00e1ndar\u00bb de DSpace v5-XMLUI.<\/p>\n<p>Sobre todo, hay que descubrirse ante el buen trabajo que ha realizado @tmire, ya que podemos ver como han suavizado el tema Mirage sin dejar de lado la gran funcionalidad que ya exist\u00eda y por supuesto\u00a0 a\u00f1adiendo las funcionalidades de liquidness y responsiveness (lo siento pero no vamos a traducir estos t\u00e9rminos)<\/p>\n<blockquote><p><strong>Adaptive<\/strong> is characterized by having defined layouts for different resolutions. Within each layout, resizing the window does not change the layout.<\/p>\n<p><strong>Liquid<\/strong> (also called \u00abFluid\u00bb) is characterized by scaling the width of parts of the design relative to the window. It tends to fail when the window is much smaller or much larger than it was originally designed for.<\/p>\n<p><strong>Responsive<\/strong> is characterized by having defined layouts for different resolutions. Within each layout, the design is liquid and resizes the width of elements relative to the changing window size.<\/p><\/blockquote>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_1288\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/princi_mirage2.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1288\" class=\"size-medium wp-image-1288\" src=\"http:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/princi_mirage2-300x168.png\" alt=\"Mirage 2\" width=\"300\" height=\"168\" srcset=\"https:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/princi_mirage2-300x168.png 300w, https:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/princi_mirage2-1024x575.png 1024w, https:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/princi_mirage2.png 1366w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1288\" class=\"wp-caption-text\">As\u00ed se ve Mirage2<\/p><\/div>\n<p>A primera vista me he fijado que se adapta perfectamente a la pantalla incluso con cambios de tama\u00f1o debido a su dise\u00f1o responsivo.<\/p>\n<p>Aprovechando el cambio, se han introducido modificaciones en la p\u00e1gina principal (recolocaci\u00f3n de men\u00fas), en la vista de colecciones y en la vista del item. En \u00e9sta, vemos como se da m\u00e1s representatividad a los thumbnails ocupando un espacio m\u00e1s visible en la p\u00e1gina respecto a Mirage.<\/p>\n<div id=\"attachment_1289\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/view_mirage2.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1289\" class=\"size-medium wp-image-1289\" src=\"http:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/view_mirage2-300x168.png\" alt=\"view item\" width=\"300\" height=\"168\" srcset=\"https:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/view_mirage2-300x168.png 300w, https:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/view_mirage2-1024x575.png 1024w, https:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/view_mirage2.png 1366w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1289\" class=\"wp-caption-text\">Vista de Item en Mirage2<\/p><\/div>\n<p><strong>\u00bfESO ES TODO?<\/strong><\/p>\n<p>No. La principal novedad que tiene Mirage2 no es su redise\u00f1o sino su gran compatibilidad con otro tipo de tama\u00f1o de pantallas, haciendo que este interfaz se adapte al tama\u00f1o de cualquier monitor de PC y lo m\u00e1s novedoso de todo es que hay necesidad de habilitar el aspecto <em>mobile<\/em> que se pod\u00eda crear para las versiones 1.8, 3 o 4 de DSpace.<\/p>\n<p><strong>VISTA M\u00d3VIL<\/strong><\/p>\n<p>Haciendo pruebas desde el smartphone podemos apreciar como el me\u0144u derecho desaparece seg\u00fan cambiamos de tama\u00f1o de pantalla, sustituyendo ese men\u00fa por un icono situado arriba a la derecha, en el cual, si lo pulsamos tenemos acceso a las mismas funcionalidades de la p\u00e1gina completa.<\/p>\n<p>Lo mismo ha ocurrido con el men\u00fa \u00abmi cuenta\u00bb que se ha cambiado por un icono que aparece al lado del icono del men\u00fa.<\/p>\n<div id=\"attachment_1292\" style=\"width: 190px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/movil_mirage2.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1292\" class=\"size-medium wp-image-1292\" src=\"http:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/movil_mirage2-180x300.png\" alt=\"vista en m\u00f3vil\" width=\"180\" height=\"300\" srcset=\"https:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/movil_mirage2-180x300.png 180w, https:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/movil_mirage2-614x1024.png 614w, https:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/movil_mirage2.png 768w\" sizes=\"auto, (max-width: 180px) 100vw, 180px\" \/><\/a><p id=\"caption-attachment-1292\" class=\"wp-caption-text\">Vista en un m\u00f3vil<\/p><\/div>\n<p><strong>VISTA EN TABLET<\/strong><\/p>\n<p>En la tablet tambi\u00e9n se experimentan los cambios,\u00a0 ya que si permaneces con la tablet en forma horizontal tienes una visi\u00f3n mas pr\u00f3xima a la vista en un PC. En cambio, si se gira la tablet se comporta m\u00e1s bien como un m\u00f3vil.<\/p>\n<div id=\"attachment_1291\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/tablet_mirage2_v.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1291\" class=\"wp-image-1291 size-medium\" src=\"http:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/tablet_mirage2_v-300x187.png\" alt=\"tablet vista normal\" width=\"300\" height=\"187\" srcset=\"https:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/tablet_mirage2_v-300x187.png 300w, https:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/tablet_mirage2_v-1024x640.png 1024w, https:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/tablet_mirage2_v.png 1280w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1291\" class=\"wp-caption-text\">Tablet en horizontal<\/p><\/div>\n<div id=\"attachment_1290\" style=\"width: 197px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/tablet_mirage2_h.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1290\" class=\"wp-image-1290 size-medium\" src=\"http:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/tablet_mirage2_h-187x300.png\" alt=\"tablet en vertical\" width=\"187\" height=\"300\" srcset=\"https:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/tablet_mirage2_h-187x300.png 187w, https:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/tablet_mirage2_h-640x1024.png 640w, https:\/\/www.arvo.es\/dspace\/wp-content\/uploads\/2014\/06\/tablet_mirage2_h.png 800w\" sizes=\"auto, (max-width: 187px) 100vw, 187px\" \/><\/a><p id=\"caption-attachment-1290\" class=\"wp-caption-text\">Vista con la tablet en vertical<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>Pues bueno,\u00a0 DSpacers,\u00a0 eso es todo por el momento. Seguiremos trabajando por seguir aprendiendo y modelando este gran interfaz que tiene muchas posibilidades.<\/p>\n<p>A continuaci\u00f3n os dejo los enlaces a @tmire para que prob\u00e9is vosotros mismos el interfaz o si quer\u00e9is trastear con \u00e9l (si no pod\u00e9is esperar a que salga la versi\u00f3n 5 de Dspace)<\/p>\n<p>Vista: <a title=\"Mirage2\" href=\"https:\/\/atmire.com\/preview\/\">https:\/\/atmire.com\/preview\/<\/a><\/p>\n<p>Descarga: <a title=\"Descarga Mirage2\" href=\"http:\/\/atmire.com\/website\/?q=download-mirage-2\">http:\/\/atmire.com\/website\/?q=download-mirage-2<\/a><\/p>\n<p>ejemplo: <a href=\"https:\/\/openknowledge.worldbank.org\/\">OpenKnowledge Wordlbank<\/a><\/p>\n<p>otro: <a href=\"http:\/\/www.tara.tcd.ie\/\">Trinity\u00b4s Access to Research Archive<\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Buenas a todos, lectores. Tras los anuncios de las \u00faltimas semanas de la nueva interfaz adaptativa de Dspace para XMLUI,\u00a0 quer\u00edamos probar\u00a0el nuevo tema Mirage2 que acaban de liberar nuestros amigos de @tmire.\u00a0Se\u00f1alar que Mirage2 est\u00e1 disponible para las versiones &hellip;<\/p>\n<p class=\"read-more\"><a href=\"https:\/\/www.arvo.es\/dspace\/probando-mirage2\/\">Leer m\u00e1s &raquo;<\/a><\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[39,78,80,13],"class_list":["post-1287","post","type-post","status-publish","format-standard","hentry","category-documentacion_tecnica","tag-mirage","tag-version-4","tag-version3","tag-xmlui"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.arvo.es\/dspace\/wp-json\/wp\/v2\/posts\/1287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.arvo.es\/dspace\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.arvo.es\/dspace\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.arvo.es\/dspace\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.arvo.es\/dspace\/wp-json\/wp\/v2\/comments?post=1287"}],"version-history":[{"count":5,"href":"https:\/\/www.arvo.es\/dspace\/wp-json\/wp\/v2\/posts\/1287\/revisions"}],"predecessor-version":[{"id":1299,"href":"https:\/\/www.arvo.es\/dspace\/wp-json\/wp\/v2\/posts\/1287\/revisions\/1299"}],"wp:attachment":[{"href":"https:\/\/www.arvo.es\/dspace\/wp-json\/wp\/v2\/media?parent=1287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.arvo.es\/dspace\/wp-json\/wp\/v2\/categories?post=1287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.arvo.es\/dspace\/wp-json\/wp\/v2\/tags?post=1287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}