As Municipality of Bolzano I would like to have a simple web application that shows the real-time capacity of the main parking areas in the center of the city, so to activate temporary traffic regulations and avoid traffic jams in the city

[rcavaliere]

The Mobility Office of the city of Bolzano has contacted us with the request to provide in short time a simple web-application that can show in real-time the current parking situation in the city centre. This web-application should be used by the Traffic Police at the Traffic Control Centre, being always displayed. The Traffic Police has got the order to activate certain temporary traffic regulations if the occupacy of these parking areas becomes above a certain threshold.

What do we need in detail:

• basic web application presenting just following parking areas (additional ones from the ones that we have should be easily added in the source code):

P08 - BZ Centro via Mayr Nusser
P03 - Piazza Walther
P04 - Luna via Molini
P16 - Fiera via Marco Polo/Buozzi

• The visualization should be like the left part of https://parking.bz.it/ (big blocks with current number of available parking slots, colored according as with the current logic). Each block should just display in a very clear way: maximum capacity of the parking area, current number of available parking slots, percentage of occupacy (number of occupied slots / maximum capacity).
• It is important to provide for each parking area also the last update (timestamp). Not real-time situations should be displayed in gray, as in the current parking application

This user story is just limited to a very first MVP, but that can be already shared with the Municipality of Bolzano. Additional features will be then discussed in other developments.

In order to reuse this work:

• Implement all this as a web-component that we can publish on the web-component store

https://webcomponents.opendatahub.testingmachine.eu/webcomponent/parking-dashboard/fullscreen

[dulvui]

@rcavaliere Here the first MVP already running on testingmachine
https://webcomponents.opendatahub.testingmachine.eu/webcomponent/parking-dashboard

You can share this link with the municipality for testing
https://webcomponents.opendatahub.testingmachine.eu/webcomponent/parking-dashboard/fullscreen

[dulvui]

What should be the threshold for color change be?
For now it is:
red: percentage > 80%
orange: percentage > 40%
green: percentage < 40%
gray: last timestamp older than 1 hour ago

[rcavaliere]

Wonderful!
Just two thinks:

• Can you increase the size of the blocks, and maybe put them on a row (horizontally)?
• For the municipality of BZ, I would suggest to use the name they provide (field name, not standard_name)

[rcavaliere]

What should be the threshold for color change be? For now it is: red: percentage > 80% orange: percentage > 40% green: percentage < 40% gray: last timestamp older than 1 hour ago

It's ok. Just increase threshold for red to 90%, since this is the threshold for them to act

[dulvui]

@rcavaliere I implemented now your suggestions. Let me know if you have other suggestions

[rcavaliere]

@dulvui perfect! I have now shared to link to the Municipality of Bolzano for first feedback. Let's wait for them!
In the meantime, you can implement the functionality that updates automatically the page e.g. every minute.

[rcavaliere]

@dulvui Positive feedback by the Municipality of Bolzano. They just add to correct the list of parkings, which should be:

Piazza Walther (OK)
Luna (OK)
Laurin (to be added - P05 Laurin)
Central Parking (to be added - P06 Central Parking)

The latter two are offline since quite a long time now, but they are working to reactivate them.

Therefore, we should remove P08 Centro and P16 Fiera

[dulvui]

@rcavaliere great! I updated now the default parking list and the automated refresh every 60 seconds is now working too.

What value should I use for the color gray, that means the data is not real time. For now 1 hours is set, that means if the data is older than 1 hour, the badge is gray.
Is 1 hour fine or should I decrease to something like 10 minutes, considering that the parking data collector runs every 5 minutes?

[rcavaliere]

@dulvui great! There is just P08 to remove, Luna parking shall be displayed instead.
For the threshold, let's put 15 minutes.

[dulvui]

@rcavaliere I replaced now P08 with Luna and set the threshold to 15 minutes.

[rcavaliere]

@dulvui super! I think for this first effort we are done! Many thanks for your hackathon :-)

[rcavaliere]

@dulvui can you temporarily throw away the timestamp information? We will activate them when the two offline parking areas will be online again

[dulvui]

@rcavaliere Your are welcome :)
Yes for sure, the timestamp is hidden now.

[dulvui]

I created now a webcomponent that can show all kind of mobility data. For now per er default it shows E-Charging near the train station of Merano:
https://webcomponents.opendatahub.testingmachine.eu/webcomponent/mobility-dashboard

But technically it can show any data that has a value and a capacity.
Example with BikeParking:
https://webcomponents.opendatahub.testingmachine.eu/webcomponent/mobility-dashboard/fullscreen?attribs=PG1vYmlsaXR5LWRhc2hib2FyZCBjYXBhY2l0eWtleT0idG90YWxQbGFjZXMiIGRhdGF0eXBlcz0iZnJlZSIgc3RhdGlvbmNvZGVzPSIxOTMwLDE5MzEsMTkzMiwxOTMzIiBzdGF0aW9udHlwZXM9IkJpa2VQYXJraW5nIiB0eXBlc3RhdGVpbmRpY2F0b3I9ImF2YWlsYWJsZSI%252BPC9tb2JpbGl0eS1kYXNoYm9hcmQ%252BCg%253D%253D

Example with Carsharing:
https://webcomponents.opendatahub.testingmachine.eu/webcomponent/mobility-dashboard/fullscreen?attribs=PG1vYmlsaXR5LWRhc2hib2FyZCBjYXBhY2l0eWtleT0iYXZhaWxhYmxlVmVoaWNsZXMiIGRhdGF0eXBlcz0iKiIgc3RhdGlvbmNvZGVzPSI0MDQ1NDEsNDA0NTQyLDQwNDU0Nyw0MDQ3NTAiIHN0YXRpb250eXBlcz0iQ2Fyc2hhcmluZ1N0YXRpb24iIHR5cGVzdGF0ZWluZGljYXRvcj0iYXZhaWxhYmxlIj48L21vYmlsaXR5LWRhc2hib2FyZD4K

[rcavaliere]

@dulvui that's exactly what I had in mind, wonderful! Let's just work on the look&feel and we have a wonderful product to use. I will make further tests and give you feedback about further configuration possibilities we may add