{"id":533,"date":"2018-11-02T13:09:26","date_gmt":"2018-11-02T12:09:26","guid":{"rendered":"http:\/\/www.valeriofinazzo.it\/wordpress\/?p=533"},"modified":"2018-11-02T13:09:40","modified_gmt":"2018-11-02T12:09:40","slug":"tutorial-configurare-client-per-cantaloupe-image-server","status":"publish","type":"post","link":"http:\/\/www.valeriofinazzo.it\/wordpress\/2018\/11\/tutorial-configurare-client-per-cantaloupe-image-server\/","title":{"rendered":"TUTORIAL \u2013 CONFIGURARE CLIENT PER CANTALOUPE IMAGE SERVER"},"content":{"rendered":"

L’articolo illustra come configurare un client che si colleghi a Cantaloupe. Una volta configurato Cantaloupe occorre realizzare un client per poter usare i servizi esposti e mostrare le derivate richieste. Per poter usare i servizi andrebbe realizzato un rest client, ma il mercato gi\u00e0 offre dei client in javascript che permettono di vedere l’immagine con comodo funzioni di zoom,<\/p>\n

La prima scelta \u00e8 leaflet<\/a>\u00a0 che implementa la gestione di una mappa interattiva.\u00a0 Per poterla usare \u00e8 sufficiente realizzare una pagina html che chiami la pagina la pagina info.json dell’immagine desiderata, come illustrato sotto<\/p>\n

<body>\r\n<div id=\"map\"><\/div>\r\n<script>\r\nvar map = L.map('map', {\r\ncenter: [0, 0],\r\ncrs: L.CRS.Simple,\r\nzoom: 0, \r\n})\r\nL.tileLayer.iiif('http:\/\/localhost:8182\/iiif\/2\/0001_2.jpg\/info.json').addTo(map);\r\n<\/script>\r\n<\/body><\/pre>\n
se\u00a0 avete operato bene chiamando la pagina html vedremo la nostra immagine con le funzioni di zoom attive.<\/p>\n
 <\/p>\n
\"\"<\/a><\/p>\n
Un altro client utilizzabile \u00e8\u00a0 Openseadragon\u00a0\u00a0<\/a>, che aumenta il numero di funzioni a disposizione e presenta opzioni per gestire tutti i casi d’uso comuni. Se la banda non \u00e8 un problema \u00e8 possibile integrare l’immagine completa e demandare al client la gestione dello zoom<\/p>\n
<body>\r\n\t<div id=\"openseadragon1\"><\/div>\r\n\t<ul class=\"pgwSlideshow\">\r\n\t<\/ul>\r\n\t<script src=\"openseadragon.min.js\"><\/script>\r\n<script type=\"text\/javascript\">\r\n            OpenSeadragon({\r\n                id:            \"openseadragon1\",\r\n                prefixUrl:     \"images\/\",\r\n                immediateRender: true,\r\n\t\t\t\t        showNavigator: true,\r\n                preserveViewport: true,    \r\n                timeout: 60000,\r\n                tileSources: {\r\n                    type: 'image',\r\n                    url:  'http:\/\/localhost:8182\/iiif\/2\/0001_2.jpg\/full\/full\/0\/default.jpg'\r\n                }\r\n            });\r\n        <\/script>\r\n<\/body>\r\n\r\n<\/pre>\n
In questo modo scarichiamo il carico computazionale sul client e Cantaloupe non effettua elaborazioni, mentre se vogliamo sfruttare la potenza di Cantaloupe il codice da usare \u00e8 il seguente<\/p>\n
<body>\r\n<div id=\"openseadragon1\"><\/div>\r\n\t<ul class=\"pgwSlideshow\">\r\n\t<\/ul>\r\n\t<script src=\"openseadragon.min.js\"><\/script>\r\n<script type=\"text\/javascript\">\r\n            OpenSeadragon({\r\n                id:            \"openseadragon1\",\r\n                prefixUrl:     \"images\/\",\r\n                immediateRender: true,\r\n\t\t\t\t        showNavigator: true,\r\n                preserveViewport: true,    \r\n                timeout: 60000,\r\n                tileSources: 'http:\/\/localhost:8182\/iiif\/2\/0001_5.jpg\/info.json'\r\n            });\r\n        <\/script>\r\n<\/body><\/pre>\n","protected":false},"excerpt":{"rendered":"
L’articolo illustra come configurare un client che si colleghi a Cantaloupe. Una volta configurato Cantaloupe occorre realizzare un client per poter usare i servizi esposti e mostrare le derivate richieste. Per poter usare i servizi andrebbe realizzato un rest client, ma il mercato gi\u00e0 offre dei client in javascript che permettono di vedere l’immagine con … Continua la lettura di TUTORIAL \u2013 CONFIGURARE CLIENT PER CANTALOUPE IMAGE SERVER<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[93],"tags":[],"_links":{"self":[{"href":"http:\/\/www.valeriofinazzo.it\/wordpress\/wp-json\/wp\/v2\/posts\/533"}],"collection":[{"href":"http:\/\/www.valeriofinazzo.it\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.valeriofinazzo.it\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.valeriofinazzo.it\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.valeriofinazzo.it\/wordpress\/wp-json\/wp\/v2\/comments?post=533"}],"version-history":[{"count":2,"href":"http:\/\/www.valeriofinazzo.it\/wordpress\/wp-json\/wp\/v2\/posts\/533\/revisions"}],"predecessor-version":[{"id":537,"href":"http:\/\/www.valeriofinazzo.it\/wordpress\/wp-json\/wp\/v2\/posts\/533\/revisions\/537"}],"wp:attachment":[{"href":"http:\/\/www.valeriofinazzo.it\/wordpress\/wp-json\/wp\/v2\/media?parent=533"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.valeriofinazzo.it\/wordpress\/wp-json\/wp\/v2\/categories?post=533"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.valeriofinazzo.it\/wordpress\/wp-json\/wp\/v2\/tags?post=533"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}