EN ES

For full access, please log in or sign up for a FREE account

Log In Sign Up

Facial Advocacy: Designing Climate Awareness Filters (es)

sofware
Software: MIT App Inventor
| print Print as PDF |
Como (0)
|
Share

Welcome to 'Facial Advocacy: Designing Climate Awareness Filters,' a dynamic lesson that merges Social Studies with App Development for students in grades 6-7. This lesson is a gateway for students to delve into the critical topic of climate change, leveraging technology to create facial filters aimed at raising awareness about environmental issues. By intertwining the exploration of climate change's impact on specific regions studied in Social Studies with the technical intricacies of crafting facial filters using MIT App Inventor, students embark on a journey of understanding, creation, and advocacy. Throughout this engaging lesson, students not only comprehend the gravity of climate change but also harness their creativity, technical skills, and environmental knowledge to design filters that effectively convey messages about climate issues. This hands-on approach encourages students to envision technology as a powerful tool for environmental advocacy while aligning with educational standards such as CCSS and ISTE, fostering a generation of empowered learners equipped to tackle global challenges.

Prior Knowledge:
Learners should:
Possess fundamental computer skills, including familiarity with digital design tools or software (preferred but not mandatory).
Understand the concept of facial filters and their application in social media platforms (optional but beneficial).

Lesson Objectives:
Learners will:
Understand the relationship between climate change and its impact on specific regions studied in Social Studies.
Explore the technical aspects of creating facial filters using digital design tools.
Use creativity to design and develop facial filters that raise awareness about climate change.
Apply their understanding of environmental issues to effectively convey messages through their designed filters.
Recognize the potential of technology as a tool for environmental advocacy.

Learning Outcomes:
By the end of this lesson, learners will be able to: 
Explain the connection between climate change and its effects on the studied regions in Social Studies.
Demonstrate proficiency in using digital design tools to create facial filters.
Create facial filters that effectively communicate messages related to climate change.
Critically evaluate the effectiveness of their filters in raising awareness about environmental issues.
Showcase an understanding of how technology can be used for environmental advocacy and awareness.


Resources: 
Teaching Deck
Printout of Climate face filter app evaluation(One per group).
A Face Filter App for reference
Laptops / Computers
Access to MIT App Inventor on each device.
A stable wifi connection.


Lesson Overview

Overview  Activity Objectives 
Opening Activity  Learners will be introduced to the dangers of Climate Change and the impact it will have.  Understand the relationship between climate change and its impact on specific regions studied in Social Studies.
Recognize the potential of technology as a tool for environmental advocacy.
Main Activity Learners will brainstorm modern ways of creating awareness amongst people for Climate Change and create their own face filter app on MIT App inventor with filters that spread awareness and call to action for Climate Change. Explore the technical aspects of creating facial filters using digital design tools.
Use creativity to design and develop facial filters that raise awareness about climate change.
Apply their understanding of environmental issues to effectively convey messages through their designed filters.
 
 Closing Activity Learners will showcase their Climate Change Face Filters and gain feedback from peers. They will also reflect on their product.   Share and reflect on their face filter app. 

Pre-lesson Prep
Like all lessons on Eddy, this lesson follows a certain approach. If this is your first time implementing an Eddy lesson, check out our lesson approach for more information.
Prepare necessary technology/hardware in advance.
Devices (tablets/laptops/Chromebooks/computers) - one per team
A stable wifi connection.
Access to MIT App Inventor on each device.
Projector
 

Slide ImageSlide Image

Slide 1, 2

Pause at this slide and allow learners to go through the objectives.

Slide Image

Slide 3

"Alright, everyone, take a look at this image. What do you notice? What's your initial reaction to this picture? I'll give you a moment to think about it and then I'd like to hear your thoughts. What do you think this image might be trying to tell us?"
Facilitate a brief discussion, encouraging students to share their interpretations and thoughts.

Slide Image

Slide 4

Did you know that this meeting took place underwater? Ministers gathered below the sea to draw attention to the dangers caused by global warming. What do you think the purpose of this meeting was? Why do you think they chose to have it underwater?"
Encourage students to think about the symbolism and significance of such an event, prompting discussion about the impact of climate change.

Slide Image

Slide 5

Encourage students to consider the implications of losing landmass due to climate change and discuss the role of leaders in addressing these challenges.

Slide Image

Slide 6

Briefly define global warming as the gradual increase in Earth's average temperature due to human activities, leading to various environmental changes.
Encourage engagement by asking thought-provoking questions:
"What do you already know about global warming?"
"How might global warming affect our daily lives?"
"Why is it essential for us to address global warming?"

Slide ImageSlide Image

Slide 7, 8

Explain that NASA provides powerful tools to observe and understand changes in our planet's climate.Encourage students to interact with the tool and note any significant observations or trends they find.
Facilitate a discussion around their discoveries during the exploration by asking "What changes do you notice in global temperature over the years?"

Slide Image

Slide 9

Begin by asking "What modern approaches or tools can we use to inform others about climate change and its impact?". 
You can also share some examples: 
Podcasts or YouTube Channels: Creating informative podcasts or YouTube videos discussing climate issues, solutions, or personal experiences.
Interactive Websites or Apps: Developing interactive platforms or apps that educate users about climate change and suggest sustainable practices.
Online Petitions or Activism Platforms: Participating in or initiating online petitions or campaigns urging action from governments or corporations regarding environmental policies.
Virtual Reality (VR) Experiences: Using VR technology to simulate the effects of climate change, offering immersive learning experiences.

You could emphasize the importance of adapting to modern communication channels for effective outreach on climate change issues by stating:
"In today's digital age, our ability to address global challenges like climate change relies heavily on our adaptation to modern communication channels. Utilizing platforms like social media, podcasts, interactive websites, and virtual reality isn't just a trend; it's a powerful strategy. These channels offer us the reach and engagement needed to spread awareness far and wide. They enable us to connect with diverse audiences, inspire action, and foster a sense of collective responsibility towards our planet. Embracing these tools empowers us to amplify our voices, create meaningful conversations, and drive change on a scale never seen before.

Slide Image

Slide 10

 

Explain the task that students will embark on to create online face filters aimed at raising awareness about climate change and urging action.

Task Description:

  • "Your task is to design online face filters using digital design tools or software."
  • "These filters should creatively convey messages about climate change and inspire action."
  • "Consider incorporating symbols, messages, or elements that highlight the urgency of addressing climate issues."
Slide Image

Slide 11

Have you ever snapped pictures using facial filters? Instagram and Snapchat have popularized these filters online, but have you wondered about their mechanics? Interested in crafting your own facial filters?
Throughout this project, you'll delve into the workings of a cutting-edge AI technology known as Facemesh. This model, developed by Google and accessible to everyone, will be our focus for learning and creating facial filters.

So what is the Facemesh Model?
The Facemesh model is designed to capture various facial features by pinpointing specific coordinates, like the X and Y locations of your nose, forehead, and mouth within an image. With this data, creating facial filters becomes possible, where images precisely align with specific points on your face.
To access the Facemesh model, we'll utilize the FaceExtension—a tool within App Inventor. This tool acts as a gateway, allowing you to integrate the model into your personal mobile application. The ultimate goal of this project is to develop your own filter camera! This app will enable you to capture imaginative photos and easily share them with your friends.

Slide Image

Slide 12

Walk learners through the components added and their utility.
CaptureButton: Enables users to capture a photo.
FaceExtension:
AI technology tracking facial key points for creating facial filters.
Connected to the WebViewer component, necessitating a web browser to operate.
WebViewer's visibility is deactivated as the Canvas is utilized for viewing.
Canvas: Displays the live camera view as a background and the selected facial filter (e.g., cat/lion).
Matching Dimensions:The dimensions of the WebViewer component, the Canvas component, and the FaceExtension must match in order to facilitate face tracking. If you change the default values of the height and width or any one of the three components, make sure that you change it identically for all three of them.

Slide Image

Slide 13

The key points of the face tracked by Facemesh are:
forehead
chin
left cheek
left eye bottom
left eye inner corner
left eye top
left eyebrow
left forehead
left nose
mouth top
mouth bottom
nose bottom
right cheek
right eye bottom
right eye inner corner
right eye top
right eyebrow
right forehead
right nose.

Slide Image

Slide 14

Each key point is returned as a list of two elements representing the x and y-coordinates.
For example, the key point “forehead” will be a list of 2 elements:
[forehead x-coord, forehead y-coord]
When Facemesh is unable to track the entirety of a face, it will return an empty list so the filter will not work; make sure the face is within the camera frame!

Slide Image

Slide 15

Explain to learners how they they can activate the facemesh extension and see the key points on their face. 

Slide ImageSlide Image

Slide 16, 17

Some code that is already present in the blocks are does the following tasks:
The first code block state simply that Here we have two variables: “photocount”simply counts how many photos have been taken, and “mostrecentphoto”stores the file name of the most recently taken photo.
When you press the CaptureButton, it updates the file name of the mostRecentPhoto to the latest image, and the photoCount goes up by 1. The first picture you take gets named ‘image1.jpg,’ the second one is ‘image2.jpg,’ and so on. All these pictures are saved on your device. Depending on your device, you can find these photos in the place where files usually go. For instance, on a Google Pixel, you can see them in the “Files” app.
We keep track of photoCount and add 1 each time so that each picture has a different name. If we didn’t do this, every photo you take would be saved with the same name, replacing the previous one.

placeImage procedure places the center of img, the ImageSprite, on the facePoint, the key point tracked by Facemesh.

Slide Image

Slide 18

Time to add visuals of your choice to the face filter you are creating. 

Slide ImageSlide ImageSlide Image

Slide 19, 20, 21

The way a basic filter works has two parts.
moving: when the face moves, the images move along with the face.
resizing: when the face becomes bigger or smaller, the images are resized accordingly.

Enter the code as shown. 

Slide Image

Slide 22

Designated Presentation Area: Set up a specific area in the classroom where students can demonstrate their apps. It could be a table with devices or laptops, or a projection screen connected to a computer displaying the apps.
Rotation System: Create a rotation schedule where each student or group gets a designated time slot to showcase their app. This ensures everyone gets an equal opportunity to present.
Peer Engagement: Encourage students not presenting at that moment to actively engage with the presenters. They can ask questions, try out the apps, and provide positive feedback or suggestions.
Encourage learners to fill up the app evaluation worksheet.

Slide Image

Slide 23

Allow learners to reflect on the question provided. 

 

Creativity and Design

 
Expand
 

Emerging

Shows limited creativity and effectiveness in conveying messages about climate change.
 

Developing

Shows some creativity in filter designs with moderate effectiveness in conveying messages about climate change.
 

Proficient

Demonstrates highly creative and original filter designs, effectively conveying messages about climate change.
 

Technical Proficiency

Subtitle Here
Expand
 

Emerging

Demonstrates limited understanding and application of technical aspects, resulting in an app with significant functionality issues
 

Developing

Displays moderate understanding and application of technical aspects, leading to a functional app with some limitations.
 

Proficient

Shows a strong understanding and application of the technical aspects of using Facemesh and app integration, resulting in a well-functioning app.
 

User Experience and Navigation

Subtitle Here
Expand
 

Emerging

Presents significant difficulties in user experience, making navigation challenging or instructions unclear.
 

Developing

Offers moderate ease of use, with some minor navigation challenges or unclear instructions.
 

Proficient

Provides an intuitive and user-friendly experience, allowing easy navigation within the app and clear instructions.
 

Visual Appeal and Presentation

Subtitle Here
Expand
 

Emerging

Demonstrates limited visual appeal, lacking coherence in presentation and design.
 

Developing

Presents moderately visually appealing filters with an acceptable level of presentation.
 

Proficient

Designs visually appealing filters with a cohesive presentation, enhancing the overall user engagement.

 

Comments (0)

×