Welcome to ICT 9/10!

Topics:

• Who Am I? (Ms. Wear :)
• Course outline
• Assessment
• Classroom Expectations
• Use of AI
• Log On
• Explore Course Website
• Join Google Classroom
• Course Survey (on Google Classroom)
• Seating Plan will be implemented/modified as needed

Lesson and activity: Slides

Google Classroom Activity under "Ongoing" because this will be assessed later in the semester.

Try this: Type a paragraph shown on the overhead projector into a Google doc.

Try this: Do a coding typing test a Typing.io. Notice your "unproductive keystroke" count. Each mistyped character in a program is a mistake you have to debug.

What do you think? Do you need to improve your typing skills?

Proper keyboarding techniques not only increase the efficiency of using the computer, but also reduce the risk of repetitive injuries such as Carpal Tunnel Syndrome.

Watch: Intro to Typing.

Google Classroom Exercise
Join Typing.com Classroom

We will practice typing each Friday (for 15 min). It will be assessed by your use of Typing.com

Google Classroom assignment.

Lesson: 
 - types of websites
 - narrowing searches
 - images search
 - narrowing image searches

For this assignment, you will pick a topic you're interested in (example: sketching), and use a search engine to 
find 5 (FIVE) sites and 1 Image relating to that topic. Use an Image search engine to find, save, file-manage, and hand in a picture related to your chosen topic.

Types of Websites/Webpages:
- Official Website of Brand
- Fan Page
- Blogs
- Educational (information, guide, tutorial)
- Marketplace
- Gallery: Photo, Art, Fan-Art
- Video, Channel, or Video Playlist
- News
- Reviews and Commentary
- Maps
- Forum
- Social Media
- Games and Gambling

For each website, you will:
1) Record the Name/Title of the Site or Page
2) Copy-and-paste the URL (web address) into each provided space
3) Write: What TYPE of page is it? (from the list above)
4) Write a 1-sentence 'blurb'/'description' about the each website.

Also:
Use an image search engine to find an appropriate image relating to your topic. Ms. Wear will guide you through: Using 'Image Search', image search settings, saving an image, moving and re-naming the image file, and handing in a file to Google Classroom.

**NOTE: If you choose as a topic a BRAND, or something that is a company's PRODUCT, you may only use the 'official' website of that product/company ONCE. Example, if 'Nintendo Switch' is your topic, you may only use any part of nintendo.com ONCE. Also, find sites/pages of different *types*. (See the assignment description)

~~~~~~~~~~~~~~~~~~~~~~~~~~
Optional 'Extending' Challenge assignment available for this assignment. See the last section on the worksheet.
 
          

Slides Let's Talk Software and Files
Google Classroom Assignment.

Main Lesson (Map of the Internet - with pauses to play the secondary videos below) :

1. "The Internet" (IT Crowd): https://www.youtube.com/watch?v=iDbyYGrswtg
2. What is the Internet?: https://www.youtube.com/watch?v=Dxcc6ycZ73M
3. Inside a Google data center: https://www.youtube.com/watch?v=XZmGGAbHqa0
4. How the Internet Works in 5 minutes: https://www.youtube.com/watch?v=7_LPdttKXPc
5. The Internet: IP Addresses and DNS: https://www.youtube.com/watch?v=5o8CwafCxnU

MINI-ASSIGNMENT: Internet Diagram       /5

1. Do the puzzle: https://www.jigsawplanet.com/?rc=play&pid=0ac137e5e06f
2. Google Classroom Quiz Assignment - identify all 9 components

• modern devices: phones, tablets, laptops, desktops, Virtual Reality headsets (Video)
• internal and peripheral devices
• notes in class on a simplified Von Neumann model (Wikipedia)
• Program a robot in language Wear

  10 Steps Forward	1010
  1 Step Forward	1110
  Turn 90 degrees right	1011

  Problem: Using the ficticious programming language WEAR, write a program that moves a human robot from point A to point B. Do this in groups of 3. Afterwards, swap your program with another group and test it. Discuss things the language WEAR lacks (iteration etc).

• basic hardware components (Wikipedia)
  1. Motherboard
  2. Video, Sound, Network (define each)
     • discuss pros and cons of onboard vs expansion cards
  3. CPU
  4. RAM
  5. Power Supply
  6. Optical Disk Drive
  7. Hard Disk Drive - (Solid State and Mechanical)
• Hardware Quiz: Identify pieces of hardware, purpose and whether it is internal or peripheral

1. Do this alone or with a partner.
2. In a Google Docs document, copy the names of the following components:
   1. Motherboard
   2. Video, Sound, Network (define each)
      • discuss pros and cons of onboard vs expansion cards
   3. CPU
   4. RAM
   5. Power Supply
   6. Optical Disk Drive
   7. Hard Disk Drive - (Solid State and Mechanical)
3. describe the purpose of each. The purpose must be in your own words, should be simple and should be one or two sentences.
4. include an image of each component
5. Next to each description, copy and paste a photo of each from google images
6. show it to Ms. Wear for completion marks

Assignment: Build a PC

• The Digital Computer - Bits and Bytes
• Bits vs Bytes As Fast As Possible
• know the terms: bit, byte, kilo, mega, giga, tera. Read here for more.

• What is a file?
  1. What is a file format? Binary vs. ASCII Format
     • Ascii Code
     • Ascii vs Binary explained
  2. What is a file extension?
  3. What are Windows File Associations?

• What is software?
  1. Application Software (installed)
  2. Online vs Installed Software
  3. Categories of Software
  4. Usage Rules: Free vs. Demoware/Payware vs. Open Source (Wikipedia)

Files and Software Exercise

1. Copy and paste these questions into a Google Docs document: Email Questions
2. Answer these questions while the teacher gives the email lesson in class.
3. Refer to these additional resources:
   
   • A Beginner's Guide to Effective Email
   • Netiquette 1, Netiquette 2, Netiquette 3
   • Email Abbreviations
   • Emoticons
   • Fraudulent Email: Paypal Email

• Complete the Office Ergonomics Exercise.

Due in class today.

Why is Cyber Security an issue? Four videos shown in class: CyberSecurity Videos Try out your cybersecurity skills at the lab. In Class Exercise

• Share a Google Document with a partner.
• In the document, answer the questions below using this link: Cyber Security Risks
• Copy and paste these questions into the document:

  1. What is a virus?
  2. What is malware?
  3. What is spyware?
  4. What is a trojan horse?
  5. How do malware/viruses/spyware get onto your computer?
  6. What are three things you should do to protect your home computer from malware?
  7. What is spam? Is it a security risk?
  8. What is phishing?
  9. What is a scam?
  10. If you suspect a scam, or phishing, how can you find out if it is a scam/phishing?
  11. What is a good rule of thumb when you're banking online?
  12. What kind of information do identify thieves look for? What do they do with this information?
  13. In social networking, what risks are associated with geotagged photos? How do you reduce this risk?
  14. In social networking, what are the risks of friending some one you do not know?
  15. In social networking, what are three things you can do to keep your information private?
  16. What makes a strong password?

• Raster vs Vector Image Video
• Png vs Gif vs JPG : Video, Web Article
• Color Modes: Video, Web Article

Copy and paste these questions into a Google docs document, answer during the lesson:

• Bitmap/Raster images are:
  1. more or less common than vector
  2. Pixel/Raster based or Mathematical Equation based
  3. Scalable: Up or Down or both
  4. Examples of image extensions:
  5. Most common uses:
  6. Programs you can edit bitmap images with:
• Vector images are:
  1. more or less common than bitmap/raster
  2. Pixel/Raster based or Mathematical Equation based
  3. Scalable: Up or Down or both
  4. Examples of image extensions:
  5. Most common uses:
  6. Programs you can edit vector images with:
• In class, do we work with Raster or Vector images?
• What are the three Web Friendly Image Formats? What makes them web friendly?
• What color mode, RGB or CMYK, is best used for online graphics? Which is best used for printed graphics?

Complete this table for Web Friendly Image Formats:

Image Extension	Lossless or Lossy Compression	# Colours	Supports Animation?	Supports Transparency?	Best Uses
jpg
gif
png

• Spend at least 15 minutes creating a drawing with Inkscape.
• Use File > Save As.... to save the file as an SVG
• Use File > Export Bitmap... to save the file as a PNG
• Open each image in Chrome and zoom in to 400%.
• Look at the size of each image using Windows Explorer.
• Add the following table to your notes from yesterday and complete it.

  Image Extension	Raster OR Vector	Is it pixellated when you zoom in? (Yes OR No)	Byte size
  png
  svg

Inskcape Topics:

• The Cartesian plane: X & Y Coordinates
• Resolution-Independent graphics
• Nodes
• Curves
• Node Interpolation (V)
• Bezier Handles
• Stroke and Fill
• Gradients
• Effects: Drop-Shadows, Inner Glow, anything else?

Spend at least 45 minutes creating a landscape image using vector drawing tools in Inkscape. Make appropriate use of tools as demonstrated in class and use appropriate placement and number of Nodes to create vector shapes (less = more). It will be marked as follows:

1. Your canvas (page) should be SQUARE. (/1)
2. The background of your image should not be white. (use a colour or gradient)(/1)
3. At least 4 visual layers of scenery including background and foreground.(/1)
4. Include natural and man-made items.(/1)
5. Use of Gradients (/1)
6. Use of Curves (/1)
7. Use of Drop Shadow (/1)
8. Use of Inner Glow (/1)
9. Include your name (text tool) or signature (/1)
10. It looks like a graphic of a landscape generated on a computer (/1)
**save your file as a .svg file regularly to your H-Drive. When you are finished you will copy-and-paste your .svg file with your name to
Wear_IT > Hand-in > IT9_10 > Inkscape Landscape

VIDEO TUTORIAL on creating a vector landscape in Inkscape.

1. Learn to use the Pixlr Editor.
2. If you missed the class on how to use Pixlr, here are some youtube tutorials
3. Photo Editing: What Can Be Done With Photo Editors
4. Pixlr home page
5. Picture to practice cut out

Complete this exercise: Tall Ship Battle.

To hand in: drag and drop into folder Student Shared > Wear_IT > Hand-in > IT9_10 > Pixlr Tall Ships

Now get some experience using layers:

1. Open this image in Pixlr.
2. Ask Ms. Wear to demonstrate creating a layer with just the dog in it and then create a layer with just the background in it.
3. Using the gradient tool, make a crazy background layer behind the dog
4. Using a third layer, put a hat on the dog. The lighting, focus, and saturation of the hat should match that of the dog.
5. Using the pinch and bloat tools, reshape the dog to look cartoony.
6. Use the text tool to add a doge like saying to your meme.
7. Download your image to the H drive
8. To hand in: drag and drop into folder Student Shared > Wear_IT > Hand-in > IT9_10 > Pixlr Doge

1. In class lesson the tools and features of GIMP.
2. Layer Masks - tutorial
3. Perfect Skin Lesson: Use Gimp to create perfect skin on this man. Watch this video for hints. Use Adjustments to reduce the red tone in his skin. Show your creation to Ms. Wear in class.
4. Changing a Person in a Photo Lesson: Watch this video How to Remove and Insert People.
5. GIMP Tutorials
6. GIMP User Manual
7. How to Install GIMP

You have been hired to landscape this homeowner's yard. You are going to show the homeowner what the home will look like when you have finished landscaping. Miraculously, you are able to remove the neighbours houses and add big trees behind the house. This is why you are able to charge so much!

Open this image of a house without landscaping in Gimp.

Make the following changes:

1. (/1) The photo of the house is dark and flat, increase the lighting (Colors > Levels) saturation on the house (Colors > Hue/Saturation)
2. (/1) Remove the plastic bags (clone tool)
3. (/1) Remove the pile of gravel in front of the house (clone tool)
4. (/1) Remove the wood from the driveway and fill it in with pavement (layer mask driveway)
5. (/1) Fill in the new front lawn, (layer mask)
6. (/1) Add flowers and shrubs (copy/paste)
7. (/1) Add a small tree in front of the house. (copy/paste)
8. (/1) Remove the neighbouring homes on the right and the left. (layer mask/clone)
9. (/1) Remove the trees and sky behind the house (layer mask)
10. (/1) Fill in a nice background (try this one or this one or find another)
11. (/1) Add a fence to the left and right sides of the house.
12. (/4) When finished, make a before and after jpg with both images side by side following the instructions below. (Example)

    1. Double canvas size using Image > Canvas Size, keep modified image to the right,
    2. add new layer with original image (File > Open As Layers)
    3. Use the text tool to add BEFORE and AFTER
    4. To save as jpg: File > Export As...

Evaluation (/20): marks for the criteria as shown above + 5 marks for quality of final image

Topics:

• Using the Design Template
• Using Insert Slide
• Views
• Slide Master
• Home Ribbon
• Insert Ribbon
• Insert Slide Number in Footer
• Slide Transitions
• Custom Animation
• Presentation Design Notes

Slides Presentation Dates: Wed Oct 18 and Thurs Oct 19

You will do a 3-5 minute Slides Presentation in front of the class on a topic that you know a lot about. Evaluation criteria below.

Teacher Evaluation of Slides Presentation.

Student Evaluation of Slides Presentation.

• All topics in this unit will be covered
• 50 multiple choice questions
• closed everything
• Practice with these Practice Questions