U3Ch1L2_Introduction To Design Mode

Purpose: Students will learn how to design the user interface for an App.

 Activity: Log onto: Code.org. U3Ch1L2: Introduction To Design Mode  (Handout: L1 & L2)

Journal: Think of two phone Apps that you like to use. Quickly draw the interface of both on the handout. Compare them. State the similarities and differences between them.

Activity: Log on to Code.org / U3Ch1L2 "Design Mode Exploration."  

• Screen 1: Time to play and learn...try changing everything! - Elements.
• Screen 2: Follow the directions in the Instructions Window (scroll). - Themes.
• Screen 3: Follow the directions - Colors.
• Screen 4: Follow the directions - Images.
  • In order to bring an image/icon onto the screen – GoTo: Workspace/Image/Choose – then select either ‘My Files’ / ‘Link to Image’ / ‘Icons’  
• Screen 5: Follow the directions - Add Icons.
• Screen 6: Follow the directions - Add Meaningful Names
• Screen 7: Recreate the shown design interface.