Periodic Table

This specific periodic table implementation for the Chemistry Tutor project will serve as a resource for both users and question designers.

To access the Periodic Table, Setup and Student Users will have to be completed; students would need to already have an account and be logged in.

It needs to be usable in multiple different exercises, or platforms (e.g. being provided for a question during a quiz or having sections of it that are hide-able for studying). Any user or admin who has logged in should be able to access it.

The user can see the periodic table itself, or when some portion of it is shown during an exercise they can see that reduced portion.

A user may be able to view a small part of the table if that's what an exercise provides. Exercise designers will be able to restrict information accessible to the user.

medium or medium-high priority

We will maintain a color-coded legend for the different categories of elements and their states. These categories are: hydrogen (by itself), alkali metals, alkaline earth metals, transition metals, lanthanides, actinides, poor metals, other non-metals, ununseptium (by itself), noble gases. Text colors are based on state of matter.

Elements need to be categorized for coloring.

A user will see the table with different colors indicating each element's type (category) and state. They will also see a legend with colored boxes for the categories and text for the states.

Users will apply color codings to discern information about a given element or group of elements.

medium priority

We will a non-visible line separating all the metallic and non-metallic elements.

We need the table to be available.

A quiz question may ask if an element is a metal or not, and it will use this line to discover the answer.

medium priority

To clean up the look of the table, we will remove the names of each element from their respective element boxes.

What had to happen before someone reaches this page, e.g., user must be logged in and have certain authorization privileges.

Link to earlier feature as appropriate, so that we can easily reference the requirements for that feature.

A user will see the same table with the one difference being there are no longer any element names, only symbols. We will make one of the add-on options be the displaying of the element names.

medium priority

In order to make the table easier to view and navigate, we will increase the size of the different numbers for each element.

To adjust the numbers' font sizes, we will need to already have removed the element names.

The user will see the same table with the difference of the numbers being larger.

low

We will remove the bottom, separated portion of the table consisting of radioactive elements because they are superfluous to the needs of the users that will be using it in this context.

There will no longer be a separated portion of the table with progressively weirder and unoriginal names.

low-medium

These element names need to be updated.

The user will see content that is no longer incorrect.

Users will use the information that has been updated to answer questions.

high

We will (potentially) create checkboxes for displaying colors and/or displaying names of elements. If we discover an easier way to do this, we will change the methodology but not the end result.

The categories must already be color-coded.

There are four different variations of the table the user can see based on their choices: one is without names and colors, one is with names and without colors, one is without names and with colors, and the last is with both.

The user checks and unchecks checkboxes to display or remove colors and names.

When a box is checked or unchecked, a different html page will be loaded with the only difference being the cosmetic difference sought by their action. This will require four different permutations of the page and table. By default, the table will be displayed with colors and without names.

A user can change these display options to learn more information or to quiz themselves. Exercises can use this property to display a customizable amount of information.

medium-high

We will provide the user with the option to change the coloring of each of the categories of elements.

The categories need to be formed and the color labels need to be created and assigned.

The user will see the table with the original colors displayed, but if they change the color of any given category, the table will reflect that change.

The user will be able to select a color from a list in a drop down menu for each of the element categories.

When a color in a drop down menu is selected, all of the elements in the category assigned to that label will change to the selected color.

Users can change the categories' colors to better fit with their personal color/element associations or to make it look pretty.

low

We can make improvements to the table's appearance such as changes to borders, font, etc.

In order to ensure the table looks just as desired, all features listed prior to this except for integration into multiple exercises and the line separating metals and non-metals need to be completed.

A better, more attractive display of the table.

low