Requirements

To build a web portal for video news materials and the access to the news located on https://nowthisnews.com/ website from any mobile device with a comfortable and convenient interface. In addition, to add new previously unavailable functional for any browser with the following features:

  • The event was marked on a map thus all could see where did it took place (feature did not make it into the release)
  • Questionnaire regarding an event taking place in the video (removed from the application)
  • The ability to save any video for playback without internet connection (feature did not make it into the release)

Stable and fast performance are required as essentials to any worthy mobile application. Also, users should be provided with a possibility to receive notifications about recent events taking place when the app is not launched and without wasting any CPU or battery charge.

Solutions

The web portal is based on Django and MySQL. It is located on Amazon S3 servers where the database server and static files such as images, СSS, and JavaScripts are located as well. For a faster access to video news, video files are stored on Akamai servers that facilitate access to them from any part of the USA and Europe. jQuery is used to simplify editors’ work. RESTful and JSON architectures are used for integration with mobile devices. For sending notifications about new news posts to mobile devices such services as APNS and GCM, and later Urbanairship were used. For video reproduction, JWPlayer is used. The video is coded in various formats and in various quality for its optimized reproduction on mobile devices and with poor Internet connection.

A set of projection patterns was used for mobile application’s projection. Singletone, MVP, and Observer have proven great in understanding the code and in making changes to it.

In order to receive data that is to be displayed in the application (playlists, video information, etc.) a get request from the NowThisNews server is used. Token name and value are placed in such a request’s header. The answer comes in JSON and the application extracts required information from it.

Google maps 2.0 are used to display events.

Application’s stable workflow was achieved with great code quality and the fact it was tested by different developers and all the defects located by testers were provided with high-quality fixes before being placed inside the main development branch.

Google Cloud Message service was used for notifications of new events taking place. This services usage makes the load on device’s CPU and battery minimal and is providing the app with the ability to receive and displaying a notification.

The application is also integrated with popular social networks.

Result

The mobile application may be proud with approximate 1000.000 – 5000.000 downloads and a solid 4.0 grade on Google Play which is quite a proof of quality and stability regarding the application’s field of interest and competition. A web portal that is closely integrated with social networks like Twitter, Facebook, Instagram. The integration is also maintained with news aggregators such as MSN, Buzzfeed, Hulu with a vast base of fans and subscribers.

Theo Burry

former CTO at NowThis Media, Inc.

“The team did excellent work and I was very happy with everyone we added to the project via QArea. Together we built a custom video CMS in Django and native apps for iOS and Android powered by json feeds from this CMS. The QArea team worked on all aspects of the system, including the back-end CMS, the native apps, and testing.”

Screenshots

Other projects