Challenge

Client’s objectives were to develop complex Digital Out-Of-Home platform for creating, controlling, showing digital advertisement on several types of devices such as mobile phones, tablets and TV.

• Create and integrate ready-2-play ad templates
• Control all TV-boxes from 1 interface
• Data Visualization tool for scheduling and reporting
• Create playlists and custom scenario for every ad campaign
• Use Social WIFI as a channel for showing ads

Our solution

The project consists of web and mobile sides. Both of them should be interconnected with the hardware, TV boxes able to collect and display the data. We’ve been working directly with two senior Front-End and Android developers’ team as a core.

Our first steps were creating easy scalable projects architecture. It gave us a powerful base and accelerate full development process. At the same time when our team worked over code we analyzed structure for weak points and performance leaks. During these steps we used to implement many custom solutions and, in result, improve application speed in many times.

Working over UI, we created interfaces for all functional views and connect them with Back-end.

From Android prospective, our team created mobile app for custom android-based TV-box. The scope includes:

• Add automatic and manual update app
• Improve stability
• Add caching for slide
• Change and improve logging (dump system logs)
• Expand server’s control (f.e. add schedule)

Specific features

• Complex Player based on native JS
• To minimize delay between client-server all necessary data will be placed to player directly
• Playlist constructor with a lot of tools and components to create different types of slides, offers based on Angular, Angular material
• Get actual information from TV Devices used web socket technology
• Create actual schedule for streaming (based on Dev Extreme)
• Save and Get info in one place – every user has his own personal cabinet with statistics, analytics and control panel
• Android Player was optimized to native app
• Data visualization with d3js
• To minimize requests count on Google Fonts server with Rest Api was created functional of collecting Fonts on the server side and update them by CRON

Technologies

Native JS, d3js ,Angular, Angular Material