Mini-Project:
Vocab Notecards
19
Video Tutorial
Video Tutorial
UI Layout
UI Layout
Create an app with these components:
- Label for term
- Button for visibility
- Label for definition
- Buttons for changing terms
Make sure the components are named correctly.
Create Parallel List Variables
Create Parallel List Variables
Term with matching definitions, in separate but parallel lists, are:
- Sequence: a set of instructions or statements executed in order, usually from top to bottom
- Iteration: a structure that repeats one or more instructions: loop
- Selection: a conditional instruction that lets the program branch between two or more alternatives: if-then-else
When starting the app, make sure the index is set to be on the first term, and then display the terms correctly.
Toggle the definition on/off.
Navigate to different terms, while making sure the index is not out of bounds.
Requirements
Requirements
- Pick a theme/class, i.e. biology or calculus, and create a vocab notecard app with at least 9 terms.
- Must have a better UI than TClark's
- Add one enhancement besides just pretty UI: think of how you study vocabulary and add features from notecards to your app
- Good ideas done in the past:
- Allow users to add their own terms (be careful, they should only be able to add terms if the textboxes are not empty)
- Add a countdown timer that will display the definition after 10 seconds or so
- Show users the definition, and have them enter the term, and display whether they got it right or wrong
- Make a hint button that will display a picture representing the term, then hiding the picture for next next
- Slider to change the font size or index
- Translate the terms
- Use text-to-speech and have it "speak" the term and the definition.
- Use an image component instead of LabelTerm to display a dynamic math formula picture using the Google Chart API
- Quadratic Formula: "https://chart.googleapis.com/chart?cht=tx&chl=x=\frac{-b\pm\sqrt{b^2-4ac}}{2a}"
- Integral: "https://chart.googleapis.com/chart?cht=tx&chl=\int%20e^x\,\mathrm{d}x=e^x%2bC"
- Distance: "https://chart.googleapis.com/chart?cht=tx&chl=d=%5Csqrt%7B(x_2-x_1)%5E2%2b(y_2-y_1)%5E2%2b(z_2-z_1)%5E2%7D"
- Gravity: "https://chart.googleapis.com/chart?cht=tx&chl=F=G%5Cfrac%7Bm_1%20m_2%7D%7Bd%5E2%7D"
- Good ideas done in the past:
Show TClark your completed app, then turn in all the files in the form.