{"id":473,"date":"2015-03-17T11:21:03","date_gmt":"2015-03-17T10:21:03","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/?page_id=473"},"modified":"2015-03-17T11:21:03","modified_gmt":"2015-03-17T10:21:03","slug":"pautes-de-disseny-daplicacions-en-format-cd","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/disseny\/pautes-de-disseny\/pautes-de-disseny-daplicacions-en-format-cd\/","title":{"rendered":"Pautas de dise\u00f1o de aplicaciones en formato CD"},"content":{"rendered":"<p><\/p>\n<h3>Introducci\u00f3n<\/h3>\n<p>El CD-ROM es, hist\u00f3ricamente, uno de los primeros soportes de aplicaciones multimedia. Aunque en la actualidad el entorno web es el m\u00e1s extendido y el m\u00f3vil est\u00e1 ganando terreno de manera acelerada, hasta hace relativamente poco el CD era el soporte m\u00e1s utilizado.<\/p>\n<p>En el dise\u00f1o de interfaces para CD se pueden aplicar las <b>pautas generales de usabilidad <\/b>que se detallan en otros m\u00f3dulos de la asignatura. El CD-ROM es el soporte que impone menos requisitos t\u00e9cnicos al dise\u00f1o de la interfaz, puesto que no presenta problemas asociados al tiempo de descarga y minimiza la posibilidad de cambios ocasionados por las condiciones de visualizaci\u00f3n de cada usuario.<\/p>\n<p>Una de las caracter\u00edsticas fundamentales de las interfaces en CD-ROM consiste en que la mayor\u00eda de aplicaciones \u2013aunque no forzosamente todas\u2013 se ejecutan a pantalla completa, sustituyendo por completo el entorno operativo del usuario (ya sea Mac, Windows o cualquier otro). El usuario, por lo tanto, abandona la interfaz del escritorio al que est\u00e1 habituado (que incluye men\u00fas y opciones est\u00e1ndar) para sumergirse en un contexto completamente diferente.<\/p>\n<div align=\"center\">\n<hr align=\"center\" noshade=\"noshade\" size=\"2\" width=\"100%\" \/>\n<\/div>\n<h3>Formato de aplicaci\u00f3n<\/h3>\n<p>Las aplicaciones en CD-ROM suelen basarse en el formato de pantalla est\u00e1ndar de los ordenadores personales. En la actualidad, las resoluciones m\u00e1s extendidas (datos de enero 2013, <a href=\"http:\/\/www.w3schools.com\/browsers\/browsers_display.asp\" target=\"_blank\">w3schools<\/a>) son las siguientes:<\/p>\n<ul>\n<li><b>1.024 p\u00edxeles de ancho \u00d7 768 p\u00edxeles de alto<\/b>: 9% de los usuarios<\/li>\n<li><b>Resoluciones superiores<\/b>: 90% de los usuarios<\/li>\n<\/ul>\n<p>En la actualidad, se mantiene el est\u00e1ndar de 1.024 x 768 p\u00edxeles (con el objetivo de que la aplicaci\u00f3n se pueda ejecutar adecuadamente por el mayor n\u00famero de usuarios, tanto por los de gama baja como por los que utilizan resoluciones superiores). No obstante, la previsi\u00f3n es que en los pr\u00f3ximos meses aumente de manera progresiva y pase a resoluciones superiores. Como este es un factor en constante evoluci\u00f3n, se recomienda visitar peri\u00f3dicamente el sitio <a href=\"http:\/\/www.w3schools.com\/browsers\/browsers_display.asp\" target=\"_blank\">w3schools<\/a>, que contiene estad\u00edsticas actualizadas sobre varios par\u00e1metros de uso del ordenador y de la web.<\/p>\n<div align=\"center\">\n<hr align=\"center\" noshade=\"noshade\" size=\"2\" width=\"100%\" \/>\n<\/div>\n<h3>Formato de las im\u00e1genes<\/h3>\n<p>Tal como ya se ha indicado antes, la ejecuci\u00f3n de aplicaciones en soporte CD-ROM no presenta requisitos relacionados con la optimizaci\u00f3n de archivos para reducir el tiempo de descarga: el \u00fanico l\u00edmite radica en la capacidad de memoria del soporte.<br \/>\nPor lo tanto, la integraci\u00f3n de im\u00e1genes en una interfaz CD no est\u00e1 asociada a un solo formato gr\u00e1fico, sino que el autor puede seleccionar el m\u00e1s adecuado para la herramienta de desarrollo de la aplicaci\u00f3n.<\/p>\n<p>Sin embargo, en t\u00e9rminos generales, se deben tener en cuenta los siguientes factores:<\/p>\n<ul>\n<li>Todas las im\u00e1genes destinadas a salida por pantalla (las que se integran en una aplicaci\u00f3n interactiva) tienen que presentar una resoluci\u00f3n de 72 dpi y trabajar con paleta RGB.<\/li>\n<li>Dependiendo de la herramienta de autor utilizada, se pueden utilizar gr\u00e1ficos <i>bitmap<\/i> o vectoriales.<\/li>\n<li>En general, las herramientas de autor permiten determinar si el tama\u00f1o de la ventana de salida de la aplicaci\u00f3n es fija o variable. Si la aplicaci\u00f3n se escala para adaptarse a la resoluci\u00f3n de pantalla del usuario, tambi\u00e9n las im\u00e1genes integradas se escalar\u00e1n. En el caso de los gr\u00e1ficos vectoriales, eso no suele provocar problemas, pero en los <i>bitmap<\/i> produce un efecto de pixelado muy visible. Por lo tanto, en caso de que se hayan integrado im\u00e1genes <i>bitmap<\/i>, es recomendable que la aplicaci\u00f3n tenga un tama\u00f1o de salida fijo.<\/li>\n<li>Algunos formatos gr\u00e1ficos (como .psd, .png o .tif) pueden contener varias capas. Para reducir su tama\u00f1o en la aplicaci\u00f3n y para prevenir problemas de visualizaci\u00f3n, es importante que el archivo gr\u00e1fico que se integre en la aplicaci\u00f3n contenga una sola capa, que re\u00fana todas las visibles.<\/li>\n<li>Algunas herramientas de autor permiten integrar im\u00e1genes con <b>canales alfa<\/b>. Aunque este recurso es muy \u00fatil para generar transparencias y superposiciones, se tiene que limitar a los casos estrictamente necesarios, puesto que aumenta el tama\u00f1o del archivo.<\/li>\n<li>Actualmente, un alto porcentaje de las aplicaciones que se desarrollan para CD-ROM se publican tambi\u00e9n en Internet, de modo que es importante conocer las <b>condiciones de distribuci\u00f3n <\/b>para tomar la decisi\u00f3n m\u00e1s adecuada en el tratamiento de los archivos gr\u00e1ficos.<\/li>\n<li>En el caso de trabajar con <b>Flash<\/b> como herramienta de autor, el formato gr\u00e1fico recomendado es <b>.png<\/b>, ya que no presenta problemas de visualizaci\u00f3n. Adem\u00e1s, se trata de un formato comprimido, que optimiza el tama\u00f1o del fichero ejecutable (id\u00f3neo si se trata de una aplicaci\u00f3n multiplataforma).<\/li>\n<\/ul>\n<div align=\"center\">\n<hr align=\"center\" noshade=\"noshade\" size=\"2\" width=\"100%\" \/>\n<\/div>\n<h3>Tratamiento de texto<\/h3>\n<p>Las aplicaciones interactivas pueden integrar texto de tres tipos:<\/p>\n<ul>\n<li><b>Texto est\u00e1tico.<\/b> Es el texto editado desde la herramienta de autor y el contenido es fijo (no determinado por variables externas o por las acciones del usuario).<\/li>\n<li><b>Texto din\u00e1mico.<\/b> Se trata de un campo de texto cuyo contenido est\u00e1 determinado por una variable, que puede recoger par\u00e1metros internos de la aplicaci\u00f3n, o el contenido de archivos externos.<\/li>\n<li><b>Campo de introducci\u00f3n de texto. <\/b>Es un campo editable, en el que el usuario puede introducir contenido (se utiliza, por ejemplo, en formularios).<\/li>\n<\/ul>\n<p>Asimismo, dependiendo de su naturaleza gr\u00e1fica, el texto puede ser:<\/p>\n<ul>\n<li><b>Texto <i>bitmap<\/i>.<\/b> Se trata de texto que se ha preparado mediante un programa de edici\u00f3n de im\u00e1genes y se importa como archivo gr\u00e1fico. Cualquier actualizaci\u00f3n comportar\u00e1 necesariamente la reedici\u00f3n del gr\u00e1fico mediante el programa de edici\u00f3n y su reintegraci\u00f3n a la aplicaci\u00f3n.<\/li>\n<li><b>Texto fuente.<\/b> Es el texto que se edita directamente desde la herramienta de programaci\u00f3n. Es un texto que se puede editar, corregir y actualizar con facilidad.<\/li>\n<\/ul>\n<p>La principal diferencia entre el texto <i>bitmap<\/i> y el texto fuente est\u00e1 en que, mientras el primero es independiente de las fuentes instaladas en el ordenador del usuario para su visualizaci\u00f3n correcta, el segundo s\u00ed depende de las fuentes existentes en el sistema. Por lo tanto, en texto fuente, o bien se trabaja siempre con tipos de letra que se encuentran por defecto en el sistema operativo en el que se ejecutar\u00e1 la aplicaci\u00f3n (algunas de las fuentes de Windows, por ejemplo, ser\u00edan Arial, Georgia, Times o Courier) o bien \u2013si la herramienta de autor utilizada lo permite\u2013 la fuente se incluye en el archivo ejecutable.<\/p>\n<p>El tipo de texto integrado determina su car\u00e1cter gr\u00e1fico:<\/p>\n<ul>\n<li>el texto de tipo est\u00e1tico puede ser <i>bitmap<\/i> o fuente;<\/li>\n<li>el texto de tipo din\u00e1mico puede ser fuente;<\/li>\n<li>el campo de introducci\u00f3n de texto puede ser fuente.<\/li>\n<\/ul>\n<div align=\"center\">\n<hr align=\"center\" noshade=\"noshade\" size=\"2\" width=\"100%\" \/>\n<\/div>\n<h3>M\u00e1s informaci\u00f3n<\/h3>\n<p><a href=\"http:\/\/www.codestyle.org\/css\/font-family\/sampler-CombinedResults.shtml\" target=\"_blank\">Informaci\u00f3n actualizada sobre las fuentes m\u00e1s comunes en los principales sistemas operativos<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3n El CD-ROM es, hist\u00f3ricamente, uno de los primeros soportes de aplicaciones multimedia. Aunque en la actualidad el entorno web es el m\u00e1s extendido y el m\u00f3vil est\u00e1 ganando terreno de manera acelerada, hasta hace relativamente poco el CD era el soporte m\u00e1s utilizado. En el dise\u00f1o de interfaces para CD se pueden aplicar las &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/disseny\/pautes-de-disseny\/pautes-de-disseny-daplicacions-en-format-cd\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abPautas de dise\u00f1o de aplicaciones en formato CD\u00bb<\/span><\/a><\/p>\n","protected":false},"author":65,"featured_media":0,"parent":469,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"plantilla-pagina.php","meta":{"footnotes":""},"tags":[],"class_list":["post-473","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/pages\/473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/comments?post=473"}],"version-history":[{"count":2,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/pages\/473\/revisions"}],"predecessor-version":[{"id":475,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/pages\/473\/revisions\/475"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/pages\/469"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/media?parent=473"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/es\/wp-json\/wp\/v2\/tags?post=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}