Idea:

At the Open Data Hackdays 2020, a creative solution is being sought for the exchange of information on the use of open social spaces between the residents and the municipality of Horw.

Prototype:

The Rüteliwiese in the municipality of Horw is a meeting place for old and young and is used for a variety of purposes. Especially in summer, you will find many bathers and cyclists there. The municipality of Horw is now asking itself how this open social space can be improved for the benefit of the community?

Goal:

The residents of Horw should be able to communicate their ideas and needs for the design of the Rüteliwiese. It should also be possible to share and evaluate these ideas with others. In addition, your interactive solution should activate the residents to participate in your project "Shape the Rüteliwiese of Horw". Be creative, think simple and use public data. The idea should be usable for other social spaces too.

Data sources:

• Google Picture
• Open Street Map: https://planet.osm.ch
• Zone Map of Horw: https://www.geo.lu.ch/map/zonenplan
• GeoPortal Canton of Lucerne: https://geoportal.lu.ch

Partner:

Building Department of the Municipality of Horw, Spatial Planning

Documentation:

Project: Open Social Spaces (“Rüteliwiese, Horw”)

Project members: Gino Cattelan (gino.cattelan@stud.hslu.ch), Gianni Pinelli(gianni.pinelli@stud.hslu.ch), Stefan Hüttenmoser (stefan.huettenmoser@stud.hslu.ch), Benjamin Auer (auer.benjamin@gmail.com) , Andy Gubser (Conceptual Coaching)(andy.gubser@stud.hslu.ch), Marco Hassan und Raphael Tholl (Technical Coaching) Please add your contact detail / github links Link to opendata.ch: https://hack.opendata.ch/project/605

Executive Summary

Why ?

Regarding spatial planning local governments often face different challenges. Town hall meetings are often attended by a very homogeneous group consisting of mostly elderly people, while the groups actually using the open social spaces, in particular the youth and minorities, are often underrepresented.

How?

We quickly came to the conclusion that a solution is required to invite locals to get involved with shaping their open social spaces. We evaluated different ideas from using BIM objects to creating an App. With the available resources we decided on creating a very easily accessible, 2D design tool that also includes the possibility to share, read and vote on different ideas.

What?

We developed a web application accessible via on site QR code. On the application you’re then able to place certain items like trees, benches ect. on a map with AR. It’s then possible for the individual to vote on the ideas of other participants. This data then can be exported into a JSON Database for the government to use.

Input

What:

We created an online AR-Tool to generate Data. On their phone, users can select from different objects (park bench, park bin, tree) and place them in AR into the park. Geodata from phone is added to placed objects

How:

JavaScript, HTML and CSS were used to build the Web-Application WebXR (ARCore based) was implemented to access AR Example code was used and customized for our problem (https://github.com/googlecodelabs/ar-with-webxr/archive/master.zip) 3D low-poly models (park bench, park bin, tree) were made using Blender

Obstacles:

No previous knowledge on web AR applications Web AR application only runs on very recent phones (https://developers.google.com/ar/discover/supported-devices) Adding geodata to AR objects needs some additional calculations and code (not done yet) The used ARCore library only works with HTTPS, not on the local network. Therefore we had to use a temporary website (https://star.cyon.site)

Outlook

Next steps:

What would you need (data, skills, tools …)?
Will you keep on working on the project?

Input IBMler

Python erzeugt Daten, welche später via Node-RED auf einer Weltkarte angezeigt werden Python schickt Daten an Node-RED via API (http POST request) Node-RED bietet Usern die Möglichkeit verschiedene Objekte auf der Weltkarte anzuzeigen e.g. Bäume, Bänke usw. User wählen anzuzeigende Objekte via Dropdown Menu Node (Dashboard Nodes) aus. Ein Switch Case und Array.filter filtern dann die von Python kommenden Daten basierend auf der User Auswahl.

Hier zwei Links die helfen in JavaScript ein Switch Case und Array.filter zu nutzen:

Switch Case: https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements/switch

Array.filter: https://javascript.info/array-methods#filter