Surveillance system app: Reducing development costs by 23% with Angular, RxJS, and Ionic

team size
10
country
Luxembourg
Client Name
Vigilzone
Surveillance system app: Reducing development costs by 23% with Angular, RxJS, and Ionic
Surveillance system app: Reducing development costs by 23% with Angular, RxJS, and IonicSurveillance system app: Reducing development costs by 23% with Angular, RxJS, and Ionic
Surveillance system app: Reducing development costs by 23% with Angular, RxJS, and Ionic

Sign-in

To uphold its security standards, our client decided against allowing users to sign up on the mobile app. Instead, customers receive their login details from the company upon purchasing the video surveillance equipment.

So, the app’s first screen requires users to log in by entering the server’s URL, password, and username. They can then select the data communication protocol (HTTP or HTTPS). 

We made the login process both simple and secure with comprehensive validation rules and strong in-transit data encryption. Our UX improvements, in turn, resulted in a task success rate of 91% for this action.

Surveillance system app: Reducing development costs by 23% with Angular, RxJS, and Ionic

Monitor view

This is where users can view live feeds from multiple cameras on a single screen by adding the desired feeds from a camera list. If needed, users can also change the order of the cameras with a simple dragging gesture that’s intuitive for smartphone users.

To facilitate working with the monitor view, we enabled users to group feeds and seamlessly navigate between them via the Groups button at the bottom of the screen.

We optimized the video streaming for the monitor view to mitigate the risk of lag or errors when displaying multiple live feeds. As a result, the monitor view displays multiple feeds smoothly even when the internet connection slows down.

Surveillance system app: Reducing development costs by 23% with Angular, RxJS, and Ionic

Camera view

Users can tap on any camera displayed on the monitor view screen to see the individual live feed. If needed, they can activate PTZ control to change the camera’s angle, provided the camera supports this functionality.

To streamline user experience, we minimized the response time for switching between the monitor and camera views. At the same time, we added zoom-in and zoom-out buttons to allow users to get a better look at a specific part of the frame.

Surveillance system app: Reducing development costs by 23% with Angular, RxJS, and Ionic

Recordings

Vigilzone’s video surveillance systems can automatically record footage when they detect movement or specific objects. Users can easily view recordings of these events, stored on the servers, via the app. They can also edit, delete, and download them if necessary.

We added date and time range and camera filters to the recordings page to streamline navigation and user experience. With their help, users can easily narrow down the displayed footage.

The app adapts the resolution and quality to the user’s bandwidth and device to enable smooth performance

Surveillance system app: Reducing development costs by 23% with Angular, RxJS, and Ionic

Server management

If the user has access to multiple servers, they can add extra servers via the app’s menu by entering the same information (server address, username, and password) and selecting the protocol. Users can also delete the servers they no longer need.

To ensure the app can handle multiple servers without a hitch, we dedicated a lot of time to load and stress testing the API connections to ensure they consistently perform consistently. As a result, average response time and latency remain stable even when the app is connected to multiple servers.

Surveillance system app: Reducing development costs by 23% with Angular, RxJS, and Ionic

Settings

The settings menu offers more than server management features. This is also where users can manage their camera groups, select the app’s language, and set the desired video quality. If needed, users can easily reset all settings to their default values.

We designed the settings screen with native UI/UX for each platform in mind. As a result, both apps’ settings are intuitive from the get-go, as reflected in the task success rate of 93% for associated user flows.

Surveillance system app: Reducing development costs by 23% with Angular, RxJS, and Ionic
Surveillance system app: Reducing development costs by 23% with Angular, RxJS, and Ionic
Video Management Server Solution | Darly Solutions Portfolio
5.0 avg rating

Testimonials

The responsiveness, attention to detail and high-level communication from Darly Solutions was outstanding. Communication with the team was all online and was absolutely seamless. They were highly responsive, worked to tight deadlines and provided great feedback and communication throughout the entire project to ensure it remained on schedule and all quality requirements were being met. They exceeded all of our expectations, from design through to delivery.

Kieran Donovan
Kieran Donovan
Managing Director, Corporate Advisory Firm

LLC Darly Solutions's team performs well since the collaboration started. They are fluent in specific programming languages, they are also fluent in English, and they have a great response time. What is most unique and impressive about Darly Solutions is that everyone in the team is inherently communicative and understands the expertise of their respective fields. The team is very agile and can predict stress situations in which we work together to fix and maintain.

Carol Arao
Carol Arao
Product Owner, Software Development Company

Darly Solutions' work so far inspires confidence, as they're skilled and trustworthy. The health platform is incredibly happy with their work. The team at Darly is communicative, responsive, and responsible. I’d recommend them to people looking to do more than build a simple little software.

Jürgen Bröker
Jürgen Bröker
Executive Director, Healthcare Platform Co.

By collaborating with Darly Solutions, there is a significant improvement in the project's quality of codes compared to their original codebase. They lead efficient project management and keep the client updated with their reports. They're a flexible team that delivers promising results. They don't just do as they're told, they actively participate in the design process, which is going to yield us a much better platform in the end.

PJ Fisher
PJ Fisher
Head of Tech, Software Consulting Firm

Darly Solutions was able to develop the site with all functions running. The team was responsive throughout the engagement. They excelled at scheduling and delivered projects on the specified timeline. The whole team was a pleasure to work with. I am very glad that I entrusted them with my project, this is the best company for me!

Inna Netudikhata
Inna Netudikhata
CEO, Mama Travel

The quality of their work is very high, and we get very good customer feedback on what our site looks like. They're very reliable and have a great overview of the technologies they're using. They meet our deadlines and are very accurate with their time estimations on a project. In addition, they're responsive and great with communication with a great command of English — it's very easy to talk to them. Moreover, we've integrated them into our development and scrum process, where we have daily stand-ups with their project manager and developers through Slack.

Felix Leontyev
Felix Leontyev
Head of Technology, PSS AG

LLC Darly Solutions are highly skilled at UI/UX and follow very good engineering standards, and have been very professional in its approach to all the work to date (including the initial consultancy, which was the deciding factor). They have taken ownership of the work in way that demonstrates how much they value the work they are doing and consequently the work we are doing. I am gaining confidence that the decisions they make are good decisions and that this will result in a product that will exceed our initial expectations.

Gordon Lang
Gordon Lang
CTO, Vidina Solutions Ltd

Darly Solutions developed the app in a quick manner, and the code quality was excellent. The professional team was committed to building a successful product. The code quality was good, and the app has been built in a little more than 1 month, which is a result I'm very happy with. They were laid back but professional at the same time.

Piotr Nowakowski
Piotr Nowakowski
Founder, 79 Characters, Inc.

Darly Solutions’ work helped my business tremendously. They were able to identify key areas for growth and improvement. The team was communicative and professional throughout the entire engagement. LLC Darly Solutions is a solutions-oriented vendor that drives results. They’re really professional and they know what they’re doing. The team knows how to identify my problems and solve them.

Maiza Simeon
Maiza Simeon
Founder, Food App Startup

Connect with us

At this stage, we get acquainted with your needs, outline the goals and desired results. We are always happy to take your project to the next level, and then beyond
Darly Solutions Team

We are a tech partner that delivers ingenious digital solutions, engineering and vertical services for industry leaders powered by vetted talents.

Say hello
Uploading...
fileuploaded.jpg
Upload failed. Max size for files is 10 MB.

By filling out this form, you agree to allow us to handle your information as stated in our Privacy Policy. If you don't want to receive email updates from us, you can change your email settings at any time.

Successfully sent!
We have received your submission and will get back to you shortly.
Sorry, something went wrong.
We use cookies to improve your experience
By continuing to use this site, you agree to our Cookie Policy and Privacy Policy