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.
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).
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.
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.
Ocilex allows users to see the latest snapshot of the building on a Live View page. It is updated regularly (every 1, 5, or 10 minutes) depending on the admin's settings. Also, there is a magnifier included, that makes the smallest details visible.
If users want to highlight something they notice on a snapshot, they can draw, add notes, and upload the result.
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.
READ ALSO: HOW TO CREATE A TIMELAPSE VIDEO FROM FRAMES
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.
For users who want to see the difference between the initial design and the final building, there is also a BIM Comparison feature that allows you to compare timelapse or camera images and a 3D model of the building.
Ocilex provides administrators with helpful notifications when cameras stop responding, including full details about the issue.
The MVP was successfully launched in 2022. We've added several more features and improvements in 2023 to enhance the admin and customer experience.
We are burning not only with cool projects, but also with the people behind them. And a perfect team match truly matters. Our clients are our partners, co-authors, and friends at all project stages. Here are some examples of times when Gearheart became a best-fit teammate for our customers.