72hrs!! Release Assembly - CSFV Main Site Games Page Revamp Part 2

Project Overview

This project, the CSFV Community Gaming website project will provide the web site infrastructure and integration of the games. This will be a web site that is available on the Internet, and also will be delivered in a form where the server and the games can be installed and used behind a firewall.

Competition Task Overview

The goal of this challenge is to continue implementing the revamped games page, using provided HTML UI Prototype and outlined requirements below.

Requirements

• You are updating csfv_frontend_module in this challenge.

• This page will NOT replace /games page or affect it's functionality, it should be accessed via /games2 route.

• UI Pages : index.html and index-loggedin.html

• Routes : it is either /games2 or / (landing page)

• index.html :

  • The top carousel is currently using 'order' field in CMS post to decide the order of items to be displayed in the carousel, you need to change that to remove that 'order' metadata logic and add logic to shuffle the items, so that the order is different when page render.

  • Remove leaderboards code from views and comment out the backend logic that pull the leaderboards, but do not remove it from backend.

  • “More Info” is in of scope of this challenge :

    • You can view the UI Prototype with view more info button here http://verigames.org/games-ui/index.html

    • When user click on "More Info" ajax call will be made to backend to pull information, each element or area in the "More info" panel is stored in different cms post as follow :

      • Thumbnail, Game Name, Play Now, Available on App store are stored as metadata in same cms post used to retrieve carousal items.

        • The rating stars should be removed, we don't have logic for it right now.

        • Thumbnail can be read from 'thumbnail_image_link' metadata.

        • Game Name is the title of the CMS Post

        • Play now is same metadata as 'play now' link in carousal item.

        • Available on app store : add new metadata 'app_store_link'.
          

      • "About Game" section includes the carousel below it. the id of the cms post should be stored in the cms post used to populate top carousel items. Use metadata 'about_game_cms_post_id'.

        • The structure of the cms post of 'about game' should be same as the one used to populate minisites 'about game' section (i.e. circuitbot.verigames.com/home)

        • We will provide more details about the cms post in challenge forums.

      • facebook like button link should be configured in the cms post used to retrieve the top carousel item.
      • sharing icons will share the play now link of the carousel item + cms content of that post.
      • How To Play, Game Goals, Tips & Tricks will be stored in separate cms post each, and the ID of these posts will be configured as metadata in the cms post that populate the top carousel item, "how_to_play_cms_post_id", "game_goals_cms_post_id", and "tips_and_tricks_cms_post_id" metadata key respectively.
        • Ignore 'view more' link, leave it dead link for now.
      • Report problem link should take user to 'contact us' page. 

• Use Angular.js to implement this page

Documentation Provided

• UI Prototype provided in challenge forums.
• The deployment guide to create CSFV cms post for the new /games2 page carousel items exists under docs/New Game Page - CMS Guide.doc in the csfv_frontend_module github repo.
• The deployment guide of the CSFV websites can be found in the github private repo, in README file. Ask questions in challenge forums. if you have troubles deploying the websites.

Source Code

Source code exists in private github repo https://github.com/topcoderinc/

If you get 404 then you need permission to access it. Request it in challenge forums, copilot will add you to the repository and you should receive email about you being added to github. Post your *github* account name when requesting access.

• csfv_frontend_module
• csfv_gaming_api_module (this is the module that contains code related to games scoring and achievements, every game will have seperate installation of this module)

Submission Deliverables

Below is an overview of the deliverables:

• Patch file of changes.
• Detailed document about structure of CMS posts and metadata, and configuration needed by the page.
• Deployment document with verification screens for reviewers.
• Updated csfv_test_data_generator module if needed.

Final Submission

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