TruVision v2 iPad UI Assembly 1

Register
Submit a solution
The challenge is finished.

Challenge Overview

Project Overview

Video surveillance cameras show what is happening in a scene from a remote location. Cameras are connected to digital video recorders (DVR) to allow for the recording of the scene.

Cameras and DVRs have many features available such as pan / tilt / zoom (PTZ), capturing images, and motion detection.

The project will be a cutting edge mobile application camera viewing system. The main goal of the project will be to view live video in H.264/MJPEG format from multiple cameras and recording devices. User will be able to view video from mobile devices like:

  • Smartphones
  • Tablets

The purpose of this project is to develop an interface library for the graphical front end.  The library will serve as layer of abstraction between the user interface and the underlying device logic for video.  

Application will initially support one Interlogix brand recording device (LNVR) and needs to be architected in a way to allow for addition of different brand DVRs.

Competition Task Overview

For this challenge, we need to implement all the following screens from the storyboard:

3-Multi Camera View (Home Screen)
3.1-Menu Bar Layout & Description
3.1.1-Multi View Activity
3.2-Device List View (Tablet)
3.5-Opening Live Video
3.6-Device Drag & Drop (Tablet)
3.6.1-Device Drag & Drop Activity
3.6.2-Camera Drag & Drop (Tablet Only)
3.13-Single View Layout
3.14-Functional Menu Strip
3.21-Close All Video
4-Playback Layout

We need to support both portrait and landscape mode in this assembly, but landscape has higher priority.

Note: we're still making some changes to wireframes and storyboard and some of them may affect the screens we're building in this challenge. You'll need to incoporate these chanes in final fixes.

Project Structure

The output of this assembly will be to create a solution with 3 main projects.

  • Project #1:  Hal – This will be Library project in which all the API defined in this document will implement. This already exists in the solution.
  • Project #2:  TextFixture – This will be single view application project which tests the entire API implemented in the document.  It will include a basic interface sufficient to test the features of the API. This already exists in the solution.
  • Project #3:  Ui  - This will be an application project which host the final user interface (deliverable app), see section below for details.

App Info

Please use the following info for the app:

  • Project Name: Prism Mobile
  • App Name: Prism Mobile
  • AppId: com.utc.lenel.PrismMobile

Themes

We provided two themes for this challenge: blue and green. We need the blue theme to be correctly implemented in this assembly, but we should build the app so it can be changed down the road. Which means we should code in the colors or use a pixel image for color and streatch it so we can swap out color without having to redo every screen. The logo might change so we can replace that using different images, but the individaual button icons would be the same with just different color.

This can be as simple as this: make the icons transparent and the background colors to be based on codes vs. static images. We have done this in a previous app (Truportal) and we're providing the source code for that for your reference.

Localization

Even though the app currently supports only English, we should design it to support multi-language, this means that we load all UI strings from resource and not hard code any strings.  Which will make adding the additional languages easier. Your submission must cover this properly. Note this means texts currently in the storyboard needs to be text based, instead of image based, so that we can localize them easily.

You should follow the iOS localization standards / best practices to implement this requriements, you should account for standard ways with dealing with issues like: if text if it is longer in different launguages.

You must use consistant / programatible naming standards for variables in localization, we don't want spaces in the variable name. For example: LBL_ASPECT_RATIO is good as a variable for text "Aspect Ratio" (i.e. no spaces, LBL is short for label).

Object Structure

Please use the provided object structures (DTOs) for data binding instead of creating your own.

Misc

  • In the spec / requirements document we have camera drag and drop. But for this phase, we don't need to auto adjust screen tile size, instead you can just do 4x4 tiles. And you don't need to be able to rearrange the tiles.
  • For playback, we don't need to implement the gap map functions.

Technology Overview

  • Objective-C 2.0
  • Xcode 5.x
  • iOS 7

Documentation Provided

Please register to see documents in the contest forum.



Final Submission Guidelines

Submission Deliverables

A complete list of deliverables can be viewed in the TopCoder Assembly competition Tutorial at: http://apps.topcoder.com/wiki/display/tc/Assembly+Competition+Tutorials 

Below is an overview of the deliverables:

  • A complete xcode solution with all the mentioned screens implemented, it should also cover the themes and localization requriements.
  • A complete and detailed deployment documented explaining how to deploy the application including configuration information. You must include some simple instructions on how we can replace the logo and change the colors if we are going to switch to a different theme (example: blue -> green).

Final Submission

For each member, the final submission should be uploaded to the Online Review Tool.

Review style

Final Review

Community Review Board

Approval

User Sign-Off

Challenge links

ID: 30041214