Main Page
This is the Project 1 submission for CS422 - Spring 2017.
We were required to design a toaster oven using processing / processing.js
Youtube Video with narration:
Instructions:
Click the Off button.
Set timer using the up arrow (or decrease using the down arrow.)
Change the mode - toast, bagel etc
Change the shade - light medium dark and see the temperature below change dynamically.
Increase timer by 10 F or 50 F using single arrow or double arrow button respectively.
Use the preheat option to heat the toaster oven before cooking.
Click on the door handle on the top of the toaster.
Click on "Bread" to load a slice of bread.
Click on door handle to close.
Click on start.
Wait until Done appears or feel free to pause the timer in between.
Once you hear the ding sound, open the door.
Click on Bread again to take out the slice of bread.
Close the door.
Warning/Tip: - At any point in time if the the controls do not behave as expected please reload the webpage :) All features can be tested in a little over a minute.
Main Features (For C) :
indication of whether the oven is on or off : Power button on the top left corner.
ability to set the desired temperature : Left Hand side last control
display of what the current temperature inside the oven is (in F and C) : Right hand side under Preheat. Before setting preheat the temperature on this would randomly be set to anywhere between - 68 F and 77 F. On Clicking the Temperature Controls it would toggle between F and C (rounded off to nearest integer).
ability to set a timer, get feedback on time remaining, and get feedback when the timer is done : Left Hand side first control.
ability to select heating mode (e.g. bake / broil / toast / bagel / pizza / convection bake), and display of the current mode : Left Hand side Second control.
control over the amount my toast / bagel is toasted : Left hand side 3rd Control.
the user should be able to see the state of the food inside, so make sure your interface doesn't take up too much space : Controls laid out on left and right and not in the middle such that there is enough space to see the state of food inside.
the touch screen controls should be an appropriate size to touch, and any text or numbers must be legible - All numbers and text legible and the appropriate size to touch.
Graduate Student Requirement : you also need to make the temperature ramp up and down in a believable way based on the control settings : If we select a Mode and Shade we would notice the temperature ramp up and down on the temperature set button.
Additional features ( For A and B) :
Clock : Ability to view clock on the timer control when toaster not in use.
Ability to pause and play timer : Same button works as start and pause.
Ability to Preheat : Preheat button available.
Ability to decrease the timer : We can decrease the timer by using the down arrow button below the timer.
Can increase temperature in small increments of 10 or bigger increments like 50 degree Fahrenheit. : Controls single arrow and double arrow below temperature.
Used Digital font for display as seen above.
Ability to open and close the door : Click on the handle of the door to open and close the door.
Visual as well as Audio cue when toasting is done : Ding sound and the word "Done" shows up on completion.
Temperature ramp up and down based on control settings : Based on the Mode and shade selected, the temperature changes.
Ability to place a slice of bread and see the change in shade based on the shade chosen
Light turns on when Start is pressed