intro.png

URBAN INSIGHTS

This project developed was at the 2019 AEC Hackathon in Silicon Valley. It won First Place in the competition under the “Best Overall” project category.

The project is an application for visualizing proposed buildings, their code-constraints, and environmental analyses in situ using AR & VR.

GitHub
Project GitHub (Frontend)
Project GitHub (Backend)

Tools:
Frontend: Vue JS, A-Frame JS, Three.JS, Ionic
Backend: Flask
Deployment: Next.JS, AWS Lambda

Team: Matthias Levinsen, Petr Mitev, Matthias Sonderskov, Mikkel Steenberg
Presentation: Link

Traditional building process, lacking holistic community engagement.

The goal of the application, creating engagement between the different parties, and democratizing knowledge.

stack

The architecture of the application was highly experimental, and fitting with the the theme of the hackathon. We used Vue.JS as our main frontend framework, and added in Ionic which would allow us to create native Android and iOS builds, increasing the amount of users we could potentially reach. This created some problems for us with the UI and DOM interactions since Ionic has been Angular-specific until recently, On the backend, we created a Flask Python server which would allow us to run analysis and geometry operations using our own algorithms, and Ladybug Tools’ open API.

Stack diagram for the web and mobile application

Application

The final prototype featured the UI skeleton, as well as one AR and one manual mode for viewing the model. Since this was a POC, we only loaded in one model and marker, allowing the user to see the city of San Francisco either on their tabletop, or just spinning on their phones. We are still working on the final piece of the prototype, which is connecting the backend server analysis with the frontend visualization and allowing the user to control it.

Actual mobile application prototype, running during the demonstration at the Hackathon.

Live demo of prototype - communicating with Ladybug backend server to compute shadow vectors for a given address and time of day.

Live demo of prototype - communicating with Ladybug backend server to compute shadow vectors for a given address and time of day.

Winners The winning team photo!