Presentación realizada durante la conferencia Europython 2016 en Bilbao. Trata sobre el desarrollo de soluciones de visualización en proyectos ubicados en el contexto de las Smart Cities o ciudades inteligentes. En este caso, con el objetivo de proveer una herramienta para visualizar los consumos energéticos de los vecinos en el proyecto CITyFiED, se ha desarrollado una aplicación web por medio del framework web Django, basado en el lenguaje de programación Python.

1. Datu bistaratze soluzioen garapena Smartcity
proiektuetan
Iker Martinez De Agirre Mendia
2016-07-20
Mondragon Goi Eskola Politeknikoa - MU

2. CITyFiED PROIEKTUA
• 21 Bazkide – 5 Europar herrialde
• 3 Frogapen gune (Suedia, Turkia eta Espainia)
• Finantziazioa - Europar Batasunaren VII Marco Programa
• Helburuak
– Energia kontsumoaren/beharraren murrizketa
– Distrituen berritze energetikoak
– Kalefakzio sareak – Energia berriztagarriak
– Metodologia eta prozedura berritzaileen garapena
– Hedapen potentziala
• Monitorizazioa  BISTARATZE SOLUZIOAK
2
This project has received funding from the European Union’s Seventh Programme for research,
technological development and demonstration under grant agreement No 609129

3. CITYFIED PROIEKTUA - METODOLOGIA
Kontzeptualizazioa
Diseinua
Garapena
Hedapena
• Erabiltzaile eta soluzioen identifikazioa
• Identitate grafikoaren definizioa
• Teknologien identifikazioa
• Balio proposamena
3

4. CITYFIED PROIEKTUA - METODOLOGIA
Kontzeptualizazioa
Diseinua
Garapena
Hedapena
• Esperientzia diseinua
• Diseinu estatikoa
• Diseinu analitikoa
• Erabiltzaileen testa
• Baldintza teknikoak
4

5. CITYFIED PROIEKTUA - METODOLOGIA
Kontzeptualizazioa
Diseinua
Garapena
Hedapena
• Front End + Back End garapena
• Frogapena
5
PC Tablet Smartphone

6. CITYFIED PROIEKTUA - METODOLOGIA
Kontzeptualizazioa
Diseinua
Garapena
Hedapena
• Hedapena
• Monitorizazioa
6

7. PROIEKTUAREN TESTUINGURUA - EKOSISTEMA
• Frogapen gunea: Torrelago distritua, Laguna De Duero, Valladolid
7
CITyFiED
Platform
Business
Intelligence
Web API
ETL
Consumer
Applications
Visualization
Solutions
Residents
KPI
Governance
DH
Simulation
Algorithms
Reporting tool
BI ETL DH Out
ETL
RWD HMI
Django
Web API
DH in
ETL
DH Web
Service (up)
Provider
Systems/Access
HEMS KPI Data DH (DEMS)
Structural
Data
KPI Form
KPI
ETL
HEMS
Stream
Processor
HEMS ETL
Backoffice
Forms
DH Web
Service (down)

8. PROIEKTUAREN TESTUINGURUA - EKOSISTEMA
• Frogapen gunea: Torrelago distritua, Laguna De Duero, Valladolid
8
HEMS
DATU BASEA
WEB ZERBITZARIA
Kontsumo datuak
Datu elkarbanaketa

9. SOLUZIO TEKNOLOGIKOA: WEB APLIKAZIOA
• Web aplikazioa  Django Web Framework
• Gailu ezberdinetara moldakorra (Responsive Web Design)
• Edukia
– Kontsumo energetikoa
• Egunekoa & Hilabetekoa
• Familiaka  Bilakaera
– Etxetresnaka
– Gomendioak
• Orokorrak & Pertsonalizatuak
– Alertak
– Eguraldia & Kalefakzio gomendioa
9

10. SOLUZIO TEKNOLOGIKOA – FRONT-END
• Programazio lengoaiak: HTML – CSS – Javascript
• Mobile-First, Responsive Web Design  Telefono mugikorrak, tabletak, PC
• Baliabide grafikoak
10

11. SOLUZIO TEKNOLOGIKOA – FRONT-END
• Bootstrap
– Pantailaren egitura  Zutabeak
– Menuak
– Formularioak
– Botoiak, “select” elementuak
11

12. SOLUZIO TEKNOLOGIKOA – FRONT-END
• d3.js
– Datu eskaerak (GET)
– Kontsumo grafikoak
• “Angular gauge”  Egunerokotasuneko kontsumoa
• Lerro grafikoak  Kontsumoaren bilakaera
12

13. SOLUZIO TEKNOLOGIKOA – BACK-END
13
DJANGO – CITyFiED PROJECT
server
app: cityfied
*.html
*.css
*.jsrenderizatu
urls.py
views.py
app: api
urls.py
views.py
models.py
client
1.- Eskaera
2.- Erantzuna
3.- Datu eskaera
(GET, POST, …)
4.- Erantzuna
BBDD
query

14. SOLUZIO TEKNOLOGIKOA – BACK-END
14
Funtzioa Python paketeak
Django django
Django REST djangorestframework
SQL Server DB (Azure) konexioa django-mssql, pyodbc, django-pyodbc-azure
Azure integrazioa
azure, azure-common, azure-mgmt, azure-mgmt-
common, azure-mgmt-compute, azure-mgmt-
network, azure-mgmt-nspkg, azure-mgmt-resource,
azure-mgmt-storage, azure-nspkg, azure-servicebus,
azure-servicemanagement-legacy, azure-storage
Pasahitzen enkriptazioa bcrypt
Eguraldiaren iragarpenaren interpretazioa lxml
Python “datetime” moduloak python-dateutil
Itzulpenak python-gettext
Cache (eguraldia) python-memcached

15. DJANGO – MICROSOFT AZURE
15
1. Eszenarioa 2. Eszenarioa

16. DJANGO – MICROSOFT AZURE
16
1. Pausoa: Django (Ubuntu)  SQL Server DB (Microsoft Azure)

17. DJANGO – MICROSOFT AZURE
17
2. Pausoa: Django (Ubuntu)  Django (Windows)  Django & SQL Server (Microsoft Azure)

18. DJANGO – MICROSOFT AZURE
18
1.- Publikatu
2.- Web app aukeratu/sortu

19. DJANGO – MICROSOFT AZURE
19
3.- Konexio ezarpenak 4.- Ezarpen gehigarriak
+ aurreikuspena

20. DJANGO – MICROSOFT AZURE
20

21. ETORKIZUNEKO ILDOAK
• Errekomendazio & Mezu sistema automatizatua
– Erabiltzaileen kontsumoan oinarritua
• Front-End optimizazioa
– Errekurtso grafiko gehiago erabili
– RWD Ezaugarriak hobetu  Pantailen neurri tartea handitu
• Back-End optimizazioa
– Django teknologian sakondu
• Itzulpenerako tresna espezializatuak  Django Rosetta
– Eguraldiaren datuak  Internazionalizazioa
– Azure teknologian sakondu
21

22. ESKERRIK ASKO
22
iker.martinezm@alumni.mondragon.edu
https://twitter.com/ikermdagirre
https://www.linkedin.com/in/ikermdagirre