====== Periodic Table ====== This specific periodic table implementation for the Chemistry Tutor project will serve as a resource for both users and question designers. == Prerequisites === 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. ===== Features ===== === Ability to be Integrated into Multiple Exercises ===== 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. == What a User Sees === 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. == Example Use Cases == 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. == Priority == medium or medium-high priority === Labels for Color Categories === 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. == Prerequisites == Elements need to be categorized for coloring. == What a User Sees == 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. == Example Use Cases == Users will apply color codings to discern information about a given element or group of elements. == Priority == medium priority === Non-Color Line between Metals and Non-Metals === We will a non-visible line separating all the metallic and non-metallic elements. == Prerequisites == We need the table to be available. == Example Use Cases == A quiz question may ask if an element is a metal or not, and it will use this line to discover the answer. == Priority == medium priority === Removing Element Names === To clean up the look of the table, we will remove the names of each element from their respective element boxes. == Prerequisites == 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. == What a User Sees == 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. == Priority == medium priority === Larger Font Sizes for Numbers === In order to make the table easier to view and navigate, we will increase the size of the different numbers for each element. == Prerequisites == To adjust the numbers' font sizes, we will need to already have removed the element names. == What a User Sees == The user will see the same table with the difference of the numbers being larger. == Priority == low === Removing Radioactive Elements === 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. == What a User Sees == There will no longer be a separated portion of the table with progressively weirder and unoriginal names. == Priority == low-medium === Update Names of Elements 112-118 === These element names need to be updated. == What a User Sees == The user will see content that is no longer incorrect. == Example Use Cases == Users will use the information that has been updated to answer questions. == Priority == high === Add Options to Display Colors and Names === 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. == Prerequisites == The categories must already be color-coded. == What a User Sees == 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. == What a User Does == The user checks and unchecks checkboxes to display or remove colors and names. == Behavior of the Application/Feature == 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. == Example Use Cases == 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. == Priority == medium-high === Make Colorings Easy to Change === We will provide the user with the option to change the coloring of each of the categories of elements. ==Prerequisites == The categories need to be formed and the color labels need to be created and assigned. == What a User Sees == 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. == What a User Does == The user will be able to select a color from a list in a drop down menu for each of the element categories. == Behavior of the Application/Feature == 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. == Example Use Cases == Users can change the categories' colors to better fit with their personal color/element associations or to make it look pretty. == Priority == low === Make it Prettier === We can make improvements to the table's appearance such as changes to borders, font, etc. == Prerequisites == 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. == What a User Sees == A better, more attractive display of the table. == Priority == low