SlideShare a Scribd company logo
1
of
36
Digital Image Processing
Introduction
2
of
36
“One picture is worth more than ten
thousand words”
Anonymous
3
of
36
References
“Digital Image Processing”, Rafael C.
Gonzalez & Richard E. Woods,
Addison-Wesley, 2002
4
of
36
Contents
This lecture will cover:
– What is a digital image?
– What is digital image processing?
– History of digital image processing
– State of the art examples of digital image
processing
– Key stages in digital image processing
5
of
36
What is a Digital Image?
A digital image is a representation of a two-
dimensional image as a finite set of digital
values, called picture elements or pixels
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
6
of
36
Definition:
An Image may be defined as a two dimensional
function f(x,y) where x and y are spatial(plane)
coordinates, and the amplitude of f at any pair of
coordinates (x,y) is called the intensity or the gray level
of the image at that point.
7
of
36
What is a Digital Image? (cont…)
Pixel values typically represent gray levels,
colours, heights, opacities etc
Remember digitization implies that a digital
image is an approximation of a real scene
1 pixel
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
8
of
36
What is a Digital Image? (cont…)
Common image formats include:
– 1 sample per point (B&W or Grayscale)
– 3 samples per point (Red, Green, and Blue)
– 4 samples per point (Red, Green, Blue, and “Alpha”,
a.k.a. Opacity)
For most of this course we will focus on grey-scale
images
9
of
36
What is Digital Image Processing?
Digital image processing focuses on two
major tasks
– Improvement of pictorial information for
human interpretation
– Processing of image data for storage,
transmission and representation for
autonomous machine perception
Some argument about where image
processing ends and fields such as image
analysis and computer vision start
10
of
36
What is DIP? (cont…)
The continuum from image processing to
computer vision can be broken up into low-,
mid- and high-level processes
Low Level Process
Input: Image
Output: Image
Examples: Noise
removal, image
sharpening
Mid Level Process
Input: Image
Output: Attributes
Examples: Object
recognition,
segmentation
High Level Process
Input: Attributes
Output: Understanding
Examples: Scene
understanding,
autonomous navigation
In this course we will
stop here
11
of
36
History of Digital Image Processing
Early 1920s: One of the first applications of
digital imaging was in the news-
paper industry
– The Bartlane cable picture
transmission service
– Images were transferred by submarine cable
between London and New York
– Pictures were coded for cable transfer and
reconstructed at the receiving end on a
telegraph printer
Early digital image
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
12
of
36
History of DIP (cont…)
Mid to late 1920s: Improvements to the
Bartlane system resulted in higher quality
images
– New reproduction
processes based
on photographic
techniques
– Increased number
of tones in
reproduced images
Improved
digital image Early 15 tone digital
image
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
13
of
36
History of DIP (cont…)
1960s: Improvements in computing
technology and the onset of the space race
led to a surge of work in digital image
processing
– 1964: Computers used to
improve the quality of
images of the moon taken
by the Ranger 7 probe
– Such techniques were used
in other space missions
including the Apollo landings
A picture of the moon taken
by the Ranger 7 probe
minutes before landing
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
14
of
36
History of DIP (cont…)
1970s: Digital image processing begins to
be used in medical applications
– 1979: Sir Godfrey N.
Hounsfield & Prof. Allan M.
Cormack share the Nobel
Prize in medicine for the
invention of tomography,
the technology behind
Computerised Axial
Tomography (CAT) scans
Typical head slice CAT
image
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
15
of
36
History of DIP (cont…)
1980s - Today: The use of digital image
processing techniques has exploded and
they are now used for all kinds of tasks in all
kinds of areas
– Image enhancement/restoration
– Artistic effects
– Medical visualisation
– Industrial inspection
– Law enforcement
– Human computer interfaces
16
of
36
Examples: Image Enhancement
One of the most common uses of DIP
techniques: improve quality, remove noise
etc
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
17
of
36
Examples: The Hubble Telescope
Launched in 1990 the Hubble
telescope can take images of
very distant objects
However, an incorrect mirror
made many of Hubble’s
images useless
Image processing
techniques were
used to fix this
18
of
36
Examples: Artistic Effects
Artistic effects are
used to make
images more
visually appealing,
to add special
effects and to make
composite images
19
of
36
Examples: Medicine
Take slice from MRI scan of canine heart,
and find boundaries between types of tissue
– Image with gray levels representing tissue
density
– Use a suitable filter to highlight edges
Original MRI Image of a Dog Heart Edge Detection Image
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
20
of
36
Examples: GIS
Geographic Information Systems
– Digital image processing techniques are used
extensively to manipulate satellite imagery
– Terrain classification
– Meteorology
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
21
of
36
Examples: GIS (cont…)
Night-Time Lights of
the World data set
– Global inventory of
human settlement
– Not hard to imagine
the kind of analysis
that might be done
using this data
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
22
of
36
Examples: Industrial Inspection
Human operators are
expensive, slow and
unreliable
Make machines do the
job instead
Industrial vision systems
are used in all kinds of
industries
Can we trust them?
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
23
of
36
Examples: PCB Inspection
Printed Circuit Board (PCB) inspection
– Machine inspection is used to determine that
all components are present and that all solder
joints are acceptable
– Both conventional imaging and x-ray imaging
are used
24
of
36
Examples: Law Enforcement
Image processing
techniques are used
extensively by law
enforcers
– Number plate
recognition for speed
cameras/automated
toll systems
– Fingerprint recognition
– Enhancement of
CCTV images
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
25
of
36
Examples: HCI
Try to make human computer
interfaces more natural
– Face recognition
– Gesture recognition
Does anyone remember the
user interface from “Minority
Report”?
These tasks can be
extremely difficult
26
of
36
Key Stages in Digital Image Processing
Image
Acquisition
Image
Restoration
Morphological
Processing
Segmentation
Representation
& Description
Image
Enhancement
Object
Recognition
Problem Domain
Colour Image
Processing
Image
Compression
27
of
36
Key Stages in Digital Image Processing:
Image Aquisition
Image
Acquisition
Image
Restoration
Morphological
Processing
Segmentation
Representation
& Description
Image
Enhancement
Object
Recognition
Problem Domain
Colour Image
Processing
Image
Compression
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
28
of
36
Key Stages in Digital Image Processing:
Image Enhancement
Image
Acquisition
Image
Restoration
Morphological
Processing
Segmentation
Representation
& Description
Image
Enhancement
Object
Recognition
Problem Domain
Colour Image
Processing
Image
Compression
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
29
of
36
Key Stages in Digital Image Processing:
Image Restoration
Image
Acquisition
Image
Restoration
Morphological
Processing
Segmentation
Representation
& Description
Image
Enhancement
Object
Recognition
Problem Domain
Colour Image
Processing
Image
Compression
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
30
of
36
Key Stages in Digital Image Processing:
Morphological Processing
Image
Acquisition
Image
Restoration
Morphological
Processing
Segmentation
Representation
& Description
Image
Enhancement
Object
Recognition
Problem Domain
Colour Image
Processing
Image
Compression
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
31
of
36
Key Stages in Digital Image Processing:
Segmentation
Image
Acquisition
Image
Restoration
Morphological
Processing
Segmentation
Representation
& Description
Image
Enhancement
Object
Recognition
Problem Domain
Colour Image
Processing
Image
Compression
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
32
of
36
Key Stages in Digital Image Processing:
Object Recognition
Image
Acquisition
Image
Restoration
Morphological
Processing
Segmentation
Representation
& Description
Image
Enhancement
Object
Recognition
Problem Domain
Colour Image
Processing
Image
Compression
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
33
of
36
Key Stages in Digital Image Processing:
Representation & Description
Image
Acquisition
Image
Restoration
Morphological
Processing
Segmentation
Representation
& Description
Image
Enhancement
Object
Recognition
Problem Domain
Colour Image
Processing
Image
Compression
Images
taken
from
Gonzalez
&
Woods,
Digital
Image
Processing
(2002)
34
of
36
Key Stages in Digital Image Processing:
Image Compression
Image
Acquisition
Image
Restoration
Morphological
Processing
Segmentation
Representation
& Description
Image
Enhancement
Object
Recognition
Problem Domain
Colour Image
Processing
Image
Compression
35
of
36
Key Stages in Digital Image Processing:
Colour Image Processing
Image
Acquisition
Image
Restoration
Morphological
Processing
Segmentation
Representation
& Description
Image
Enhancement
Object
Recognition
Problem Domain
Colour Image
Processing
Image
Compression
36
of
36
Summary
We have looked at:
– What is a digital image?
– What is digital image processing?
– History of digital image processing
– State of the art examples of digital image
processing
– Key stages in digital image processing
Next time we will start to see how it all
works…

More Related Content

PPT
ImageProcessing1-Introduction.ppt
PPT
Image processing1 introduction (1)
PPT
chapter_1_Digital_Image_Processing_Intro (2).ppt
PPT
chapter_1_Digital_Image_Processing_Intro (1).ppt
PPT
chapter_1_Digital_Image_Processing_Intro.ppt
PPTX
Digital image processing
PPT
Image processing1 introduction
PPT
CHAPTER_1_updated_8_aug.ppt
ImageProcessing1-Introduction.ppt
Image processing1 introduction (1)
chapter_1_Digital_Image_Processing_Intro (2).ppt
chapter_1_Digital_Image_Processing_Intro (1).ppt
chapter_1_Digital_Image_Processing_Intro.ppt
Digital image processing
Image processing1 introduction
CHAPTER_1_updated_8_aug.ppt

Similar to ImageProcessing1-Introduction.ppt (20)

PPT
Digital Image Processing_ ch1 introduction-2003
PDF
Image processing
PDF
Digital image processing using matlab
PDF
Lec_1_Introduction.pdf
PDF
Lec_1_Introduction.pdf
PDF
Dr.maie-Lec_1_Introdudfdfsdfsdfsdfction.pdf
PPT
ImageProcessing1-Introduction.ppt
PPT
Image processing1 introduction
PDF
0 Image Processing & Remote Sernsing.pdf
PPTX
Lecture 1 for Digital Image Processing (2nd Edition)
PPTX
1. digital image processing
PPT
Digital Image Processing
PPT
Image Processing : Introduction
PPTX
DIP Introduction by MD Khademul Islam.pptx
PPT
DIPsadasdasfsdfsdfdfasdfsdfsdgsdgdsfgdfgfdg
PPT
Chapter_01_Introduction Two differen.ppt
PPT
Chapter_01_Introduction.ppt
PPT
Chapter_01_Introduction.ppt
PPTX
Dip review
PPTX
ch-1.1 image processing fundamentals.pptx
Digital Image Processing_ ch1 introduction-2003
Image processing
Digital image processing using matlab
Lec_1_Introduction.pdf
Lec_1_Introduction.pdf
Dr.maie-Lec_1_Introdudfdfsdfsdfsdfction.pdf
ImageProcessing1-Introduction.ppt
Image processing1 introduction
0 Image Processing & Remote Sernsing.pdf
Lecture 1 for Digital Image Processing (2nd Edition)
1. digital image processing
Digital Image Processing
Image Processing : Introduction
DIP Introduction by MD Khademul Islam.pptx
DIPsadasdasfsdfsdfdfasdfsdfsdgsdgdsfgdfgfdg
Chapter_01_Introduction Two differen.ppt
Chapter_01_Introduction.ppt
Chapter_01_Introduction.ppt
Dip review
ch-1.1 image processing fundamentals.pptx
Ad

Recently uploaded (20)

PPTX
CH1 Production IntroductoryConcepts.pptx
PDF
PPT on Performance Review to get promotions
PPTX
web development for engineering and engineering
PDF
The CXO Playbook 2025 – Future-Ready Strategies for C-Suite Leaders Cerebrai...
PPTX
Sustainable Sites - Green Building Construction
PPTX
Lecture Notes Electrical Wiring System Components
PPTX
IOT PPTs Week 10 Lecture Material.pptx of NPTEL Smart Cities contd
PDF
BMEC211 - INTRODUCTION TO MECHATRONICS-1.pdf
PPTX
UNIT-1 - COAL BASED THERMAL POWER PLANTS
PPTX
CYBER-CRIMES AND SECURITY A guide to understanding
PDF
PRIZ Academy - 9 Windows Thinking Where to Invest Today to Win Tomorrow.pdf
PPTX
additive manufacturing of ss316l using mig welding
PPTX
Construction Project Organization Group 2.pptx
PDF
TFEC-4-2020-Design-Guide-for-Timber-Roof-Trusses.pdf
PPTX
bas. eng. economics group 4 presentation 1.pptx
PDF
Evaluating the Democratization of the Turkish Armed Forces from a Normative P...
PPTX
Foundation to blockchain - A guide to Blockchain Tech
PDF
Mohammad Mahdi Farshadian CV - Prospective PhD Student 2026
PDF
keyrequirementskkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
PPT
CRASH COURSE IN ALTERNATIVE PLUMBING CLASS
CH1 Production IntroductoryConcepts.pptx
PPT on Performance Review to get promotions
web development for engineering and engineering
The CXO Playbook 2025 – Future-Ready Strategies for C-Suite Leaders Cerebrai...
Sustainable Sites - Green Building Construction
Lecture Notes Electrical Wiring System Components
IOT PPTs Week 10 Lecture Material.pptx of NPTEL Smart Cities contd
BMEC211 - INTRODUCTION TO MECHATRONICS-1.pdf
UNIT-1 - COAL BASED THERMAL POWER PLANTS
CYBER-CRIMES AND SECURITY A guide to understanding
PRIZ Academy - 9 Windows Thinking Where to Invest Today to Win Tomorrow.pdf
additive manufacturing of ss316l using mig welding
Construction Project Organization Group 2.pptx
TFEC-4-2020-Design-Guide-for-Timber-Roof-Trusses.pdf
bas. eng. economics group 4 presentation 1.pptx
Evaluating the Democratization of the Turkish Armed Forces from a Normative P...
Foundation to blockchain - A guide to Blockchain Tech
Mohammad Mahdi Farshadian CV - Prospective PhD Student 2026
keyrequirementskkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
CRASH COURSE IN ALTERNATIVE PLUMBING CLASS
Ad

ImageProcessing1-Introduction.ppt

  • 2. 2 of 36 “One picture is worth more than ten thousand words” Anonymous
  • 3. 3 of 36 References “Digital Image Processing”, Rafael C. Gonzalez & Richard E. Woods, Addison-Wesley, 2002
  • 4. 4 of 36 Contents This lecture will cover: – What is a digital image? – What is digital image processing? – History of digital image processing – State of the art examples of digital image processing – Key stages in digital image processing
  • 5. 5 of 36 What is a Digital Image? A digital image is a representation of a two- dimensional image as a finite set of digital values, called picture elements or pixels Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 6. 6 of 36 Definition: An Image may be defined as a two dimensional function f(x,y) where x and y are spatial(plane) coordinates, and the amplitude of f at any pair of coordinates (x,y) is called the intensity or the gray level of the image at that point.
  • 7. 7 of 36 What is a Digital Image? (cont…) Pixel values typically represent gray levels, colours, heights, opacities etc Remember digitization implies that a digital image is an approximation of a real scene 1 pixel Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 8. 8 of 36 What is a Digital Image? (cont…) Common image formats include: – 1 sample per point (B&W or Grayscale) – 3 samples per point (Red, Green, and Blue) – 4 samples per point (Red, Green, Blue, and “Alpha”, a.k.a. Opacity) For most of this course we will focus on grey-scale images
  • 9. 9 of 36 What is Digital Image Processing? Digital image processing focuses on two major tasks – Improvement of pictorial information for human interpretation – Processing of image data for storage, transmission and representation for autonomous machine perception Some argument about where image processing ends and fields such as image analysis and computer vision start
  • 10. 10 of 36 What is DIP? (cont…) The continuum from image processing to computer vision can be broken up into low-, mid- and high-level processes Low Level Process Input: Image Output: Image Examples: Noise removal, image sharpening Mid Level Process Input: Image Output: Attributes Examples: Object recognition, segmentation High Level Process Input: Attributes Output: Understanding Examples: Scene understanding, autonomous navigation In this course we will stop here
  • 11. 11 of 36 History of Digital Image Processing Early 1920s: One of the first applications of digital imaging was in the news- paper industry – The Bartlane cable picture transmission service – Images were transferred by submarine cable between London and New York – Pictures were coded for cable transfer and reconstructed at the receiving end on a telegraph printer Early digital image Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 12. 12 of 36 History of DIP (cont…) Mid to late 1920s: Improvements to the Bartlane system resulted in higher quality images – New reproduction processes based on photographic techniques – Increased number of tones in reproduced images Improved digital image Early 15 tone digital image Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 13. 13 of 36 History of DIP (cont…) 1960s: Improvements in computing technology and the onset of the space race led to a surge of work in digital image processing – 1964: Computers used to improve the quality of images of the moon taken by the Ranger 7 probe – Such techniques were used in other space missions including the Apollo landings A picture of the moon taken by the Ranger 7 probe minutes before landing Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 14. 14 of 36 History of DIP (cont…) 1970s: Digital image processing begins to be used in medical applications – 1979: Sir Godfrey N. Hounsfield & Prof. Allan M. Cormack share the Nobel Prize in medicine for the invention of tomography, the technology behind Computerised Axial Tomography (CAT) scans Typical head slice CAT image Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 15. 15 of 36 History of DIP (cont…) 1980s - Today: The use of digital image processing techniques has exploded and they are now used for all kinds of tasks in all kinds of areas – Image enhancement/restoration – Artistic effects – Medical visualisation – Industrial inspection – Law enforcement – Human computer interfaces
  • 16. 16 of 36 Examples: Image Enhancement One of the most common uses of DIP techniques: improve quality, remove noise etc Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 17. 17 of 36 Examples: The Hubble Telescope Launched in 1990 the Hubble telescope can take images of very distant objects However, an incorrect mirror made many of Hubble’s images useless Image processing techniques were used to fix this
  • 18. 18 of 36 Examples: Artistic Effects Artistic effects are used to make images more visually appealing, to add special effects and to make composite images
  • 19. 19 of 36 Examples: Medicine Take slice from MRI scan of canine heart, and find boundaries between types of tissue – Image with gray levels representing tissue density – Use a suitable filter to highlight edges Original MRI Image of a Dog Heart Edge Detection Image Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 20. 20 of 36 Examples: GIS Geographic Information Systems – Digital image processing techniques are used extensively to manipulate satellite imagery – Terrain classification – Meteorology Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 21. 21 of 36 Examples: GIS (cont…) Night-Time Lights of the World data set – Global inventory of human settlement – Not hard to imagine the kind of analysis that might be done using this data Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 22. 22 of 36 Examples: Industrial Inspection Human operators are expensive, slow and unreliable Make machines do the job instead Industrial vision systems are used in all kinds of industries Can we trust them? Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 23. 23 of 36 Examples: PCB Inspection Printed Circuit Board (PCB) inspection – Machine inspection is used to determine that all components are present and that all solder joints are acceptable – Both conventional imaging and x-ray imaging are used
  • 24. 24 of 36 Examples: Law Enforcement Image processing techniques are used extensively by law enforcers – Number plate recognition for speed cameras/automated toll systems – Fingerprint recognition – Enhancement of CCTV images Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 25. 25 of 36 Examples: HCI Try to make human computer interfaces more natural – Face recognition – Gesture recognition Does anyone remember the user interface from “Minority Report”? These tasks can be extremely difficult
  • 26. 26 of 36 Key Stages in Digital Image Processing Image Acquisition Image Restoration Morphological Processing Segmentation Representation & Description Image Enhancement Object Recognition Problem Domain Colour Image Processing Image Compression
  • 27. 27 of 36 Key Stages in Digital Image Processing: Image Aquisition Image Acquisition Image Restoration Morphological Processing Segmentation Representation & Description Image Enhancement Object Recognition Problem Domain Colour Image Processing Image Compression Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 28. 28 of 36 Key Stages in Digital Image Processing: Image Enhancement Image Acquisition Image Restoration Morphological Processing Segmentation Representation & Description Image Enhancement Object Recognition Problem Domain Colour Image Processing Image Compression Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 29. 29 of 36 Key Stages in Digital Image Processing: Image Restoration Image Acquisition Image Restoration Morphological Processing Segmentation Representation & Description Image Enhancement Object Recognition Problem Domain Colour Image Processing Image Compression Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 30. 30 of 36 Key Stages in Digital Image Processing: Morphological Processing Image Acquisition Image Restoration Morphological Processing Segmentation Representation & Description Image Enhancement Object Recognition Problem Domain Colour Image Processing Image Compression Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 31. 31 of 36 Key Stages in Digital Image Processing: Segmentation Image Acquisition Image Restoration Morphological Processing Segmentation Representation & Description Image Enhancement Object Recognition Problem Domain Colour Image Processing Image Compression Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 32. 32 of 36 Key Stages in Digital Image Processing: Object Recognition Image Acquisition Image Restoration Morphological Processing Segmentation Representation & Description Image Enhancement Object Recognition Problem Domain Colour Image Processing Image Compression Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 33. 33 of 36 Key Stages in Digital Image Processing: Representation & Description Image Acquisition Image Restoration Morphological Processing Segmentation Representation & Description Image Enhancement Object Recognition Problem Domain Colour Image Processing Image Compression Images taken from Gonzalez & Woods, Digital Image Processing (2002)
  • 34. 34 of 36 Key Stages in Digital Image Processing: Image Compression Image Acquisition Image Restoration Morphological Processing Segmentation Representation & Description Image Enhancement Object Recognition Problem Domain Colour Image Processing Image Compression
  • 35. 35 of 36 Key Stages in Digital Image Processing: Colour Image Processing Image Acquisition Image Restoration Morphological Processing Segmentation Representation & Description Image Enhancement Object Recognition Problem Domain Colour Image Processing Image Compression
  • 36. 36 of 36 Summary We have looked at: – What is a digital image? – What is digital image processing? – History of digital image processing – State of the art examples of digital image processing – Key stages in digital image processing Next time we will start to see how it all works…