🎨 pre Design

First Semester - T2W1 | M5F2

Week 1: Fundamentals of Digital Imaging

Colors and Images in Digital Environments.
- 🎨 How to detect color codes? | 🖌️ eyeDropper Tool
- 🌈 Types of color codes: RGB, HEX, CMYK
  - 🌐 Webpage about color codes| Link |
  - 🌐 Color Picker |Link|

Resources

🌐 Photo Edit Platform: Photopea
🌐 Color code converter: Color-hex
🌐 Color code converter: Rgbtohex
🇦🇿 AZ flag | Link |
🖥️ Class Presentation: | Link |

Week 2: Fundamentals of Digital Imaging

Basics of image editing
- 🧰 Layers - Tools
[ ▸ ] Video - Pixel - Resolution | Link |
- 👾 Pixel Quality: | Link |
- 📺 Screen Resolution: | Link |
- 🖼️ Types of graphic image files (Jpeg, PNG, GIF etc.)
  - Raster vs Vector
    - 🖥️ Differences between Raster vs Vector |Link |
    - 🏞️ Example | Vector | Raster |
  - 📥 Image File Formats: |Link||Link |
- Class Activity 1: How to combine images? |Layers|
- Class Activity 2: How to make background transparent?

Resources

🌐 Photo Edit Platform: Photopea
🌐 Color Tutorial | Link |
[ ▸ ] Video - RGB/HEX | Link |
[ ▸ ] Video - Colors on Web | Link |
📥 Images in different file formats: |JPG|PNG|GIF|PSD|

-------------------------------------------------------------------------------------------------

🏫 Class Activity 1 Resources

- Baku | Baloon1 | Baloon2 | Boat | Helicopter1 | Helicopter2

------------------------------------------------------------------------------------------------

🏫 Class Activity 2 Resources

Remove background:| Link |
Add as a background |Link|
Add the surfing man |Link|
Add the boat |Link|

Week 3: Fundamentals of Digital Imaging

Is an image just an image?
- Exif meta data
  - 📝 What is Exif? |Link|
  - 🌐 Exif Tool 1: Pixelpeeper|Link|
  - 🌐 Exif Tool 2: Jimpl|Link|
- Class Activity 1: Exploring digital images' Exif data

-----------------------------------------------------------------------

- Security in digital imaging
  - Why is it important?
  - 🌐 Photo editor tool (Watermark): Pixlr|Link|
    - 🔤 Lorem ipsum |Link|
  - 🧹 How to remove metadata (exif) from an image with Jimpl?|Link|
  - 🔁 Tips on online sharing (Google Drive example).
Class Activity 2: Increasing our images' security.
- Watermark an image and a document
- Remove metadata (exif) from an image

Resources

🖥️ Class Presentation (Exif): |Link|
[ ▸ ] Video 1 - |Link|
[ ▸ ] Video 2 - |Link|

🏫 Class Activity 1 Resources

🏞️ Images to Download:
- Image 1 Image 2 Image 3

-----------------------------------------------------------------------

🖥️ (SELF STUDY) Class Presentation (Image Security): |Link|
[ ▸ ] Video 1 - How to watermark images? |Link|
[ ▸ ] Video 2 - How to watermark docs? |Link|

🏫 Class Activity 2 Resources

🏞️ Images to Download:
- Image 1 Image 2 Image 3

Week 4: Fundamentals of Digital Imaging

- ✍🏻 First Exam: ✔

Resources

Online platforms for Digital Images
- 1. 🌐 Photo Editing: https://pixlr.com/
  2. 🌐 Photo Editing: https://www.fotor.com/
  3. 🌐 Emoji: https://emojidb.org/
  4. 🌐 PNG Images: https://www.pngwing.com/
  5. 🌐 AI Image Generator: https://deepdreamgenerator.com/

─── ⋆⋅☆⋅⋆ ──

Week 5: Fundamentals of Video Technology and visual communication

Introduction to Video Technology
- 🎥 What is video?
- 🖼️ Digital image ➜ Video 🎥
- 🔑 Key terms in video technology

Video Production Basics
- 🥳 Bullet Time Effect |[ ▸ ] Video||[ ▸ ] Video||[ ▸ ] Video|
- ⟳ Five Phases of Video Production |Image||Web||[ ▸ ] Video|
- Story board |Sample1||Sample2||Create||[ ▸ ] Video|
- 🎥 Camera movements in video |Image||Web||[ ▸ ] Video|

Resources

[ ▸ ] Video - FlipBook Samples: |Link1||Link2|
[ ▸ ] Video - Slow Motion Samples: |Link1||Link2|
🌐 Wikipedia - What is Video? |Link|
🖥️ Class Presentation: |Link|

Week 6: Fundamentals of Video Technology and visual communication

Basics of video editing
- ➗ Splitting [ ▸ ]
- ✂️ Cutting [ ▸ ]
- ✂ Trimming [ ▸ ]
- 🌘 Fade in - Fade out [ ▸ ]
- 🔄 Transition [ ▸ ] [ ▸ ]
- ⚙️ Filters [ ▸ ]
- 💥 Effects [ ▸ ]
- 🎨 Adjust Colors [ ▸ ]
- ᯓ★ Speed [ ▸ ]
- 🔊 Audio [ ▸ ]
- 💬 Text [ ▸ ]
- 🗣️ Text to Speech [ ▸ ]

Green Screen Technology
- What is green screen technology? 🖼️
- Samples [ ▸ ]
- Green screen collections [ ▸ ]
- Class Activity: Free project time

Resources

🌐 ClipChamp |Link| (Login via your Google account)
- - Tutorials |Link|
  - Tips |Link|
🎬 Clips website |Link|
🔊 Sound website |Link|

-----------------------------------------------------------------------------------------

🏫 Class Activity Resources

Green screen clips:
- Crowd [ ▸ ]
- Helicopter [ ▸ ]
- Crash [ ▸ ] Audio 🔊
- Lion [ ▸ ]
Backgrounds
- EAS BAKU

Week 7: Fundamentals of Video Technology and visual communication

🎥 Emerging Technologies in Video Production
- Virtual Reality (VR)
- Augmented Reality (AR)
- 360-Degree Video
- Drone
- AI Generated Videos
- High-Frame Rate and 8K Resolution
- Mobile Film making
- Interactive Video
- Cloud-Based Video Services
🎬 Video File Formats

Resources

🖥️ Class Presentation: |Link|

Week 8: Fundamentals of Video Technology and visual communication

✍🏻 Second Exam: ✔

─── ⋆⋅☆⋅⋆ ──

Week 9 computer organization

What is a computer?
- Types of computers
Binary
The basic components of computer
Concepts Related to Computers
Computer System
- Hardware
- Software

Resources

🖥️ Class Presentation: |Link|

Week 10 computer organization

Data Unit and Conversions: |Link|
Binary to Decimal | Decimal to Binary
- 🌐 Online Converter|Link|
- 🌐 ASCI Codes Table |Link|
YOU WILL HAVE A QUIZ NEXT WEEK!
- Week 9 and 10 will be included in the quiz.

Resources

🖥️ Class Presentation: |Link|

Week 11 computer organization

QUIZ | PRE A >>> Tuesday | PRE B >>> Monday |
Logic Gates AND - OR - NOT
- 🌐 Online Logic |Link1| |Link2|

Resources

🖥️ Class Presentation:

─── Autumn Break ──

Week 12 computer organization

Logic Gates AND - OR - NOT
- Basic Logic Gates |Link|
- 🌐 Online Logic |Link1| |Link2|
Project Requirements
✍🏻 Third Exam ➥

Week 13 computer organization

Classroom Task --- Writing IA projects...

PROJECT Resources

General Information |Link|
Editable Template |Link|
Online Drawing Tool (For Storyboards) |Link|

Week 14 BASICS of design

Basics of Design
- The Elements of Design |Link|
  - [ ▸ ] Video - EoD|Link|
- Principles of Design |Link|
  - [ ▸ ] Video - PoD |Link|
- The Types of Design

🖥️ Class Presentation: |Link|

- Online Design Tool: Canva |Link|
  - Classroom Task: Book Cover Design

PROJECTs to managebac: Dec 18

Week 15 (16 Dec) BASICS of design

Interior Design
- Key Aspects of Interior Design
- Elements of Interior Design
- 🖥️ Class Presentation: |Link|

CLASS PROJECT
Design your own room with a designer tool below and submit to MB

Online Interior Design Tool: 2D and 3D |Link|
Online Interior Design Tool: 2D |Link|
Online Interior Design Tool:|Link|

─── ⋆⋅☆. WINTER BREAK ☆⋅⋆ ──

Week 16 (6 JAN) BASICS of design

IA Project Revisions

Week 17 (13 JAN)

Product Design
- Key Aspects of Product Design
- Examples of Product Design
- Career in Product Design
🖥️ Class Presentation: |Link|

CLASS Project

Design your own TV Unit

Week 18 (20 JAN)

✍🏻 Fourth Exam:
- Pre A ✔
- Pre B ✔

Resources for Commercial Design Tools
- Chair Design Tool |Link|
- Furniture Design Tool |Link|
- IKEA Room Design Tool|Link|

Week 19 (27 JAN)

Environmental and Urban Design
🖥️ Class Presentation: |Link|

Class project

https://icograms.com/

1- Enter the website - icogram.com

2- Get started

3- Design your city - Consider Key Elements

4- Export as PNG and upload to ManageBac

─── ⋆⋅☆. Second Semester Begins ☆⋅⋆ ──

Week 1

Unit 5: Design and Technology Integration
- Scratch: Create interactive stories, games, designs, and animations.
  - Blocks: Move, turn, glide, sound, costume, repeat, forever
- 🖥️ Class Presentation: |Link|

Week 2

Unit 5: Design and Technology Integration
- - Blocks: Control - Events - Sound - Looks - Motion - Sensing - Random
  - Class Project: Making a funny aquarium - XY Grid

- - Blocks: Control - Events - Sound - Looks - Motion - Sensing - Random - if - variable
  - Class Project: Making chasing game.

Week 3 (17 Feb)

Unit 5: Design and Technology Integration
- - Blocks: Control - Events - Sound - Looks - Motion - Sensing - Random - Stop all
  - Class Project: Color Balls
    - Download Scratch file: |Link|
      - You can download the file and open it on Scratch
  - Class Project: Catching the Ball
    - Download Scratch file: |Link|
      - You can download the file and open it on Scratch

Week 4 (24 Feb)

February Major Assessment 5
Assessment Outline:
- Part 1: Paper Based (30 minutes)

Logic Gates AND - OR - NOT

Basics of Design

Interior Design

Product Design

Environmental and Urban Design

Scratch

Part 2: Scratch Project (25 minutes)

You will make a Scratch project and upload it to managebac.

Assessment Outline

Pre A: 25 Feb

Pre B: 03 March

Week 5 (3 March)

Scratch: Video sensor
Scratch: Maze Game

─── ⋆⋅☆⋅⋆ ──

Week 6 (10 March)

Unit 6: Fundamentals of Programming
- Algorithms → ✔
- Flowcharts → ✔
- Pseudocode →
- Programming Languages →

RESOURCES

🖥️ Class Presentation: |Link|
Flowchart Tool: |Link|

Week 7 (17 March)

Unit 6: Fundamentals of Programming
- Algorithms ✔
- Flowcharts ✔
- Pseudocode →
- Programming Languages →

RESOURCES

Flowchart Trace Worksheet |Link|
Flowchart Tool with AI:|Link|

─── ⋆⋅☆⋅⋆ ── NOVRUZ HOLIDAY ─── ⋆⋅☆⋅⋆ ──

Week 8 (1 APR)

Unit 6: Fundamentals of Programming
- Algorithms ✔
- Flowcharts ✔
- Pseudocode →
- Programming Languages →

RESOURCES

Online Pseudocode Tool |Link|
Main Pseudocode Syntax (See the worksheet below)
- Input / Output
- Variables (Number - String)
- if .... then .....else .....end if
- Loop...from....to...end loop
- Operators ✔
Work Sheet |Link|
Practice Questions (input...output)|Link|

Week 9 (7 APR)

Unit 6: Fundamentals of Programming
- Algorithms ✔
- Flowcharts ✔
- Pseudocode ✔
- Programming Languages →

RESOURCES

Online Pseudocode Tool |Link|
Main Pseudocode Syntax (See the worksheet below)
- Input / Output
- Variables (Number - String)
- if .... then .....else .....end if
- Loop...from....to...end loop
- Operators
Work Sheet |Link|
Practice Questions (if... then... else)|Link|

Week 10 (14 APR)

EXAM WEEK
March/April Major Assessment 6 ✔
New Sitting Plan ⛩

Week 11 (21 APR)

Unit 7: Introduction to Web Technologies
- Basic concepts about Web Technologies
  - 🖥️ Class Presentation: |Link|
- Good Web Design Basics
  - 🖥️ Class Presentation: |Link|
- Logo Make Tool: |Link|
- Editing Tool : |Link|

Week 12 (28 APR)

Unit 7: Introduction to Web Technologies
- Making an IB Student Portfolio Website
- Home Page ✔️
- Projects ✔️
- 🖥️ Class Presentation: |Link|
- 🌐 Sample Websites: |Link||Link|

Personal Project Video Embed Code (Copy and embed to website)

Lorem Ipsum ( you can copy simply dummy text)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec placerat odio, facilisis posuere augue. Nulla lacinia efficitur suscipit. Cras in massa a nunc viverra luctus. Etiam semper ornare vestibulum. Nam vitae hendrerit lorem. Sed iaculis vel velit non rutrum. Nam

Week 13 (05 may)

Unit 7: Introduction to Web Technologies
- Making an IB Student Portfolio Website
- Home Page ✔️
- Projects ✔️
- CAS ✔️
- 🌐 Sample Websites: |Link||Link|

Week 14 (12 may)

Unit 7: Introduction to Web Technologies
- Making an IB Student Portfolio Website
- Home Page ✔️
- Projects ✔️
- CAS ✔️
- My Skills ✔️
- Contact ✔️

Sample IB Portfolio Website

Week 15 (19 may)

May Major Assessment 7 - %60
IB Student Portfolio Website - %40
- Grading Rubric |Link|

Week 16 (26 may)

Unit 8: Introduction to Data Management
🖥️ Class Presentation:|Link|

Week 17 (2 June)

Week 18 (9 June)

Sample Survey |Link|
Sample Survey Data |Link|
Sample Survey Data - Modified |Link|

Page updated

Report abuse