Appirio Sales Kit Mediafly Interactives App Conversion Part 1

Project Overview:

Welcome to the Appirio Sales Kit Mediafly Interactives App Conversion Part 1 challenge! This Sales Kit Application will be used by Appirio sales teams, partners and customers. They will have immediate and secure access to all the latest sales and marketing materials.

Competition Task Overview:

The main task of this competition is to convert the existing Responsive HTML5 Prototype application into a Mediafly Interactive (which is really just a static web site - HTML, CSS, JS and Images - compressed in a .zip file).

Please convert the HTML, CSS, JS and Images produced for the Responsive HTML5 Prototype application into an Interactive by following the instructions here http://devdocs.mediafly.com/interactives/

NOTE: The main focus is on mediafly functionality to populate actual data on mediafly app. If you see any style issues on current prototype and you are not able to fix these (which is optional), please note down those issues in your submission for the reference of style bug fixes. We want to help Mediafly build more of these interactions - so please let us know your thoughts and any issues you find while exploring this code.

Tips for Success: Asking questions early and getting Copilot or PM's feedback is very important for the success of this challenge.

1. Prototype Convertion:

• We would like to convert these Responsive HTML5 Prototype application into Mediafly Interactives.
  • 01 Cover page
  • 02 Welcome page
  • 03 Welcome_Left Move page
  • 04 Folder View page - (all contents are in scope including sub folder navigations, except popups)
• You need to create package for the interactives and also deploy into Mediafly Airship as per the building interactives development documentation (http://devdocs.mediafly.com/interactives).
• Your application must work properly in below required browsers as like current prototype works:
  • Safari Browsers on iPad and iPhone
• Mappings for the mfly JSON objects with prototype object bindings.
  • The mfly API call are very simple to retrieve data - please ask in forum if you need any help on this.
  • Please refer mediafly examples - https://bitbucket.org/mediafly/mediafly-interactives-tools-and-examples/src.
  • Add new properties (date, received, thumbnailUrl, launched, keywords, new) from the mfly json objects to prototype json object.
  • Existing properties mapping - ('url' to 'href', 'name' to 'label' & 'title').

2. Deployment Guide:

• Include a video showing your solution in action - include installation and setup instructions.

Technology Overview:

• HTML5/CSS3/JavaScript
• AngularJS
• Mediafy Interactives

Documentation Provided:

Please register to see attached documents.

Final Submission Guidelines

• A complete code changes after Mediafly Interactives application conversion.
• Include a video showing your solution in action - include installation and setup instructions.