Imagex
Web digital library that is clear and easy to use and manage
Industry
Media
Technology
NodeJS, Sails.js, MongoDB, AngularJS, Twitter Bootstrap, HTML5, CSS3, AWS
Services
- Full cycle web development
- Front-end development
- Back-end development
- Project management
- Technical consultancy
Customer’s Location
NY, United States/Italy
About the project
Our client, one of the largest media corporations in Italy – Il Sole 24 Ore – owns and manages multiple websites. It was inconvenient for editors to search, manage and use different types of media content separately on each website when they worked with multiple sites.
ImageX is a digital web library that is clear and easy to use and manage. With ImageX, the user can keep images, videos, audio, and live streams in one place, even if they have multiple websites.
The challenge
The customer required a system to store media files of all types, which at the same time could be easily and rapidly integrated with customers’ websites or function autonomously.
Imagine you have an image that could be used by editors on multiple sites, in multiple designs, and seen on various devices – from mobiles to large desktop monitors. How and where would you store it properly so that it could meet all those needs? Our engineers found a solution.
The solution
Together with Il Sole 24 Ore, we agreed to build an R&D team of highly skilled front-end, back-end, and quality assurance engineers that would work under the project manager’s supervision.
As the system had to be swift and reliable, our engineers advised using the following technologies:
- Node.js
- Express
- MongoDB
- Elasticsearch
This approach also ensured the web service architecture’s requirements were met, making the system scalable, maintainable, and cost-effective.
How can you use one image in multiple designs and dimensions on multiple sites? We created a solution.
1. The system automatically crops and resizes the image to multiple versions and uploads them to the content delivery network.
2. Editors choose the image and select the required aspect ratio (horizontal, vertical, square, etc.)
3. ImageX does all the rest automatically, providing the correct image version based on the user’s screen size.
Pier Paolo Bozzano
Head of Software Development | America24
From concept to the final product, ELITEX has been a precious resource for our company and the mind behind our content management system. It is about more than just great knowledge in web programming; ELITEX guys take their role further. They offer their ideas and perspective and contribute to making things that were not there before, which is true.
We also developed more awesome features:
- Users are not required to tag the image when uploading it (the system detects what is shown in the picture and sets the tags automatically)
- Users can make any corrections manually (crop or tag)
- Users can also work with video content (upload from a desktop or YouTube/Vimeo)
- We created a powerful search system. Users can easily find an image of a BMW that has the tags “Germany” and “car” but doesn’t have the tag “BMW.”
- ImageX can be used as an autonomous system or integrated with third-party websites (using a JS plugin)
Thanks to a smart queue-based approach, there is no need to wait until the upload process is finished and all the files are processed. The media content, ready for publishing to the library, will appear for review right on the upload page.
The result
As a result, the ImageX system eliminates the issue of storing countless media files of different sizes and types. This new digital media library saves time and relieves the headache of editors and other users, making it possible to manage and share files between different offices and access them from any corner of the world at any time.
Let’s Talk About Your Project
Drop us a line! We would love to hear from you.
