CONTACT
  • SERVICES
  • INDUSTRIES
  • WORK
  • COMPANY
  • BLOG
  • CONTACT
  • SERVICES
  • INDUSTRIES
  • WORK
  • COMPANY
  • BLOG
  • CONTACT
  • Services Overview
    Web Development
    Android Development
    iOS Development
    ML Development
  • VR/AR Development
    3D Art Unity
    UI/UX Design
    ﹂UX Audit
    ﹂Branding Design
    ﹂Motion Design
    ﹂Crossplatform Design and Development
    ﹂Webflow Design
    ﹂Digital Product Design
    DevOps Services
    QA Services
  • Dedicated Team
    Dedicated Team Calculator
    Salesforce Development
    Discovery Phase
  • Industries Overview
    Healthcare
    Travel
  • Online Scheduling and Booking
    eLearning
    LMS
  • Sports and Fitness
    Fintech
  • Case Studies
  • Design Portfolio
  • Testimonials
  • Onix Story
    Referral Program
  • Careers
  • About Ukraine
  • Travel
    Fintech
  • VR/AR
    Education
  • ML
    Sports & Fitness
  1. Onix
  2. Case Studies
  3. The 4D Insight Interactive Simulator
background

Interactive Simulator
Development

– scenario-based online training simulation app development project

01

About the company

The client’s idea
and business needs.

The 4D Interactive Simulator is a brainchild of Robert Povey. Along with the ideas for the training platform development, Robert contributed to the project with his knowledge acquired from over 30 years of police service and his experience as a public order and firearms commander, Leadership Trainer for Senior Leaders at the National Police Staff College Bramshill, and a strategic advisor in the United Arab Emirates.


Rob approached Onix with the idea of digitizing the safety-related training of personnel at entertainment, sports, cultural, or other events. After in-depth discussions, we came to a decision to implement it by developing a custom personnel training simulator app solution.


In 2016, Robert approached Onix team with the idea of digitizing the safety-related training of personnel at entertainment, sports, cultural, or other events.

Traditionally, such training simulators often relied on printed spreadsheets handed out to the participants. Rob wanted to make that process up-to-date, scalable, and easier to track for himself and his colleagues.


Rob also intended to remove geographic limitations. Often, either an instructor or the trainees cannot be physically present at the training location. Personnel at multiple locations may also need to undergo the same training simultaneously.


One solution was to move the training process online, but Rob also intended to improve learning outcomes across a wide range of public and private organizations. To this end, he envisioned challenging and realistic customizable scenario-based simulations in a highly engaging training environment.

“The company was set up to design solutions that enrich the lives of their users. It is our belief that when it comes to experiences, they are enhanced with the more senses and emotions that are engaged. That is the aim of the solutions we develop to create those experiences – the fourth dimension (4D).”

— The solution would be provided by a training simulation web app that instructors like Rob and their trainees could use conveniently on smartphones and tablets.

Are you interested in VR, mobile, 
or another training simulator development?

Onix can build one for you from A to Z or provide expert developers!

Contact us
02

About the app

For whom the training simulator app is designed.

The 4D Insight Simulator (4D training simulation app) is primarily intended for:

  • Large companies that need to have staff training simulator app and provide security-related services before challenging events

  • Event-organizing companies;

  • Small companies that need to train their personnel before particular events;

  • Any organizations that need to prepare their staff for upcoming events.

The types of training scenarios include, but are not limited to:

  • Business continuity

  • Resilience training

  • Major and critical incidents

  • Cyber threats

  • Sporting events

  • Music events

  • Maritime safety

  • Leadership training

  • Employee onboarding

— The training sessions can also be adapted to educational and entertainment environments, e.g., as tests or trivia games.

background
03

The training simulation app’s user flow

There are three user roles 
in the application:

1

Admin

The owner of the 4DiSimulator

2

Instructor

Any number of users may use the app to conduct training

3

Participants

An Instructor defines the number of trainees using the app during a training session.

An Instructor can organise training 
for only one person, several individuals, 
and multiple teams simultaneously.

When the app is used in a team environment, syndicates are allocated and team leaders are nominated for each session in the scenario training. This can be based on small groups as part of a training course for up to 20 participants or larger groups that may form part of a ‘conference style’ approach of 100 or more, if required. At an individual level, the 4D training simulator can be used for testing command decisions as part of an accreditation process.

Training with the 4DiSimulator resembles a traditional process familiar to most people. Basically, the app simulates situations where a trainee, trainees, or groups must proactively prevent or respond to emergencies, e.g., a stampede at a football match.

The trainees receive information on various scenarios in real time in the format of videos, messages, or even Twitter and Facebook posts. Their reactions take the form of written responses to questions set by the Instructor, multiple choice quizzes, or messages in team chats and the training’s general forum. Where the time to complete a task is limited, the trainees will see a countdown.

The personnel training simulator app’s smart responsive design ensures its convenient use by trainees on mobile devices.

flow

The Instructor may launch a training session in their app and simply track the trainees’ responses and actions, or they can actively participate in it, e.g., by adding tasks and questions on the go.

All actions of the trainees in the app are logged. After the training is over, all the participants receive PDF documents with the results and logs of all notes, chat conversations, etc., second by second. The instructor can analyze the performance of teams and individual participants in detail. Saving the logs into the Instructor’s account enables them to track the participants’ progress over time, if needed.

04

Features

The core feature
of the 4DiSimulator.

Instructor’s scenario editor

The Instructor’s scenario editor facilitates the rapid and efficient development of bespoke training scenarios to meet organizations’ and trainees’ unique needs. These may range from simple decision-making tasks to complex scenarios extended over several days.


The editor offers scenario templates to which Instructors can easily add images (e.g., floor plan of the premises), video, audio, and social media content. This allows for creating diverse realistic scenarios for events as disparate as a rush hour at a McDonald’s restaurant and a political rally.

Create unique scenarios

4D Insight even uses exclusive aerial photography and video footage to make each unique scenario come to life.

Plan your training session

The Instructor can plan a training session minute by minute by setting the times at which the app will display each scenario item to the trainees, as well as the time allowed for them to respond. This helps create lifelike ‘real-time’ scenarios to which trainees must react under stress.

Security

The Instructor also controls who participates in the training session as trainees and instructors, to what teams they belong, and what they can see and do. The Instructor issues the invitations that allow them to log in to the platform.

Manage your training session

The Instructor can easily manage their templates and planned and past training sessions for multiple companies. Separate servers storing each company’s data ensure its security and confidentiality.

05

The 4DiSimulator development process

The discovery phase.

Firstly, one of Onix’s project managers and a business analyst spent about two weeks actively communicating with Rob Povey to work out the project specification. Every day, they discussed the user stories and Rob’s requirements during short video conferences while creating, sharing, and updating sketches of the future web pages and screens.


After the app’s structure and project requirements were crystallised into a clickable mockup, Rob gave the green light for the proper web app development.

UX/UI design.

Onix’s team realized the product’s design from low-fidelity Balsamiq wireframes developed at the discovery stage through a high-fidelity prototype created by Onix’s UX/UI expert in Figma to the company’s branding.


The visual style of the 4D training simulation app is clean and minimalistic, using basically three colors. The simple interfaces and straightforward navigation help the instructors to concentrate on their job and the trainees to access and perceive various textual and visual information faster. The design is optimized for mobile devices for the trainees’ convenience.


The Administrator can customize the Instructors’ and their trainees’ interfaces to provide an authentic corporate feel through logos and color schemes.

The tech stack.

The front-end part of the training simulation web app was built using Angular 14.


The back-end is written on PHP with REST API, Node.js server with Socket.IO for interaction with the front-end, and RabbitMQ used for successions of the events.


This mix facilitates a smooth training process with instant notifications and ensures the simulator’s high performance, which has been thoroughly tested and certified.

process-background
06

Results & Prospects

The project’s results
and current status

The training simulator web app development has resulted in a high-quality, innovative, versatile, and systemic product that engages users and delivers outstanding learning opportunities.
4DiSimulator is unique on the market because it is not installable software but a web application that is easy to approve even for big companies’ management.

KPMG, one of the world's Top-10 consulting companies, uses the 4DiSimulator for its staff training simulation activities. The biggest training so far has been held for 7 teams and involved over 100 trainees. Currently, the supported languages include English, French, and Indonesian.

The highly effective communication style adopted early in the simulator development still promotes the cooperation between 4D Insight and Onix’s teams. Whether we modify the UI or add new features to the product, we hold the same short video calls with screen sharing and discussions.

The communication has always been honest, friendly, smooth, and thus productive. For example, when Rob suggests desirable features, he is always open to our experts’ advice on any more time- and cost-efficient options.

The 4DiSimulator was built to meet the challenging demands of scenario-based simulation exercises. Both 4D Insight and Onix’s teams remain committed to meeting the users’ evolving requirements while creating invariably excellent user experiences. We persistently innovate and integrate new technology to keep the product at the leading edge in the marketplace.

Are you interested in VR, mobile, 
or another training simulator development?

Onix can build one for you from A to Z or provide expert developers!

Contact us