1 / 98

Publicació de Cartografia a Internet

Publicació de Cartografia a Internet. Joan Masó Pau Joan.Maso@uab.es. Motivació. Al acabar aquesta assignatura sabrem posar en marxa un servidor de mapes. Màxima simplicitat i compatibilitat.

mercia
Télécharger la présentation

Publicació de Cartografia a Internet

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Publicació de Cartografia a Internet Joan Masó Pau Joan.Maso@uab.es

  2. Motivació • Al acabar aquesta assignatura sabrem posar en marxa un servidor de mapes Master de TD i SIG 2013-14

  3. Màxima simplicitat i compatibilitat • És veritat que els navegadors de web ha sofert una gran evolució en els darrers temps i s'han diversificat però també s'han actualitzat: • Internet Explorer, Firefox, Opera, o Safari, o Chrome.... • També és veritat que els dispositius mòbils actuals no tenen les mateixes prestacions que un ordinador d'escriptori. • Les implementacions dels seus navegadors de web són heterogènies. • Per això es preocuparà la simplicitat i la utilització de tecnologies transversals i amb maduresa que puguin funcionar en el major nombre de dispositius possible Master de TD i SIG 2013-14

  4. Limitacions • L'ample de banda del client, limitarà fortament el que podem fer. • Moderació en el volum del traspàs de dades • La seguretat: el software de navegador client web NO pot: • desar rés en local • només poden mantenir dades en memòria • excepció: cookies • comunicar-se amb altres aplicacions obertes a la mateixa màquina • Només poden llançar un fitxer que no saben llegir a lector de formats • Lector de mapes de MiraMon o AdobeAcrobatReader • llegir del disc local (excepte en HTML5) • interpretar simultàniament dades de diferents servidors • AJAX:cross-servervulnerability(HTML5 introdueix una solució en servidor) • JSON: si que pot (de moment) • accedir a la història de les planes prèvies (només ho pot fer l'usuari) Master de TD i SIG 2013-14

  5. Publicació de Cartografia a Internet Comencem!

  6. Protocols • Protocol: Regles o estàndards de comunicació entre ordinadors, programes o entre xarxes • Els protocols de comunicacions per Internet tenen diverses capes • Cada estàndard treballa sobre una capa concreta. • HTTP, TCP/IP • WMS, WFS etc. Master de TD i SIG 2013-14

  7. Protocol Client Servidor Arquitectura Client – Servidor • Intercanvi de missatges entre 2 ordinadors diferents • 2 programes diferents • S’intercanvien informació usant un protocol acordat • L’usuari només parla amb el client • El programari client té una interfície d’usuari gràfica. http://www.creaf.uab.es/cgi-bin/MiraMon5_0.cgi?VERSION=1.1.0&REQUEST=GetFeatureInfo&SRS=EPSG:23031&BBOX=492025,4670822.38,523975,4692522.38&WIDTH=639&HEIGHT=434&LAYERS=iefc-catalunya&QUERY_LAYERS=iefc-catalunya&INFO_FORMAT=text/html&X=463&Y=161 Master de TD i SIG 2013-14

  8. Arquitectura Client-Servidor • Compte a no confondre's! • Un ordinador pot ser client, servidor o les dues coses a l'hora. • Un ordinador pot fer de mediador entre 2: • Aquest és alhora client d'un i servidor d'un altre. • Això fa possible una arquitectura en cascada • un servidor (actuant també de client) pot consultar informació, que no tingui en aquell moment, d'altres servidors. • En HTTP un exemple és el proxi • Un ordinador pel que passen totes les comunicacions. • Actua de router intel·ligent, guardant la informació i evitant demanar a un ordinador remot la mateixa informació 2 cops Master de TD i SIG 2013-14

  9. Implementació Aplicació Transport Física Capes de protocol d'Internet • Capa d'implementació • Web Map Service • Particularitats del nostre diàleg entre el client i el servidor • Capa d'aplicació • HTTP+Web • Protocol d'aplicació que permet la transferència de fitxers generalment de text formatat: HTML. • Sense estat • Comandes o mètodes: • GET, POST, PUT, DELETEetc • http://www.w3.org/Protocols/HTTP/Methods.html • Capa de transport i de xarxa • TCP/IP • Protocol de paquets (TCP) + Sistema d'adreces (IP) • Capa física • Ethernet • Protocol de hardware • Eina per explorar-lo: EtherReal • 3G, T1, ADSL, Modem Master de TD i SIG 2013-14 Peng, Z.R. i Tsou, M.H.

  10. Implementació WMS, OWS Aplicació HTTP-Web Transport TCP/IP Física Ethernet Capes de protocol d'Internet Esquema • Aquest és l'esquema més típic però no l'únic Master de TD i SIG 2013-14 Peng, Z.R. i Tsou, M.H.

  11. Implementació Aplicació Transport Física Capa física • Actualment és una xarxa heterogènia • trams que tenen diversos suports físic • xarxes de parell trenat Ethernet a 10, 100, 1000Mb/s, • fibra òptica, • ADSL, XDSI (RDSI), (Banda ampla: BroadBand) • Wireless (IEEE 802.11b "Wi-Fi", 802.11a and 802.11g) • 3G, GPSR • Satel·litsd'intenet (INMARSAT'sBGAN i ASTRA2Connect) • Mòdem (Banda estreta) • Això configura un panorama amb un ampli ventall de velocitats disponibles segons el tipus d'usuari. • Cada dispositiu s'identifica per una direcció MAC (direcció física). P.ex.: Adaptador Ethernet Conexión de área local : Sufijo de conexión específica DNS : wireless.calluspd.net Descripción. . . . . . . . . . . : Conexión de red PRO/100 VE de Intel(R) Dirección física. . . . . . . . . : 00-00-39-AA-D3-BA Master de TD i SIG 2013-14 http://www.cnet.com.au/broadband/speedtest.htm

  12. Implementació Aplicació Transport Física Capa de transport TCP/IP • Ports segons protocol • 80 web • 25 smtp • 110 pop3 • Aquest protocol és distribuït i dinàmic • La informació a enviar es talla en paquets que són gestionats per routers • Cada router determina per on enviar cada paquet d'informació de manera autònoma. • El meu ordinador està directament connectat a: • els ordinadors de la xarxa local • un primer router que es diu gateway o porta d'enllaç Master de TD i SIG 2013-14

  13. Implementació Aplicació Transport Física Capa de transport TCP/IP • Cada ordinador està identificat per una adreça IP única i per un nom més fàcil de recordar • Una màscara indica quan cal usar la porta d'enllaç o intentar una connexió directe • Els servidors DNS són ordinadors que mantenen la llista d'equivalències entre noms i adreces IP i que ofereixen servei de traducció • www.creaf.uab.es = 158.109.62.55 Master de TD i SIG 2013-14

  14. Implementació Aplicació Transport Física Capa de transport TCP/IP C:>tracert maps.google.com Traza a la dirección maps.l.google.com [209.85.129.99] sobre un máximo de 30 saltos: 1 <1 ms <1 ms <1 ms 158.109.48.1 2 <1 ms <1 ms <1 ms g-7200.uab.es [158.109.94.21] 3 4 ms 1 ms 1 ms anella-uab.cesca.es [84.88.18.9] 4 5 ms 1 ms 1 ms AE0.EB-Barcelona0.red.rediris.es [130.206.202.1] 5 18 ms 15 ms 15 ms CAT.XE6-0-0.EB-IRIS2.red.rediris.es [130.206.250.25] 6 15 ms 18 ms 17 ms 213.242.71.169 7 17 ms 16 ms 16 ms ge-0-0-0.mp2.madrid1.level3.net [4.68.115.237] 8 47 ms 47 ms 47 ms so-3-1-0.bbr1.frankfurt1.level3.net [4.68.128.253] 9 47 ms 48 ms 48 ms ae-12-51.car2.frankfurt1.level3.net [4.68.118.16] 10 48 ms 48 ms 48 ms 212.162.4.42 11 50 ms 49 ms 58 ms 72.14.232.203 12 51 ms 50 ms 53 ms 72.14.233.206 13 52 ms 49 ms 51 ms fk-in-f99.google.com [209.85.129.99] Traza completa. Master de TD i SIG 2013-14

  15. Implementació Aplicació Transport Física Capa d'aplicació: HTTP-Web. • El protocol HTTP estableix la comunicació entre clients i servidors web • Arquitectura Client-Servidor Web • Ús d'un servidor web (daemon): • Internet Information Server • Apache (CGI) • ApacheTomcat (Java Servlet) • Ús d'un client web: • IE, Firefox, Opera, Safari, Chorme, etc • http://www.microsoft.com/ie/ • http://www.mozilla.com/en-US/firefox/ • http://www.apple.com/support/downloads/safari.html • http://www.opera.com/ • http://www.google.com/chrome • Components • Al servidor web: • CGI's, ASP, Java servlets, PHP,... • Al client web: • DHTML, Javascript, Plug-ins, Java applets, Controls ActiveX, AJAX, JSON... Master de TD i SIG 2013-14

  16. Implementació Aplicació Transport Física HTTP: Demanem URL's... • Accedim a la informació a partir de URL's (Universal ResourceLocation) • http://www.servidor.cat:80/path/fitxer.html • El client i servidor • utilitzen un protocol d'aplicació • http (hipertext transferprotocol) • dialoguen per un port • :80 • Usem un verb (o mètode): GET • Quan usem un navegador web generalment assumim http i 80. Per això no cal apuntar-ho: www.google.com i no http://www.google.com:80 Master de TD i SIG 2013-14

  17. Implementació Aplicació Transport Física HTTP: ...obtenim fitxers (HTML o altres) • En HTTP generalment demanem un fitxer preexistent al servidor • http://www.servidor.cat/path/fitxer.html • en la configuració per defecte de IIS equival a: • c:\inetpub\wwwroot\path\fitxer.html • En altres ocasions sol·licitem l'execució d'un procés a una aplicació • Si necessitem enviar poques dades, usem el mètode GET • http://www.servidor.cat/cgi-bin/proces.cgi?param1=valor1&param2=valor2... • En altres ocasions enviem dades (o fitxers) al servidor perquè les pugui processar • usem el mètode POST/PUT • http://www.servidor.cat/cgi-bin/proces.cgi • El cos del missatge transporta les dades (o el contingut del fitxer) • En TOTS els casos la resposta del servidor és un ÚNIC fitxer • Dins d'un missatge amb una capçalera i un cos (el fitxer). Master de TD i SIG 2013-14

  18. Implementació Aplicació Transport Física HTTP: protocol sense estat • Es diu que l'HTTP és stateless: • El servidor NO manté l'estat de l'aplicació • El client estableix la connexió • El client fa la petició • El servidor respon • El client llença la plana que tenia al començar a rebre la resposta • El client refresca la plana amb la nova informació rebuda • El servidor tanca (o trenca) la connexió o s'oblida del client i del que ha fet. • Això fa necessària una comunicació client servidor a cada acció del usuari. • El servidor ha de rebre la informació del context (l'estat) del client cada vegada, recuperar les dades des de 0 i contestar • Els navegadors moderns dissimulen el refresc quan la plana és molt similar. • AJAX i JSON permeten comunicacions asíncrones mentre el client manté l’estat. Master de TD i SIG 2013-14

  19. Implementació Aplicació Transport Física Protocols d'implementació • Els servidors de cartografia per Internet necessiten un protocol d'implementació per a intercanviar informació gràfica i alfanumèrica • Aquests protocols, fins fa relativament poc, van ser diferents per a cada implementació (protocols de tipus propietari) • a diferència de totes les altres capes explicades abans • Això redueix la interoperabilitat entre clients i servidors (o entre servidors en cascada) • La intervenció del organismes internacionals d'estandardització (OGC, ISO, etc) i les infrastructures de dades espacials (IDE) ha estat determinant per estandarditzar els protocols d’implementació. • L'ús i estudi dels protocols d'implementació estàndards i aprendre a fer servir eines que facin ús aquests estàndards són els objectiu més important d'aquesta assignatura. Master de TD i SIG 2013-14

  20. Implementació Aplicació Transport Física Capes a nivell de programació • Capa d'implementació • JavaScript, Java Applets, Flash, SVG, AJAX, JSON • CGI, ASP, PHP, Servlets • Capa d'aplicació • WinInet (Windows) • Capa de transport i de xarxa • TCP/IP • Sockets • Capa física • Ethernet • Millor no tocar-ho Master de TD i SIG 2013-14 Peng, Z.R. i Tsou, M.H.

  21. Implementació Aplicació Transport Física Protocols d'implementació. El client manté l'estat. • La falta d'estat és un problema per un Geoservei que intenta simular ser una aplicació on l'usuari fa coses interactivament. • Com mantenir l'estat? • Reduir les consultes al servidor • Fer que el client sigui prou intel·ligent per respondre algunes interaccions de l'usuari sense intervenció del servidor • Fer que el client utilitzar DHTML i JavaScript • Intercanvi constant de l'estat • El client envia al servidor la informació que té • El servidor la processa i la reenvia al client junt amb la resposta • Cookies • Petites peces d'informació que el client es guarda • Frames i htmllayers • On només una part de la plana es redibuixa i no es perd l'estat. • AJAX i JSON • No refrescar la plana i enviar una petició XML asíncrona (AJAX) al servidor o un fitxer JSON Master de TD i SIG 2013-14

  22. JavaScript • Llenguatge de programació • comú per a tots els navegadors • interpretat • inclòs dins del propi codi HTML o en fitxers .js • S'executa en el client <HTML> <SCRIPT> alert("Hola món"); </SCRIPT> </HTML> Master de TD i SIG 2013-14

  23. AJAX • Asynchronous JavaScript And XML • L'XML actua com a format d'intercanvi de dades entre el client i el servidor • Ús de peticions asíncrones • No cal refrescar el contingut de la plana • L'usuari no percep cal interrupció de la seva interacció amb l'aplicació • Es combina amb tècniques de HTML dinàmic i el XML-DOM per a modificar parcialment la presentació del usuari. • Javascript i AJAX és el fonament de Google Maps i el seu API. Master de TD i SIG 2013-14

  24. JSON • JavaScript Object Notation • Es un llenguatge d'intercanvi de dades • El principal problema del AJAX és que l'XML és que ha de ser parsejat i traduït a estructures de dades Javascript • Quan un document JSON és rebut, el JavaScript l'interpreta directament com a dades pròpies, la qual cosa facilita la programació del client web (elimina el parser i la traducció). • No presenta la cross-server vulnerability • Pot llegir dades de diferents servidors. Master de TD i SIG 2013-14 http://www.json.org/

  25. Implementació Aplicació Transport Física Altres possibilitats: TCP/IP sense HTTP • Marcs d'arquitectures distribuïdes (frameworks) • Tecnologies orientades a l'objecte • Exemples • CORBA (de OMG) • DCOM i .NET (Microsoft) • Java (Sun microsystems) • Fan més fàcil el desenvolupament • El producte final pot oferir més funcionalitats • Requereixen de • determinades plataformes o • d'instal·lar determinats productes o • determinades versions de productes • Per aquest motiu només les podem fer servir en entorns tancats on controlem el software • una corporació etc. Master de TD i SIG 2013-14 Peng, Z.R. i Tsou, M.H.

  26. ISO-OGC SOAP HTTP-Web TCP/IP Ethernet Una capa més: SOAP, WSDL i els Web services • SOAP (Simple Object Access Protocol) • Gran suport per part de la indústria. • Acceptat pràcticament per totes les grans companyies de software del món • Microsoft, IBM, SUN Microsystems, SAP, etc. • S'utilitzarà com la "plantilla" encarregada del diàleg petició - resposta entre el WSClient i el WSServer. • Escrit en XML • Dicta com s'han d'empaquetar (organitzar) , transmetre i definir les dades. • Estructura missatge SOAP • ENVELOPE (obligatori): • És l'element arrel del document XML, dins del qual hi haurà un element (o cap ) HEADER i un element BODY. • HEADERS(opcional): • Permet introduir-hi variables de seguretat en la transmissió del missatge : autentificació, enrutament, etc.. • És processat abans d'entrar dins del BODY. • BODY (obligatori): • Part on hi ha tota la informació del Web Services a tractar. Mètodes i dades • WSDL(Web Services DescriptionLanguage) • És un document XML que crea el WSServer i que descriu: • quins mètodes té implementat, • quins tipus de dades espera rebre • quina serà la resposta. • UDDI (Universal DescriptionDiscovery and Integration) • És un catàleg centralitzat, on és possible registrar i cercar Web Services. <ENVELOPE>    <HEADER>    </HEADER>    <BODY>     </BODY></ENVELOPE> Master de TD i SIG 2013-14 http://delta.icc.es/idecwebservices/

  27. La tesi d'en Roy Fielding's on defineix el REST (2000) • REST: Representational State Transfer • Defineix recursos o com adreçar-s'hi. • El principi del "hypermedia" del REST • "Hypermedia as the engine of application state" (HATEOS). <HTML> <TABLE> <TR><TD> <a href="0_3.htm"> ^ </a> </TD></TR> <TR> <TD> < </TD><TD><img src="1_3.png"></TD> <TD> > </TD><TD> </TR> <TR><TD>v </TD></TR> </HTML> Master de TD i SIG 2013-14

  28. Els MIME types • Multipurpose Internet Mail Extensions • Fan el paper de les extensions al PC • Exemples: • text/html text/xml • application/x-mmz • image/jpeg image/png • Els navegadors d'Internet reconeixen uns determinats tipus de fitxer que llegeixen directament: • text/html, text/xml, image/jpeg, image/png • La resta els "deleguen" a altres aplicacions registrades a l'ordinador • application/x-mmz Lector de Mapes de MiraMon Master de TD i SIG 2013-14

  29. Publicació de Cartografia a Internet Evolució tecnològica del GIS distribuït

  30. Evolució de GIS distribuït Alta Geoserveis Distribuits Mapes WebInteractius • Java Beans • Corba/Java • DCOM • XML • .NET • AJAX • WPS Mapes WebEstàtics • HTML Dinàmic • Scripts • Plug-in • Controls ActiveX • Applets Java • Servlets Funcionalitat • Forms HTML • Taules • CGI • ISAPI • PHP Publicació deMapes Estàtics • HTML • Imatge estàticacom a mapa Baixa Baixa Interactivitat Alta Master de TD i SIG 2013-14 Peng, Z.R. i Tsou, M.H.

  31. 1.- Publicació de mapes estàtics • Ús d'imatges GIF, PNG o JPEG dins de els planes HTML per incloure mapes. • Podem també usar un vincle a un el format PDF • No es pot integrar dins la resta de les plana HTML que el vincula i s'ha de veure per separat. • El client no té informació sobre els objectes i sap "pintar" el mapa. • Qualsevol navegador de web ens val, fins i tot les versions més rudimentàries. • Només serveix per a presentar la informació gràfica • com si fos un terminal gràfic • Accedim a la informació només a partir de URLs • El servidor no ha de fer res sobre mapes • Qualsevol servidor de web ens serveix. • Només serveix planes HTML (o fitxers pdf) • Sistema compatible amb CD que usa planes HTML per presentar la informació. Master de TD i SIG 2013-14

  32. Possibilitats tècniques • Dos possibilitats: • Simple vincle a una imatge • <IMG SRC=nom> • El mapa és una il·lustració més sense que es pugui fer clic ni zoom ni rés. • Es pot produir amb el menú d'impressió de MM32 • Usant un driver d'impressora per a PDF • Desant la impressió com a JPEG (Es desa també un fitxer REL de georeferència) • Exemple: http://www.municat.net/mapes/carrers/mapa_carrers.htm • La imatge és sensible per zones • Es pot produir a partir d'un VEC amb la utilitat VEC2MAP de MiraMon. • Es pot fer de dues maneres: • ISMAP • <IMG SRC=nom ISMAP> • Exemple: http://www.municat.net:8000/omunicat/owa/mun_p03.inici?via=1&err=0 • USEMAP • < IMG SRC=nom USEMAP> • <MAP NAME="map"> • <area shape="rect" coords="0,78,48,135" href="nom.htm" alt="125-41"> • Exemple: http://earthquake.usgs.gov/eqcenter/recenteqsww Master de TD i SIG 2013-14

  33. Publicació de mapes estàtics: Exemples http://www.gencat.cat/municat/mapes/carrers/mapa_carrers.htm http://www.catalalatac.net/01-paisoscatalans/01-catalunya/0110-catalunya.html Master de TD i SIG 2013-14

  34. Publicació de mapes estàtics: Codi HTML <a href="callus.pdf" target="_blank">Callús</a> <a href="http://www.municat.net:8000/municat/mapes/gran.map"> <img src="http://www.municat.net/mapes/gran.gif" width="418" height="386" border=0 ismap> </a> <IMG src="/eqcenter/recenteqsww/world_moll.gif" ALT="World Recent Earthquake Map" WIDTH="601" HEIGHT="306" USEMAP="#map" BORDER=0> <br /> <MAP NAME="map"> <area shape="polygon" coords="126,269,96,254,72,237,54,220,41,202,34,184,32,175,31,166,32,156,37,138,47,120,62,102,97,100,117,95,139,107,146,144,175,146,184,220,218,269,126,269" href="/eqcenter/recenteqsww/Maps/region/Africa.php" alt="Africa"> <area shape="polygon" coords="237,43,169,101,139,107,117,95,97,100,63,101,83,85,110,70,144,55,187,43,237,43" href="/eqcenter/recenteqsww/Maps/region/Europe.php" alt="Europe"> ... Master de TD i SIG 2013-14

  35. OpenData i l'administració oberta • És el portal de la Generalitat de Catalunya on estan publicades les dades de caràcter públic, amb l’objectiu de fomentar l’ús i la reutilització de la informació procedent de l’administració. Les dades procedeixen de diferents organismes públics de la Generalitat i estan agrupades en el catàleg de dades. • Més transparència informativa • Més governança oberta i de servei • Més participació ciutadana • Més interoperabilitat entre serveis del sector públic • Promoció del valor econòmic • http://dadesobertes.gencat.cat/ca/dades-obertes.html • S'utilitzen dialectes XML i altres formats bàsics. Master de TD i SIG 2013-14

  36. 2.- Mapes Web estàtics • Generació de mapes sota demanda • El mapa final no és consultable ni interactiu • Canvis en el servidor • El servidors té un programa de servei de mapes web que es coordina amb el servidor Web • CGI, PHP, ASAPI, FastCGI, JSP • Canvis en el client • Tècnicament pocs • Apareixen formularis on l'usuari omple una sèrie de variables i tria el que vol veure. Master de TD i SIG 2013-14

  37. El primer que va existir • XEROX Map Viewer (Juny de 1993) • per Steve Putz a Xerox Corporation's Palo Alto Research Center, com un experiment per servir contingut interactiu via World Wide Web • Era una CGI escrita amb PERL • El PERL és un llenguatge de programació d'scripts, però podia haver estat escrita en C. • Es composava de 2 programes • MAP-WRITER • Agafava els vectors i els rasteritzava • RASTOGIF • Els passava a format GIF • Actualment està "off-line" • Detalls encara a: • http://www2.parc.com/istl/projects/mapdocs/mapviewer-details.html Master de TD i SIG 2013-14

  38. Xerox map viewer Master de TD i SIG 2013-14

  39. 2on nivell (Middleware) 3er nivell 1er nivell Client (navegador de web) Java applets Servidor de Web Servidorde mapes Internet Internet Client (navegador de web) HTML Viewer Base de dades regional (GIS) Client (navegador de web) ActiveX Viewer Arquitectura Connector Master de TD i SIG 2013-14

  40. Exemple de formulari client <h1>Maps - Outside US and Canada</h1> <formaction="map.adp" method="get"> <input type="hidden" name="formtype" value="address"> Country <select id="country" name="country"> <option value="AF">Afghanistan</option> <option value="AL">Albania</option> ... <option selected="selected" value="ES">Spain</option> ... </select> Address<input type="text" name="address"> City<input type="text" name="city" value="Callus"> <input type="text" name="zipcode" value="08262" maxlength="10"> <input type="submit" value="Search" > </form> Master de TD i SIG 2013-14

  41. Petició GET al servidor i resultat • http://map.web.mapquest.com/?e=9&GetMapDataDirect=Gme5diw&rnd=1454 Master de TD i SIG 2013-14

  42. 3.- Mapes Web dinàmics • Generació de mapes sota demanda • El mapa final és consultable e interactiu • La plana del mapa s'omple d'eines que permeten a l'usuari fer més coses. • Canvis en el client • DHTML: conjunt de tècniques per permeten interacció amb l'usuari sense refrescar la plana • Javascript o VBScript • DOM (Document Object Model) • CSS (CascadingStyleSheets) • Plug-ins, ActiveX, Applets de Java • HTML5 reforça el DHTML amb més funcionalitats • L'usuari pot canviar de zona (pan), fer zoom, consultar... • Canvis en el servidor • Tècnicament pocs • Millores en el concepte de les CGI: • FastCGI, Servlets, ASAPI, ASP, ColdFusion Master de TD i SIG 2013-14

  43. Plana del mapa interactiva Master de TD i SIG 2013-14

  44. 4.- Geoserveis distribuïts • Canvi filosòfic • Les dades són ara gestionades per serveis o operacions • Estan distribuïdes en diferents servidors • Poden ser intercanviades • Els elements estan individualitzats • Poden ser cercats • Cada operació és independent: "dona mapa", "fes buffer", "punt en el polígon" etc. • Podem residir en servidors (o nodes) independents • Segueixen protocols interoperables que segueixen estàndards • El processos poden ser encadenats • Existeixen actualment? • Hi ha un gran esforç en aquesta direcció. S'estan posant a punt • Tecnologies i estàndards (OGC WxS) • Bases de dades (Catàlegs de dades i serveis) • Lleis i directives (INSPIRE) Master de TD i SIG 2013-14

  45. Perquè Geoserveis distribuïts? • Paradigmes • Millor focalització i menor redundància d'esforços • Eliminació de les barreres que imposen els fabricants. • Independència de sistemes i fabricants • Abaratiment • Millora de la qualitat i de les prestacions del productes i serveis • Deixar lloc pels petits emprenedors que es concentren el un problema concret • Problemes • L’arquitectura genera dependència de serveis externs que poden canviar o desaparèixer • Velocitat de procés o de descàrrega de dades entre processos Master de TD i SIG 2013-14

  46. Fases de l’ús de dades distribuïdes Master de TD i SIG 2013-14

  47. Arquitectura habitual Proveïdor de dades Proveïdor de processament Avaluació/visualització Ús distribuït Accés/ descàrrega Infrastructura de dades espacial Cerca/ descobriment Client genèric Client integrat Client especialitzat Master de TD i SIG 2013-14

  48. Clients lleugers i clients pesats • Hi ha 2 alternatives: • Aplicacions que corren enterament en navegadors web. • Client que es connectarà a un únic servidor que li obrirà la porta a tot l'esquema distribuït i li canalitzarà les peticions • Client millorat respecte dels actuals però tecnologies emergents com AJAXi HTML5 poden ajudar • Els usuaris acceptaran de treballar amb aplicacions fora del navegador que caldrà instal·lar a cada màquina • És clar que s'ofereix un benefici a canvi: • Google Earth • P2P: Skype, Emule, BitTorrent • Completament acceptat en els telèfons mòbils (Apps) Master de TD i SIG 2013-14

  49. Implementació Aplicació Transport Física Publicació de Cartografia a Internet Estàndards ISO i OGC

  50. Esquema d'estàndards OGC Encodings Data KML GML SES O&M SensorML GML in JP2 CityGML TML SWE Common GeoXACML Services OWS-Common WMTS SOS SPS WMS WFS WCS WPS OpenLS CSW SWE SLD JTS FES API's Web Clients CAT Simple Features GOS WMC OWC CT Catalog SQL CORBA OLE Java Master de TD i SIG 2013-14

More Related