Ocilex
Projects | | Links: Official Website
Ocilex is a platform for monitoring the construction process. It allows construction companies to control access to application features for both internal managers and external users. Managers can configure cameras and timelapse generation schedules. Users have a wide list of ways to track the building process.
Purpose and Need
To meet customer needs, the app needed to provide users with timelapses of construction from multiple viewpoints as well as the ability to compare snapshots taken on different dates using side-by-side comparison, magnifier, and a comparison between the snapshot and 3D model (BIM comparison).
Workflow
Since the main purpose of the application is to show several pages with the construction visualization, we decided to focus on this and make the UI clear and simple. Material UI components were used for this. Connecting to the cameras was a challenge, but once that was solved, adding new features became much easier. Clients were involved in the process and regularly provided us with feedback and new requirements. In addition, they covered test cameras connection, which was very helpful for us.Technology
- To accomplish all this, we used React.js with the MaterialUI framework. And for the backend, we selected the Apollo server and Node.js + TypeScript combination.
- The entire application is deployed to the DigitalOcean App Platform and complimented by static checking and quality control in the GitLab CI.
Structure and Features
- LIVE VIEW
- SNAPSHOT EDITOR If users want to highlight something they notice on a snapshot, they can draw, add notes, and upload the result.
Timelapse
For those who want to see something come from nothing, we provide a timelapse video feature that allows you to see new buildings grow from the very beginning to the opening. For each site, administrators set the camera, working days, and schedule for adding snapshots to videos.
Snapshots Comparison
And for those who would like to see progress over an exact period of time, Ocilex allows to compare snapshots taken on different dates, either through side-by-side comparison or using a magnifier detailed view from one snapshot over the another.
