|Tom Bredemeier teaches using the application Xcode.|
Students showed me examples of a recently completed app, a tip calculator (for calculating the gratuity for a waiter or other service). To create this app, students needed to write the code to allow a user to input cost, select the percentage for the tip, perform the tip calculation, and display the result. Some students also added an option to display the amount owed if multiple people were included on the same bill. Using a software developer application called Xcode, students write the code on their MacBook Air laptop and then click a "play" button that launches an interactive iPhone display that pops up on the screen.
I was struck by the many different approaches taken by students to both structure the app and design the user interface—the elements on the screen with which a user must interact to successfully use the app. For example, students needed to method for users to select how much of a tip to calculate. I observed three different approaches:
- Some students allowed the user to type a numeral in a text field for the percentage they wish to tip.
- Other students presented several buttons, or a “segmented control” with three connected buttons, displaying choices of 10%, 15%, and 20%.
- A few students created "slider" control so the user can slide to select any percentage.
|The student on the left used a slider while the student on the right used a segmented control, two of many possible user interface approaches.|
In my conversations with students, I learned that the logical approach to problem solving they were learning as coders was also translating to other parts of their life. Please take a look at the following video that features both Mr. Bredemeier and Emma B., a learner with no previous programming background before taking this Mobile Apps class.