Progettazione di mappa geopolitica per YouTrend

Slides:



Advertisements
Presentazioni simili
Presentazione della tesi di laurea di Flavio Casadei Della Chiesa Newsletter: un framework per una redazione web.
Advertisements

UNIVERSITÀ DEGLI STUDI DI MODENA E REGGIO EMILIA
CORSO DI SICUREZZA SU RETI II PROF. A. DE SANTIS ANNO 2006/07 Informatica granata Gruppo 2 ISP Gruppo 3 ISP.
Corso di Fondamenti di Informatica
Unità D2 Database nel web. Obiettivi Comprendere il concetto di interfaccia utente Comprendere la struttura e i livelli che compongono unapplicazione.
PHP.
INTERNET : ARPA sviluppa ARPANET (rete di computer per scopi militari)
IL LINGUAGGIO HTML Il linguaggio html. Il linguaggio html. Utilizzo dei tag. Utilizzo dei tag. Script Browser I link I link Caricamento dei dati sul server.
Sistema di gestione flussi documentali
L E NUOVE APPLICAZIONI PER DISPOSITIVI MOBILI A SUPPORTO DELLA STATISTICA UFFICIALE Mercoledì 20 febbraio ore 12:45 Area Visioni [Le offerte tecnologiche.
Laboratorio di Progettazione Web Introduzione AA 2009/2010 Chiara Renso ISTI - CNR -
Connessione con MySQL.
WebProfessional Web Content Management System
Università degli Studi di Modena e Reggio Emilia Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica – Nuovo Ordinamento Relatore:
Motore di news per portali Web: progetto ed implementazione Relatore: Chiar.mo Prof. Sonia Bergamaschi Tesi di Laurea di: Roberto Delfini Anno Accademico.
UNIVERSITA DEGLI STUDI DI MODENA E REGGIO EMILIA Facoltà di Ingegneria – Sede di Modena Corso di Laurea in Ingegneria Informatica Progetto e sviluppo di.
Università degli Studi di Modena e Reggio Emilia
UNIVERSITÀ DEGLI STUDI DI MODENA E REGGIO EMILIA
Progetto e realizzazione del software "Solar Data Manager"
UNIVERSITA’ DEGLI STUDI DI MODENA E REGGIO EMILIA
IN QUESTA PRESENTAZIONE…
OUTLINE Riprogettazione del database del portale Web della Facoltà di Ingegneria Sviluppo di una applicazione WEB DB : HOMEPAGE DOCENTI Architettura multilivello.
DATAWAREHOUSE - Microstrategy
1 Università della Tuscia - Facoltà di Scienze Politiche.Informatica 2 - a.a Prof. Francesco Donini Active Server Pages.
JavaScript Laboratorio di Applicazioni Informatiche II mod. A.
Dott. Nicola Ciraulo CMS Dott. Nicola Ciraulo
Sistema Informativo Territoriale del bacino dell’Adige in ambiente WEB
Agent and Object Technology Lab Dipartimento di Ingegneria dellInformazione Università degli Studi di Parma AOT LAB LAB Anno accademico 2010 / 2011 Tesi.
Presentazione a cura diSlide n.1 AVIPA 1. Presentazione generale dell'ambiente software Viterbo, 10 Dicembre 2008.
Cos’è un CMS? Content Management System
Architettura Java/J2EE
DBMS ( Database Management System)
PROGETTAZIONE E REALIZZAZIONE DI UN MIDDLEWARE CLIENT-SERVER
Ing. Enrico Lecchini BetaTre S.r.l.
UNIVERSITA’ POLITECNICA DELLE MARCHE
Gestione Clienti Online
Infracom for you il portale a servizio dei partner
UNIVERSITA’ POLITECNICA DELLE MARCHE
UNIVERSITÀ DEGLI STUDI DI MODENA E REGGIO EMILIA Facoltà di Ingegneria “Enzo Ferrari” – Sede di Modena Corso di Laurea Specialistica in Ingegneria Informatica.
Server Web in una rete Windows Sommario Meccanismi di accesso remoto Meccanismi di accesso remoto Introduzione ai Server Web Introduzione ai Server.
BIRT Business Intelligence Reporting Tools
1 w w w. g a t 4. c o m WI GAT WebIngelligence rappresenta una piattaforma funzionale e tecnologica per la creazione e gestione di un datawarehouse che.
Sistemi Informativi sul Web
Introduzione alla programmazione web
Presentazione del problema Obiettivo: Lapplicazione di Search of Sematic Services permette di ricercare sevizi semantici, ossia servizi a cui sono associati.
IMPLEMENTAZIONE TECNOLOGIE:HIBERNATE & JAVA RMI.
FASTVID RENTALS: CONCLUSIONI I PUNTI DI FORZA DEL PROGETTO, GLI SVILUPPI FUTURI 1.
OBIETTIVI: Introduzione ai driver ODBC Creazione di alcune tabelle del database Creazione query Creazione report Lezione del 13/11/2009 Bray Francesco.
Applicazione Web Informatica Abacus Informatica Classe VIA 2008/2009 N.Ceccon INF (01) Revisione 4.0 settembre 2008.
Universita’ degli Studi Roma Tre
TROVA FILM Progetto di Tecnologie Web anno accademico 2013/2014 DEL VECCHIO GIANLUCA IOVINO PASQUALE
Lezione 8.
Protocolli e architetture per WIS. Web Information Systems (WIS) Un Web Information System (WIS) usa le tecnologie Web per permettere la fruizione di.
1 Sistemi Informativi e Servizi in Rete Università degli Studi di Brescia Facoltà di Ingegneria Parsing di documenti XML Esercizi.
Introduzione a Javascript
Eprogram informatica V anno. ASP.NET Introduzione ASP.NET (Active Server Page) è il linguaggio che, sfruttando la tecnologia.NET, permette di: -scrivere.
Education & Training Training per Microsoft Access 97 Perché Education & Training ? Perché StartPoints crede nell’importanza strategica delle Risorse Umane.
By: Powered by:. Tecnologia Microsoft La soluzione CCAnalyzer utilizza la tecnologia OLAP (On Line Analytical Processing) di Microsoft presente nel software.
Progetto di Ingegneria del Web Anno Accademico 2007/2008 Stefano Pigiani Bruno Ricci Marco Ruzzon.
Relatore: Prof. Ing. Stefano SalsanoLaureando: Flaminio Antonucci.
Servizi Internet Claudia Raibulet
ThisWayForSite Competenze Tecnologie Servizi Pacchetti Collaboratori.
Microsoft Access Informatica 04/05 Introduzione alle basi di dati.
Eprogram informatica V anno.
Flipped classroom e nuove metodologie didattiche Modulo 2 – Terza lezione Antonio Todaro “ Il Sito Web del docente ” prima parte.
MAGIC 5 Gruppo LECCE R. Cataldo M.Quarta G. De Nunzio LECCE MAGGIO 2005 R.Cataldo M.Quarta G.De Nunzio Organizzazione della struttura del DB delle immagini.
SISTEMA GESTIONE TOMBINI
04/06/2016Francesco Serafini INDICO Corso Nazionale Novembre 2007.
Progetto WELL-FIR Manuale Utente del Web GIS Versione 0.1.
Transcript della presentazione:

Progettazione di mappa geopolitica per YouTrend * 16/07/96 Progettazione di mappa geopolitica per YouTrend Politecnico di Torino - Tesi di Laurea Specialistica Pasturenzi Francesco *

Politecnico di Torino - Tesi di Laurea Specialistica * 16/07/96 Introduzione La “Mappa geopolitica di YouTrend” è il risultato di un tirocinio durato circa 6 mesi. E’ stato un progetto chiavi in mano e mi sono occupato: della parte di scraping dei dati dallo storico del Ministero dell’Interno e dei file KML; progettazione e realizzazione dei tre database; del lato server e client; interazioni con il cliente per la risoluzione di problemi riguardanti per lo più l’aggregazione dei dati. L’elaborato riguarda la creazione di un applicativo web progettato per evidenziare l’andamento dei partiti politici dal 1946 al 2008 in Italia. Tale applicativo è stato acquistato dalla società YouTrend.it che si occupa di analisi geopolitiche e consulenza nell’ambito politico. Per progettare tale applicativo sono stati utilizzati i dati estratti dal Ministero dell’Interno aggregati a livello nazionale, regionale, provinciale, comunale e inseriti su una cartina di Google Maps appositamente adattata allo scopo. Politecnico di Torino - Tesi di Laurea Specialistica Pasturenzi Francesco *

Politecnico di Torino - Tesi di Laurea Specialistica * 16/07/96 Obiettivi raggiunti creazione di un innovativo applicativo web di facile consultazione politica; connettività multipla e simultanea senza un drastico calo delle prestazioni grazie all’uso di tabelle di cache; l’ideazione di un nuovo modo di consultare dati politici differente dalla classica tabella o lungo elenco ma attraverso una vera e propria mappa colorata in base al partito vincente; possibilità di conoscere la distribuzione politica attraverso la sola colorazione sfumata delle singole aree sulla mappa; utilizzo delle API di Google Maps in un modo del tutto nuovo. 3 Politecnico di Torino - Tesi di Laurea Specialistica Pasturenzi Francesco * ##

Politecnico di Torino - Tesi di Laurea Specialistica * 16/07/96 Alcune Videate: Mappa di TUTTI i COMUNI del 1946. (tempo di attesa intorno ai 120 secondi) ZOOM della mappa di TUTTI i COMUNI del 1946. Mappa di TUTTE le REGIONI del 1946 in modalità DISTRIBUZIONE del partito “PCI”. Mappa di TUTTE le REGIONI del 2008 colorate in base alle COALIZIONI. Mappa di TUTTE le PROVINCE del 1946. Grafico sull’andamento dei partiti tra le diverse aree della gerarchia. (destra) Grafico per anni di elezione. (in basso) Mappa di TUTTE le PROVINCE della REGIONE SELEZIONATA 1946. Mappa di TUTTE le REGIONI del 1946. Mappa con SELEZIONATO il COMUNE di interesse. Mappa di TUTTI i COMUNI della PROVINCIA SELEZIONATA 1946. 4 Politecnico di Torino - Tesi di Laurea Specialistica Pasturenzi Francesco * ##

Tecnologie e Frameworks utilizzati * 16/07/96 Tecnologie e Frameworks utilizzati Per la progettazione sono state utilizzate principalmente le API di Google Maps versione 3 insieme alle seguenti tecnologie e Frameworks: Java J2EE per tutta la parte di back-end, utilizzo dei DTO e DAO per il reperimento dei dati dal database e passaggio dei risultati al client; Framework Struts 2 per la mappatura delle chiamate back-end (lato server) con la parte client. Vengono mappate le varie JSP con le Action associate; Framework Spring per IOC (Inversion Of Controls) cioè automatizzazione del ciclo di vita degli oggetti. L’inizializzazione di oggetti tipo Hibernate, JDBC e Web Server è demandata a Spring e vengono utilizzati come proprietà, cone metodi get() e set(). Politecnico di Torino - Tesi di Laurea Specialistica Pasturenzi Francesco *

Tecnologie e Frameworks utilizzati * 16/07/96 Tecnologie e Frameworks utilizzati Hibernate per ORM(Object Relational Mapping), cioè per la mappatura della base di dati in classi Java. Utilizzo dei DAO; JDBC per l’accesso diretto al database MySql; JavaScript e JQuery per l’utilizzo delle API di Google Maps, Google Charts e per la realizzazione di effetti grafici e sliding; AJAX+JSON per l’interazione tra client e server in Cross-Domain nello scambio di messaggi per il popolamento della mappa e dei vari grafici in base ai filtri scelti dall’utente. HTML5 + CSS3 per il layout e stile dell’applicativo. Sono stati inseriti anche dei commenti condizionali per la risoluzione dei problemi tra i browsers e per il riconoscimento dei dispositivi che supportano WebKit. Politecnico di Torino - Tesi di Laurea Specialistica Pasturenzi Francesco *

Ambienti di sviluppo e analisi dei dati * 16/07/96 Ambienti di sviluppo e analisi dei dati Come ambienti di sviluppo sono stati scelti: Eclipse IDE J2EE e MySQL; SqlYog per i test delle query SQL utilizzate e per backup; PhpMyAdmin per la gestione remota e locale del database; Tomcat 6.0 come Web Server. Per l’ analisi dei dati sono stati creati dei grafici utilizzando le API di Google Charts Tools. E’ stato possibile così evidenziare l’andamento dei vari partiti politici nei vari anni richiesti dall’utente per una specifica area geografica. Politecnico di Torino - Tesi di Laurea Specialistica Pasturenzi Francesco *

WebScraping (o parsing) * 16/07/96 WebScraping (o parsing) Per il reperimento dei dati dal sito del Ministero dell’Interno sono stati creati degli appositi parser che importavano il contenuto dei link attraversati, nel database di supporto e backup “Elezioni”. La creazione del parser è stata abbastanza complessa perché le pagine del Ministero dell’Interno sono state strutturate in modo diverso negli anni: dal 1946 al 1992, la struttura del layout è divisa in: Area, Circoscrizione, Provincia e Comune. dal 1994 al 2001 è diventata: Area, Circoscrizione, Collegio e Comune. dal 2006 al 2008 invece è uguale al 1946–1992, però con le coalizioni: destra, sinistra e centro. 8 Politecnico di Torino - Tesi di Laurea Specialistica Pasturenzi Francesco * ##

WebScraping (o parsing) * 16/07/96 WebScraping (o parsing) Al cliente interessavano i dati aggregati a livello di comune, provincia, regione e nazione.  come tecnologia si è scelto di usare DAO-Hibernate. Parser Java Database di supporto e backup: ”Elezioni” Aggregatore Java Database finale: ”Elezioni_RPC” 9 Politecnico di Torino - Tesi di Laurea Specialistica Pasturenzi Francesco * ##

Passaggio dei valori Client-Server * 16/07/96 Passaggio dei valori Client-Server Lato client: chiamate Ajax per rendere più fluida la consultazione facendo reloading parziali; tecnologia JSON per risolvere il problema di Cross-Domain tra il sito YouTrend (“front-end”: index.html) e il web server Tc-Web ( “back-end” + database). Lato server: utilizzo di Java J2EE + Struts 2 (ActionJSP) + JSTL Lato database: utilizzo di DTO-JDBC lato consultazione della mappa; utilizzo di DAO-Hibernate lato amministratore. 10 Politecnico di Torino - Tesi di Laurea Specialistica Pasturenzi Francesco * ##

Passaggio dei valori Client-Server * 16/07/96 Passaggio dei valori Client-Server <j:array items="${regioniZG}" var="regione"> <j:object> <j:property name="data" value="${regione.data}" /> <j:property name="coordinate" value="${regione.coordinate}" /> <j:property name="legenda_colore" value="${regione.legenda.colore}" /> <j:property name="legenda_partito" value="${regione.legenda.partito}" /> …… chiamata delle ACTION-Java tramite AJAX-JSON ACTION mappate con le JSP tramite Struts 2 redirect su JSP-JSTL … <action name="ExtraAction_*" method="{1}" class="tp.web.ExtraAction"> <result name="regioniTutte"> /WEB-INF/jsp/elencoRegioniJson.jsp </result> </action> private List<DescrizioneDTO> regioniZG = new ArrayList<DescrizioneDTO>(); /*creazione dei GET e SET*/ … public String regioniTutte(){ for (RegioneIstatDTO regioneJDBC : regioniJDBC) { DescrizioneDTO r = new DescrizioneDTO(); regioniZG.add(r); } return "regioniTutte"; rispostaAJAX_RegioniTutte (“ExtraAction_regioniTutte.action? parData="+parametro_data); 11 Politecnico di Torino - Tesi di Laurea Specialistica Pasturenzi Francesco * ##

Creazione degli overlay con Google Maps * 16/07/96 Creazione degli overlay con Google Maps Le coordinate delle regioni, province e comuni per la creazione degli overlay(poligoni) sono state trovate in rete in formato KML. Alcuni di questi file sono stati scoperti essere incompleti e/o errati perciò è stata scritta una funzione ad-hoc, per il reperimento e generazione dei punti mancanti, allo scattare dell’evento click sulla mappa (operazione eseguita a mano). 12 Politecnico di Torino - Tesi di Laurea Specialistica Pasturenzi Francesco * ##

Creazione degli overlay con Google Maps * 16/07/96 Creazione degli overlay con Google Maps Tabella coordinate e stringone Google Lato Client: Vengono usate le API di Google Maps che si occupano della decodifica delle “stringone” [google.maps.geometry.encoding.decodePath()] e della creazione dei poligoni [google.maps.Polygon()] in cui vengono impostati opacità, colore e abilitazione al evento click per la navigazione in mappa tra le diverse aree. Eventualmente al poligono creato viene associato un marker custom in cui compare un icona descrittiva del nome dell’area sottostante [google.maps.Marker() e google.maps.MarkerImage()]. Lato Server: Viene fatto un check sull’attributo “stringa_Google” per l’area interessata, se risulta inesistente(null), viene chiamata una procedura che legge tutte le coordinate di quella specifica area, ne fa una cernita in base al rispetto di una distanza minima pre-impostata e le passa al metodo createEncoding() della classe PolylineEncoder che le elabora, ne produce la stringona poi memorizzata nel database e utilizzata lato client per l’overlay dell’area. 13 Politecnico di Torino - Tesi di Laurea Specialistica Pasturenzi Francesco * ##

Politecnico di Torino - Tesi di Laurea Specialistica * 16/07/96 Conclusioni Attualmente l’applicativo è stato acquistato dalla società YouTrend. L’applicativo è attualmente online ed è di libero accesso. I browser supportati sono quelli di ultima generazione. JavaScript deve essere attivo. Altrimenti la parte AJAX/JSON e le API di Google non funzionano. Problemi riscontrati: Durante lo sviluppo sono stati riscontrati problemi per il caricamento della Mappa Google durante l’operazione di filtraggio a livello di comuni. Questo perchè il numero di poligoni (overlays) da creare / caricare e le relative informazioni di contorno sono notevoli. Migliorie future: migliorare il filtraggio a livello di comuni;  di aumentare le performance  si ha intenzione di di più utenti connessi;  aggiunta di nuovi grafici per effettuare analisi statistiche più mirate e precise;  integrazione di report personalizzabili dall’utente con possibilità di download in PDF e Excel;  implementazione di un’area di accesso a crediti;  sviluppo di una web-app per tutti i dispositivi che supportano WebKit (Android, iPhone e iPad). 14 Politecnico di Torino - Tesi di Laurea Specialistica Pasturenzi Francesco * ##

Grazie per l’Attenzione. * 16/07/96 Grazie per l’Attenzione. 15 Politecnico di Torino - Tesi di Laurea Specialistica Pasturenzi Francesco * ##