digital storytelling

1. MIL PPT 15
Revised: June 11, 2017
MEDIA AND
INFORMATION LITERACY
(MIL)
Mr. Arniel Ping
St. Stephen’s High School
Manila, Philippines
MEDIA AND
INFORMATION
LANGUAGES (PART 2)
VI. DEO PROJECT
A. CAMERA TECHNIQUES
B. TREATMENT
C. STORYBOARD
II-PERFORMANCE TASK
A. VIDEO PROJECT

2. Learning Competencies
Learners will be able to…
▶identify the different camera techniques in film making
(SSHS);
▶discuss how these techniques can be used in film to
effectively tell a story or send a message (SSHS);

3. Learning Competencies
Learners will be able to…
▶define and explain video treatment and storyboard
(SSHS);
▶create a video treatment and a storyboard for a 30-50
seconds music video applying the different camera
techniques (SSHS);

4. Learning Competencies
Learners will be able to…
▶produce the music video based on the created video
treatment and storyboard (SSHS);
▶edit the video using a mobile application (SSHS);
▶share the video in the class for feedbacks (SSHS); and

5. Learning Competencies
Learners will be able to…
▶create a short film with a subject related to legal, ethical,
and societal issues in media and information in the
Philippines, applying the concepts of genre, code, and
convention (SSHS); and
▶produces and assesses the codes, convention, and
messages of a group presentation (MILI11/12MILA-IIIf-16)

6. T
opic Outline
V. ideo Project
A. Camera Techniques
B. Treatment
C. Storyboard
II. Performance T
ask
A. Video Project

7. Video Projects
• Digital
Storytelling
• Public Service
Announcement
• Audio-Visual
Presentation
• Parody Video
• Advertisemen
t
• Documentary
• Infomercial
• Music Video
• Short Film
• Vlog

8. Camera Techniques
Film Making Basics!
.(2015). Alfie Vaughan Films. YouTube.
Retrieved Sept. 15, 2016, from
https://www.youtube.com/watch?v=JQnYwsehvs8

9. Camera Angles with Zach King
.(2014). YouTube Channel: King Film School.
Retrieved September 14, 2016, from
https://www.youtube.com/watch?v=tD63b6Z-Tr0
Camera Techniques

10. Camera Techniques
Basic Camera Shots Advance Camera Shots Camera Angles
Extreme Wide Shot
Wide Shot
Medium Shot
Medium Close- up
Close- up
Extreme Close- up
Two Shot
Cut Away
Over the Shoulder
Point of View
Selective Focus
Arc Shot
Eye-Level
High Angle
Low Angle
Bird's Eye View
Worm’s Eye View
Slanted (canted)

11. Camera Techniques

12. Camera Techniques

13. Basic Camera Movements

14. Basic Camera Movements

15. TREATMENT
▶consists of a written condensation of a proposed film or
TV dramatic production
▶written in the present tense, using active language and
often read like a short story
What is a video treatment?

16. TREATMENT
▶covers the basic ideas and issues of the production as
well as the main characters, locations, and story
angles
▶covers the full story sequence, typically contains some
key scenes
What is a video treatment?

17. TREATMENT EXAMPLE (McDonald’s TV Commercial)
A Commercial Treatment by John Mastromonaco
“Chain Reaction” is all about how one simple
moment can spark a continuous, natural series of
events. When we open the spot, we’re mid-stride, a
woman on her way to work as she crosses the street.
It’s morning, it’s a nice day—we’re right in stride with
her.

18. TREATMENT EXAMPLE (McDonald’s TV Commercial)
A Commercial Treatment by John Mastromonaco
(cont.)
A simple camera move or cut reveals to us what she
sees—in the stopped car she passes at the red light,
the passenger is eating an Egg McMuffin. For just a
moment, we move in slowly—now we see the Egg
McMuffin in its wrapper, familiar golden arches
unmistakable.

19. Now we know it’s morning. Then when we cut back
to the woman, she’s at a subway platform, enjoying
her Egg McMuffin as the subway pulls into the
station. So with a few simple shots—we’ve started
our Chain Reaction.
TREATMENT EXAMPLE (McDonald’s TV Commercial)
A Commercial Treatment by John Mastromonaco
(cont.)

20. From there, our job is to let our continuing series of
vignettes unfold as effortlessly and as simply as that.
As the subway pulls into the station, we see a
teenager who is inside, he sees the woman eating,
enjoying her Egg McMuffin.
TREATMENT EXAMPLE (McDonald’s TV Commercial)
A Commercial Treatment by John Mastromonaco
(cont.)

21. When we cut back to the teenager, we’ve shifted
time and place again with minimal intrusion. Our
teenager ’s now stepping off the elevator inside a
large, modern building—and he’s enjoying his Egg
McMuffin. Cut to well-dressed businessman who
sees the teenager steeping off the elevator.
TREATMENT EXAMPLE (McDonald’s TV Commercial)
A Commercial Treatment by John Mastromonaco
(cont.)

22. When we next see him (businessman) he is sitting in
a beautiful European garden on a bench, eating an
Egg McMuffin. In turn, the gardener notices the
businessman then—chain reaction. The next time we
see the gardener he’s selling fresh flowers with one
hand, holding an Egg McMuffin in the other. And so
it goes.
TREATMENT EXAMPLE (McDonald’s TV Commercial)
A Commercial Treatment by John Mastromonaco
(cont.)

23. What is a storyboard?
▶A storyboard is a graphic
representation of how your
video will unfold, shot by
shot.
▶Think of it as sort of a comic
book version of your script.

24. STORYBOARD FOR A SHOE ADVERTISEMENT

25. Short Film
T
A
Y
A - A Cinemalaya short film by Adi Bontuyan and
Francis Beltejar
.(2014). Adi Bontuyan .Youtube.
Retrieved Sept. 23, 2016, from
https://www.youtube.com/watch?v=28j1RnrhmSY

26. Formative Assessment
Cooperative Work: Music Video
1. Go to your respective groups.
2. Write a video treatment for a 30-50 seconds
music video.
3. Draw a storyboard for your music video
applying the different camera techniques.

27. Formative Assessment
Cooperative Work: Music Video
4. Shoot the scenes using your smartphone.
5. Use a video editing mobile application to edit
and create your music video.
6. Present your work to the class next meeting.

28. Media and Information Literacy (MIL)
Performance Task- Project
COOPERATIVE LEARNING: VIDEO PROJECT

29. Performance Task
Cooperative Learning: Video Project
▶Performance Task – Video Project
http://www.slideshare.net/arnielping/media-and-information-
literacy-mil-performance-task-video-project-cooperative-
learning-66391918
▶Rubric for the Video Project
http://www.slideshare.net/arnielping/video-project-rubric-
66391841

30. Performance Task
Cooperative Learning: Video Project
▶Copy of Peer Evaluation
http://www.slideshare.net/arnielping/media-and-
information-literacy-mil-video-project-peer-evaluation
▶Copy of Video T
reatment Example
http://www.slideshare.net/arnielping/video-project-
treatment-example

31. Performance Task
Cooperative Learning: Video Project
▶Copy of Storyboard Example
http://www.slideshare.net/arnielping/video-project-
storyboard-example
▶Copy of Storyboard Sheet
http://www.slideshare.net/arnielping/video-project-
storyboard-sheet

32. References
▶http://digitalwriting101.net/content/excerpt-camera-
angles-and-shooting-tips-for-digital-storytelling/
▶http://www.thewildclassroom.com/wildfilmschool/gettings
tarted/camerashots.html
▶http://www.mediacollege.com/video/shots/
▶Http://bluevalecareers.weebly
.com/video-project.html

33. References
▶http://resources.goanimate.com/marketing/what-is-a-storyboard-
and-why-do-you-need-one
▶ https://www.youtube.com/user/DSLRguide
▶ https://www.youtube.com/user/KingFilmSchool
▶ https://www.pinterest.com/pin/510454938989324202/
▶ https://www.tes.com/lessons/YRVz4Xg3TxrJSQ/camera-movement
▶ http://educationaltechnology
.ca/couros/2127