Herramientas para la co-creación de apps urbanas

A neW concept of pubLic administration based on citizen co-created mobile urban services

Herramientas para la co-creación de apps urbanas

Dr. Diego López de Ipiña, Sara Sillaurren, Dr. Unai Aguilera, Dr. Mikel Emaldi, Unai Zulaika, Josu Santacruz

Bizkaia Enpresa Digitala, Parque Tecnológico de Zamudio, Edificio Tecnalia #204, 9:30-12:1528 de Noviembre de 2017

Page 2WeLive: A neW concept of pubLic administration based on citizen co-created mobile urban services

Agenda

• Introducción: ¿qué es la co-creación?, 9:30-9:40 : 10’– Co-creación aplicado al Gobierno Abierto – Diego López-de-Ipiña – 10’

• Habilitadores de la co-creación: metodologías y tecnologías, 9:40-9:50 : 10’ – Metodologías y técnicas de participación y colaboración – Sara Sillaurren

– 5’ – Ingredientes tecnológicos que potencian la co-creación: Open Data y

Open Services – Diego López-de-Ipiña – 5’

• Proyecto WeLive, 9:50-10:30 : 40’– Objetivos: ¿por qué y para qué? - Diego López-de-Ipiña – 5’ – Modelo de co-creación en WeLive - Diego López-de-Ipiña – 10’ – Solución tecnológica y componentes principales - Diego López-de-Ipiña –

10’ – Descripción de dinámicas de participación y colaboración utilizadas – Sara

Sillaurren – 15’

27/11/2017


Agenda

• Herramientas para la co-creación WeLive, 11:00-11:50 : 50’– ODS y datasets de interés en Bilbao - Mikel Emaldi – 10’– Revisión API RESTful de WeLive – Unai Aguilera – 15’– Generador de servicios – Mikel Emaldi – 15’– ¿Qué es un Building Block? BBs de utilidad – Diego López-de-Ipiña & Unai

Zulaika – 10’

• Ejemplo práctico: Pasando de IDEAS a APPs, 11:50-12:10 : 20’ – Uso del Espacio de Ideación para la concepción de una idea - Diego López-

de-Ipiña – 5’– Selección de datasets para ser usados en materialización idea - Mikel

Emaldi – 5’– Creación de concepto de app con la ayuda del Generador de Servicios -

Mikel Emaldi – 5’– Publicación de la idea y explotación a través del Catálogo de Servicios -

Mikel Emaldi – 5’

• Conclusiones , 12:10-12:15 : 5’ – Concurso de prototipos de apps móviles - Josu Santacruz – 5’

27/11/2017


Introducción: ¿qué es la co-creación?

27/11/2017


What is co-creation?

• Co-creation is a management initiative that brings different parties together (for instance, a company and a group of customers), in order to jointly produce a mutually valued outcome

27/11/2017

https://www.slideshare.net/SalesCubes/sales-cocreation-35336385

https://www.slideshare.net/SalesCubes/sales-cocreation-35336385

https://www.linkedin.com/pulse/call-action-hrd-co-creation-challenge-join-30-journey-dekker/

https://www.linkedin.com/pulse/call-action-hrd-co-creation-challenge-join-30-journey-dekker/


Open Government & Co-creation

27/11/2017

• Co-Creation means that “government and citizens initiate, design, or implement programs, projects, or activities together”

https://www.slideshare.net/IBMSmarterGovernment/open-government-cocreating-the-future

https://www.slideshare.net/IBMSmarterGovernment/open-government-cocreating-the-future

http://democratieouverte.org/

http://democratieouverte.org/


Habilitadores de la co-creación: metodologías y tecnologías

27/11/2017


Metodologías de participación y colaboración

27/11/2017


Ingredientes tecnológicos que potencian la co-creación

Open DataWeLive provides an open data toolset which eases to capture,

transform, adapt, link, store, publish and search for data.

Open ServicesWeLive provides an open

services framework based on B. blocks and app templates. These will be easily combined to give

place to new services

Open InnovationWeLive focuses on how to pass from innovation to adoption, by

democratizing the creation process and fostering app

partnership.

User-centric ServicesWeLive enables personalization of public service apps based on user profile and context though

the Citizen Data Vault, Visual composer and WeLive decision

engine element.


Proyecto WeLive

27/11/2017


Why WeLive?

27/11/2017

Current public services are built following an administration-centric approach which drives into a low usage of those services.

PAs are facing key socioeconomic challenges such as demographic change, employment, mobility, environment… plus

the squeeze on public finances

Citizens expectations in terms of burden reduction, efficiency and personalisation are growing…

Cities and territories should be transformed into hubs of welfare, innovation and economic growth giving place to Smarter Cities or

territories.


WeLive Project Goal

27/11/2017

WeLive provides tools to promote co-innovation where data publishers, citizens and developers can meet each other and co-create personalized and sustainable public

services for real needs and actively take part in the value-chain of a municipality or a territory

Citizens CompaniesP. Administration


WeLive Stakeholders’ flow

• The WeLive project aims to cross the Open Data Chasm which prevents citizens to benefit from open data published by cities. – Published open data sets could

potentially improve citizen’s quality of life

– These data is very hard to use directly by non-technical persons and therefore does not reach the people who would need it

– This creates the Open Data Chasm, the big empty gap between the city and the citizens

27/11/2017


WeLive in a nutshell

Stakeholder Collaboration + Public-private Partnership

IDEAS >> APPLICATIONS >> MARKETPLACE

WeLive offers tools to transform the needs into ideas

Tools to select the best Ideas and create the B. Blocks

A way to compose the Building Blocks into mass

market Applications which can be exploited through the

marketplace


WeLive architecture


WeLive Co-creation Approach

• In WeLive, a three-step CO-CREATION approach is accomplished:

– Diverse stakeholders participate in distinct collaborative activities and events

– The whole process is assisted by https://dev.welive.eu/ platform

– NEEDs are mapped into IDEAS which are realized into ARTEFACTS: Mobile or Web Urban Apps

27/11/2017

CO-IDEATIONCO-

IMPLEMENTATIONCO-EXPLOITATION

URBAN APPS CO-CREATION

https://dev.welive.eu/


Co-creation assets in WeLive

27/11/2017

The methodological approach is based on four main concepts:

an emerging or existing NEED that a citizen submits tothe PA.

an open CHALLENGE call launched by the PA to involvethe users to participate to solve the reported need.

a possible solution IDEA proposed by a stakeholder tosolve a pending need or to participate to a challenge.

Resource /Artefact

ARTEFACT: useful web service (Building Block), opendata or web/mobile app published addressing thechallenge to be consumed by the users

WeLive platform


Co-creation Team

Users who suggest ideas, refine them and give

valuable feedback on ideas suggested by others.

Users or entities who publish new data sets that can be

used in service development.

Entity who is responsible for operating and maintaining the

WeLive co-innovation platform instance and related

engagement activities.

Entity who is responsible for hosting the co-created

building blocks and web applications in some specific

environment.

Users or entities who are specialized in making end-user mobile/web

applications with easy-to-use graphical user interfaces.

Users or entities who implement reusable software components

that satisfy WeLive building block requirements and can be

utilized in different applications.


WeLive Co-creation Process: CO-IDEATION

27/11/2017

Ideation Board: Collaborative tool to map NEEDS intoCHALLENGES givingplace to IDEAS

CO-IDEATIONCouncil CHALLENGES +

Stakeholders’ NEEDs and comments

Refined Selected IDEAS

https://dev.welive.eu/innovation-area

https://dev.welive.eu/innovation-area


WeLive Co-creation Process: CO-IMPLEMENTATION

27/11/2017

CO-IMPLEMENTATION

Artefacts Available in Service

Composer (BBs, mashups,

datasets) + Ideas specification

from Ideation Board

New Artefacts (BBs (Mashups),

datasets, Apps + Mockups)

published in Services Catalogue

Service Composer: Facilitates creationof mash-ups (BBs)

WeLive RESTful API: Programming API to access WeLive capabilities

https://dev.welive.eu/visualcomposer/user/home?lang=en_EN

https://dev.welive.eu/visualcomposer/user/home?lang=en_EN

https://dev.welive.eu/dev/swagger/

https://dev.welive.eu/dev/swagger/


WeLive Co-creation Process: CO-EXPLOITATION

27/11/2017

CO-

EXPLOITATION

Artefacts published in Services

Catalogue + Analytics

dashboard indicators & User

feedback

Revenues for co-creators +

Cloud Providers & Platform

Manager fees + PA better public

service to citizenship

Analytics Dashboard: Review impact of WeLive co-creation and assets

Service Catalogue: Browse, select & choose, use, install WeLive artefacts

https://dev.welive.eu/en/marketplace?login=true

https://dev.welive.eu/en/marketplace?login=true

https://dev.welive.eu/en/ads



Ilustrando proceso de CO-IDEACIÓN

27/11/2017

ChallengeConcurso

IdeasIdeas Selección

Asociación con

artefactos

https://dev.welive.eu/challenges_explorer/-/challenges_explorer_contest/4701/view

https://dev.welive.eu/challenges_explorer/-/challenges_explorer_contest/4701/view

http://apps.morelab.deusto.es/concursoideaswelive/

http://apps.morelab.deusto.es/concursoideaswelive/

https://dev.welive.eu/ideas_explorer/-/ideas_explorer_contest/20002/view





Ilustrando proceso de CO-IMPLEMENTACIÓN & CO-EXPLOTACIÓN

27/11/2017

Seleccionar datasets & BBs

Generar datasets &

BBsCrear app

Asociar BBsy datasets

a app

Publicar app

https://dev.welive.eu/marketplace/-/marketplace/view/20224





Descripción de dinámicas de participación y colaboración utilizadas

28/11/2017

Game Design Session

Sesiones gamificadas

FASE DE CO-IDEACIÓN

FASE DE CO-CREACIÓN

Sesión en la que se presentan una serie de elementos

básicos y unos personajes y en base a ellos, se deben

ideas nuevos servicios /APPs

Sesión en la que se presentan los nuevos servicios /APPs

co-creados y el público los descubre y opina / participa

para ayudar en su refinamiento


Elementos del Game Design Session

28/11/2017

Tablero de juego Retos

Recursos de datos Usuarios Utilidades


Metodología del Game Design Session

28/11/2017


Elementos de la sesión gamificada

28/11/2017

Tablero de juego

Servicios / APPs Usuarios


Metodología de la Sesión Gamificada

28/11/2017

Cada grupo/persona tiene que conseguir las 3 cartas de apps (carta “Auzonet”, carta“Bilbon” y carta “Bilbozkatu”) correspondiente a cada persona-situación, dando lugar a lasescaleras de color: rojo, negro, azul. Si se consigue la escalera de color la puntuación es: 10puntos.

10 puntos

10 puntos

10 puntos


Registro en la plataforma WeLive

27/11/2017

1

2




Publicación de Ideas en Espacio de Ideación

27/11/2017

3 – Seleccionar Retos

4 – Enlazar idea a Reto

5 – Rellenar descripción escueta Reto con ayuda

de Asistente


Refinamiento de la Idea de la App y su edición en el Espacio de Ideación

27/11/2017

1 – Seleccionar “Ver Reto”1 – Ver detalles reto

2 – Ver detalles Reto y/o proponer idea

3 – Revisar detalles idea4 – Modificar tu

idea

5 – Adjuntar especificación de la idea

https://dev.welive.eu/challenges_explorer

https://dev.welive.eu/challenges_explorer


Publicar la App generada en el Gestor de Servicios

27/11/2017

1 – Crear nuevo artefacto desde Catálogo de Servicios

2– Elegir tipo artefacto

3– Rellenar los detalles del artefacto generado


Apps creadas a través de WeLive

27/11/2017

https://dev.welive.eu/marketplace

https://dev.welive.eu/marketplace

https://play.google.com/store/search?q=welive_project&c=apps

https://play.google.com/store/search?q=welive_project&c=apps


Documentación y Ayuda

27/11/2017

https://dev.welive.eu/user-guide




https://dev.welive.eu/faq

https://dev.welive.eu/faq


Open Data Stack (I)

• El Open Data Stack(ODS) es el repositorio de datos de WeLive.

• En él se pueden encontrar los datasets que se pueden utilizar para crear building

blocks y apps.

27/11/2017

https://dev.welive.eu/open-data-stack

https://dev.welive.eu/open-data-stack


Open Data Stack (II)

• Se puede acceder a través del menú de herramientas de WeLive.

27/11/2017


WeLive REST API

• Descripción del API: https://dev.welive.eu/dev/swagger

27/11/2017

Funcionalidad para desarrolladores externos

• aac: mecanismo de autenticación

• cdv: información de usuarios (requiere permisos)

• ods: acceso a los datos, recursos del ODS y consulta, actualización de los datos.

https://dev.welive.eu/dev/swagger


Open Data Stack - API

27/11/2017


Listado de conjuntos de datos disponibles

27/11/2017


Descripción del dataset

28/11/2017

Obtener datos sobre el dataset:resultado-de-las-elecciones-

municipales-del-ano-2015

• Autor• Licencia• Estado• Recursos: CSV, JSON, RDF,

XMLEl mecanismo de consulta solamente permite acceder a datos en CSV, JSON o RDF.


Descripción de la estructura del dataset

28/11/2017

Obtener estructura:resultado-de-las-elecciones-

municipales-del-ano-2015

26a269e3-0a71-4448-9eec-2c3b03430dcb

• Tablas• Columnas• Tipo de datos

Información útil para construir las consultas SQL


Consulta de datos

28/11/2017

Consultar datos del recurso:

resultado-de-las-elecciones-municipales-

del-ano-2015

26a269e3-0a71-4448-9eec-2c3b03430dcb

Consulta SQL:

SELECT Votantes, Censo FROM results

Podemos elegir el origen de losdatos: originales, de usuario,todos (ORIGIN, USER, ANY).


Actualización de datos (I)

28/11/2017

Consultar descripción del recurso:

lugares-de-interes-turístico

78586fd4-a285-4234-b448-88f3c86938ee

Conocemos la estructura y nombre de la tabla/s existentes:

Tabla: results


Actualización de datos (II)

28/11/2017

Consultar datos del recurso:


78586fd4-a285-4234-b448-88f3c86938ee

Consulta SQL:

select * FROM results;

Podemos elegir el origen de losdatos: originales, de usuario,todos (ORIGIN, USER, ANY).


Actualización de datos (III)

28/11/2017

Insertar datos del recurso:


78586fd4-a285-4234-b448-88f3c86938ee

INSERT SQL:

INSERT INTO results

(NOMBRE_FAMILIA,

NOMBRE_LUGAR_EUS, NOMBRE_LUGAR_EUS,

COORDENADA_UTM_X, COORDENADA_UTM_Y)

VALUES

('Edificios emblemáticos', 'XXXXXXXX',

'XXXXXXXX', 505015.04, 4790361.32)

Inserción correcta -> devuelve el número de filas modificadas

Podemos hacer UPDATES, DELETES, sobre los datos de usuario (solamente sobre los introducidos por el propio usuario).


Actualización de datos (IV)

28/11/2017

Consultar descripción del recurso:


78586fd4-a285-4234-b448-88f3c86938ee

Los datos originales y los introducidos por los usuarios se encuentran separados.

Consulta SQL:

select * FROM results;


Creación de conjuntos de datos

28/11/2017

https://dev.welive.eu/faq/es/user-guide/developer/open-data/query-mapper/mapping.html

Es posible registrar nuevos datasets en el ODS:

- Mapping:- describe la estructura del dataset.- Permite conectar con datasets existentes

- Permissions: controlar acceso (read/write).

https://dev.welive.eu/faq/es/user-guide/developer/open-data/query-mapper/mapping.html


Generador de Servicios (I)

• Acceder a la plataforma WeLive:

27/11/2017


Generador de Servicios (II)

• Activar el modo desarollador.

27/11/2017


Generador de Servicios (III)

• Acceder al Generador de Servicios

27/11/2017


Proyectos Agregados (I)

• Los ProyectosAgregados permitenmanipular datasets Open Data (limpiar, combinar variosdatasets, etc.) y generar nuevocontenido.

27/11/2017

https://dev.welive.eu/visualcomposer/user/home?lang=es_ES



Proyectos Agregados (II)

• Crear un nuevo Proyecto Agregado.

27/11/2017


Proyectos Agregados (V)

27/11/2017

• Se pueden arrastrar e interconectar diferentes elementos en el grid para manipular los datos.


Proyectos Agregados (VI)

• Diferentes elementos:– Operadores: permiten realizar operaciones sobre las

entradas y generar una salida.

– Servicios: otros Building Blocks publicados en el WeLiveMarketplace que añaden funcionalidad.

– Datos abiertos: datasets públicos que pueden ser utilizados como entradas.

– Iterador de procesos internos: otros proyectos agregados que pueden ser utilizados con el operador “iterator”.

• Para añadir datasets o servicios hay que pulsar el botón “+” de la barra de herramientas.

27/11/2017


Proyectos Prototipo (I)

• Los Proyectos Prototipo sirven para visualizar los resultados de los Proyectos Agregados.

27/11/2017




Proyectos Prototipo (II)

• Existen una serie de plantillas predefinidas:

27/11/2017


Proyectos Prototipo (III)

• Se rellenan los datos básicos:

27/11/2017


Proyectos Prototipo (IV)

• Se añade el Proyecto Agregado del cual se van a visualizar los resultados:

27/11/2017


Proyectos Prototipo (V)

• Por último, se configuran los elementos:

27/11/2017


Proyectos Prototipo (VI)

• Para previsualizar el prototipo:

• Se pueden añadir nuevos elementos con la barra de herramientas:

27/11/2017


Proyectos Prototipo (VII)

• Por último, se puede publicar el prototipo en el Catálogo de Servicios como app móvil o web, o descargarse el proyecto para Cordova para seguir editándolo fuera del Generador de Servicios.

27/11/2017


Proyectos Prototipo (VIII)

• Formulario para la publicación del mashup en el Catálogo de Servicios como un BB:

27/11/2017


Proyectos Prototipo (IX)

• El Generador de Servicios crea el método automáticamente tomando como entradas las definidas en el mashup.

• Puede ser llamado desde fuera de la plataforma WeLive.

27/11/2017


Building Blocks (I)

• Un Building Block (BB) captura y encapsula la capacidad digital de una ciudad inteligente para ponerla a disposición de los desarrolladores a través de una API RESTful.

– Basicamente, un Building Block es un servicioREST/SOAP que, siguiendo una serie de directricesestablecidas por la plataforma Welive, puede serutilizado como una pieza de puzzle para componernuevos Building Blocks o aplicaciones.

27/11/2017


Building Blocks (II)

• Query OpenStreetMap:

– Búsqueda de puntos de interés en todo el mundo

– Datos de OpenStreetMap

– Filtro de selección


27/11/2017



Building Blocks (III)

• Edit OpenStreetMap:

– Creación de puntos de interés en OpenStreetMap

– Crowdsourcing

– Generación de Open Data


27/11/2017



Building Blocks (IV)

• Geonames:

– Búsqueda de topónimos en geonames

– Obtención de información sobre ciudades, países, códigos postales…

– Servicios variados:

• Reporte de tiempo de posición

• Zona horario de posición

• …


27/11/2017



Building Blocks (V)

• Geolocator:

– Geocodificación directa

• "Avenida de las universidades" (43.270234, -2.9385818)

– Geocodificación inversa

• (43.270234, -2.9385818) “Avenida de las universidades”


27/11/2017



Ejemplo práctico: pasando de IDEAS a APPS

• “Creación de una app que muestra información sobre los resultados de las elecciones municipales de 2015 por distritos”1. Uso del Espacio de Ideación para la concepción de

una idea

2. Selección de datasets para ser usados en materialización idea

3. Creación de concepto de app con la ayuda del Generador de Servicios

4. Publicación de la app y explotación a través del Catálogo de Servicios

27/11/2017


Ejemplo práctico: concepción de la idea

• Crear necesidad:– Título: EnpresaDigitala – Hacer pública y reutilizable la información por distrito de

los resultados electorales en Bilbao– Descripción: EnpresaDigitala – Hacer pública y reutilizable la información por

distrito de los resultados electorales en Bilbao– Tags: bilbao transparencia elecciones 2015 distritos

• Crear idea: – Título: EnpresaDigitala – Resultados de elecciones municipales 2015– Descripción: EnpresaDigitala – Crear una app web que permita visualizar la

información electoral por distritos en Bilbao, tomando como base dataset of Open Data Bilbao

– Tags: bilbao transparencia elecciones distritos municipales– Refinamientos:

• Utilizar dataset de Open Data Bilbao: https://dev.welive.eu/ods/es/dataset/resultado-de-las-elecciones-municipales-del-ano-2015

• Visualizar en forma tabular por distrito los resultados por cada partido político• Visualizar en mapa la localización de cada uno de los distritos

27/11/2017

https://dev.welive.eu/ods/es/dataset/resultado-de-las-elecciones-municipales-del-ano-2015


Ejemplo práctico: selección de dataset

• Explicación del dataset seleccionado: https://dev.welive.eu/ods/es/dataset/resultado-de-las-elecciones-municipales-del-ano-2015

– ¿Qué ofrece?

– ¿Qué debe ser adecuado para poder ser explotado?

27/11/2017

https://dev.welive.eu/ods/es/dataset/resultado-de-las-elecciones-municipales-del-ano-2015


Ejemplo práctico: creando mash-up & mock-up

• Generacion de mash-up que genera como salida un dataset donde cada entrada (fila) incluye los resultados electorales de un distrito junto con las coordenadas del distrito– Explicación del mash-up

• Generación de un mock-up que muestra en forma tabular y en mapa los resultados electorales de Bilbao, correspondientes a las elecciones municipales de 2015– Explicación del mock-up

27/11/2017


Ejemplo práctico: publicación de app

• Publicación del nuevo mash-up en Catálogo de Servicios

• Publicación de nuevo mock-up en Catálogo de Servicios

• Asociación de la nueva app a la idea publicada y a los artefactos que dependen de ella

– Tanto en Espacio de Ideación como Catálogo de Servicios

27/11/2017


WeLive: Open Government Enabling Infrastructure

28/11/2017

PARTICIPATION

• Goes beyond co-Ideation

enabling also co-creation

• Provides distinct interfaces to

different stakeholders, i.e. civil

servants, citizens, SMEs,

entrepreneurs/developers

• User and programming interface

• Marketplace to foster

public/private partnerships

ACCOUNTABILITY

• Allows tracing journey from NEEDs

to IDEAS into APPs composed of

DATASETS and BUILDING BLOCKS

• Analytics dashboard enables to

understand impact of platform

and apps

• Integration with CNS Marketplace

enables artefacts business model

INCLUSION

• Multilingual interfaces

• Wizard to post new ideas

• Drag and drop interface to

enable non-programmers to

assemble simple apps

• CDV component enables to reuse

personal data across apps

TRANSPARENCY

• Goes beyond Open Data portals

• User-generated is also allowed to

complement public open data

• From raw datasets into well-

document easy to consumed

micro-services


Conclusión

• Ayudarnos a co-crear apps que puedan ser de utilidad para Bilbao

• Contrastar el valor de la plataforma WeLive para ayudar en el proceso completo de co-creación

• Permitir el diálogo entre la comunidad de potenciales co-creadores en Bilbao

• ¿Es posible la habilitación de un eco-sistema para la co-creación de Apps Urbanas entre los agentes de la ciudad de Bilbao?

27/11/2017


Concurso de prototipos de apps móviles

• Reto : Impulsar el uso de apps a través del ServiceComposer para mejorar la Transparencia de la información liberada en Bilbao Open Data

• Datasets recomendables entre los disponibles en Bilbao Open Data: Presupuestos, Contrataciones,..

• Incentivos para usar WeLive:

– 1º Premio: Material electrónico por valor 1000 €

– 2º Premio: Material electrónico por 700 €

– 3º Premio : Material electrónico por 300 €

• Plazo: 15 de Enero 2017

28/11/2017


Preguntas y Rellenar Formulario

• Por favor rellenar el siguiente formulario de feedback:

– http://bit.ly/2zJl6NU

• Feedback, preguntas

• Comentarios

• Eskerrik asko guztioi!

27/11/2017

http://bit.ly/2zJl6NU

A neW concept of pubLic administration based on citizen co-created mobile urban services

Thanks for your

attention!!

Technology

Herramientas para la co-creación de apps urbanas