Hello World App Rubric
iOS Application Development
Hello World App Rubric
1
HelloWorld App Rubric Unsatisfactory
Needs Revision
Proficient
Exemplary
There’s indication that you (student) struggle to grasp concepts.
Although you (student) grasp mosts concepts, there are errors when you apply them .
You (student) grasp all necessary concepts and can apply them with little error.
You (student) grasps all necessary concepts and synthesize to apply them in ways that demonstrate true mastery.
Use of UI Elements How well you used the required UI elements.
Layout of label and/or constraints is inaccurate or contains significant errors.
Proper label placement and constraints for device are applied.
Use of Variables How you set up and declare variables in the most efficient way possible (clean code).
Set up and declaration of variables contain significant errors. There is evidence that you struggle to understand how variables operate in programming code.
Layout of label and constraints are either messy or provide an unfriendly UI experience. Set up and declaration of variables produce the intended result, but the progression and use of them throughout the program is against best practices or contains minor errors. There is evidence you understand what variables are, but you struggle to apply them in programming code.
Layout is logical, clean, and thoughtful in regards to how the user would see/use the application. Set up and declaration of variables are clear, accurate, and provide a clean and thoughtful progression throughout the program. There is clear evidence that you took steps to produce the most efficient use of variables possible.
IBOutlet How accurately you set up IBOutlets in the program.
IBOutlet for label is attempted but inaccurately.
Programming accurately implements IBOutlet for label
viewDidLoad Method How accurately you used viewDidLoad method
Application of viewDidLoad was attempted but inaccurately.
Application of viewDidLoad was accurately implemented.
MOBILE MAKERS ACADEMY 223 W Erie, Suite 4NW, Chicago, IL 60654 www.mobilemakers.co
Set up and declaration of variables are clear, accurate, and provide a logical progression throughout the program. There is evidence that you understand how to use variables to reach the needed outcome.
© 2016 Mobile Makers Academy, LLC
2
Readability of Code How readable is your code by another programmer
No application of best practices - way too difficult to decipher quirks of developer very difficult to access
effort to figure out programming quirks of developer understandable
Best practices are applied so that other developers are likely to be able to read the code.
Best practices are applied in both readability and clarity, including but not limited to comments and naming conventions, so that other developers
Team and Self Effort How well you helped your team and yourself solve problems
You did not reach out to struggling students, too often worked alone, or did not reach out for help.
You reached out to struggling students only when asked or needed prompting to ask for help yourself.
You reached out to struggling students; you recognized when you needed help and sought it out.
You went above and beyond to help others; you pushed yourself beyond the requirements of your own learning.
MOBILE MAKERS ACADEMY 223 W Erie, Suite 4NW, Chicago, IL 60654 www.mobilemakers.co
© 2016 Mobile Makers Academy, LLC
3
Evaluator Notes
The following are notes for the teacher only to help him/her evaluate the student’s work. The ideas below are suggestions only, but provide a bit of context on what to look for in a successful app. Use of UI Elements For this program, UI is all about placement and constraints for the first application, as there is little they will have under their belts prior to this. Use of Variables Proficient students will set it up in a way to work, although it may be a bit sloppy. Elegance with programming will come with time. IBOutlet IBOutlet was placed in the right spot in the code with the right adjustments if needed. Note that this criterion does not have the variance in quality as students either implemented it or not. viewDidLoad Many students may struggle with this, as methods are a hard concept. Note that this criterion does not have the variance in quality as students either implemented it or not. Readability of Code Code adheres to best practices and is likely that other students could pick it up and understand it. Team and Self Effort Students recognize when they’re stuck, ask for help, and are aware of their team’s work - helping them out as needed.
MOBILE MAKERS ACADEMY 223 W Erie, Suite 4NW, Chicago, IL 60654 www.mobilemakers.co
© 2016 Mobile Makers Academy, LLC
4
Hello World App Checklist
The following specifically outlines the exact tasks needed to be done for this assignment. Use this to help you grade quality of the application. Does the app meet the following criteria: MVP ❏ ❏ ❏ ❏
App compiles Contains 1 UILabel UILabel is top-left justified on screen UILabel has text value of “Hello World”
Stretch 1 ❏ App compiles ❏ UIButton has text value of “Click Me” ❏ UIButton background is grey ❏ UIButton is aligned to left guideline Stretch 2 ❏ App compiles ❏ UIImageView moved onto the storyboard ❏ UIImageView sized to 100 by 100 ❏ Image is placed in Images.xcassets ❏ UIImageView set to Internet image ❏ UIImage is aligned to left guideline Stretch 3 ❏ App compiles ❏ UITextField moved onto the storyboard ❏ UITextField has placeholder text value of “ Put Name Here ” ❏ UITextField is aligned to left guideline Stretch 4
MOBILE MAKERS ACADEMY 223 W Erie, Suite 4NW, Chicago, IL 60654 www.mobilemakers.co
© 2016 Mobile Makers Academy, LLC
5
❏ ❏ ❏ ❏ ❏ ❏
App compiles UISlider moved onto the storyboard UISlider Maximum value 10 and its minimum value 0 UISlider’s left side of the is green UISlider’s current value is 5 UISlider is aligned to left guideline
Stretch 5 ❏ App compiles ❏ UILabel moved onto the storyboard ❏ UILabel has IBOutlet in proper place in code and is properly named ❏ IBOutlet programmatically sets text to a String saying favorite class ❏ Label is aligned to the right of your first UILabel Stretch 6 ❏ App compiles ❏ UIButton moved onto the storyboard ❏ UIButton has IBOutlet in proper place in code and is properly named ❏ UIButton background color programmatically changed to yellow ❏ UIButton is aligned to the right of your first button. Stretch 7 ❏ App compiles ❏ UIImageView moved onto the storyboard ❏ UIImageView is sized as 100 by 100 (Either programmatically or Attributes Inspector) ❏ UIImageView has IBOutlet in proper place in code and is properly named ❏ UIImageView is programmatically set to new image from the Internet ❏ Image is placed in Images.xcassets ❏ Align ImageView to the right of first ImageView
MOBILE MAKERS ACADEMY 223 W Erie, Suite 4NW, Chicago, IL 60654 www.mobilemakers.co
© 2016 Mobile Makers Academy, LLC
6
Stretch 8 ❏ App compiles ❏ UITextField moved onto the storyboard ❏ UITextField has IBOutlet in proper place in code and is properly named ❏ UITextField is programmatically changed to say “What Fun.” ❏ Align TextField to the right of first TextField Stretch 9 ❏ App compiles ❏ UILabel moved onto the storyboard ❏ UILabel has IBOutlet in proper place in code and is properly named ❏ Variable create named favoriteBand above viewDidLoad ❏ Variable favoriteBand is assigned a String literal with a band’s name ❏ In viewDidLoad, favoriteBand variable assigned to IBOutlet Stretch 10 ❏ App compiles ❏ UILabel moved onto the storyboard ❏ UILabel has IBOutlet in proper place in code and is properly named ❏ Variable create named numberOfMembers above viewDidLoad ❏ Variable numberOfMembers is assigned an Integer value with number of band members ❏ In viewDidLoad, favoriteBand , numberOfMembers and any other text are assigned to IBOutlet
MOBILE MAKERS ACADEMY 223 W Erie, Suite 4NW, Chicago, IL 60654 www.mobilemakers.co
© 2016 Mobile Makers Academy, LLC
Hello World App Rubric
1
HelloWorld App Rubric Unsatisfactory
Needs Revision
Proficient
Exemplary
There’s indication that you (student) struggle to grasp concepts.
Although you (student) grasp mosts concepts, there are errors when you apply them .
You (student) grasp all necessary concepts and can apply them with little error.
You (student) grasps all necessary concepts and synthesize to apply them in ways that demonstrate true mastery.
Use of UI Elements How well you used the required UI elements.
Layout of label and/or constraints is inaccurate or contains significant errors.
Proper label placement and constraints for device are applied.
Use of Variables How you set up and declare variables in the most efficient way possible (clean code).
Set up and declaration of variables contain significant errors. There is evidence that you struggle to understand how variables operate in programming code.
Layout of label and constraints are either messy or provide an unfriendly UI experience. Set up and declaration of variables produce the intended result, but the progression and use of them throughout the program is against best practices or contains minor errors. There is evidence you understand what variables are, but you struggle to apply them in programming code.
Layout is logical, clean, and thoughtful in regards to how the user would see/use the application. Set up and declaration of variables are clear, accurate, and provide a clean and thoughtful progression throughout the program. There is clear evidence that you took steps to produce the most efficient use of variables possible.
IBOutlet How accurately you set up IBOutlets in the program.
IBOutlet for label is attempted but inaccurately.
Programming accurately implements IBOutlet for label
viewDidLoad Method How accurately you used viewDidLoad method
Application of viewDidLoad was attempted but inaccurately.
Application of viewDidLoad was accurately implemented.
MOBILE MAKERS ACADEMY 223 W Erie, Suite 4NW, Chicago, IL 60654 www.mobilemakers.co
Set up and declaration of variables are clear, accurate, and provide a logical progression throughout the program. There is evidence that you understand how to use variables to reach the needed outcome.
© 2016 Mobile Makers Academy, LLC
2
Readability of Code How readable is your code by another programmer
No application of best practices - way too difficult to decipher quirks of developer very difficult to access
effort to figure out programming quirks of developer understandable
Best practices are applied so that other developers are likely to be able to read the code.
Best practices are applied in both readability and clarity, including but not limited to comments and naming conventions, so that other developers
Team and Self Effort How well you helped your team and yourself solve problems
You did not reach out to struggling students, too often worked alone, or did not reach out for help.
You reached out to struggling students only when asked or needed prompting to ask for help yourself.
You reached out to struggling students; you recognized when you needed help and sought it out.
You went above and beyond to help others; you pushed yourself beyond the requirements of your own learning.
MOBILE MAKERS ACADEMY 223 W Erie, Suite 4NW, Chicago, IL 60654 www.mobilemakers.co
© 2016 Mobile Makers Academy, LLC
3
Evaluator Notes
The following are notes for the teacher only to help him/her evaluate the student’s work. The ideas below are suggestions only, but provide a bit of context on what to look for in a successful app. Use of UI Elements For this program, UI is all about placement and constraints for the first application, as there is little they will have under their belts prior to this. Use of Variables Proficient students will set it up in a way to work, although it may be a bit sloppy. Elegance with programming will come with time. IBOutlet IBOutlet was placed in the right spot in the code with the right adjustments if needed. Note that this criterion does not have the variance in quality as students either implemented it or not. viewDidLoad Many students may struggle with this, as methods are a hard concept. Note that this criterion does not have the variance in quality as students either implemented it or not. Readability of Code Code adheres to best practices and is likely that other students could pick it up and understand it. Team and Self Effort Students recognize when they’re stuck, ask for help, and are aware of their team’s work - helping them out as needed.
MOBILE MAKERS ACADEMY 223 W Erie, Suite 4NW, Chicago, IL 60654 www.mobilemakers.co
© 2016 Mobile Makers Academy, LLC
4
Hello World App Checklist
The following specifically outlines the exact tasks needed to be done for this assignment. Use this to help you grade quality of the application. Does the app meet the following criteria: MVP ❏ ❏ ❏ ❏
App compiles Contains 1 UILabel UILabel is top-left justified on screen UILabel has text value of “Hello World”
Stretch 1 ❏ App compiles ❏ UIButton has text value of “Click Me” ❏ UIButton background is grey ❏ UIButton is aligned to left guideline Stretch 2 ❏ App compiles ❏ UIImageView moved onto the storyboard ❏ UIImageView sized to 100 by 100 ❏ Image is placed in Images.xcassets ❏ UIImageView set to Internet image ❏ UIImage is aligned to left guideline Stretch 3 ❏ App compiles ❏ UITextField moved onto the storyboard ❏ UITextField has placeholder text value of “ Put Name Here ” ❏ UITextField is aligned to left guideline Stretch 4
MOBILE MAKERS ACADEMY 223 W Erie, Suite 4NW, Chicago, IL 60654 www.mobilemakers.co
© 2016 Mobile Makers Academy, LLC
5
❏ ❏ ❏ ❏ ❏ ❏
App compiles UISlider moved onto the storyboard UISlider Maximum value 10 and its minimum value 0 UISlider’s left side of the is green UISlider’s current value is 5 UISlider is aligned to left guideline
Stretch 5 ❏ App compiles ❏ UILabel moved onto the storyboard ❏ UILabel has IBOutlet in proper place in code and is properly named ❏ IBOutlet programmatically sets text to a String saying favorite class ❏ Label is aligned to the right of your first UILabel Stretch 6 ❏ App compiles ❏ UIButton moved onto the storyboard ❏ UIButton has IBOutlet in proper place in code and is properly named ❏ UIButton background color programmatically changed to yellow ❏ UIButton is aligned to the right of your first button. Stretch 7 ❏ App compiles ❏ UIImageView moved onto the storyboard ❏ UIImageView is sized as 100 by 100 (Either programmatically or Attributes Inspector) ❏ UIImageView has IBOutlet in proper place in code and is properly named ❏ UIImageView is programmatically set to new image from the Internet ❏ Image is placed in Images.xcassets ❏ Align ImageView to the right of first ImageView
MOBILE MAKERS ACADEMY 223 W Erie, Suite 4NW, Chicago, IL 60654 www.mobilemakers.co
© 2016 Mobile Makers Academy, LLC
6
Stretch 8 ❏ App compiles ❏ UITextField moved onto the storyboard ❏ UITextField has IBOutlet in proper place in code and is properly named ❏ UITextField is programmatically changed to say “What Fun.” ❏ Align TextField to the right of first TextField Stretch 9 ❏ App compiles ❏ UILabel moved onto the storyboard ❏ UILabel has IBOutlet in proper place in code and is properly named ❏ Variable create named favoriteBand above viewDidLoad ❏ Variable favoriteBand is assigned a String literal with a band’s name ❏ In viewDidLoad, favoriteBand variable assigned to IBOutlet Stretch 10 ❏ App compiles ❏ UILabel moved onto the storyboard ❏ UILabel has IBOutlet in proper place in code and is properly named ❏ Variable create named numberOfMembers above viewDidLoad ❏ Variable numberOfMembers is assigned an Integer value with number of band members ❏ In viewDidLoad, favoriteBand , numberOfMembers and any other text are assigned to IBOutlet
MOBILE MAKERS ACADEMY 223 W Erie, Suite 4NW, Chicago, IL 60654 www.mobilemakers.co
© 2016 Mobile Makers Academy, LLC
