[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_94":-5,"_50":16,"_95":-5,"_96":97,"_98":99},"routes/viz-public",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":16,"_18":16,"_19":-5,"_20":21,"_22":16,"_23":24,"_25":-5,"_26":-5,"_27":-5,"_28":16,"_29":30,"_31":-5,"_32":33},"vizInfo",{"_40":59,"_68":69,"_70":71,"_72":-7,"_73":43,"_74":41,"_75":-5,"_76":77,"_78":16,"_79":80,"_81":80,"_82":-7,"_83":-7,"_56":84,"_58":85,"_86":-5,"_87":55,"_88":89,"_90":91,"_92":-5,"_93":-5},"vizContent",{"_40":59,"_60":61},"ownerAccount",{"_40":41,"_42":43,"_44":45,"_46":39,"_47":-5,"_48":-7,"_49":-7,"_50":16,"_51":-7,"_52":39,"_53":39,"_54":55,"_56":57,"_58":57},"isOwner",false,"isAuthenticated","canCreatePrivate","commitId","similarVizzes",[],"embed","forksCount",0,"forkedFromViz","runtimeVersion","license","descriptionIsAiGenerated","sourceProvenance",{"_34":35,"_36":37,"_27":-5,"_38":39},"project","socialImageUrl","https://next.vizhub.com/assets/unfurl.webp","sourceType","gist","originalUrl","https://gist.github.com/aaizemberg/5467217","author","aaizemberg","id","gist-user-aaizemberg","accountType","user","email","","displayName","avatar","oauthProvider","oauthId","isAdmin","stripeCustomerId","handle","handleNormalized","lifecycleEmailsEnabled",true,"createdAt",1791743441346,"updatedAt","gist-5467217","files",{"_62":63},"f1",{"_64":65,"_66":67},"name","foss4gBA 2013","text","------------------------------------------------------------------------------------------------------------\nIntroducción\n\nAriel Aizemberg / twitter: @aaizemberg\n\nSIIA ( http://www.siia.gov.ar/ ) & Ministerio de Agricultura ( http://www.minagri.gob.ar/ )\n \nEl proyecto RIDES esta parcialmente financiado por el SIIA @ MinAgri\n\nEn esta charla vamos ver como se hacen las aplicaciones interactivas en RIDES Tucumán.\n\n RIDES ( Aplicaciones Interactivas )\n http://rides.producciontucuman.gov.ar/index.php/aplicaciones\n\ny los datos, los vamos a tomar de:\n\n RIDES ( Catalogo de Datos )\n http://rides.producciontucuman.gov.ar/index.php/catalogo-de-datos\n\n y del programa 2MP de CONAE\n\n------------------------------------------------------------------------------------------------------------\n\n\"QGIS > WEB > MapServer Export\"\n\nDesde QGIS grabo un mapfile y aparece este hermoso messageBox:\n\n > If this mapfile is accessible by your mapserver, you\n should be able to see the capabilities by firing this url:\n http://localhost/cgi-bin/mapserv.exe?MAP=C:/ms4w/apps/ms101/htdocs/mapfile.map&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetCapabilities\n\n > if this mapfile is accessible by your mapserver, you\n should be able to see a map by firing this url:\n http://localhost/cgi-bin/mapserv.exe?MAP=C:/ms4w/apps/ms101/htdocs/mapfile.map&LAYERS=ALL&MODE=MAP\n\n------------------------------------------------------\n\nhttp://localhost/cgi-bin/mapserv.exe?MAP=C:/ms4w/apps/ms101/htdocs/mapfile.map&LAYERS=bm01&MODE=MAP\nhttp://localhost/cgi-bin/mapserv.exe?MAP=C:/ms4w/apps/ms101/htdocs/mapfile.map&LAYERS=bm06&MODE=MAP\n\ntesting the mapfile using mapserver & openlayers \nhttp://localhost/cgi-bin/mapserv.exe?MAP=C:/ms4w/apps/ms101/htdocs/mapfile.map&mode=browse&template=openlayers&LAYERS=bm01\n\n------------------------------------------------------\n\nDespues de leer esta página\n\n http://mapserver.org/ogc/wms_server.html\n ó\n http://localhost/msdocs/html/ogc/wfs_server.html\n\ny adaptar un poco el .mapfile, lo podemos consultar como un servicio OGC (WMS)\n\nGetCapabilities\n1.1.1\nhttp://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/ms101/htdocs/mapfile.map&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetCapabilities\n\n1.3.0\nhttp://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/ms101/htdocs/mapfile.map&SERVICE=WMS&VERSION=1.3.0&REQUEST=GetCapabilities\n\nimage/png\n\nLas 12 imágenes, tienen este nombre: bm01 .. bm12\n\nEl bbox es:\n\nString bbox = \"167799.0477604639,6886556.863265967,377299.0477604639,7127556.863265967\";\nString bbox = \"167799,6886557,377299,7127557\";\n\nGeoServer\nhttp://localhost:8080/geoserver/rides/wms?service=WMS&version=1.1.0&request=GetMap&layers=rides:bm01&styles=&bbox=167799.0477604639,6886556.863265967,377299.0477604639,7127556.863265967&width=445&height=512&srs=EPSG:32720&format=image%2Fpng\n\nMapServer\nbm01\nhttp://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/ms101/htdocs/mapfile.map&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&STYLES=&SRS=EPSG:32720&BBOX=167799,6886557,377299,7127557&FORMAT=image/png&width=445&height=512&LAYERS=bm01\n\nbm01 y deptos\nhttp://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/ms101/htdocs/mapfile.map&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&STYLES=&SRS=EPSG:32720&BBOX=167799,6886557,377299,7127557&FORMAT=image/png&width=445&height=512&LAYERS=bm01,deptos\n\n\nEdward Tufte | small multiples\n\nhttp://localhost/ms101/rides_01.html\n----------------------------------------------------------------------------------------------------------------\n\n\n\n Edward Tufte | small multiples\n\n\n

ET | Small Multiples

\n $\"enero\"$ \n $\"febrero\"$ \n $\"marzo\"$ \n $\"abril\"$ \n $\"mayo\"$ \n $\"junio\"$ \n $\"julio\"$ \n $\"agosto\"$ \n $\"septiembre\"$ \n $\"octubre\"$ \n $\"noviembre\"$ \n $\"diciembre\"$ \n\n\n----------------------------------------------------------------------------------------------------------------\n\n\nIntroducción a Processing ( http://www.processing.org/ ) / Processing.js ( http://processingjs.org/ )\n\nhttp://localhost/ms101/rides_02.html\n\nrides_02.html\n------------------------------------------------------\n\n\n\n \n Processing.js\n\n\n

\n\n\n------------------------------------------------------\n\n\nelipses.pde\n------------------------------------------------------\nvoid setup() {\n size(800,600);\n background(0);\n}\n\nvoid draw() {\n fill(random(255),random(255), random(255));\n\n // random\n ellipse( random(width),random(height),random(40),random(40) );\n\n // agregando interactividad, usando mouseX y mouseY\n // ellipse( mouseX,mouseY,mouseX/4,mouseY/4);\n}\n------------------------------------------------------\n\nLa aplicacion interactiva usa:\n 12 imagenes 1 x mes (GeoTIFF, UTM 20 S)\n https://2mp.conae.gov.ar/index.php/materialeseducativos/imagenes-satelitales/627-mosaicos-blue-marble-republica-argentina\n shortname = bm01, bm02, ..., bm12\n\n limites de los departamentos de Tucumán (SHP, POSGAR98 f3)\n http://rides.producciontucuman.gov.ar/index.php/catalogo-de-datos?task=edit&cid[0]=43\n shortname = deptos\n\nEl servidor de mapas (mapserver o geoserver), junta y reproyecta la información y me genera una imagen en formato PNG que la muestro desde Processing.\n \nLoad and Display Images\nhttp://processing.org/learning/basics/loaddisplayimage.html\n\nrides_03.html = FINAL\n\nhttp://localhost/ms101/rides_03.html\n------------------------------------------------------\n\n\n\n \n RIDES | BlueMarble, 2004, x mes, Provincia de Tucumán, Argentina\n\n\n

\n\n\n------------------------------------------------------\n\nBM_Tuc_2004_MapServer.pde\n------------------------------------------------------\n// Processing source code\nPImage[] img = new PImage[12]; // un array con 12 imagenes (una por mes)\n\nint cx; // current X\nint px; // previous X\n\nString host = \"localhost\";\n\nString port = \"80\";\n// String port = \"8080\";\n\nString mapfile = \"map=C:/ms4w/apps/ms101/htdocs/mapfile.map\";\n\n// String dir = \"geoserver/rides/wms\";\nString url = \"\";\nString layers = \"\";\nString bbox = \"167799,6886557,377299,7127557\";\nString srs = \"EPSG:32720\";\n\nvoid setup() {\n size(419, 482);\n cargar_todas_las_imagenes();\n}\n\nvoid draw() {\n cx = round( map(mouseX, 0, width, 0, 11) );\n if (cx != px) {\n px = cx; // 0 a 11 = mes 1 al 12\n image(img[cx], 0, 0);\n lables();\n }\n}\n\nvoid cargar_todas_las_imagenes() {\n for (int i = 0; i < 12; i++) {\n layers = \"bm\" + nf(i+1, 2) + \",deptos\"; // primero se dibuja la imagen satelital (bm..), luego los departamentos de Tucumán\n \n // GeoServer\n // url = \"http://\" + host + \":\" + port + \"/\" + dir + \"?service=WMS&version=1.1.0&request=GetMap&layers=\" + layers + \"&styles=&bbox=\" + bbox + \"&width=\"+width+\"&height=\"+height+\"&srs=\" + srs + \"&format=image%2Fpng\";\n\n // MapServer\n url = \"http://localhost/cgi-bin/mapserv.exe?map=C:/ms4w/apps/ms101/htdocs/mapfile.map&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&STYLES=&SRS=EPSG:32720&BBOX=167799,6886557,377299,7127557&FORMAT=image/png&width=\"+width+\"&height=\"+height+\"&LAYERS=\" + layers;\n \n // java\n // img[i] = loadImage(url, \"png\");\n\n // javascript\n img[i] = requestImage(url);\n }\n cx = 0; // posX actual\n px = -1; // posX anterior\n}\n\nvoid lables() { \n textAlign(CENTER);\n for (int i = 0; i < 12; i++) {\n if (i == cx) {\n fill(255, 0, 0); // RED\n }\n else\n { \n fill(255); // WHITE\n }\n text(i+1, 16 + i * (width / 12.0), height - 2);\n }\n}\n------------------------------------------------------\n\n\n DONE\n\n","slug","5467217","title","Edward Tufte | small multiples","description","ownerType","ownerId","projectId","visibility","public","isTemplate","headCommitId","7CIYeUIE7P50zNlAHkOV3","startCommitId","forkedFrom","forkedFromVisibility",1366981242000,1375888009000,"publishedAt","isPublished","draftStatus","published","lifecycleStatus","active","trashedAt","purgeAfter","userId","account","appOrigin","https://next.vizhub.com","googleAnalyticsId","G-5BVJNTEF9V"]