08. Open Social Spaces

Organisation of Open Social Spaces using the example of the "Rüteliwiese" in Horw

⛶  Fullscreen ↓  Download


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.


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?


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:


Building Department of the Municipality of Horw, Spatial Planning


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.


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.


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.



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


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


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)


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



This content is a preview from an external site.

Event finished

Repository updated

28.11.2020 15:31 ~ Gino


28.11.2020 15:30 ~ Gino

Event started

Joined the team

30.10.2020 08:54 ~ Gianni


30.10.2020 07:51 ~ Sany

Joined the team

23.10.2020 14:39 ~ Konstantinos


23.10.2020 14:06 ~ Sany

Joined the team

16.10.2020 11:45 ~ andy_gubser


16.10.2020 11:45 ~ Sany

Joined the team

16.10.2020 10:30 ~ Sany

First post View challenge

16.10.2020 10:30 ~ Sany


Contributed 3 years ago by Sany for Shape My City
All attendees, sponsors, partners, volunteers and staff at our hackathon are required to agree with the Hack Code of Conduct. Organisers will enforce this code throughout the event. We expect cooperation from all participants to ensure a safe environment for everybody. For more details on how the event is run, see the Guidelines on our wiki.

Creative Commons LicenceThe contents of this website, unless otherwise stated, are licensed under a Creative Commons Attribution 4.0 International License.