Type on any line or blank, tap the circles and meters, or switch Draw on to sketch with a finger, stylus or mouse. Your work is saved in this browser on this device only. Nothing is sent anywhere.

010011010110010101100100 sensor · codec · stream · feed
MathSciencePsychology4 · TechnologyHistoryLanguage & StorytellingArt & DesignExecution
Unizon
Media Path · Lens 4: Technology

The
Technology
of Media

The opening question
What actually happens between tapping 'record' and a stranger watching your video on the other side of the world?

Your phone turns light into numbers, squeezes those numbers down, splits them into packets and sends them through cables under the ocean. Then software decides who sees it. This module opens up the machinery, including the AI tools that can now fake almost anything, and how to check what's real.

Inside this module
  • 00First Principlesp.2
  • 01Phone camera sensorsp.4
  • 02Compression & codecsp.5
  • 03Streaming & the internetp.6
  • 04Platforms & recommendationsp.7
  • 05AI media & deepfakesp.8
  • ✦Self-check · Make it · 5 Questions · Side Questp.9
How this works
CoreThe main path. Everyone does this part. No coding needed.
Level UpOptional, harder challenges if you want to push further.
Try ItHands-on tests with your own phone and browser.

You'll need: pencil, calculator, a phone with a camera, a web browser and some squared paper.

Media Path · Unizon01/12
Media Path · Lens 4: Technology00 · Start here
Before anything else
First
Principles

A first principle is a basic truth you can build on. All digital media is numbers: captured, squeezed, moved and sorted. Start with what you already know about the tech you use every day.

1

What do I already know?

Dump it all out. Half-sure counts.
What do you already know about how a photo or video gets from your phone to someone else's?
How do you think an app decides what to show you next?
Circle every word you could explain to a friend right now. Underline the ones you've heard but couldn't explain.
sensormegapixelcompressioncodecbandwidthMbpsserveralgorithmdeepfakemetadata
2

What is necessary?

The building blocks you need before going further

Everything in this module is built from four bricks. Rate yourself on each one, then check the example to see if your rating holds up.

DataEverything digital is stored as numbers, ultimately 0s and 1s. a pixel is three numbers: R, G, B
Got itKindaNot yet
CompressionMaking files smaller by removing repetition or detail. a 36 MB photo saved as 3 MB
Got itKindaNot yet
NetworkComputers connected so data can travel between them. Wi-Fi, cell towers, undersea cables
Got itKindaNot yet
AlgorithmA set of steps a computer follows to make a decision. ranking posts in your feed
Got itKindaNot yet
Is anything else necessary? What else do you think you'd need to know or have to really get this topic?
The Technology of Media02/12
Media Path · Lens 4: Technology00 · Start here
3

What is the objective?

What am I trying to understand or be able to do by the end?
The module's objective

By the end, you'll be able to explain how media tech works, from sensor to screen, and check whether media is real.

  • 01Explain how a camera sensor and Bayer filter capture colour.
  • 02Compare lossless and lossy compression and calculate file sizes.
  • 03Describe how streaming video reaches your screen.
  • 04Explain how recommendation systems rank content.
  • 05Use SIFT and other tools to check AI and fake media.
  • 06Fact-check three real posts and make a fact-check card.
My objective

The list on the left is ours. Now make it yours. What do you want out of this?

By the end, I want to be able to
The part I'm most curious about is
I'll know I've got there when
Knowledge meter

How much do you know about the technology of media right now? Shade the boxes in pencil. You'll come back at the end (p.9) and shade it again in pen.

NothingCould teach it

Why start this way? When you know what you already have (1), what you need (2) and where you're going (3), you learn faster and you notice the gaps. Every module on the Media Path starts with these same three questions.

Your route through this module
00
First Principles
01
Sensors
02
Codecs
03
Streaming
04
Feeds
05
AI fakes
✓
Check
▶
Make
?
5 Qs
★
Quest
The Technology of Media03/12
Media Path · Lens 4: Technology01 · Phone camera sensors
01
Light in, numbers out

Inside the sensor

Behind your phone's lens is an image sensor: a chip covered in millions of tiny light-catchers called photosites. Each one measures only how much light hits it, not what colour. So how do we get colour?

RGRGGBGBRGRGGBGB

A grid of colour filters sits on top, so each photosite sees only red, green or blue light. The most common pattern is the Bayer filter, patented by Bryce Bayer at Kodak in 1976. It has twice as many green filters as red or blue, because our eyes are most sensitive to green.

Software then guesses the two missing colours at each spot using its neighbours (called demosaicing). Phones also snap several frames in a split second and blend them, which is how night mode and HDR usually work. That's called computational photography.

Worked example · counting photosites

A 12-megapixel sensor might be 4,000 photosites wide and 3,000 tall.

14,000 × 3,000 = 12,000,000 photosites
2Half are green: 12,000,000 ÷ 2 = 6,000,000
3A quarter each red and blue: 3,000,000 each
Try it · night mode test

In a dim room, take the same photo with night mode on and off (or with and without flash). Zoom in on both. What's different: brightness, noise (grain), blur?

Level Up · how big is a photo, really?

After demosaicing, each of the 12,000,000 pixels stores red, green and blue, 1 byte each. How many megabytes is that? Most phone photos are only a few MB. What do you think is going on? (Next page!)

12,000,000 × 3 = 36,000,000 bytes = 36 MB → compression shrinks it
Why so many lenses?

Phone sensors are tiny, so each photosite catches little light, which means more grain (noise) in the dark. Many phones have two or three cameras, each with its own lens and sensor: wide (main), ultra-wide and telephoto (zoom). The phone switches between them, or blends them, as you zoom.

How many cameras does your phone (or a family member's) have? Which one do you use most?
The Technology of Media04/12
Media Path · Lens 4: Technology02 · Compression & codecs
02
Squeeze it down

Making files smaller

Raw media is huge. Compression makes it smaller. Lossless compression shrinks a file and gets back every bit (like ZIP or PNG). Lossy compression throws away detail you probably won't notice (like JPEG photos and MP3 or AAC audio).

Worked example · run-length encoding

A simple lossless trick: instead of listing every pixel, count runs of the same colour.

1Row of pixels: W W W W B B B W W (9 symbols)
2Encoded: 4W 3B 2W (6 symbols)

Nothing lost. Works great on images with big flat areas; badly on noisy ones.

Worked example · raw video

One uncompressed 1080p frame: 1,920 × 1,080 pixels, 3 bytes each.

11,920 × 1,080 × 3 = 6,220,800 bytes ≈ 6.2 MB
2At 30 fps: × 30 = 186,624,000 bytes/s ≈ 187 MB/s
3One minute: × 60 ≈ 11.2 GB. Yikes.

A codec (coder-decoder) is the recipe for compressing and playing video. Common ones are H.264, H.265 (HEVC) and AV1. A big trick: store a full picture only now and then (a keyframe), and for the frames in between, store only what changed.

KEY KEY ΔΔΔΔ Δ = only the changes are stored
Try it · compress pixel art

On squared paper, draw an 8 × 8 pixel picture (a heart, a face) in black and white. Write each row as run-length code. How many symbols did you save in total? Which rows saved the most?

Level Up · compression ratio

Raw 1080p video is about 187 MB/s. Suppose a stream uses 5 megabits per second (5 Mbps). There are 8 bits in a byte. How many MB/s is the stream, and roughly how many times smaller than raw?

5 ÷ 8 = 0.625 MB/s · 187 ÷ 0.625 ≈ 300 times smaller
The Technology of Media05/12
Media Path · Lens 4: Technology03 · Streaming & the internet
03
Your video's road trip

How streaming works

When you press play, the video doesn't arrive as one file. It's cut into chunks a few seconds long, and each chunk is split into packets that find their own way across the internet.

ORIGIN SERVER UNDERSEAFIBRE CDN COPYNEAR YOU INTERNETPROVIDER WI-FI →YOUR PHONE data travels in small packets, and video arrives in chunks a few seconds long

Most data that crosses oceans travels as light through undersea fibre-optic cables, not satellites. Big platforms keep copies of popular videos on content delivery networks (CDNs): servers spread around the world, so your video comes from somewhere nearby.

Adaptive bitrate streaming keeps several versions of each chunk at different qualities. If your connection slows down, the player grabs the next chunk at lower quality. That's why video sometimes goes blurry instead of stopping.

Worked example · bits vs bytes

Internet speed is in megabits per second (Mbps). File sizes are in megabytes (MB). 1 byte = 8 bits.

115 MB file: 15 × 8 = 120 megabits. At 50 Mbps: 120 ÷ 50 = 2.4 s
21 hour of video at 5 Mbps: 5 × 3,600 = 18,000 megabits
318,000 ÷ 8 = 2,250 MB ≈ 2.25 GB per hour
Try it · stats for nerds

On YouTube on a computer, right-click a playing video and choose "Stats for nerds." Write down the resolution and connection speed. Change the quality setting. What changes?

Level Up · the data plan

A phone plan includes 10 GB of data a month. Streaming uses about 2.25 GB per hour (from above). How many hours of video is that? If you stream on cellular for 30 minutes a day, when do you run out?

10 ÷ 2.25 ≈ 4.4 hours · 30 min/day ≈ 1.125 GB/day → about day 9 (8 days = 9 GB)
The Technology of Media06/12
Media Path · Lens 4: Technology04 · Platforms & recommendations
04
Who decides what's next?

How a feed is built

ALL POSTSbillionsCANDIDATESthousandsRANKEDyour feed

A platform is apps, servers and databases, plus recommendation systems that pick what to show. They work roughly like a funnel: from huge numbers of posts, pick a few thousand candidates you might like, then rank them.

Common methods: collaborative filtering ("people who liked what you liked also liked this") and content-based matching ("this is similar to what you watched"). Signals include watch time, likes, shares, follows and skips.

Engineers constantly run A/B tests: show version A to some users and B to others, and keep whichever performs better on what they measure. What a platform chooses to measure shapes what you see.

Worked example · a made-up ranking rule

Score = 3 × shares + 2 × comments + 1 × likes

1Post X: 10 likes, 2 comments, 1 share → 3 + 4 + 10 = 17
2Post Y: 4 likes, 5 comments, 2 shares → 6 + 10 + 4 = 20

Y ranks higher with fewer likes. Comments and shares count more, so posts that start arguments can win.

Try it · people like you

Made-up data. You liked videos A, B, C. Jordan liked A, B, C, D. Priya liked E, F. Using collaborative filtering, what should the app suggest to you, and why?

D: Jordan shares 3 of your likes; Priya shares none
Level Up · design a better feed

Write your own scoring rule for a feed that's good for its users, not just for time spent. Which signals would you use (maybe "saved for later" or "said this was helpful")? Which would you leave out? Score Posts X and Y with your rule.

The Technology of Media07/12
Media Path · Lens 4: Technology05 · AI media & deepfakes
05
Seeing isn't believing

Check before you trust

Generative AI can now create realistic images, voices and video from a text prompt. A deepfake is media made or changed with AI to show someone saying or doing something they never did. Old tips like "look at the hands" are getting less reliable as the tools improve, so the best check is about where it came from, not just how it looks.

THE SIFT METHOD · MIKE CAULFIELD

S · Stop. Notice your reaction before you share.

I · Investigate the source. Who posted it? What's their track record?

F · Find better coverage. Are trusted outlets reporting it?

T · Trace it to the original. Where did the image or quote first appear?

Tools that help

Reverse image search (Google Lens, TinEye) finds older copies of a picture.

Content Credentials (the C2PA standard) can show how a file was made and edited, if the creator's tools added them. Missing credentials don't prove a fake.

MediaSmarts, Canada's centre for digital media literacy, has free guides like "Break the Fake."

Worked example · SIFT on a made-up post

"A moose just walked into West Edmonton Mall!! 😱" (photo attached)

SWhoa, fun. Pause before sharing.
IAccount made last week, no bio, lots of viral posts.
FNo local news outlet mentions it.
TReverse search finds the photo was first posted years ago, somewhere else. Verdict: false.
Try it · reverse search

Pick a dramatic photo from a news site or your feed. Run a reverse image search. When and where does it first appear?

Level Up

If AI can make anything look real, then "it looks real" isn't evidence any more. What is good evidence? Write three rules you'd teach a friend or family member.

The Technology of Media08/12
Media Path · Lens 4: TechnologySelf-check
✓
No pressure, just proof

Quick self-check

Six questions, covering every stop. Show your thinking. Answers are upside down at the bottom; no peeking till you're done.

1 · Why does a Bayer filter have twice as many green squares?

2 · Is a ZIP file lossless or lossy? What about a JPEG?

3 · How long does a 30 MB file take to download at 60 Mbps?

4 · What does a CDN do?

5 · Score a post with 6 likes, 1 comment and 3 shares using 3 × shares + 2 × comments + likes.

6 · What do the four letters in SIFT stand for?

1) our eyes are most sensitive to green · 2) ZIP lossless, JPEG lossy · 3) 30 × 8 = 240 Mb ÷ 60 = 4 s · 4) keeps copies of content on servers near users so it loads faster · 5) 9 + 2 + 6 = 17 · 6) Stop, Investigate the source, Find better coverage, Trace to the original
Back to First Principles

Re-shade your knowledge meter

How much do you know about the technology of media now? Flip back to p.3 and shade the meter again in pen (or shade this one). Did any of the four bricks on p.2 move from "Not yet" to "Got it"?

NothingCould teach it
Did I hit my objective? What's my evidence?
The idea that surprised me most:
The Technology of Media09/12
Media Path · Lens 4: TechnologyMini challenge · Make it
Mini challenge · Execution

Be the fact-checker

Professional fact-checkers don't trust their eyes; they check sources. Verify three real posts from your feed, then make a fact-check card for each.

The job

  • Find 3 posts that make a claim (a stat, a photo, a quote)
  • Run SIFT on each one
  • At least one reverse image search
  • Fill in a fact-check card for each

Then share one

Turn your best card into a 30-second video or a slide that teaches someone else how you checked it. Be fair: say what you couldn't confirm.

FACT-CHECK CARD 1Verdict: ☐ True ☐ False ☐ Missing context ☐ Can't tell
The claim
What SIFT found
Best evidence (link)
FACT-CHECK CARD 2Verdict: ☐ True ☐ False ☐ Missing context ☐ Can't tell
The claim
What SIFT found
Best evidence (link)
FACT-CHECK CARD 3Verdict: ☐ True ☐ False ☐ Missing context ☐ Can't tell
The claim
What SIFT found
Best evidence (link)

Stay safe: don't comment on, argue with, or report people while you investigate. Just observe and record. Never share personal information about the people who posted.

The Technology of Media10/12
Media Path · Lens 4: Technology5 Questions I Still Have
The best part of learning is what's next

5 Questions
I Still Have

This module didn't answer everything. Good. Write 5 new questions it didn't answer, one of each type below. There are no wrong questions, only ones nobody's asked yet.

1
How does it work?
Pick something you use and wonder about the inside of. e.g. "How does my phone's night mode take a photo in the dark?"
2
Why?
Ask about a reason or a cause. e.g. "Why does video go blurry when the Wi-Fi is slow?"
3
What if?
Change one thing and imagine the result. e.g. "What if I could see and edit my own feed's algorithm?"
4
Connect it
Link this to another lens (math, science, psychology, technology, history, language & storytelling, art & design, execution) or another subject. e.g. "How did people fake photos before computers existed?"
5
My life & community
Bring it home: your feed, your friends, your Edmonton. e.g. "Where does Edmonton's internet traffic actually connect to the rest of the world?"

★ Star the one question you'd most like answered. You'll need it on the next page.

The Technology of Media11/12
Media Path · Lens 4: TechnologySide Quest · Optional
Optional · for the curious

Side Quest

Take your starred question from p.11 and go find the answer, or at least a better question. You're the researcher now.

My quest question:

1What I'll find out

Break your big question into 2 or 3 smaller ones you could actually answer.

2Where I'll look

A library (Edmonton Public Library counts!)Someone who does it for a jobAn experiment I run myselfTrustworthy websites (who wrote it? when?)A book or documentary

3How I'll share it

A one-page zineA 15-second explainerA poster or infographicA 2-minute talkSomething else

Who I'll share it with:

Done by:

Next on the Media Path Lens 5 · History asks: people have faked photos since the 1800s. What happened every time a new medium arrived?
The Technology of Media12/12