{"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\/disseny\/pautes-de-disseny\/pautes-de-disseny-daplicacions-en-format-cd\/","title":{"rendered":"Pautes de disseny d&#8217;aplicacions en format CD"},"content":{"rendered":"<p><\/p>\n<h3>Introducci\u00f3<\/h3>\n<p>El CD-ROM \u00e9s, hist\u00f2ricament, un dels primers suports d&#8217;aplicacions multim\u00e8dia. Encara que en l&#8217;actualitat l&#8217;entorn web \u00e9s el m\u00e9s est\u00e8s i el m\u00f2bil est\u00e0 guanyant terreny acceleradament, fins fa relativament poc era el CD el suport m\u00e9s utilitzat.<\/p>\n<p>En el disseny d&#8217;interf\u00edcies per a CD es poden aplicar les <strong>pautes generals d&#8217;usabilitat<\/strong> que es detallen en altres m\u00f2duls de l&#8217;assignatura. El CD-ROM \u00e9s el suport que imposa menys requisits t\u00e8cnics en el desenvolupament d&#8217;interf\u00edcies, ja que no presenta problemes associats al temps de desc\u00e0rrega i minimitza la possibilitat de canvis ocasionats per les condicions de visualitzaci\u00f3 de cada usuari.<\/p>\n<p>Una de les caracter\u00edstiques fonamentals de les interf\u00edcies en CD-ROM consisteix en el fet que la majoria d&#8217;aplicacions -encara que no for\u00e7osament totes- s&#8217;executen a pantalla completa, substituint del tot l&#8217;entorn operatiu de l&#8217;usuari (tant Mac, Windows com qualsevol altre). L&#8217;usuari, per tant, abandona la interf\u00edcie de l&#8217;escriptori al qual est\u00e0 habituat (que inclou men\u00fas i opcions est\u00e0ndard) per submergir-se en un context completament diferent.<\/p>\n<hr \/>\n<h3>Format d&#8217;aplicaci\u00f3<\/h3>\n<p>Les aplicacions en CD-ROM solen basar-se en el format de pantalla est\u00e0ndard dels ordinadors personals. Actualment, les resolucions m\u00e9s esteses (dades de gener 2013, <a href=\"http:\/\/www.w3schools.com\/browsers\/browsers_display.asp\" target=\"_blank\">w3schools<\/a>) s\u00f3n:<\/p>\n<ul>\n<li><strong>1.024 p\u00edxels d&#8217;ample \u00d7 768 p\u00edxels d&#8217;alt<\/strong>: 9% dels usuaris<\/li>\n<li><strong>Resolucions superiors<\/strong>: 90% dels usuaris<\/li>\n<\/ul>\n<p>En l&#8217;actualitat es mant\u00e9 l&#8217;est\u00e0ndard de 1.024 x 768 p\u00edxels -amb l&#8217;objectiu que l&#8217;aplicaci\u00f3 pugui ser executada adequadament pel nombre m\u00e9s gran possible d&#8217;usuaris, tant pels de gamma baixa com pels que utilitzen resolucions superiors. No obstant aix\u00f2, la previsi\u00f3 \u00e9s que en els pr\u00f2xims mesos augmenti progressivament i passi a resolucions superiors. Com que aquest \u00e9s un factor en constant evoluci\u00f3, es recomana visitar peri\u00f2dicament el lloc <a href=\"http:\/\/www.w3schools.com\/browsers\/browsers_display.asp\" target=\"_blank\">w3schools<\/a>, que cont\u00e9 estad\u00edstiques actualitzades sobre diversos par\u00e0metres d&#8217;\u00fas de l&#8217;ordinador i de la web.<\/p>\n<hr \/>\n<h3>Format de les imatges<\/h3>\n<p>Com s&#8217;ha comentat anteriorment, l&#8217;execuci\u00f3 d&#8217;aplicacions en suport CD-ROM no presenta requisits relacionats amb l&#8217;optimitzaci\u00f3 d&#8217;arxius per a reduir el temps de desc\u00e0rrega: l&#8217;\u00fanic l\u00edmit rau en la capacitat de mem\u00f2ria del suport.<br \/>\nPer tant, la integraci\u00f3 d&#8217;imatges en una interf\u00edcie CD no est\u00e0 associada a un sol format gr\u00e0fic, sin\u00f3 que l&#8217;autor pot seleccionar el m\u00e9s adequat per a l&#8217;eina de desenvolupament de l&#8217;aplicaci\u00f3.<\/p>\n<p>En termes generals, per\u00f2, s&#8217;han de tenir en compte els seg\u00fcents factors:<\/p>\n<ul>\n<li>Totes les imatges destinades a sortida per pantalla (les que s&#8217;integren en una aplicaci\u00f3 interactiva) han de presentar una resoluci\u00f3 de 72 dpi i treballar amb paleta RGB.<\/li>\n<li>Depenent de l&#8217;eina d&#8217;autor utilitzada, es poden utilitzar gr\u00e0fics de mapa de bits (<em>bitmap<\/em>) o vectorials.<\/li>\n<li>Generalment, les eines d&#8217;autor permeten determinar si la mida de la finestra de sortida de l&#8217;aplicaci\u00f3 \u00e9s fixa o variable. Si l&#8217;aplicaci\u00f3 \u00e9s escalable per aadaptar-se a la resoluci\u00f3 de pantalla de l&#8217;usuari, les imatges integrades tamb\u00e9 s&#8217;escalaran. En el cas dels gr\u00e0fics vectorials, aix\u00f2 no sol provocar problemes, per\u00f2 en els de mapa de bits produeix un efecte de pixelat molt visible. Per tant, en cas que s&#8217;hagin integrat imatges de mapa de bits, \u00e9s recomanable que l&#8217;aplicaci\u00f3 tingui una mida de sortida fixa.<\/li>\n<li>Alguns formats gr\u00e0fics (.psd, .png, .tif, etc.) poden contenir diverses capes. Per a reduir-ne la grand\u00e0ria en l&#8217;aplicaci\u00f3 i per a prevenir problemes de visualitzaci\u00f3, \u00e9s important que l&#8217;arxiu gr\u00e0fic que s&#8217;integri en l&#8217;aplicaci\u00f3 contingui una sola capa, que reuneixi totes les visibles.<\/li>\n<li>Algunes eines d&#8217;autor permeten integrar imatges amb <strong>canals alfa<\/strong>. Encara que aquest recurs \u00e9s molt \u00fatil per a generar transpar\u00e8ncies i superposicions, s&#8217;ha de limitar als casos estrictament necessaris, ja que augmenta la mida del fitxer.<\/li>\n<li>Actualment, un alt percentatge de les aplicacions que es desenvolupen per a CD-ROM es publiquen tamb\u00e9 a Internet, de manera que \u00e9s important con\u00e8ixer les <strong>condicions de distribuci\u00f3<\/strong> per a prendre la decisi\u00f3 m\u00e9s adient en el tractament dels arxius gr\u00e0fics.<\/li>\n<li>En cas de treballar amb <strong>Flash<\/strong> com a eina d&#8217;autor, el format gr\u00e0fic recomanat \u00e9s <strong>.png<\/strong>, ja que no presenta problemes de visualitzaci\u00f3. A m\u00e9s, es tracta d&#8217;un format comprimit, que optimitza la mida del fitxer executable (idoni si es tracta d&#8217;una aplicaci\u00f3 multiplataforma).<\/li>\n<\/ul>\n<hr \/>\n<h3>Tractament de text<\/h3>\n<p>Les aplicacions interactives poden integrar text de tres tipus:<\/p>\n<ul>\n<li><strong>Text est\u00e0tic.<\/strong> \u00c9s el text editat des de l&#8217;eina d&#8217;autor i el contingut \u00e9s fix (no determinat per variables externes o per les accions de l&#8217;usuari).<\/li>\n<li><strong>Text din\u00e0mic<\/strong>. Es tracta d&#8217;un camp de text el contingut del qual \u00e9s determinat per una variable, que pot recollir par\u00e0metres interns de l&#8217;aplicaci\u00f3 o el contingut d&#8217;arxius externs.<\/li>\n<li><strong>Camp d&#8217;introducci\u00f3 de text. <\/strong>\u00c9s un camp editable, en el qual l&#8217;usuari pot introduir contingut (utilitzat, per exemple, en formularis).<\/li>\n<\/ul>\n<p>Aix\u00ed mateix, depenent de la naturalesa gr\u00e0fica, el text pot ser:<\/p>\n<ul>\n<li><strong>Text de mapas.<\/strong> Es tracta de text que s&#8217;ha preparat mitjan\u00e7ant un programa d&#8217;edici\u00f3 d&#8217;imatges i s&#8217;importa com a fitxer gr\u00e0fic. Qualsevol actualitzaci\u00f3 comportar\u00e0 necess\u00e0riament la reedici\u00f3 del gr\u00e0fic mitjan\u00e7ant el programa d&#8217;edici\u00f3, i la seva reintegraci\u00f3 a l&#8217;aplicaci\u00f3.<\/li>\n<li><strong>Text font.<\/strong> \u00c9s el text que s&#8217;edita directament des de l&#8217;eina de programaci\u00f3. \u00c9s un text que pot es editar, corregir i actualitzar f\u00e0cilment.<\/li>\n<\/ul>\n<p>La principal difer\u00e8ncia entre el text de mapa de bits i el text font est\u00e0 en el fet que, mentre el primer \u00e9s independent de les fonts instal\u00b7lades a l&#8217;ordinador de l&#8217;usuari per a visualitzar-lo correctament, el segon s\u00ed que dep\u00e8n de les fonts existents en el sistema. Per tant, en text font, o b\u00e9 es treballa sempre amb tipus de lletra que es troben per defecte en el sistema operatiu en qu\u00e8 s&#8217;executar\u00e0 l&#8217;aplicaci\u00f3 (algunes de les fonts de Windows, per exemple, serien Arial, Georgia, Times , Courier, etc.), o b\u00e9 -si l&#8217;eina d&#8217;autor utilitzada ho permet- la font s&#8217;inclou en l&#8217;arxiu executable.<\/p>\n<p>El tipus de text integrat determina el car\u00e0cter gr\u00e0fic:<\/p>\n<ul>\n<li>El text de tipus est\u00e0tic pot ser de maoa de bits o font<\/li>\n<li>El text de tipus din\u00e0mic pot ser font<\/li>\n<li>El camp d&#8217;introducci\u00f3 de text pot ser font<\/li>\n<\/ul>\n<hr \/>\n<h3>M\u00e9s informaci\u00f3:<\/h3>\n<p><a href=\"http:\/\/www.codestyle.org\/css\/font-family\/sampler-CombinedResults.shtml\" target=\"_blank\">Informaci\u00f3 actualitzada sobre les fonts m\u00e9s comunes en els principals sistemes operatius<\/a>. <\/p>","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3 El CD-ROM \u00e9s, hist\u00f2ricament, un dels primers suports d&#8217;aplicacions multim\u00e8dia. Encara que en l&#8217;actualitat l&#8217;entorn web \u00e9s el m\u00e9s est\u00e8s i el m\u00f2bil est\u00e0 guanyant terreny acceleradament, fins fa relativament poc era el CD el suport m\u00e9s utilitzat. En el disseny d&#8217;interf\u00edcies per a CD es poden aplicar les pautes generals d&#8217;usabilitat que es &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/dii\/disseny\/pautes-de-disseny\/pautes-de-disseny-daplicacions-en-format-cd\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abPautes de disseny d&#8217;aplicacions en format 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\/wp-json\/wp\/v2\/pages\/473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/comments?post=473"}],"version-history":[{"count":2,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/473\/revisions"}],"predecessor-version":[{"id":475,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/473\/revisions\/475"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/469"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/media?parent=473"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/tags?post=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}