Assure Viewer is a map based data visualization tool for oil & gas projects.
View LiveProject Overview
This application was created for Advisian Digital Enterprise to visualize oil & gas project sites and showcase the power of AssureHub.
A powerful extension of the ArcGIS mapping platform, Assure Viewer displays oil & gas projects on the map, combined with features such as field inspections, documents, environmental compliance, and project administration.
Originally conceived as a ASP.NET MVC application, we migrated the solution over to Angular 5 to harness the true potential of this single page application. Angular was a great fit for an application that overlays panel on top of map and allows for easy integration with the ArcGIS JS API.
- Angular 5 /w CLI
- ArcGIS JS API 4.6
- ArcGIS Server API
- Typescript
- Google Firebase
- Azure Hosted
- Telerik Angular
- Angular Material
- HighCharts
- SharePoint
- ProntoForms
The Challenge & Solution
Using the ArcGIS Javascript API 4.6, we were able to display fully 3D maps and plot our dynamic map layers. Assure Viewer has many features for interacting with the map as well as pulling in data from other sources, such as the AssureHub API, for access to documents and engineering reports submitted in the field.
By building the application in a modular way, other developers are able to easily implement features and add them to the feature toolbars. The application adheres to Esri ArcGIS best practices for widgets. End-to-end tests allow us to test the entire application programmatically, avoiding bugs that can appear with such a large number of features.
1/8
User authentication is provided via Google Firebase Authentication. Once logged in, users can select a project they'd like to explore within Viewer.
2/8
Using the ArcGIS Server REST API, layers and legend items are queried from the hosted map service and compiled into a PrimeNG tree view control. Layers can then be turned on and off dynamically.
3/8
Inspection field reports can be submitted on mobile devices through the app ProntoForms and are populated on the map in real time.
4/8
Our elevation profile widget allows users to query the elevation profile based on coordinates they draw on the map.
5/8
Project Administration allows administrators to manage users within their company, turn on/off features based on user groups, and even create and point to new map servers.
6/8
Project search allows users to query map features, submitted mobile forms, and documents. Filtering can be applied based on a selected radius distance.
7/8
Points on the map can be queried with the identify tool, finding map features within a certain threshold of the map click. Details can be explored for particular map features.
8/8
By using the Esri ArcGIS Javascript API 4.6, we are able to display fully 3D basemaps and 3D project data.
"Prairie Applications creativity and professionalism is second to none, which is why we have been doing business with them since we first opened our doors in 2012. We believe our website is one of the biggest contributors for our success. It is the first thing people see when they search for us online and that first impression is extremely important when a potential customer is trying to decide where to take their business. Prairie Applications continually exceeds our expectations and we can’t thank them enough for how they have helped us grow our online presence."
Zack McMillian, Owner of CrossFit Rocked
Are you ready to talk partnership?
You can get in touch with us via our email address at hello@prairieapps.com or through a phone call (431) 489 2403 or via our contact form.
