Introduction

Digital Literacy Class: We are going to learn about so many incredible ways to be creative, collaborative, and to communicate. We will focus on computer skills and applications. Some topics you already know about, and you will know better, and other topics and applications will be new to you! Either way, we will work together to find the ones you are able to use best. This class consists of Project-Based-Learning. You will be given plenty of time to learn the skills and applications that you will use for a lifetime. I hope you enjoy the material we will cover. - Mr. S

Friday, April 29, 2022

Spring Student Survey & Superalatives 2022

ALL STUDENTS MUST COMPLETE THE FOLLOWING SURVEY:

When you click the link above you will need to enter your Tech Freire Student ID# to access the survey. Please answer all questions as completely as possible.

When you are finished please click the link below to add your selections to the 9th Grade "End of Year" Student Superlatives:


"Presenting classroom superlatives at an end-of-year award ceremony is a fun way we teachers can show appreciation for our students and tell them how much we've enjoyed working with them. While recognizing serious achievement can be inspiring, recognizing students for their unique personalities and quirks can be a more lighthearted way to celebrate students in the classroom." - Janelle Cox, M.A.Ed., Eduction Writer, wgu.edu

You must be signed in to your Tech Freire Google Account and you can only complete the form once.  Have fun!  There are only 28 school days left until summer break.  Make sure to spend the rest of the class time today turning in anything you still owe for Quarter 4.

ACCORDING TO MERRIAM-WEBSTER.COM:

su·​per·​la·​tive | \ su̇-ˈpər-lə-tiv  \

Definition of superlative

 (Entry 1 of 2)

1of, relating to, or constituting the degree of grammatical comparison that denotes an extreme or unsurpassed level or extent
2asurpassing all othersSUPREME
bof very high qualityEXCELLENTsuperlative work

superlative

 noun

Definition of superlative (Entry 2 of 2)

1athe superlative degree of comparison in a language
ba superlative form of an adjective or adverb
2the superlative or utmost degree of somethingACME
3a superlative person or thing
4an admiring sometimes exaggerated expression, especially of praise






Monday, April 25, 2022

Tutorial Video Project (WeVideo / Vimeo / TIK-TOK / Loom)

BACKGROUND
Have you ever wanted to make a video to post on YouTube, Twitter, or Facebook? With this tutorial, you will be able to add music, transitions, and effects to images and video clips in order to make fun videos to share with your friends.

HOW TO MAKE A VIDEO TUTORIAL

VIDEO TUTORIAL STUDENT WORKSHEET (Google DOC)
https://docs.google.com/document/d/1QhSb-dOC97Ieh2WuOB10iV8uzPS4ww_cfnHED66y8hk/edit?usp=sharing

DROPBOX LINK TO UPLOAD VIDEO (Try Uploading to Google Drive First)

OVERVIEW
Pick a short task or concept that you can describe in about 100 to 300 words. You usually speak about 100 words a minute, and videos are ideally three minutes or less. Write the script as conversationally as possible, and read it out loud several times as you walk through each of the steps.

(❗️) GMAIL ASSESSMENT ACTIVITY
Complete a Gmail Response, after "playing" the game at the website below, about CyberSecurity at home, at school, or in a future career. What should high school students know about CyberSecurity? (In Your Own Words!).

Sample Gmail
TO: Mr. Scribner (harvey.scribner@techfreire.org)

SUBJECT: Video Tutorial Project Topic

BODY of GMail:
Describe, in 1-2 Sentences, what topic you are interested in creating a video about. Think about any topic you like, and try to imagine a video that illustrates your ideas or subject. 

INCLUDE THE ALL OF THE STEPS TO COMPLETE THE TASK YOU ARE CREATING THE VIDEO TO DEMONSTRATE.

Use the R.A.C.E.S. Method R - Repeat the Question, A - Answer the Question, C - Cite Evidence, E - Examples / Explanation, S - Summarize your Thoughts

(❗️) PROJECT / ASSIGNMENT
Each Student will create an Informational Video using the WeVideo or Vimeo Video Editor.
Students may also use Google Slides to create images with text and other fact-based slides.  You must be able to save your work, export your Movie, and upload it to your Google Drive. You will then SHARE your file with me for credit.

ALTERNATE PROJECT RESOURCES
Students who wish to use VIMEO or TIK-TOK may do so, but they need to be able to create, edit, and export the video they create.  Videos will only be accepted by uploading them to your school-provided Google Drive and SHARED for credit.

STEP BY STEP DIRECTIONS
Step 1: Download or Create your own music files. (You must EXPORT your Music as a . WAV file and place it on the Desktop of your computer. You could also use the built-in (free) music in WeVideo.

Step 2: Find and Download 5-10 Pictures or Images you are interested in using. Place those Images in the Download folder of your Chromebook.

Step 3: Open wevideo.com and using the FILE Menu click on NEW PROJECT

Step 4: Name your Project "(Your Last Name) Video TFDL 2022 P(?)"

Step 5: Use the CHOOSE PHOTOS/VIDEO BUTTON To select video/image files to use.

Step 6: Use the CHOOSE MUSIC BUTTON to select the audio file you will use.

Step 7: Use the pointer to place images and pictures in the proper order for the video.

Step 8: Use toolbars to enter TITLES and Text.

Step 9: Use toolbars to add effects and transitions.

Step 10: Export / Save the final file to the Downloads.

Step 11: Upload and SHARE your Final Movie Project using Google Drive.

INCLUDE THE FOLLOWING (RUBRIC)
YOU MUST INCLUDE A TITLE SLIDE WITH YOUR NAME,
AND THE FOLLOWING INFORMATION:  by (Your Initials) TFDL 2022 P(#)

Within Time Limit = 15 points
Clear Pictures = 15 points
Titles = 15 points
Appropriate Music = 15 points
Effects / Transitions = 15 points
GDrive Shared = 15 points
Creative (Subjective) = 10 points

Total Score = x/100 points

LEARNING OBJECTIVES
Students will be able to use WeVideo Video Editor to create a short (60-120 second) Informational / Introduction Video. Students will be given an introduction to WeVideo.com today. Before we start with WeVideo, you will review an example video. Please complete the Technology GMAIL Constructed Response, then follow all directions listed.

CURRICULUM STANDARDS (PA SAS)
Understand and Demonstrate basic knowledge of video production including topic selection, storyline, pre-production steps, production steps, and post-production steps.

9.1.3.A: Know and use the elements and principles of each art form to create works in the arts and humanities.

  Elements: Visual Arts: • color • form/shape • line • space • texture • value

  Principles: Visual Arts: • balance • contrast • emphasis/focal point • movement/rhythm •
  proportion/scale • repetition • unity/harmony

9.1.M.PK.J1: Use a variety of technologies for producing or performing works of art.

9.1.V.PK.A1: Know and use basic elements of visual arts.

9.1.V.PK.E1: Use imagination and creativity to express self through visual arts.

ESSENTIAL QUESTIONS
How can a student use video and audio productions to communicate thoughts, ideas, or emotions? What are the steps to creating and sharing a produced video?

MATERIALS
You will need your Chromebook (or laptop/desktop) and it will help to already have a folder with images (JPEG) or video clips (MOV), and at least one music (WAV, MP3) file.

REFERENCES / LINKS

WEVIDEO.COM Information and Tutorials
WEVIDEO.COM TUTORIAL GUIDE
Create an account and SIGN IN on WEVIDEO.COM,
CLICK on the link for HELP and follow directions.

Royalty-Free Video Clips
https://www.videezy.com/free-video/
https://pixabay.com/videos/
https://www.videvo.net/
https://videos.pexels.com/



Tuesday, April 19, 2022

Digital Animation Introduction Project

Today you will begin to create a Digital Animation Video Clip. There are many resources for creating digital movies, as listed below. Before class is over, read all the directions in this post and learn about different types of ANIMATION.  Then OPEN Google Slides on your Device and begin to create a "stick-figure" background scene for your longer digital animation using the draw tools found in each of those programs/applications. Before class is over, read all directions in this post and complete these tasks: 

1. Students will watch the History of Animation and the Lego Stop Motion Movie on Youtube.  Complete the Technology Constructed Response Gmail (DO NOW) below.

2. Open Google Slides on Chromebook or Computer and begin to create a "stick-figure" background scene for your digital animation using the draw tools found in each of those programs/applications.  Today you will focus on creating just the background (BASE) slide.  We will create additional slides to show motion during the next lesson.

(❗️) Create/Send Technology Constructed Response Email

TO:  Mr. Scribner (harvey.scribner@techfreire.org)
SUBJECT: Digital Animation Project CR

BODY:  Describe, in 1-2 Sentences, what type of animation/cartoon you are interested in creating.  Think about any topic you like, and try to imagine a cartoon that illustrates (and creates action and characters) your idea or subject.  

Resources & Examples
First Animations:





Pixar Examples
  
Mr. Scribner's Examples

When you make an animation you have to create each picture on the film.

There are normally 25-40 pictures per second. When animating we recreate the laws of nature as we are able to relate to the action. However, with animation we can do a lot more than just follow the laws of nature. We can do anything, we can tell the story just as it is in our dreams.

Animation is a tool of communication.
When we animate we must not forget to put idea and intention in the movements. A movement without idea and intention is boring. Another great communication tool is the contrast; fast/slow, backwards/forwards and so on. If we remember this it makes us animate better. So if you want to animate something going up, you think go down first. If you you want to stretch your character, you squash him first. The best thing is to do the movement yourself or make a friend do it so you can study the movement. This also helps you plan your animation. The better you know what to do, the better you can animate it.

(❗️) PROJECT / ASSIGNMENT

DIGITAL SCENE & BACKGROUND PICTURE CREATION PROJECT DIRECTIONS

A. CREATE A BACKGROUND SCENE TO START WITH:
Step 1: Log into Google on your Device
Step 2: Create NEW Slides Presentation
Step 3: Use the Drawing Tools to make a stick figure scene. Make sure to place specific layers in order and use a variety of colors and styles to make it vibrant.
Step 5: SHARE your PROJECT with Mr. S (harvey.scribner@techfreire.org) for credit.

B. ANIMATE IT:
  • Your project must include at least 25-30 slides minimum.
  • It must have at least 3 layers of depth: Foreground, Middle Ground, Background.
  • It must have at least 3 things moving during the course of the animation. 
  • Your motion must incorporate LAYERS of movement where items move in-front or behind each other.
    Select your BASE SLIDE once it is completely finished, including characters, scenery,
    and any other items you would like to start with.

    Open the Menu for the slide itself and click DUPLICATE.  This will make a copy of the
    slide.

    Make very small changes to the positions of any characters or objects that should MOVE.
    (The smaller the changes, the smoother the animation will be)

    Continue to repeat these steps until you have a minimum of 25 slides for this project.

C. EXPORT SLIDES / CREATE VIDEO CLIP:

    Once you have finished the Animation Step, you will need to highlight each individual slide and click
    FILE and DOWNLOAD.  Select JPEG or PNG as the file type to Download. 

    Repeat this step with every slide.  You may need to make sure that all the slides are in order in a
    digital file folder.

    Open the online application at GIFMAKER.ME and click Upload Images.

    Upload all the images in your digital file.  You may need to resort those images into the proper order,
    Once you are satisfied with the order, adjust the Animation Speed to your preference.
    At this point, if you have a sound effect or music file from Youtube you would like to use, add it.

    When you have completed the steps above, click Create GIF Animation, or one of the other buttons
    listed here, as necessary.  This will create a video file out of your slides.  You will be directed to
    another page to download and share the file.  Download the file to your device and add it to your
    Google Drive to SHARE it for credit.  Good Luck!
  • You must Upload and SHARE your project with instructor using Google Drive for credit.

EXTRA CREDIT OPTIONS
You may also use any other type of digital animation application you are familiar with to create this project.  If you want to make a stop-motion Claymation or Lego video clip, use an application on your phone, or any other idea, just let me know what you are doing to create a short animation clip.  I will literally accept almost anything, both digital or hand-drawn.  Below are a couple of applications you could use to create additional projects for extra credit. 

Use PISKEL or WICK EDITOR to create a simple digital animation and share it with the class during an upcoming lesson.  This can be completed anytime before June 1st.  Learn how to use these fun tools and show off your work to friends and family as well.

Piskel, free online sprite editor. A simple web-based tool for Spriting and Pixel art. Create pixel art, game sprites and animated GIFs. Free and open-source.


Once you have created a PISKEL you are happy with, use upload it to Google Drive and SHARE it or GMail the active link to the project to me for credit.

The Wick Editor is a free, open-source tool for creating games, animations, and everything in-between!  https://www.wickeditor.com/#/

ACADEMIC/LEARNING OBJECTIVE
Scholars will learn the basics of Digital Animation. Scholars will be able to create "mini" animations using an online application. Scholars will also start creating the basic drawing that will be used for a future "line-art" digital animation project. Scholars will be able to complete a Constructed Response about the "History of Animation" and discuss what they like, or do not like about the project.

STUDENTS WILL ENTER THE CLASS QUIETLY AND BEGIN WORKING! 

Scholars will sign into Google Applications as they enter the class. Scholars will read all directions on this post thoroughly. Scholars will then follow the directions above to begin to create a "line-art" background for a future digital animation project.

THANK YOU FOR YOUR ATTENTION AND POSITIVE ATTITUDE TODAY!

Standards Covered In This Class 
PA SAS 9.1.M.PK.J1 / 9.1.V.K.A1-B1
PA 3.7.7 & 11 Section C/ CSTA 2019 / ISTE 2020
CSTA Tied With Common Core ELA/Math rev. 2020



Friday, April 8, 2022

Digital Portfolio Spring Update

OVERVIEW

As Spring Break arrives you should take a moment to update the Digital Portfolio we created in the first marking period.  This should be a "living" website that includes the highlights and projects from your time here at Tech Freire High School.  This resource should be used to highlight your favorite projects, activities, sports, and other important items from your time here.  You should consider keeping this resource as a professional-style representation or resume of the work and effort you put into high school.  Make sure to PUBLISH the site when you make changes or add content to keep it updated.  You also need to make sure what you are putting on this resource is appropriate.  This site might be the difference between getting into a school, getting a scholarship, or getting offered a job.  Good Luck! - Mr. S

RESOURCES

Digital Portfolio Lesson Link
https://tfdigitaltechphilly.blogspot.com/2021/09/092721-digital-portfolios-google-sites.html

Mr. Scribner's Sample Digital Portfolio Link
https://sites.google.com/view/tfdl-student-portfolio/home?authuser=0



Wednesday, April 6, 2022

Comic Strip Sketchpad/GSlides Capstone Project

BACKGROUND
Create Your Own Digital Comics Whether You Can Draw Or Not
By J. D. Biersdorfer (New York Times, April 29th, 2020)

"Even if you can’t draw a stick person, you can still express yourself and tell stories through the time-honored tradition of sequential art.

Got a tale to tell but don’t want to bang it out as a traditional book? Try doing it as a digital comic — and ignore anyone who thinks visual narratives are a lesser art form or basic fodder for Hollywood action movies. The tradition of storytelling through sequential art has a long and noble history, used in ancient cave paintings, Roman carvings, tapestries, and woodblock printing.

Even if you can’t draw or paint, you can still construct a comic. Some educators have found the medium to be a good way to entice children into creative writing. Thanks to a variety of apps, you can make your digital comics on a smartphone, a tablet, a computer or even a plain old piece of paper."

OVERVIEW
The following project will allow you to hone your digital artistic skills by allowing you to create a comic strip using the digital art tools you have learned over the last few days.  You can create a series of drawings with text that tell a story, tell a joke, or just have characters you imagine that have a conversation about a recent event or topic of interest.

(❗️) PROJECT / ASSIGNMENT
Students will create an original art piece using skills and tools (SKETCH.IO) from the last lesson. Students start by drafting a short joke, story, or conversation for the characters in the project to have.  Once they outline the text, they must find a background, import characters, and by creating individual scenes and exporting them create an original comic.  The comic must have a minimum of four (4) frames, and no more than eight (8) frames.  Each drawing should then be exported as individual images.  Each image should be placed into Google Slides as it's own slide.  The Google Slides must be SHARED with Mr. S (harvey.scribner@techfreire.org) for credit.  

DECIDING ON AN IDEA FOR A COMIC STRIP
Use the following article to help create your ComicStrip Project.  Reveiw the steps outlined in the article to decide your topic, characters, and other important details BEFORE you start to create your artwork.  


YOUR PROJECT SHOULD INCLUDE THE FOLLOWING
  At least two characters telling a joke, story, or having a conversation.
  Backgrounds or colors that change with emotional temperature.
  Other items in the frame to show depth, color, and shape.
  Action can also be represented by including lines, blurs, or other effects.

  Depth - You must have items/characters in the foreground, middle, and background
  Color - You must use more than 6 different colors in your drawing
  Shape - Your drawing must include at least 5 different shapes or lines
  Building - You must include at least one structure
  Remove.BG - You must include at least one image with the background removed
  Original Work - You cannot just copy/paste an entire work into the project.


STEP BY STEP
1. Use Google Images to search for a landscape image that interests you.
2. Download a copy of the image to your Chromebook for reference
3. Open SKETCHPAD.IO and make sure it is connected to your Google Account
4. Click the + to create a new drawing/project and choose the background
5. Try your best to recreate the landscape image you chose with the tools available.
6. Take Your Time (You have today and tomorrow to work on this)
7. Add at least one item that you removed the background on using remove.bg
8. When complete, DOWNLOAD your art to your Chromebook
9. UPLOAD your image to Google Drive and SHARE it with Mr. S for credit.

LEARNING OBJECTIVES
After this lesson students will be able to:
define digital art
discuss the history of digital art
explain how digital art is used today
create some basic examples of digital art

CURRICULUM STANDARDS (PA)
CCSS.ELA-Literacy.RH.11-12.4: Determine the meaning of words and phrases as they are used in a text, including analyzing how an author uses and refines the meaning of a key term over the course of a text (e.g., how Madison defines faction in Federalist No. 10).

CCSS.ELA-Literacy.RH.11-12.5: Analyze in detail how a complex primary source is structured, including how key sentences, paragraphs, and larger portions of the text contribute to the whole.

CCSS.ELA-Literacy.RH.11-12.7: Integrate and evaluate multiple sources of information presented in diverse formats and media (e.g., visually, quantitatively, as well as in words) in order to address a question or solve a problem.

MATERIALS
Computers with Internet Access and Sketchpad.IO or similar application
A photo of digital art

REFERENCES
https://docs.google.com/presentation/d/14KBHFwSFD6OvsFO1VpW64v8UjUcKxDjnOsO0YeOtEX4/pub?start=false&loop=false&delayms=3000&slide=id.p






Tuesday, April 5, 2022

Landscape Sketchpad.IO Project

BACKGROUND
The word picturesque refers to an ideal type of landscape that has an artistic appeal, in that it is beautiful but also with some elements of wildness. Interest in landscape painting and in looking at the landscape itself grew rapidly through the second half of the eighteenth century. 

Definitions of types of landscape or view, seen from an aesthetic or artistic point of view, followed. At one extreme was the sublime (awesome sights such as great mountains) at the other the beautiful, the most peaceful, even pretty sights. In between came the picturesque, views seen as being artistic but containing elements of wildness or irregularity.

The theory of the picturesque was developed by writers William Gilpin (Observations on the River Wye 1770) and Uvedale Price, who in 1794 published An Essay on the Picturesque as Compared with the Sublime and Beautiful.

OVERVIEW

The following project will allow you to hone your digital artistic skills by allowing you to be creative in your interpretation of an existing photograph or image, and re-creating it by your own hand.  Additionally, you will be required to remove the background of images downloaded from the internet, and use them as part of a larger project. 

(❗️) PROJECT / ASSIGNMENT
Students will create an original art piece using skills and tools (SKETCH.IO) from the last lesson. Students will start by finding an image of a landscape that they like online.  Once they find the image, they will attempt to re-create it using Sketchpad.IO.  As part of the project, students must also identify at least one item used in the recreation, find an image online, and remove the background using REMOVE.BG.  The new item, without a background, will be inserted into the new landscape project.  Once completed students will need to upload their final project to their Google Drive and SHARE it with Mr. S (harvey.scribner@techfreire.org) for credit. Students should also post this project to the main page of their Student Digital Portfolio (Quarter 1 Project).

YOUR PROJECT MUST INCLUDE THE FOLLOWING
  Depth - You must have items/characters in the foreground, middle, and background
  Color - You must use more than 6 different colors in your drawing
  Shape - Your drawing must include at least 5 different shapes or lines
  Building - You must include at least one structure
  Remove.BG - You must include at least one image with the background removed
  Original Work - You cannot just copy/paste an entire work into the project.

STEP BY STEP
  1. Use Google Images to search for a landscape image that interests you.
  2. Download a copy of the image to your Chromebook for reference
  3. Open SKETCHPAD.IO and make sure it is connected to your Google Account
  4. Click the + to create a new drawing/project and choose the background
  5. Try your best to recreate the landscape image you chose with the tools available.
  6. Take Your Time (You have today and tomorrow to work on this)
  7. Add at least one item that you removed the background on using remove.bg
  8. When complete, DOWNLOAD your art to your Chromebook
  9. UPLOAD your image to Google Drive and SHARE it with Mr. S for credit.

LEARNING OBJECTIVES
After this lesson students will be able to:
define digital art
discuss the history of digital art
explain how digital art is used today
create some basic examples of digital art

CURRICULUM STANDARDS (PA)
CCSS.ELA-Literacy.RH.11-12.4: Determine the meaning of words and phrases as they are used in a text, including analyzing how an author uses and refines the meaning of a key term over the course of a text (e.g., how Madison defines faction in Federalist No. 10).

CCSS.ELA-Literacy.RH.11-12.5: Analyze in detail how a complex primary source is structured, including how key sentences, paragraphs, and larger portions of the text contribute to the whole.

CCSS.ELA-Literacy.RH.11-12.7: Integrate and evaluate multiple sources of information presented in diverse formats and media (e.g., visually, quantitatively, as well as in words) in order to address a question or solve a problem.

MATERIALS
Computers with Internet Access and Sketchpad.IO or similar application
A photo of digital art

REFERENCES
https://www.tate.org.uk/art/art-terms/p/picturesque



Dragons Breathe Fire

Dragons Breathe Fire