Prototype

From The Open Forum Foundation Community

This is intended to be a very simple working prototype of the core functions of the solution. It should be attractive, but simple (Googley design) with a focus on showing the usability of the system. Design IS important!

Navigational Prototype

Use Cases

Functionality

• Create user account
• Register an opinion and tag with an issue area
• See list of opinions
• Express Dis-Agreement on an opinion (this is a slider representing agreement to disagreement level)
• Create issue area and specify what 'for' and 'against' the issue area means
  
  • This is important for the aggregation mechanism to function.
  • Today, everything on the Hill works on a for/against system so we're starting with that system at the top level of aggregation
• See list of issue areas
• See aggregated results in a dashboard

Screens

• User login - module
• User details (can edit)
• Home page
  • Lists opinions in Popularity order
    • With ability to sort by Issue area or Opinion, in alpha or popularity order
    • Search Opinions
    • Shows Opinion, Issue Area, Popularity (number of Dis-Agreements registered)
    • Nikita: Popularity not good - leads to mob mentality. I have some thoughts on how to deal with this.
• Register Opinion
  • Can tag with Issue Area and specify if the opinion is for/against
  • Can create new issue area
  • Express Dis-Agreement (slider) with option to comment
• Issue Areas
  • List Issue Areas (Name, proDef, conDef) alpha by Name or by popularity order
  • Search Issue Areas
• Create/edit Issue Area
  • Should have some checking to keep from creating duplicates
• Opinion page
  • Can express Dis-Agreement (slider)
  • Can add Comment
• Dashboard page
  • Issue areas can be selected from a drop down
  • Graphical representation of constituent Dis-Agreement on a map based on zip code, color coded to represent Dis-Agreement (for example, disagreement may be red, agreement yellow, and the
    
    • Hovering over a district shows the number of Dis-Agreement relevant to the issue area
    • Map should pan and zoom
    • Color legend to make it obvious
  • Clicking on a district will provide a pie chart of the popularity of the top 9 opinions (and 'Others' if there are more than 9) with a list of all opinions for that issue area ranked by popularity
    • Each slice of the pie chart will be colored to show their level of Dis-Agreement with 'Others' in a neutral color
    • List will show opinion, popularity, number of comments - also color coded
    • Maybe this could be done with a concept similar to a tag cloud in some way instead of the pie chart...
  • Clicking on an opinion will show opinion and Description with a list of comments in reverse chronological order
    • Each comment will be color coded to its Dis-Agreement

Database structure

Tables:

• Users
  • ID
  • username
  • Name
  • ZipCode
• Issue Areas
  • ID
  • Name
  • Description
  • ProDefinition
  • ConDefinition
• Opinions
  • ID
  • Opinion
  • Description
  • ProCon
  • User_ID
• Dis-Agreement
  • ID
  • Opinion_ID
  • Rating (-1 to 1)
  • Comment