UX Design

• User Exprecience Design
• EX. Submission 1
  • Submission 2
• Contributions

User Exprecience Design

• User Experience Design is the ability to make a friendly and easy to use interface for the user.
• Through the use of CSS and SASS to be able to create a dynmaic interface
• @media queries can be used to make the page more dynamic for mobile phones and users
• Ux allows for greater reach and accesbility of the program
• Important to begin first as it serves as a way to develop the back end of the program

EX. Submission 1

Reporting Category	Scoring	Criteria	Description
Program Function & Purpose	0/1	Video Input Program Functionality Output Written Purpose Function Input & Output description	The video showcases the program running with two different inputs and outputs. Then they are subsequently described in the write up along with a description of the program’s function but not the purpose.
Data Abstraction	1/1	2 Code Snippets with data collection Name of list is correctly identified Data is correctly Identified	List SideIndex then used to fulfill the function of the program and used to store data with the name correctly identified and the data the names of the triangles as a result of their side lengths is also correctly identified
Managing Complexity	0/1	List being used to manage complexity Explains how program could be written differently without the use of the list	The list SideIndex doesn’t not manage any complexity as it doesn't store data that could not be done in a way without the use of the list and the description of how the program couldn’t be written
Procedural Abstraction	1/1	Procedure with 1+ parameters Procedure Description + contribution	Made the function ratioCalculate with three required parameters and function was properly described in the manner in which it functioned
Algorithm Implementation	1/1	Code has student made algorithm showing iteration, selection, and iteration Explain how the algorithm works and to the detail that someone else could recreate it	Function has sequencing iteration and selection. Also described the program with enough detail that it was possible to remake.
Testing	1/1	Two different Function calls Describes condition being tested Identified the result of the call	Describes the two different classes with different arguments. Then says what is being tested in the function calls.

Submission 2

Reporting Category	Scoring	Criteria	Description
Program Function & Purpose	1/1	Video Input Program Functionality Output Written Purpose Function Input & Output description	Shows the program running and shows the output for the program. Also showcases the purpose and function of the program.
Data Abstraction	1/1	2 Code Snippets with data collection Name of list is correctly identified Data is correctly Identified	Two different code segments and how they are state how the data is stored and the name of the list startGrid. Also says what data is being stored in the list.
Managing Complexity	1/1	List being used to manage complexity Explains how program could be written differently without the use of the list	Says how the list manages the complexity of being able to store the status of many items. Also described how it would not be able to be made without a list.
Procedural Abstraction	1/1	Procedure with 1+ parameters Procedure Description + contribution	There is a student made function with 2+ parameters and a description of the program functions and a description that falls in line with its purpose
Algorithm Implementation	1/1	Code has student made algorithm showing iteration, selection, and iteration Explain how the algorithm works and to the detail that someone else could recreate it	Has a student developed function that has iteration and selection also states how the algorithm works to the ability that anyone can recreate it.
Testing	1/1	Two different Function calls Describes condition being tested Identified the result of the call	Describes two different function calls with different parameters and then the function also correctly described the conditions test and the results were properly identified.

Contributions

• Created a login and Sign up page for the code crunch game with also beginning research into jquery to be able to parse the json data that will be created by the api. Also customized css and added a gradient background theme and some changes to the fonts.