Specifications

Project Specifications

ODDS online would like to bring the comfort of the well-known mobile-like interface to the size of the desktop webpage. The main goal of this project is to optimize the website to be more user-friendly by revamping the design to create a dock experience, similar to the iPhone, which pulls only needed data to view the selected chart. At this time, these are the tasks the customer has requested in priority order and the team and customer agreed to in person in a meeting on February 8th. It has also been agreed upon that the first and main priority is the design, and the tasks that follow should come after the design's completion if time allows.

Tasks

1. Design and implement a dock interface similar to the iPhone or Android OS look and feel to further ensure ease of use.
   • The website as it is now displays multiple charts at a single time, with a menu on the right side with many different options that can be toggled on and off (see the "Design" tab under "Project" to see the current user interface or click here). The goal in revamping this design is to always have a dock menu bar at the bottom of the screen that then brings up further drop down menus to allow the user to select the exact chart they desire, conserving space and making it easy to use. This new design will only bring up one chart at a time, and will have a "folder-like" menu appearance like a mobile operating system, to bring familiarity in the design.
   • User interface should be done using JQuery UI, bootstrap, or other HTML5 libraries rather than JQuery Mobile.
2. Code Optimization
   • The current website is pulling all data related to a ticker once it is selected, regardless of what charts and options are requested. This task is to optimize the code to only pull from the database the data in regards to user selected chart, instead of all information regarding the stock name. This also includes limiting the amount of unecessary code in the files. We only need to implement functionality for the "Charts" menu options.
3. Color Changes
   • The customer would like to be able to change background colors from a black color scheme to a white color scheme and vice versa. This would be great for the users of the website if they were wanting to print a chart without using tons of black ink, or had vision trouble and white/colored text on a black background would be hard for them to see. We imagine this as a toggle button in the top right corner that simply flips the color scheme when turned on and off.
4. New Charts
   • If time allows, the customer would like to see the team add a new chart using the HighCharts plugin. They want this chart to be an "indicators" chart that goes along with a new "Technical Analysis" menu with chart options such as "Relative Strength Index" and "Simple Moving Average".

Supported Devices

The customer wants to continue to have the website support the most used web browsers among their customers. Additionally, these browsers are also used on tablet devices in desktop mode, and therefore will not require different coding to support these. These browsers, in priority order, are:

• Google Chrome: Version 57.0.2987.133 (64-bit) (used on desktops, laptops, and Android tablets)
• Apple Safari: Version 10.0 (12602.1.50.0.10) (used on desktops, laptops, and iPad tablets)
• Mozilla Firefox: Version 52.0.2 (64-bit)

It was discussed that the website is mobile friendly, but that a mobile design is not a priority as it is not widely used by their users.

Customer Information:

Don Fishback Options and Derivatives Decision Support (ODDS) tools

• According to their website, Don Fishback and ODDS OptionApps teach basic and advanced option trading strategies and provide option trading software, services, educational materials, and option market data.
• Learn more here: https://www.donfishback.com/