SlideShare uma empresa Scribd logo
1 de 29
Baixar para ler offline
Progettazione e realizzazione di
     applicazioni (web)gis
        (per il turismo)

         Massimo Rumor
        Eduard Roccatello
Approccio alla progettazione
•   Gis tecnologia servente
•   Focus su interfaccia
•   Focus su funzionalità specifiche
•   Attenzione ai dati
•   Sviluppo prototipale




                Massimo Rumor - Eduard Roccatello   2
Interfaccia
• Esistono UI pattern oramai consolidati

• La progettazione dell’interfaccia deve
  rispettare regole ben affermate

• Enfasi su usabilità e fruizione del prodotto


               Massimo Rumor - Eduard Roccatello   3
Esempi di UI Pattern
• Comandi
  – Quali usare
  – Come posizionarli
  – Come integrarli
• Navigazione
• Accessibilità
• Usabilità

              Massimo Rumor - Eduard Roccatello   4
Esempi di UI Pattern / 2
Spariscono i classici
bottoni zoom, info,
     evidenzia




                                                            Miniatura per
                                                            conoscere il
                                                          posizionamento
                                                          locale e globale

                            Risultati della ricerca
                           come punti di partenza
                            per utilizzare i servizi
                                   collegati

                      Massimo Rumor - Eduard Roccatello                      5
Esempi di UI Pattern / 3



Punti di interesse                  Controlli per la
  intelleggibili                     navigazione
 senza legenda                        accessori.
                                    Punta e clicca




                     Massimo Rumor - Eduard Roccatello   6
Esempi di UI Pattern / 4
Controlli concentrati
 in alto a sinistra
   (desktop like)




                                            Modalità di
                                        visualizzazione e
                                         layer facilmente
                                           selezionabili



Posso cambiare il
  punto di vista
 dell’osservatore




                        Massimo Rumor - Eduard Roccatello   7
Esempi di UI Pattern / 5

                                              Salvo, stampo e
                                           condivido informazioni
                                            che mi interessano




                                     Posso aggiungere
                                    fermate intermedie
                                  facendo drag and drop
    La descrizione del
   percorso affianca la
   mappa per facilitare
     la comprensione

       Massimo Rumor - Eduard Roccatello                      8
UI Pattern per la usability
Autocomplete – Suggerimenti durante la ricerca




Briciole di pane – Dove mi trovo?




                  Massimo Rumor - Eduard Roccatello   9
UI Pattern per la usability / 2
Input Prompt – Orientare l’utente nelle decisioni




Forgiving Format – Interpretiamo l’input dell’utente




                  Massimo Rumor - Eduard Roccatello    10
Funzionalità specifiche
• Visualizzazione fotorealistica
• Informazioni specifiche
• Funzioni di costruzione percorsi
  personalizzati
• Creazione strumenti per il viaggio o
  l’escursione



              Massimo Rumor - Eduard Roccatello   11
Attenzione ai dati
• Esistono tipologie di dati (geografici)
  comuni ed affermate
• Immagini
• Mappe con simbologia immediata (no
  legenda)
• Virtual reality
• Dati aggiornati

              Massimo Rumor - Eduard Roccatello   12
Dati: esempi dal mondo webgis




        Massimo Rumor - Eduard Roccatello   13
Dati: ortofoto




Massimo Rumor - Eduard Roccatello   14
Dati: mappa turistica




    Massimo Rumor - Eduard Roccatello   15
Dati: 3D and Virtual Reality




       Massimo Rumor - Eduard Roccatello   16
Dati: 3D and Virtual Reality




       Massimo Rumor - Eduard Roccatello   17
Architettura applicativa
Caratteristiche fondamentali
• Prestazioni
• Scalabilità
• Disponibilità
• Sicurezza




              Massimo Rumor - Eduard Roccatello   18
Schema architetturale
APPLICAZIONE AJAX


                                         APPLICAZIONE DESKTOP
  BROWSER WEB
                                             TRADIZIONALE

     Client per l’utente finale                             Client di editing



APPLICATION SERVER                   GEO (SPATIAL WEB) SERVER



                           GEO DBMS

                                                     Componenti lato server

                 Massimo Rumor - Eduard Roccatello                         19
GeoDBMS
• Informazioni spaziali e alfanumeriche
  memorizzate in un database relazionale.
• Proprietari e FOSS

Fornisce:
• Sicurezza ed integrità
• Prestazioni (indici spaziali)
• Funzionalità di analisi spaziale
               Massimo Rumor - Eduard Roccatello   20
Geospatial Webserver
• Consentono la pubblicazione di dati
  geospaziali come mappe ed immagini
  (utilizzando Web Map Service) o come
  dati (utilizzando Web Feature Service).
• Proprietari e FOSS

• Si differenziano per funzionalità, supporto
  agli standard ed ambiente operativo.
              Massimo Rumor - Eduard Roccatello   21
Client per l’utente finale
• Thin / thick
• Vantaggi e svantaggi
• WebGIS client – caratteristiche peculiari
  – nessun plugin specifico
  – solo browser (ambiente di esecuzione
    potente)
  – Massimizzazione prestazioni e
    minimizzazione dello scambio dati

              Massimo Rumor - Eduard Roccatello   22
Client Amministrazione/gestione
• Funzioni di aggiornamento dati
  alfanumerici (anche web)
• Funzioni di aggiornamento dati spaziali
  (editing) via applicazione desktop –
  connessione con GeoDBMS, controlli di
  validazione.



              Massimo Rumor - Eduard Roccatello   23
Standard per il GIS
• Punto di riferimento per l’interoperabilità
• Quali standard?
  – Definiti dall’Open Geospatial Consortium
  – I più importanti ed utilizzati sono
     • GML, WMS, WFS, WMC ed SLD


• Standard versus prestazioni
• Standard versus velocità di sviluppo
               Massimo Rumor - Eduard Roccatello   24
Standard per il GIS
• Vantaggi
  – Standard come documentazione di riferimento
  – Indipendenza dal singolo prodotto
  – Soluzioni di qualità elevata
• Svantaggi
  – Apprendimento complesso
  – A volte sono poco supportati
  – Complicano lo sviluppo dei prodotti

               Massimo Rumor - Eduard Roccatello   25
Modello di sviluppo
• AJAX per rendere i prodotti web più simili
  alle applicazioni classiche
  – Aggiunta di un layer di comunicazione tra
    server e client
  – XML, CSS, Javascript e XHTML
• Soluzioni di classe enterprise
  – Java J2EE, MVC, ORM
• Soluzioni per la prototipazione veloce
               Massimo Rumor - Eduard Roccatello   26
Modello di sviluppo / 2
•   Analisi esigenze ed individuazione dati
•   Creazione delle tematizzazioni
•   Individuazione delle funzioni necessarie
•   Impostazione dei servizi geospaziali
•   Progettazione componenti
•   Sviluppo componente server side
•   Sviluppo componente client side

                Massimo Rumor - Eduard Roccatello   27
La gestione dell’applicazione
• Aggiornamento dei dati
• Adeguamento costante delle funzionalità
• Adeguamento all’evoluzione del contesto
  specifico




             Massimo Rumor - Eduard Roccatello   28
Conclusioni
Per applicazioni di successo (nel tempo)

• Attenzione ad interfaccia
• Architettura solida e performante
• Uso di standard (anche se costa di più)
  garanzia di sviluppo
• Risorse per la gestione (dati e funzioni)

              Massimo Rumor - Eduard Roccatello   29

Mais conteúdo relacionado

Destaque

Be cool, be safe: sicurezza in chat
Be cool, be safe: sicurezza in chatBe cool, be safe: sicurezza in chat
Be cool, be safe: sicurezza in chatEduard Roccatello
 
The Power Of Story shared
The Power Of Story sharedThe Power Of Story shared
The Power Of Story sharedEddy Moratin
 
Welcome to Proto.in January Edition '08
Welcome to Proto.in January Edition '08Welcome to Proto.in January Edition '08
Welcome to Proto.in January Edition '08vijay.proto
 
Taiwan:Island (team6)
Taiwan:Island (team6)Taiwan:Island (team6)
Taiwan:Island (team6)asuka
 
Competenties
CompetentiesCompetenties
Competentiesanne88
 
Definitieve Pp
Definitieve PpDefinitieve Pp
Definitieve Ppanne88
 
教師資料網頁樣板
教師資料網頁樣板教師資料網頁樣板
教師資料網頁樣板asuka
 
Women’S Beauty Bodies
Women’S Beauty BodiesWomen’S Beauty Bodies
Women’S Beauty Bodiessafdar
 
Presentatie Scriptie!
Presentatie Scriptie!Presentatie Scriptie!
Presentatie Scriptie!lucvanzelst
 

Destaque (16)

Cloud computing 101
Cloud computing 101Cloud computing 101
Cloud computing 101
 
Be cool, be safe: sicurezza in chat
Be cool, be safe: sicurezza in chatBe cool, be safe: sicurezza in chat
Be cool, be safe: sicurezza in chat
 
Google Hacking
Google HackingGoogle Hacking
Google Hacking
 
Similarities&Differences2
Similarities&Differences2Similarities&Differences2
Similarities&Differences2
 
The Power Of Story shared
The Power Of Story sharedThe Power Of Story shared
The Power Of Story shared
 
Welcome to Proto.in January Edition '08
Welcome to Proto.in January Edition '08Welcome to Proto.in January Edition '08
Welcome to Proto.in January Edition '08
 
Pricica
PricicaPricica
Pricica
 
Taiwan:Island (team6)
Taiwan:Island (team6)Taiwan:Island (team6)
Taiwan:Island (team6)
 
Competenties
CompetentiesCompetenties
Competenties
 
Editor di Immagini 2.0
Editor di Immagini 2.0Editor di Immagini 2.0
Editor di Immagini 2.0
 
Definitieve Pp
Definitieve PpDefinitieve Pp
Definitieve Pp
 
教師資料網頁樣板
教師資料網頁樣板教師資料網頁樣板
教師資料網頁樣板
 
Women’S Beauty Bodies
Women’S Beauty BodiesWomen’S Beauty Bodies
Women’S Beauty Bodies
 
Acharita
AcharitaAcharita
Acharita
 
Recognition&Rewards
Recognition&RewardsRecognition&Rewards
Recognition&Rewards
 
Presentatie Scriptie!
Presentatie Scriptie!Presentatie Scriptie!
Presentatie Scriptie!
 

Semelhante a Progettazione e realizzazione di sistemi webgis per il turismo

Gestione integrata di reti di distribuzione idrica e gas
Gestione integrata di reti di distribuzione idrica e gasGestione integrata di reti di distribuzione idrica e gas
Gestione integrata di reti di distribuzione idrica e gasServizi a rete
 
Progetto e realizzazione di un'applicazione WebGIS per la visualizzazione di ...
Progetto e realizzazione di un'applicazione WebGIS per la visualizzazione di ...Progetto e realizzazione di un'applicazione WebGIS per la visualizzazione di ...
Progetto e realizzazione di un'applicazione WebGIS per la visualizzazione di ...diegohusu
 
Framework Viewer: una soluzione estensibile e personalizzabile, integrata con...
Framework Viewer: una soluzione estensibile e personalizzabile, integrata con...Framework Viewer: una soluzione estensibile e personalizzabile, integrata con...
Framework Viewer: una soluzione estensibile e personalizzabile, integrata con...Lombardia Informatica
 
FLSS: documento di design
FLSS: documento di designFLSS: documento di design
FLSS: documento di designSara M
 
Model view controller: un pattern per l’interaction design
Model view controller: un pattern per l’interaction designModel view controller: un pattern per l’interaction design
Model view controller: un pattern per l’interaction designStefano Bussolon
 
Webinar "L'approccio olistico per gestire le reti"
Webinar "L'approccio olistico per gestire le reti"Webinar "L'approccio olistico per gestire le reti"
Webinar "L'approccio olistico per gestire le reti"Servizi a rete
 
ERDAS 2011 World Tour Slideshow Presentazione
ERDAS 2011 World Tour Slideshow PresentazioneERDAS 2011 World Tour Slideshow Presentazione
ERDAS 2011 World Tour Slideshow PresentazionePlanetek Italia Srl
 
Gestione Schematico2009
Gestione Schematico2009Gestione Schematico2009
Gestione Schematico2009Diego Faro
 
Gestione Schematico2009
Gestione Schematico2009Gestione Schematico2009
Gestione Schematico2009guest15b813
 
... thinking about Microformats!
... thinking about Microformats!... thinking about Microformats!
... thinking about Microformats!Stefano Fago
 
Touch&play framework
Touch&play frameworkTouch&play framework
Touch&play frameworkCSP Scarl
 
Drupal Day 2011 - MobileD!
Drupal Day 2011 - MobileD!Drupal Day 2011 - MobileD!
Drupal Day 2011 - MobileD!DrupalDay
 
GWT 2014: Energy Conference - 04 La gestione del processo di acquisizione e g...
GWT 2014: Energy Conference - 04 La gestione del processo di acquisizione e g...GWT 2014: Energy Conference - 04 La gestione del processo di acquisizione e g...
GWT 2014: Energy Conference - 04 La gestione del processo di acquisizione e g...Planetek Italia Srl
 
AUGMENTED REALITY EXPERT
AUGMENTED REALITY EXPERTAUGMENTED REALITY EXPERT
AUGMENTED REALITY EXPERTMirko Compagno
 
Middleware Sistemi Di Navigazione Upd09 Osm
Middleware Sistemi Di Navigazione Upd09 OsmMiddleware Sistemi Di Navigazione Upd09 Osm
Middleware Sistemi Di Navigazione Upd09 OsmRoberto Navoni
 

Semelhante a Progettazione e realizzazione di sistemi webgis per il turismo (20)

Gestione integrata di reti di distribuzione idrica e gas
Gestione integrata di reti di distribuzione idrica e gasGestione integrata di reti di distribuzione idrica e gas
Gestione integrata di reti di distribuzione idrica e gas
 
cv Armando Maglio
cv Armando Magliocv Armando Maglio
cv Armando Maglio
 
Progetto e realizzazione di un'applicazione WebGIS per la visualizzazione di ...
Progetto e realizzazione di un'applicazione WebGIS per la visualizzazione di ...Progetto e realizzazione di un'applicazione WebGIS per la visualizzazione di ...
Progetto e realizzazione di un'applicazione WebGIS per la visualizzazione di ...
 
Framework Viewer: una soluzione estensibile e personalizzabile, integrata con...
Framework Viewer: una soluzione estensibile e personalizzabile, integrata con...Framework Viewer: una soluzione estensibile e personalizzabile, integrata con...
Framework Viewer: una soluzione estensibile e personalizzabile, integrata con...
 
FLSS: documento di design
FLSS: documento di designFLSS: documento di design
FLSS: documento di design
 
Model view controller: un pattern per l’interaction design
Model view controller: un pattern per l’interaction designModel view controller: un pattern per l’interaction design
Model view controller: un pattern per l’interaction design
 
Webinar "L'approccio olistico per gestire le reti"
Webinar "L'approccio olistico per gestire le reti"Webinar "L'approccio olistico per gestire le reti"
Webinar "L'approccio olistico per gestire le reti"
 
ERDAS 2011 World Tour Slideshow Presentazione
ERDAS 2011 World Tour Slideshow PresentazioneERDAS 2011 World Tour Slideshow Presentazione
ERDAS 2011 World Tour Slideshow Presentazione
 
Gestione Schematico2009
Gestione Schematico2009Gestione Schematico2009
Gestione Schematico2009
 
Gestione Schematico2009
Gestione Schematico2009Gestione Schematico2009
Gestione Schematico2009
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
 
Mobile User Experience
Mobile User ExperienceMobile User Experience
Mobile User Experience
 
... thinking about Microformats!
... thinking about Microformats!... thinking about Microformats!
... thinking about Microformats!
 
Touch&play framework
Touch&play frameworkTouch&play framework
Touch&play framework
 
Drupal Day 2011 - MobileD!
Drupal Day 2011 - MobileD!Drupal Day 2011 - MobileD!
Drupal Day 2011 - MobileD!
 
GWT 2014: Energy Conference - 04 La gestione del processo di acquisizione e g...
GWT 2014: Energy Conference - 04 La gestione del processo di acquisizione e g...GWT 2014: Energy Conference - 04 La gestione del processo di acquisizione e g...
GWT 2014: Energy Conference - 04 La gestione del processo di acquisizione e g...
 
AUGMENTED REALITY EXPERT
AUGMENTED REALITY EXPERTAUGMENTED REALITY EXPERT
AUGMENTED REALITY EXPERT
 
pdfPresFeb2014
pdfPresFeb2014pdfPresFeb2014
pdfPresFeb2014
 
CV FEDERICO CASTELLANI
CV FEDERICO CASTELLANI CV FEDERICO CASTELLANI
CV FEDERICO CASTELLANI
 
Middleware Sistemi Di Navigazione Upd09 Osm
Middleware Sistemi Di Navigazione Upd09 OsmMiddleware Sistemi Di Navigazione Upd09 Osm
Middleware Sistemi Di Navigazione Upd09 Osm
 

Progettazione e realizzazione di sistemi webgis per il turismo

  • 1. Progettazione e realizzazione di applicazioni (web)gis (per il turismo) Massimo Rumor Eduard Roccatello
  • 2. Approccio alla progettazione • Gis tecnologia servente • Focus su interfaccia • Focus su funzionalità specifiche • Attenzione ai dati • Sviluppo prototipale Massimo Rumor - Eduard Roccatello 2
  • 3. Interfaccia • Esistono UI pattern oramai consolidati • La progettazione dell’interfaccia deve rispettare regole ben affermate • Enfasi su usabilità e fruizione del prodotto Massimo Rumor - Eduard Roccatello 3
  • 4. Esempi di UI Pattern • Comandi – Quali usare – Come posizionarli – Come integrarli • Navigazione • Accessibilità • Usabilità Massimo Rumor - Eduard Roccatello 4
  • 5. Esempi di UI Pattern / 2 Spariscono i classici bottoni zoom, info, evidenzia Miniatura per conoscere il posizionamento locale e globale Risultati della ricerca come punti di partenza per utilizzare i servizi collegati Massimo Rumor - Eduard Roccatello 5
  • 6. Esempi di UI Pattern / 3 Punti di interesse Controlli per la intelleggibili navigazione senza legenda accessori. Punta e clicca Massimo Rumor - Eduard Roccatello 6
  • 7. Esempi di UI Pattern / 4 Controlli concentrati in alto a sinistra (desktop like) Modalità di visualizzazione e layer facilmente selezionabili Posso cambiare il punto di vista dell’osservatore Massimo Rumor - Eduard Roccatello 7
  • 8. Esempi di UI Pattern / 5 Salvo, stampo e condivido informazioni che mi interessano Posso aggiungere fermate intermedie facendo drag and drop La descrizione del percorso affianca la mappa per facilitare la comprensione Massimo Rumor - Eduard Roccatello 8
  • 9. UI Pattern per la usability Autocomplete – Suggerimenti durante la ricerca Briciole di pane – Dove mi trovo? Massimo Rumor - Eduard Roccatello 9
  • 10. UI Pattern per la usability / 2 Input Prompt – Orientare l’utente nelle decisioni Forgiving Format – Interpretiamo l’input dell’utente Massimo Rumor - Eduard Roccatello 10
  • 11. Funzionalità specifiche • Visualizzazione fotorealistica • Informazioni specifiche • Funzioni di costruzione percorsi personalizzati • Creazione strumenti per il viaggio o l’escursione Massimo Rumor - Eduard Roccatello 11
  • 12. Attenzione ai dati • Esistono tipologie di dati (geografici) comuni ed affermate • Immagini • Mappe con simbologia immediata (no legenda) • Virtual reality • Dati aggiornati Massimo Rumor - Eduard Roccatello 12
  • 13. Dati: esempi dal mondo webgis Massimo Rumor - Eduard Roccatello 13
  • 14. Dati: ortofoto Massimo Rumor - Eduard Roccatello 14
  • 15. Dati: mappa turistica Massimo Rumor - Eduard Roccatello 15
  • 16. Dati: 3D and Virtual Reality Massimo Rumor - Eduard Roccatello 16
  • 17. Dati: 3D and Virtual Reality Massimo Rumor - Eduard Roccatello 17
  • 18. Architettura applicativa Caratteristiche fondamentali • Prestazioni • Scalabilità • Disponibilità • Sicurezza Massimo Rumor - Eduard Roccatello 18
  • 19. Schema architetturale APPLICAZIONE AJAX APPLICAZIONE DESKTOP BROWSER WEB TRADIZIONALE Client per l’utente finale Client di editing APPLICATION SERVER GEO (SPATIAL WEB) SERVER GEO DBMS Componenti lato server Massimo Rumor - Eduard Roccatello 19
  • 20. GeoDBMS • Informazioni spaziali e alfanumeriche memorizzate in un database relazionale. • Proprietari e FOSS Fornisce: • Sicurezza ed integrità • Prestazioni (indici spaziali) • Funzionalità di analisi spaziale Massimo Rumor - Eduard Roccatello 20
  • 21. Geospatial Webserver • Consentono la pubblicazione di dati geospaziali come mappe ed immagini (utilizzando Web Map Service) o come dati (utilizzando Web Feature Service). • Proprietari e FOSS • Si differenziano per funzionalità, supporto agli standard ed ambiente operativo. Massimo Rumor - Eduard Roccatello 21
  • 22. Client per l’utente finale • Thin / thick • Vantaggi e svantaggi • WebGIS client – caratteristiche peculiari – nessun plugin specifico – solo browser (ambiente di esecuzione potente) – Massimizzazione prestazioni e minimizzazione dello scambio dati Massimo Rumor - Eduard Roccatello 22
  • 23. Client Amministrazione/gestione • Funzioni di aggiornamento dati alfanumerici (anche web) • Funzioni di aggiornamento dati spaziali (editing) via applicazione desktop – connessione con GeoDBMS, controlli di validazione. Massimo Rumor - Eduard Roccatello 23
  • 24. Standard per il GIS • Punto di riferimento per l’interoperabilità • Quali standard? – Definiti dall’Open Geospatial Consortium – I più importanti ed utilizzati sono • GML, WMS, WFS, WMC ed SLD • Standard versus prestazioni • Standard versus velocità di sviluppo Massimo Rumor - Eduard Roccatello 24
  • 25. Standard per il GIS • Vantaggi – Standard come documentazione di riferimento – Indipendenza dal singolo prodotto – Soluzioni di qualità elevata • Svantaggi – Apprendimento complesso – A volte sono poco supportati – Complicano lo sviluppo dei prodotti Massimo Rumor - Eduard Roccatello 25
  • 26. Modello di sviluppo • AJAX per rendere i prodotti web più simili alle applicazioni classiche – Aggiunta di un layer di comunicazione tra server e client – XML, CSS, Javascript e XHTML • Soluzioni di classe enterprise – Java J2EE, MVC, ORM • Soluzioni per la prototipazione veloce Massimo Rumor - Eduard Roccatello 26
  • 27. Modello di sviluppo / 2 • Analisi esigenze ed individuazione dati • Creazione delle tematizzazioni • Individuazione delle funzioni necessarie • Impostazione dei servizi geospaziali • Progettazione componenti • Sviluppo componente server side • Sviluppo componente client side Massimo Rumor - Eduard Roccatello 27
  • 28. La gestione dell’applicazione • Aggiornamento dei dati • Adeguamento costante delle funzionalità • Adeguamento all’evoluzione del contesto specifico Massimo Rumor - Eduard Roccatello 28
  • 29. Conclusioni Per applicazioni di successo (nel tempo) • Attenzione ad interfaccia • Architettura solida e performante • Uso di standard (anche se costa di più) garanzia di sviluppo • Risorse per la gestione (dati e funzioni) Massimo Rumor - Eduard Roccatello 29