PLTW - App Creators

PLTW App Creators introduces students to the field of computer science and the concepts of computational thinking, through the creation of mobile apps. Students are challenged to be creative and innovative, as they collaboratively design and develop mobile solutions to engaging, authentic problems. Students experience the positive impact of the application of computer science to society as well as to other disciplines, particularly biomedical science.

The unit provides students opportunities for self-expression. Teams identify a personal or community problem of interest to them that can be solved with a mobile app solution. The problem can address issues such as health and wellness, the environment, school culture, emergency preparedness, education, community service—the options are endless!

PLTW APP CREATORS

• Let's Create An App - Students are introduced to the concept of pair programming, app development, and the MIT App Inventor development tool. They learn about the Model-View-Controller (MVC) design pattern, app graphical design, event-driven programming, debugging, and algorithm creation using variables and conditional logic. They create engaging biomedical science apps and fun interactive games that apply these concepts and use basic user interface features, media, and animation. 

• Taking It To The Next Level - In Lesson 2, students further explore the concepts investigated in Lesson 1 and build upon their skills to use data in mobile applications. They create algorithms using loops to streamline repetition and iterate through lists, and create procedures to abstract the details of a task and reduce redundancy. They learn to organize and store persistent data collected from user input and device sensors. 

• The App Challenge - Students apply all of the knowledge and skills they have acquired to design and create a mobile app solution for a personal or community problem. They apply the design process and computational thinking skills to decompose the problem into smaller modules. Following user-centered design principles, they design and create an appropriate user interface and program the app to produce the desired behavior. . 

Student created app (This is only this student's portion of the app. The app is linked to their teammate's section. From there it can be published publicly if the student opts to share their app.)

Following the link shows the code used. 

Cra-Z Coconuts

button("Home_btn", "Back to Home");

onEvent("Home_btn", "click", function( ) {

  setScreen("Home");

});

setPosition("Home_btn", 40, 380, 100, 50);

button("Quality", "Low");

button("Quality_2", "Medium");

hideElement("Quality_2");

button("Quality_3", "High");

hideElement("Quality_3");

onEvent("Quality", "click", function( ) {

  console.log("Quality clicked");

  deleteElement("Quality");

  showElement("Quality_2");

});

onEvent("Quality_2", "click", function( ) {

  console.log("Quality clicked");

  deleteElement("Quality_2");

  showElement("Quality_3");

});

textLabel("Quality_description", "Quality (Click/Tap to change)");

onEvent("Play_btn", "click", function( ) {

  setScreen("Play");

});

onEvent("Plant_btn", "click", function( ) {

  showElement("Palm_Tree3");

  hideElement("Palm_Tree2");

  showElement("Grow_btn");

  showElement("Grow_btn2");

  hideElement("Plant_btn");

});

onEvent("Settings_home_btn", "click", function( ) {

  setScreen("Settings");

});

onEvent("Grow_btn3", "click", function( ) {

  showElement("Palm_Tree2");

  hideElement("Palm_Tree4");

  hideElement("Palm_Tree5");

  hideElement("Grow_btn3");

  showElement("Cocoanut");

  showElement("Grow_btn");

  showElement("Grow_btn2");

});

hideElement("Grow_btn2");

hideElement("Grow_btn3");

onEvent("Grow_btn", "click", function( ) {

  showElement("Palm_Tree4");

  showElement("Grow_btn2");

  hideElement("Palm_Tree3");

  hideElement("Palm_Tree3");

  hideElement("Grow_btn");

});

onEvent("Grow_btn2", "click", function( ) {

  showElement("Palm_Tree5");

  showElement("Grow_btn3");

  hideElement("Grow_btn2");

});

onEvent("Collect_btn", "click", function( ) {

  hideElement("Cocoanut");

  hideElement("Palm_Tree2");

});