Challenge Summary
Welcome to $150 topcoder Arena Contest Problem Flow Design (Graphic)
In this challenge, we need your help to create Contest Problems Page Design.
This F2F is subjective - so the first solution that the client likes and fulfill the required updates will win. We will consider all submissions until a the winner is declared.
Attachment Files:
Black_Theme.zip - This is current Contest Management Flow
F2F Tasks
1. Create Contest Problem List Page
- This single page will contains all list of Contest Problem, this page will viewed by all topcoder members when practice code problems
- Remr
- A member shall be presented with a list of problems that have already being used in at least one SRM, i.e. only problems in "used" status.
- On page load show all problems sorted by Problem Name.
- The following fields shall be displayed for each problem in the list:
a. Problem Name
- Examples:
-- BlackAndWhiteGame
-- Factorial
-- SumGame
b Problem Type
- Examples
-- Single
-- Long
c Points
- The points value assigned to this problem in the last SRM in which it was used.
- Examples:
-- 250
-- 500
-- 1000
d Difficulty
- Examples:
-- Easy
-- Medium
-- Hard
e. Status
- Status of the problem as it pertains to the user:
-- New (The user has never opened this problem)
-- Viewed (User has opened but not solved the problem either during an SRM or using this problem practice feature)
-- Solved (User has opened and solved the problem passing system tests either during an SRM or using this problem practice feature)
f. My Points
- For problems the member has solved either during a SRM or using this problem practice feature, this represents the score attained by the member the first time the member solved the problem.
2. Search Function
- For this page members shall be able to sort the problem list by Problem Name, Problem Type, Points, Status, My Points, and Difficulty.
- The following filters shall be available to members to filter the list of problems:
Problem Type: single select list of problem types
Points: Range (lower boundary, upper boundary, e.g. 250 - 500)
Difficulty: single select list of Easy, Medium, Hard.
Status: single select list of New, Viewed, Solved.
- You can re-use existing design, but make sure fields correct
- Show separated screen show the different filter on Search Result
3. Practice Function
- In every row in the problem list table, a "Practice" button or link shall be displayed. - When clicking the element, the user shall be taken to the coding are with this problem loaded just as if they had selected to open this problem in a regular SRM.
- Show screen when console loaded. You can re-use console design on attached Problem-Console-Pages.zip
- If the user has submitted, compiled, or saved a solution to this problem before, the content of the coding panel shall be populated with the latest version of the code that was persisted on the server.
- If the user saves, compiles, or submits a solution to the problem, this solution shall be saved to the server for the next time the user opens this problem.
- Show status if user already submitted, compiled, or saved a solution to this problem
F2F GUIDELINES
We will review submissions as they are submitted
We will review ALL submissions until we declare a winner based on
1) Task Requirements
2) Client is happy with how it looks/works
3) Time the solution was submitted
Let us know if you have any questions.
Thank you
Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.