{"id":544,"date":"2015-03-19T13:14:22","date_gmt":"2015-03-19T12:14:22","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/?page_id=544"},"modified":"2015-03-19T13:26:01","modified_gmt":"2015-03-19T12:26:01","slug":"especificacions-tecniques-de-disseny-per-a-dispositius-mobils","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/disseny\/especificacions-tecniques-de-disseny\/especificacions-tecniques-de-disseny-per-a-dispositius-mobils\/","title":{"rendered":"Especificacions t\u00e8cniques de disseny per a dispositius m\u00f2bils"},"content":{"rendered":"<p><\/p>\n<h3>El m\u00f2bil com a plataforma<\/h3>\n<p>(Fling, p\u00e0g. 13-26)<\/p>\n<p>Els continguts que pot mostrar i gestionar un dispositiu sempre funcionen amb una plataforma i un sistema operatiu espec\u00edfics, a sobre dels quals s&#8217;executa l&#8217;entorn de treball (<em>framework<\/em>), les aplicacions i els serveis disponibles en el dispositiu.<\/p>\n<p><strong>Plataforma<\/strong><\/p>\n<p>La plataforma \u00e9s el llenguatge de programaci\u00f3 en qu\u00e8 tot el programari del dispositiu m\u00f2bil est\u00e0 escrit. Hi ha tres categories de plataformes:<\/p>\n<ul>\n<li><strong>Llicenciades<\/strong>:<br \/>\nEs distribueixen en diversos tipus de dispositius, amb l&#8217;objectiu de generar una plataforma de desenvolupament d&#8217;aplicacions que funcioni de manera semblant en tots ells. Les plataformes llicenciades actuals s\u00f3n les seg\u00fcents:<\/p>\n<ul>\n<li><em>Java Micro Edition<\/em> (Java ME), m\u00e9s coneguda com a J2ME. \u00c9s la m\u00e9s estesa actualment.<\/li>\n<li><em>Binary Runtime Environment for Wireless<\/em> (BREW). Permet executar diferents entorns de treball (<em><a href=\"http:\/\/es.wikipedia.org\/wiki\/Framework\" target=\"_blank\">frameworks<\/a><\/em>), com C \/ C + +, Java o Flash Lite.<\/li>\n<li><em>Windows Mobile<\/em>. \u00c9s una versi\u00f3 compacta del sistema operatiu de Windows, combinada amb aplicacions per a dispositius m\u00f2bils basades en Microsoft Win32 API.<\/li>\n<li><em>LiMo<\/em>. \u00c9s una plataforma basada en Windows. Inclou <a href=\"http:\/\/es.wikipedia.org\/wiki\/Kit_de_desarrollo_de_software\" target=\"_blank\">SDK<\/a>\u00a0per crear aplicacions Java, natives o web utilitzant l&#8217;entorn de treball\u00a0WebKit.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li><strong>Propiet\u00e0ries<\/strong>:<br \/>\nEstan dissenyades i desenvolupades pels mateixos productors de m\u00f2bils, per a ser utilitzades exclusivament en els seus dispositius.<\/p>\n<ul>\n<li>Palm. Utilitza tres plataformes propiet\u00e0ries diferents. La m\u00e9s estesa \u00e9s la Palm OS, basada en C \/ C + +, per\u00f2 tamb\u00e9 funciona amb una plataforma basada en Windows Mobile i la webOS, que \u00e9s la m\u00e9s recent.<\/li>\n<li>BlackBerry. T\u00e9 una plataforma propiet\u00e0ria basada en Java.<\/li>\n<li>iPhone. Utilitza una versi\u00f3 propiet\u00e0ria de MAC OS X, basada en Unix. Es troba a iPhone, iPod i iPad.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li><strong>Codi obert<\/strong>:<br \/>\nS\u00f3n plataformes gratu\u00eftes que poden ser descarregades, editades i modificades. <a href=\"http:\/\/www.android.com\/\" target=\"_blank\">Android<\/a> \u00e9s probablement la m\u00e9s estesa.<\/li>\n<\/ul>\n<p><strong>Sistema operatiu<\/strong><\/p>\n<p>Els sistemes operatius permeten a les aplicacions comunicar-se les unes amb les altres, i compartir dades o serveis. Els m\u00e9s estesos s\u00f3n:<\/p>\n<ul>\n<li><a href=\"http:\/\/licensing.symbian.org\/\" target=\"_blank\">Symbian<\/a>. Sistema operatiu de codi obert, generalment associat a dispositius Nokia.<\/li>\n<li><a href=\"http:\/\/www.windowsphone.com\/es-es\" target=\"_blank\">Windows Mobile<\/a>. Funciona sobre la plataforma Windows Mobile.<\/li>\n<li><a href=\"http:\/\/www.hpwebos.com\/us\/\" target=\"_blank\">Palm OS<\/a>.<\/li>\n<li><a href=\"http:\/\/www.linux.com\/\" target=\"_blank\">Linux<\/a>.<\/li>\n<li><a href=\"http:\/\/www.apple.com\/es\/support\/mac\/\" target=\"_blank\">IOS 6<\/a> (utilitzat en iPhone, iPod i iPad).<\/li>\n<li><a href=\"http:\/\/www.android.com\/\" target=\"_blank\">Android<\/a>. La plataforma Android t\u00e9 el seu propi sistema operatiu, que pot ser adaptat a mida per operadors i fabricants de dispositius.<\/li>\n<\/ul>\n<p><strong>Entorn de treball<\/strong><\/p>\n<p>Un entorn de treball (<em>framework<\/em>) s&#8217;executa sobre un sistema operatiu, i permet compartir serveis centrals com missatges, gr\u00e0fics, posici\u00f3, Secure, autentificaci\u00f3 i altres. Els frameworks m\u00e9s estesos s\u00f3n els seg\u00fcents:<\/p>\n<ul>\n<li>Java ME. Les aplicacions escrites en Java ME poden ser distribu\u00efdes en la majoria de dispositius basats en Java.<\/li>\n<li>S60. \u00c9s un entorn de treball\u00a0de codi obert per al sistema operatiu Symbian. Les aplicacions per a S60 poden ser creades en Java, Symbian C + + o Flash Lite.<\/li>\n<li>BREW.<\/li>\n<li>Flash Lite.<\/li>\n<li>Windows Mobile.<\/li>\n<li>Cocoa Touch. \u00c9s l&#8217;<a href=\"http:\/\/es.wikipedia.org\/wiki\/Interfaz_de_programaci%C3%B3n_de_aplicaciones\" target=\"_blank\">API<\/a> utilitzada per a crear aplicacions natives per a iPhone, iPod Touch i iPad. Han de ser certificades per Apple abans d&#8217;incloure&#8217;s en l&#8217;App Store.<\/li>\n<li>Android SDK. Per als dispositius amb plataforma Android. Els desenvolupadors poden escriure aplicacions en C\/C++ o utilitzar la m\u00e0quina virtual Java inclosa en el sistema operatiu.<\/li>\n<li>Web Runtime (WRTs). Nokia, Opera i Yahoo! proporcionen diversos webs Runtime o WRT. Basat en est\u00e0ndards web, permet generar ginys per a m\u00f2bil. Tant els d&#8217;Opera com els de Nokia compleixen les <a href=\"http:\/\/www.w3.org\/standards\/webdesign\/mobilweb\" target=\"_blank\">especificacions W3C per dispositius a m\u00f2bils<\/a>.<\/li>\n<li>WebKit. \u00c9s una tecnologia de navegador, de manera que les aplicacions es poden crear utilitzant simplement tecnologies web com HTML, CSS o JavaScript.<\/li>\n<li>Web. La web \u00e9s l&#8217;\u00fanic entorn de treball\u00a0que funciona a pr\u00e0cticament tots els dispositius i plataformes. En realitat, <strong>\u00e9s l&#8217;entorn de treball que m\u00e9s r\u00e0pidament est\u00e0 estenent el seu \u00fas<\/strong>.<\/li>\n<\/ul>\n<p><strong>Aplicacions<\/strong><\/p>\n<p>El m\u00e0xim desafiament amb qu\u00e8 s&#8217;enfronta el desenvolupament d&#8217;aplicacions per a m\u00f2bil \u00e9s la diversitat de caracter\u00edstiques dels diferents dispositius. Generalment el cost de desenvolupament \u00e9s molt alt, i creix exponencialment a mesura que l&#8217;aplicaci\u00f3 vol fer-se compatible amb diferents entorns.<\/p>\n<p>L&#8217;alternativa m\u00e9s comuna consisteix a crear aplicacions per a una sola plataforma, com iPhone o Android, encara que s\u00f3n cada vegada m\u00e9s els desenvolupadors que veuen el <strong>desenvolupament d&#8217;aplicacions web<\/strong> (les que funcionen amb els navegadors) com la millor alternativa, ja que els navegadors permeten gestionar el contingut independentment del dispositiu, la plataforma o el sistema operatiu.<\/p>\n<p><strong>Serveis<\/strong><\/p>\n<p>Els serveis inclouen tasques b\u00e0siques en entorn m\u00f2bil, com l&#8217;acc\u00e9s a Internet, l&#8217;enviament de missatges textuals o la geolocalitzaci\u00f3.<\/p>\n<hr \/>\n<h3>Taules<\/h3>\n<p>Cal <strong>evitar completament la maquetaci\u00f3 en m\u00f2bil mitjan\u00e7ant taules<\/strong>, en primer lloc perqu\u00e8 algunes plataformes no admeten taules niuades, i en segon lloc per la mida petita de la pantalla.<\/p>\n<p>Les taules s\u00f3n \u00fatils per a organitzar i mostrar dades, per\u00f2 no per a mantenir l&#8217;estructura de la p\u00e0gina. No tots els dispositius mostren les taules igual, ni respecten les mides de la taula, les files o les columnes.<\/p>\n<ul>\n<li>Si s&#8217;utilitzen taules per a mostrar dades, cal assegurar-se que l&#8217;amplada \u00e9s sempre inferior a la de la pantalla: no tots els dispositius permeten despla\u00e7ar-se d&#8217;esquerra a dreta per la p\u00e0gina, i alguns mostren errors de visualitzaci\u00f3 quan l&#8217;ample \u00e9s del 100% de la p\u00e0gina.<\/li>\n<li>Per a evitar que hi hagi taules m\u00e9s amples que la pantalla, cal utilitzar percentatges en lloc de mides fixes per a configurar-les.<\/li>\n<li>Cal alinear les taules a l&#8217;esquerra i utilitzar els estils de font de CSS (per exemple, l&#8217;estil CSS per a la cap\u00e7alera de taula \u00e9s negreta i centrat, de manera que no necessita \u00e8mfasi addicional).<\/li>\n<li>Cal mantenir el nombre de files i de columnes al m\u00ednim, ja que incrementen el temps de visualitzaci\u00f3 de la taula en pantalla.<\/li>\n<li>Cal evitar taules amb elements que tinguin focus, ja que alguns dispositius obligaran l&#8217;usuari a despla\u00e7ar-se cel\u00b7la per cel\u00b7la per cadascun dels elements amb focus.<\/li>\n<li>Cal alinear a dalt (<em>top<\/em>) el contingut de la taula. L&#8217;alineaci\u00f3 per defecte \u00e9s la centrada (<em>middle<\/em>), per\u00f2 si el text de la taula apareix tallat, nom\u00e9s veurem el fragment central, cosa que resultar\u00e0 conf\u00fas.<\/li>\n<li>Cal utilitzar CSS per a generar un fons de color altern entre les files de la taula, ja que agilitza la lectura de les dades. Els colors utilitzats han de garantir el nivell de contrast necessari perqu\u00e8 els continguts de la cel siguin llegibles.<\/li>\n<li>Cal evitar que hi hagi cel\u00b7les m\u00e9s altes que la pantalla, per a no perdre el context.<\/li>\n<li>Cal utilitzar un sol tipus o gruix de vora per taula, per a no generar confusi\u00f3.<\/li>\n<\/ul>\n<p>(Extret de:\u00a0<a href=\"http:\/\/patterns.design4mobile.com\/index.php\/Screen_Design_Basics\" target=\"_blank\">http:\/\/patterns.design4mobile.com\/index.php\/Screen_Design_Basics<\/a>)<\/p>\n<hr \/>\n<h3>Llistes<\/h3>\n<p>Alguns dissenyadors eviten completament les taules en el disseny per a m\u00f2bils i les substitueixen per llistes, que permeten m\u00e9s control, major compatibilitat entre navegadors, una desc\u00e0rrega m\u00e9s r\u00e0pida, i no requereixen CSS sofisticat.<\/p>\n<ul>\n<li>Cal utilitzar ul (<em>unordered lists<\/em> &#8211; llistes no ordenades) per a les llistes amb vinyetes.<\/li>\n<li>Cal utilitzar ol (<em>ordered lists<\/em>\u00a0&#8211; llistes ordenades) per a les llistes numerades.<\/li>\n<li>Les llistes de definici\u00f3 (dl) s&#8217;utilitzen rarament en els web tradicionals, per\u00f2 s\u00f3n molt \u00fatils en el disseny per a m\u00f2bils. Tots els navegadors i dispositius les admeten, i proporcionen al dissenyador control sobre el disseny. Permeten generar f\u00e0cilment men\u00fas en qu\u00e8 hagi subelements (utilitzant dt per als elements de primer nivell i dd per als de segon nivell, que apareixeran indentats).<\/li>\n<li>Les dl tamb\u00e9 s\u00f3n molt \u00fatils per a llistes numerades en qu\u00e8 sigui necessari tenir control sobre la numeraci\u00f3 (per exemple, si ha d&#8217;existir un element 0, que no existeixen en les llistes numerades ol).<\/li>\n<li>Evitar les etiquetes (<em>tags<\/em>) div entre elements de la llista, ja que en alguns dispositius es genera un salt de l\u00ednia m\u00e9s entre cada element de la llista.<\/li>\n<\/ul>\n<p>(Extret de:\u00a0<a href=\"http:\/\/patterns.design4mobile.com\/index.php\/Screen_Design_Basics\" target=\"_blank\">http:\/\/patterns.design4mobile.com\/index.php\/Screen_Design_Basics<\/a>)<\/p>\n<hr \/>\n<h3>CSS<\/h3>\n<p>El suport CSS varia \u00e0mpliament entre els navegadors disponibles per a m\u00f2bils. Per a garantir que la p\u00e0gina es veur\u00e0 correctament malgrat les variacions, cal tenir en compte les seg\u00fcents recomanacions:<\/p>\n<ul>\n<li>Mantenir els elements CSS al m\u00ednim. M\u00e9s elements significa m\u00e9s temps de desc\u00e0rrega.<\/li>\n<li>Evitar l&#8217;\u00fas d&#8217;abreviatures per a les propietats CSS, especialment per <em>margin<\/em>, <em>padding<\/em>, <em>border-width<\/em>, <em>border-style<\/em>, i <em>list-style<\/em>.<\/li>\n<li>Assegurar-se que la p\u00e0gina \u00e9s llegible sense CSS. Els dispositius que no admetin CSS han de poder mostrar igualment el contingut.<\/li>\n<li>No incloure imatges en fulls d&#8217;estil externs, ja que augmenta el temps de desc\u00e0rrega (desc\u00e0rrega de l&#8217;arxiu http + crida a CSS + crida a desc\u00e0rrega de la imatge).<\/li>\n<li>Utilitzar CSS <em>in-line<\/em> (element style type = &#8220;text \/ css&#8221;), ja que estalvia una crida http i disminueix el temps de desc\u00e0rrega de la p\u00e0gina.<\/li>\n<li>Evitar l&#8217;\u00fas dels valors de font CSS <em>x-large<\/em> o <em>xx-large<\/em>, ja que en realitat els dos valors es mostraran com a 13 p\u00edxels. Una l\u00ednia de text d&#8217;aquesta mida pot ocupar un quart de l&#8217;espai vertical de la pantalla d&#8217;un m\u00f2bil, cosa que augmenta la necessitat de despla\u00e7ament.<\/li>\n<li>No incloure en el CSS estils que no hagin de ser utilitzats, ja que cada estil incrementa la mida del fitxer i el temps de desc\u00e0rrega.<\/li>\n<li>Limitar l&#8217;\u00fas del valor CSS <em>text-decoration: blink<\/em>. Un <em>blink<\/em>\u00a0destaca un element, i el seu \u00fas reiterat pot ser perjudicial per a la usabilitat. No hi hauria d&#8217;haver m\u00e9s d&#8217;un element amb aquest valor en una p\u00e0gina.<\/li>\n<li>Es poden utilitzar diferents valors per a la propietat <em>text-decoration<\/em>, per\u00f2 no en la mateixa declaraci\u00f3 CSS. Si s&#8217;aplica m\u00e9s d&#8217;un valor en una mateixa declaraci\u00f3, nom\u00e9s n&#8217;apareixer\u00e0 un.<\/li>\n<li>Quan sigui possible, utilitzar regles en cascada en lloc d&#8217;atributs de classe o aneu, \u00e9s a dir, \u00e9s millor utilitzar p {align: right} que .right {align: right}. Aix\u00f2 estalvia haver de definir class = &#8220;right&#8221; cada vegada que s&#8217;utilitza l&#8217;element.<\/li>\n<li>Evitar la utilitzaci\u00f3 d&#8217;atributs de bgcolor, link i text per al body. \u00c9s millor utilitzar fulls d&#8217;estil per a controlar aquests aspectes.<\/li>\n<li>Evitar l&#8217;especificaci\u00f3 del tipus de llista per a llistes ordenades. \u00c9s millor utilitzar fulls d&#8217;estil per a controlar aquest valor.<\/li>\n<li>Evitar l&#8217;\u00fas dels atributs <em>hspace and vspace<\/em> per a les imatges. \u00c9s millor utilitzar fulls d&#8217;estil per a controlar aquests valors.<\/li>\n<\/ul>\n<p><strong> Optimitzaci\u00f3 del codi<\/strong><\/p>\n<ul>\n<li>La desc\u00e0rrega de dades en un dispositiu m\u00f2bil \u00e9s m\u00e9s lenta i m\u00e9s cara que des d&#8217;un PC (l&#8217;amplada de banda \u00e9s encara molt baixa). Les p\u00e0gines han d&#8217;optimitzar al m\u00e0xim, tant en els elements que formen part de l&#8217;aparen\u00e7a, com en el codi.<\/li>\n<li>\u00c9s altament aconsellable treballar amb <strong>CSS<\/strong>, ja que:\n<ul>\n<li>Permet una desc\u00e0rrega m\u00e9s r\u00e0pida (optimitza el codi).<\/li>\n<li>Afavoreix l&#8217;accessibilitat, en adaptar-se als diferents formats dels dispositius.<\/li>\n<\/ul>\n<\/li>\n<li>Per la mateixa ra\u00f3, es recomana <strong>no utilitzar taules<\/strong>.<\/li>\n<li>Quan els <strong>fulls d&#8217;estil<\/strong> o els <strong>scripts<\/strong> s\u00f3n <strong>compartits<\/strong> per diverses p\u00e0gines, \u00e9s millor vincular-les a les p\u00e0gines, en lloc d&#8217;incloure-les.<br \/>\n<a href=\"http:\/\/multimedia.uoc.edu\/blogs\/dim\/files\/2013\/04\/cssHtml.png\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-494\" alt=\"Fulls d'estil compartits\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/dim\/files\/2013\/04\/cssHtml-300x217.png\" width=\"300\" height=\"217\" \/><\/a><\/li>\n<\/ul>\n<p>(Extret de:\u00a0<a href=\"http:\/\/patterns.design4mobile.com\/index.php\/Screen_Design_Basics\" target=\"_blank\">http:\/\/patterns.design4mobile.com\/index.php\/Screen_Design_Basics<\/a>)<\/p>\n<hr \/>\n<h3>Refer\u00e8ncies i enlla\u00e7os relacionats<\/h3>\n<ul>\n<li><a href=\"https:\/\/www.google.es\/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=3&amp;ved=0CEYQFjAC&amp;url=http%3A%2F%2Fdownload.microsoft.com%2Fdownload%2F8%2FA%2F6%2F8A652B51-AF09-4A5A-888C-A0465D00FE5E%2FWindows%25208%2520Touch%2520Guidance.pdf&amp;ei=SOZMUvutL4jNtAbn54GICQ&amp;usg=AFQjCNHdmZmay_gv4xgPf757c4-MC2g2-w&amp;sig2=jyAO108JRPMuGF14tjAtHg&amp;bvm=bv.53537100,d.Yms\" target=\"_blank\">Microsoft Touch Guidance<\/a><\/li>\n<li><a href=\"http:\/\/www.w3.org\/TR\/2010\/REC-mwabp-20101214\/\" target=\"_blank\"><em>Mobile Web Application Best Practices<\/em><\/a><\/li>\n<li><a href=\"http:\/\/www.mobiledesign.com\/\" target=\"_blank\"><em>Mobile design<\/em><\/a><\/li>\n<li><a href=\"https:\/\/developer.apple.com\/library\/ios\/documentation\/userexperience\/conceptual\/mobilehig\/\" target=\"_blank\">Disseny per a iPhone<\/a><\/li>\n<li>Disseny per a Android\n<ul>\n<li><a href=\"http:\/\/developer.android.com\/design\/index.html\" target=\"_blank\">http:\/\/developer.android.com\/design\/index.html<\/a><\/li>\n<li><a href=\"http:\/\/www.androidpatterns.com\/\" target=\"_blank\">http:\/\/www.androidpatterns.com\/<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"http:\/\/msdn.microsoft.com\/en-us\/library\/bb158602.aspx\" target=\"_blank\">Disseny per a Windows Mobile<\/a><\/li>\n<li><strong>Fling, Brian<\/strong> (2009). <em>Mobile Design and Development<\/em>. Sebastopol, CA, EUA: O&#8217;Reilly Media Inc.<\/li>\n<\/ul>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>El m\u00f2bil com a plataforma (Fling, p\u00e0g. 13-26) Els continguts que pot mostrar i gestionar un dispositiu sempre funcionen amb una plataforma i un sistema operatiu espec\u00edfics, a sobre dels quals s&#8217;executa l&#8217;entorn de treball (framework), les aplicacions i els serveis disponibles en el dispositiu. Plataforma La plataforma \u00e9s el llenguatge de programaci\u00f3 en qu\u00e8 &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/dii\/disseny\/especificacions-tecniques-de-disseny\/especificacions-tecniques-de-disseny-per-a-dispositius-mobils\/\" class=\"more-link\">Continua llegint <span class=\"screen-reader-text\">\u00abEspecificacions t\u00e8cniques de disseny per a dispositius m\u00f2bils\u00bb<\/span><\/a><\/p>\n","protected":false},"author":65,"featured_media":0,"parent":550,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"plantilla-pagina.php","meta":{"footnotes":""},"tags":[],"class_list":["post-544","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/544","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=544"}],"version-history":[{"count":2,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/544\/revisions"}],"predecessor-version":[{"id":546,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/544\/revisions\/546"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/pages\/550"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/media?parent=544"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/dii\/wp-json\/wp\/v2\/tags?post=544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}