{"id":517,"date":"2018-01-22T13:19:17","date_gmt":"2018-01-22T13:19:17","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/?page_id=517"},"modified":"2018-01-30T14:09:49","modified_gmt":"2018-01-30T14:09:49","slug":"7-3-5-models-avancats-en-implantacio","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/7-3-5-models-avancats-en-implantacio\/","title":{"rendered":"7.3.5. Models avan\u00e7ats (en implantaci\u00f3)"},"content":{"rendered":"<p>En l\u2019apartat <a href=\"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/2-1-introduccio\/\" target=\"_blank\" rel=\"noopener\">2 \u00abProducci\u00f3 editorial digital: objectes, formats i eines\u00bb<\/a> hem parlat sobre la web sem\u00e0ntica i, en general, sobre la import\u00e0ncia de les metadades per a crear nous models de classificaci\u00f3, acc\u00e9s i manipulaci\u00f3 de la informaci\u00f3, que permeten desenvolupar nous models de negoci relacionats amb els continguts digitals.<\/p>\n<div class=\"featured featured-blue\"><p>En aquest cas s\u00f3n models complexos, que demanen uns coneixements t\u00e8cnics avan\u00e7ats per a poder-los implementar i que es basen en el processament t\u00e8cnic de la informaci\u00f3, independentment de la forma que tingui aquesta o de l\u2019objecte digital de qu\u00e8 formi part.<\/p>\n<\/div>\n<p>Aquests models es basen a desmuntar els objectes digitals i classificar el seu contingut en funci\u00f3 d\u2019informaci\u00f3 extra (metadades) que el creador ha facilitat per identificar i donar valor sem\u00e0ntic al contingut que forma qualsevol publicaci\u00f3. Aquest procediment necessita un marcatge sem\u00e0ntic del contingut (identificaci\u00f3 de les diferents parts de la publicaci\u00f3: t\u00edtols, par\u00e0grafs, imatges, cites, llistes, etc.) i un afegit d\u2019informaci\u00f3 que defineixi el valor de cada element en un llenguatge que els sistemes inform\u00e0tics puguin entendre.<\/p>\n<p>Aix\u00ed, si jo, amb l\u2019\u00fas de llenguatges de marcatge sem\u00e0ntic com HTML, defineixo l\u2019estructura d\u2019un document indicant els elements que el formen, <em>a posteriori<\/em> podr\u00e9 identificar i seleccionar aquests elements independentment de la resta de la publicaci\u00f3. Si he identificat tots els t\u00edtols d\u2019una publicaci\u00f3, donant al sistema informaci\u00f3 que permeti destriar-los de la resta de contingut, ser\u00e0 senzill inform\u00e0ticament copiar, manipular i mostrar aquests elements. Si, al contrari, tot el contingut t\u00e9 el mateix valor, i no hem definit quin \u00e9s el paper de cada element en el conjunt de la publicaci\u00f3, aquest procediment ser\u00e0 impossible.<\/p>\n<div class=\"featured featured-blue\"><p>L\u2019entorn digital actual tendeix cap a un en qu\u00e8 definir el valor sem\u00e0ntic dels elements que formen una publicaci\u00f3 ser\u00e0 essencial per a poder accedir al nou conjunt d\u2019eines i opcions que ens ofereixen les tecnologies digitals.<\/p>\n<\/div>\n<h4><strong>Per\u00f2 qu\u00e8 podem fer amb el contingut quan aquest t\u00e9\u00a0<\/strong><strong>un bon sistema de metadades associat i hem definir <\/strong><strong>el valor sem\u00e0ntic dels elements?<\/strong><\/h4>\n<p>Les opcions s\u00f3n for\u00e7a \u00e0mplies, tot i que la majoria demanen encara una evoluci\u00f3 de les eines i els llenguatges que usem en la publicaci\u00f3 editorial digital. Principalment, giren a l\u2019entorn de la classificaci\u00f3 intel\u00b7ligent dels continguts, la creaci\u00f3 de compendis en funci\u00f3 de determinats par\u00e0metres i la personalitzaci\u00f3 dels continguts en funci\u00f3 dels t\u00f2pics d\u2019inter\u00e8s que ens faciliti un lector.<\/p>\n<p>Vegem-ho amb una mica m\u00e9s de detall.<\/p>\n<p>Si recordem l\u2019estructura d\u2019un EPUB, un dels formats que ens permetr\u00e0 accedir a aquest tipus de noves funcionalitats, el contingut textual que el forma est\u00e0 marcat amb HTML. I diem marcat perqu\u00e8 HTML \u00e9s un llenguatge que defineix l\u2019estructura del document mitjan\u00e7ant marques, identificant els diferents elements que el formen i definint on comencen i on acaben, marques i identificadors que permeten destriar entre els diferents elements d\u2019un text en funci\u00f3 del seu valor sem\u00e0ntic i el paper que ocupen en l\u2019estructura del text.<\/p>\n<p>\u00c9s molt f\u00e0cil t\u00e8cnicament identificar un tipus d\u2019element del codi HTML i copiar-ne el contingut, manipular-lo, etc.<\/p>\n<div class=\"featured featured-grey\"><p>Per exemple, si usem l\u2019element <em>strong<\/em>, que marca aquella part del text que t\u00e9 m\u00e9s import\u00e0ncia, per marcar determinades parts d\u2019un text, <em>a posteriori<\/em> podrem seleccionar aquests elements, ajuntar-los i crear un resum autom\u00e0tic. Aquesta \u00e9s nom\u00e9s una de les opcions possibles per a visualitzar el proc\u00e9s, per\u00f2 la podem estendre a qualsevol tipus d\u2019element HTML: els t\u00edtols, les parts importants, el contingut central, les seccions, etc.<\/p>\n<\/div>\n<p>A m\u00e9s a m\u00e9s, gr\u00e0cies a les aportacions d\u2019EPUB i els llenguatges web, podem usar tamb\u00e9 caracter\u00edstiques com l\u2019atribut <em>epub:type<\/em> per a perfeccionar i afinar aquests processos. HTML, tot i que ens ofereix alguns elements sem\u00e0ntics, a voltes es queda curt per a abra\u00e7ar la complexitat de les publicacions editorials. <em>Epub:type<\/em> ens permet definir, per a cada un dels elements que formen el codi HTML, el seu valor sem\u00e0ntic d\u2019acord amb un <a href=\"https:\/\/idpf.github.io\/epub-vocabs\/structure\/\" target=\"_blank\" rel=\"noopener\">vocabulari preestablert<\/a> que els sistemes de lectura poden recon\u00e8ixer.<\/p>\n<figure id=\"attachment_52\" aria-describedby=\"caption-attachment-52\" style=\"width: 350px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-52\" src=\"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-content\/uploads\/sites\/6\/2018\/01\/20015_033.jpg\" alt=\"Exemple d'\u00fas de epub:type\" width=\"350\" height=\"305\" srcset=\"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-content\/uploads\/sites\/6\/2018\/01\/20015_033.jpg 350w, http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-content\/uploads\/sites\/6\/2018\/01\/20015_033-300x261.jpg 300w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><figcaption id=\"caption-attachment-52\" class=\"wp-caption-text\"><strong>Figura 33.<\/strong> Exemple d&#8217;\u00fas de <em>epub:type<\/em> aplicat a l&#8217;element section d&#8217;HTML.<br \/>L&#8217;element <em>section<\/em> defineix seccions d&#8217;un document.<\/figcaption><\/figure>\n<p>Aix\u00ed, definirem quina part del text \u00e9s un pre\u00e0mbul, identificarem cap\u00edtols, portades, subcap\u00edtols, divisions, resums, pr\u00f2legs, introduccions, conclusions i un llarg etc\u00e8tera d\u2019opcions que ens permeten definir de manera molt acurada cada un dels elements que formen una publicaci\u00f3.<\/p>\n<p>Aquest proc\u00e9s d<strong>\u2019identificaci\u00f3 sem\u00e0ntica <\/strong>dels elements, sumat a l\u2019afegit de <a href=\"http:\/\/epubzone.org\/news\/epub-3-packaging-and-metadata\" target=\"_blank\" rel=\"noopener\"><strong>metadades avan\u00e7ades<\/strong><\/a> que donen informaci\u00f3 extra sobre el contingut (EPUB usa el sistema <a href=\"http:\/\/www.dublincore.org\/documents\/dces\/\" target=\"_blank\" rel=\"noopener\">DCcore<\/a>), permet als sistemes inform\u00e0tics manipular el contingut amb molt m\u00e9s coneixement de causa, i obre aix\u00ed la porta al tractament intel\u00b7ligent del contingut mitjan\u00e7ant algorismes.<\/p>\n<div class=\"featured featured-blue\"><p>Per tant, a mesura que tinguem el contingut processat segons aquestes directrius, serem capa\u00e7os de generar models de negoci a l\u2019entorn de la personalitzaci\u00f3 del contingut i la creaci\u00f3 de nous productes sobre la base de la manipulaci\u00f3 d\u2019altres productes existents.<\/p>\n<\/div>\n<p class=\"Normalesp\"><span lang=\"CA\">Aquests models permeten, per exemple, identificar la part m\u00e9s important d\u2019un conjunt d\u2019articles, o d\u2019una col\u00b7lecci\u00f3, capturar-la i crear un nou document amb aquest nou contingut, de manera autom\u00e0tica, o seleccionar, d\u2019entre un cat\u00e0leg en EPUB les novel\u00b7les en qu\u00e8 el curs narratiu s\u2019esdev\u00e9 en una localitzaci\u00f3 concreta. Les opcions s\u00f3n infinites.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En l\u2019apartat 2 \u00abProducci\u00f3 editorial digital: objectes, formats i eines\u00bb hem parlat sobre la web sem\u00e0ntica i, en general, sobre la import\u00e0ncia de les metadades per a crear nous models de classificaci\u00f3, acc\u00e9s i manipulaci\u00f3 de la informaci\u00f3, que permeten desenvolupar nous models de negoci relacionats amb els continguts digitals. Aquests models es basen a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/pages\/517"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/comments?post=517"}],"version-history":[{"count":3,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/pages\/517\/revisions"}],"predecessor-version":[{"id":919,"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/pages\/517\/revisions\/919"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/prod-digital\/wp-json\/wp\/v2\/media?parent=517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}