3. What is Hot Potates?
Hot Potatoes is shareware from Half-Baked Software
which is based at the University of Victoria in Canada.
It was designed to let instructors make interactive,
Web-based exercises that can be easily accessed by
learners at any place through connection with
internet with any standard Web browsers.
It consisted of six different programs—J Quiz, J Mix,
J Cross, J Cloze,J Match, and The Masher.
4. In Hot Potatoes, exercises are made in two steps:
First, you create the so-called ‘data file’ which
has a Hot Potatoes XML extension (like .jcw or
.jcl).
Second, the exercises are then exported to web-
based exercises (which have the HTML
extension .htm) which can be displayed
anywhere on the Web.
5. JQuiz
JQuiz is the most commonly used Hot Potatoes.
With JQuiz you create multiple choice and short-
answer quizzes.
6.
7. Once you have finished making your questions,
you can save your data file ( i.e. the hotpot XML
file, in this case with the extension .jqz).
This data file you create is the stand-alone
exercise ( with the extension .htm).
It is advisable to give it the same filename as the
data file and, initially, to save it in the same
location (for all relative links, if any, to function
correctly).
10. When you have
your text in the
window, you can
select the words
you wish to turn
into gaps one by
one with the mouse
and click the Gap
button.
It is also possible to
use the Auto-Gap
button, but then you
probably have to edit
the gapped words
that the program has
chosen
11.
12. You can also remove erroneous gaps by clicking
the Clear Gaps button or by selecting individual
gapped words and clicking the Delete Gap
button.
When you have finished creating gaps, you must,
as always, check the output configuration to be
sure the instructions, text strings and other
output relate to the exercise you are making.
13. Once you have adapted and saved the output
configuration you can save the data file and then
export it as a web page to create the exercise.
14. JMatch
JMatch allows for the creation of extensive
matching exercises, including drag and drop types.
15. Unlike in JQuiz
(where a list of
questions can be
created) only one
task can be created
per data file and it
is displayed on one
page.
16. A matching exercise expects student to match items in one list
to items in another list, so that a correct list of matching pairs
is established.
The items can be words (e.g. synonyms or names), or
definitions, or even pictures.
As a general rule, the longer phrase should be in the left hand
list, while the shorter phrase can be in the (jumbled) right hand
list (so as to ensure the exercise displays well).
A matching exercise must not be too long. The longer the list of
items is, the more difficult the exercise becomes.
In addition the longer the list, the greater the risk of display
difficulties, especially in drag and drop versions.
17.
18. JCrozz
JCross allows you to make online crossword
puzzles.
This exercise type is often seen as challenging
by learners and it can be used for example as a
"treasure hunt" exercise in which students are
given a keyword, or a link, when they complete
the puzzle correctly.
19.
20. When you have created a grid of interlinking
words (manually or with the automatic option),
you must add clues for each word in the puzzle.
When you click the Add Clues button, the
following window will pop up listing the words of
the puzzle and you can fill in the clue for each
one as shown below:
29. Strenghts
The tremendous increase in the extent of exposure
to and interaction with the target language outside
of the classroom environment,
• Hot Potatoes exercises have such advantageous technological
use when they are accessed by learners as a complementary
classroom assignment whether within or outside of the
classroom settings.
30. The flexible Hot Potatoes web-based exercises that
can be shared with teachers all over the world as long
as they have access to the internet,
The increase of the interaction and motivation among
learners and teachers especially in second/foreign
language learning classes,
The automatically displaying and summarizing
results that the students may see the outcome of
their work on the screen,
Learners may have the evaluation of their learning progress
by a score (%)
31. The principles of ‘task-based learning
activities,
• Involving learners in doing the tasks and/or
activities with a primary attention on content rather
than language and form,
• prepare a communication problem to work out, have
a connection to real-world activities, and do not care
about language display.
The motivating learners preference in filling
in electronic forms rather than paper forms.
32. Weaknesses
The effectiveness of the Hot Potatoes tasks heavily
depends on how the teacher makes use of the
program;
• Many teacher still find it difficult to operate
computer or internet, for example.
The ‘interaction’ is limited to interaction between the
user and the pre-scripted feedback prepared by the
creator of the activity,
The necessary infrastructure for installing and using
the software must be available and affordable,
33. The access to necessary computer equipment
may be a problem for teachers and students;
limited bandwidth brings about slower
performance for sound, video, and large
graphics,
No possibilities to prevent the software users
from cheating, and no security measures are
considered.
35. Wondeshare Filmora is the easy-to-use and trendy video editing software that lets you
ignite your story and be amazed with results, regardless of your skill level.
Wondershare Filmora gives you a helping hand to get started with any new movie
project by importing and editing your video, adding special effects and transitions
and sharing your final production on social media.
Wondershare Filmora
38. What Digital Storytelling is
Digital storytelling is a blend of video, audio, a spoken
narrative, images, and text – along with new technology
to convey stories, information, and ideas.
39. Beneficial Aspects of Digital
Storytelling
Why teachers choose digital storytelling.
1. Digital storytelling pushes students to become creators of content,
rather than just consumers.
2. Digital storytelling provides us information that knowledge has been
shared and understood.
3. Digital storytelling promotes the 21th century skills especially for
technology literacy:
40. Beneficial Aspects of Digital
Storytelling
Why teachers choose digital storytelling.
4. Digital storytelling helps students increase a full complement of literacy
skills, including:
- Research skills : documenting the story, finding, and analyzing
valuable information;
- Writing skills : formulating a point of view and developing a
script;
- Organization skills : managing the scope of the project, the
materials used and the time it takes to complete the task;
- Technology skills : learning to use a variety of tools such as
multimedia authoring software;
41. Beneficial Aspects of Digital
Storytelling
Why teachers choose digital storytelling.
- Presentation skills : deciding how to best present the story to
audiences;
- Interview skills : finding sources to interview and determining
questions to ask;
- Interpersonal skills : working within a group and determining
individual roles for group members;
- Problem-Solving skills : learning to make decisions and overcome
obstacles at all stages of the project;
- Assessment Skills : gaining teachers giving feedback their own
works
42. Beneficial Aspects of Digital
Storytelling
Why teachers choose digital storytelling.
5. Digital storytelling is a
creative mean of
assessment.
- It demonstrates
students’ understanding
and completion of
goals;
43. Further Considerations to Digital
Storytelling
1) It cannot be completed in limited time.
2) Teachers should master the application and be familiar with possible
problems during the process.
3) Teachers should make sure that students have a computer and
possibly other media (if it is needed) to facilitate them to involve in the
project.
44. Classroom Uses of Digital Storytelling
1. A digital storytelling as an effective instructional tool for
teachers.
Teachers may create their
own stories and show them
to their students as a way to
present the materials.
Teacher-created digital storytelling
may also be used as:
• a way to facilitate discussion
about the topics presented in the
story
• a way of making abstract or
conceptual more understandable
45. Classroom Uses of Digital Storytelling
2. A digital storytelling as an effective learning tool for students.
Students who have been
given assignments can
generate interest, attention,
and motivation for the digital
generations in today’s
classroom.
Students who participate in the
creation of digital stories may
develop enhanced
communications skills.
46. Classroom Uses of Digital Storytelling
2. A digital storytelling as an effective learning tool for students.
When a digital storytelling has been
published, students have the opportunity to
share their work with their peers and gain
valuable experience in making reflection
and giving feedback to others’ work.
48. A Digital Storytelling Process in Classroom
Fiction or no fiction
Fiction:
- Listing narrative stories you have already
known
- Picking some of them that you consider
interesting.
Non-fiction:
- Topic of a lesson, a chapter heading in a
textbook, or a question asked in a class;
Make it concrete: craft a paragraph, draw
a mind map, or outline.
49. A Digital Storytelling Process in Classroom
Research, explore, or learn about the topic
to create base information on which the
story will be built.
Validate the information.
Complete your mind-map or outlines to help
you keep track of information.
50. For narrative story, students may adapt or
adopt the existing story.
Teachers give feedback to make it fit in
organization, ideas, content, etc.
A Digital Storytelling Process in Classroom
51. A Digital Storytelling Process in Classroom
The first step to visual media literacy.
It is the plan or blueprint that will guide
decision making about images, video, and
sound.
Example of digital storytelling storyboad:
52. Students gather – or create – images, audio,
and video.
Books, web pages, video, photo, music, their
own draws are potential sources.
Everything they choose will impact and set
the tone of their digital story.
Students should use this stage to record
themselves reading their scripts (optional).
Don’t forget about copyright.
A Digital Storytelling Process in Classroom
53. The use of multimedia application/software
for teaching and learning purposes.
Students may revisit and revise their
storyboard.
It’s time to blend all images, crate unique
transition between video clips, adding
dramatic sound effects, etc.
A Digital Storytelling Process in Classroom
54. Teachers should facilitate their students the
media (website or blog) to share their works.
It raises students’ motivation to make it best
possible work that they can do.
Other students may be involved to
complete the rubric.
A Digital Storytelling Process in Classroom
55. Teachers should allow time for reflection
and feedback.
Such questions can help students reflect on
their work:
What did I learn? What di I know about myself
that I did not know before? How can I do beter
next time?
Comment box on youtube or blog can be
used to help students give feedback.
A Digital Storytelling Process in Classroom
56. Youtube channel:
TV ANAK INDONESIA
KESTARI SENTRA
Sound effects:
http://soundbible.com
http://freesound.org/people/
A Digital Storytelling Process in Classroom
58. Steps of Video Composing
1. Make sure you know how many Scene to complete the Digital Storytelling video
based on your storyboard.
2. You need to really understand what Scene 1 is going to be.
59. Steps of Video Composing
3. Open Filmora Wondershare and click Full Feature Mode
60. 4. Below is Fimora interface.
Previewing
board
Project
board
Media
board
Steps of Video Composing
61. 5. The very beginning step is to import the original video. Click
Import Media/File.
6. Then, locate the original video and click Open.
Steps of Video Composing
62. Steps of Video Composing
7. Wait the process of importing media
63. Steps of Video Composing
8. After the video is on the media board, right-click it and choose Add to Project
8. d
64. Steps of Video Composing
9. The first thing to edit the original video is muting it. Right-click on the video in
project board, the click Mute.
65. Steps of Video Composing
9. Cut the video by (a) locate the indicator bar at the part that you consider as
the end of Scene 1; and (b) right-click and click Split;
66. Steps of Video Composing
10. Split makes the video become two parts. Now, click on the unnecessary part
of the video then right-click. Click Delete to remove it.
67. Steps of Video Composing
10. Below is the result of deleting the unnecessary parts of the video. The video
now lasts only 15 seconds.
68. Steps of Video Composing
11. Zoom the project board by clicking (+) symbol below. It will provides us with
more detailed video parts.
69. Steps of Video Composing
12. Again, cut the video by (a) locate the indicator bar at the part that you
consider as the beginning of Scene 1; and (b) right-click and click Split;
70. Steps of Video Composing
13. Split makes the video become two parts. Now, click on the unnecessary part
of the video then right-click. Click Delete to remove it.
71. Steps of Video Composing
14. This is the remaining parts of the video which is actually the part that Scene 1
requires.
72. Steps of Video Composing
15. Next, record your voice based on the narration script in storyboard by: (a)
clicking a microphone button below the media board; then (b) clicking a
bigger microphone button on a blue window dialog.
73. Steps of Video Composing
16. Click the stop button (square button) to end your recording then click OK. So,
your voice recording will be automatically added into the project board.
74. Steps of Video Composing
16. Now your video is containing a motion and a narration. If you want to edit
your voice recording, right-click on your recording which is on project board,
click Edit.
75. Steps of Video Composing
17. In an edit box, you may do
adjustments toward the
narration, for example:
(a) add speed;
(b) add volume;
(c) add fade-in effect; etc
Now, your narration is
complete.
76. Steps of Video Composing
18. Then, to add sound effect, you may use provided music or export your own
music. Below, I use one of the provided music as the sound effect. Right-click
on the music you want, then click Apply. After that, it would be added into
the project board.
77. Steps of Video Composing
19. Because the music has longer duration than the length of SCENE 1, just cut
the unnecessary part of the music. The steps are; (a) place the indicator bar
at the preferred end of the music and (b) click Split.
78. Steps of Video Composing
20. Split divides the music into two parts. Now, click on the unnecessary part of
the music then right-click. Click Delete to remove it.
79. Steps of Video Composing
21. After that, we need to edit the sound effect. Right-click on your recording
which is on project board, click Edit.
80. Steps of Video Composing
22. In edit box, you may do
adjustments, for example:
(a) lowering the volume to
prevent it outperforming
your narration recording;
(b) fading-out the sound
effect as the screen ends;
(c) lowering the pitch to
make it softer; and (d)
denoising to reduce
unnecessary voice.
Then, click OK.
81. Steps of Video Composing
23. Now, our video, narration, and sound effect are in harmony. If we click play
button, the will be played simultaneously.
82. Steps of Video Composing
24. Now, the events that the
Scene 1 needs has been
completed. After that,
export the project into
the video by clicking
Export button.
83. Steps of Video Composing
25. On the Output window below, you may choose video format that you
prefer. You may also give descriptions including Name of your video file
and the location in which you save your video. Then, click Export.
84. Steps of Video Composing
26. Wait the process of creating your
final video.
27. If the process is successful, this
window will appear. Click close.
85. Steps of Video Composing
28. Save your project in case
you need to edit your
video. Click FILE and then
Save Project.
86. Steps of Video Composing
28. Locate and name your
project as your
preference. Click Save
87. Steps of Video Composing
28. Locate and name your
project as your
preference. Click Save
88. Steps of Video Composing: Exporting
all scenes into one video
1) Open new project by
clicking Full Feature Mode
2) Click Import Media Files Here to
choose your scenes that you
have exported.
89. Steps of Video Composing: Exporting
all scenes into one video
3) Choose all scenes (1-14) at
once, then click Open and
wait the process of
collecting your scenes into
media board.
90. Steps of Video Composing:
Exporting all scenes into one video
4) Choose of your scenes (Ctrl+A) then click Add to
Project or (+) symbol as show below. After that,
wait until all of your scenes move into project
board.
91. Steps of Video Composing:
Exporting all scenes into one video
5) Make sure all of the scene are on the project
board. Then, click Export.
92. Steps of Video Composing: Exporting
all scenes into one video
6) On the Output window, you may choose your final video
format, Name of your video, and Location in which you save
this result. Then, click Export.
93. Steps of Video Composing: Exporting
all scenes into one video
7) Please kindly wait for few minutes while the
converting process is on going,
94. Steps of Video Composing:
Exporting all scenes into one video
8) Finally the converting process is done. Click Find Target to get your
result and enjoy your masterpiece.
95. Steps of Uploading Video on
Youtube
1) Make sure you have a google
mail account. Log in to your
email.
2) Click on Youtube icon.
96. Steps of Uploading Video on Youtube
3) Click Sign in.
4) Click on an arrow icon to
upload.
97. Steps of Uploading Video on
Youtube
5) Complete your name and click
Create Channel.
6) Click on a big arrow icon to select your video.
7) Locate your video then click Open.
98. Steps of Uploading Video on
Youtube
8) Complete the title, caption, and tag of your video
while the upload process is on going.
99. Steps of Uploading Video on
Youtube
9) On the tab Advanced Sharing, you may add
various settings on your video. On Category menu,
choose Education.
100. Steps of Uploading Video on
Youtube
10) Click Publish after “Click “Publish to make your video live”” appears.
11) Then, you will get the link to share your video. Don’t forget to copy the link.
101. Steps of Uploading Video on
Youtube
12) Your video now is live after you copy the link on
your web browser, such as Chrome, Mozilla, etc.
102. Steps of Publishing Your Video on
Blog
1) In this case, the blog which is used to publish the
video is WordPress. Make sure you have created
the account. Go to http://wordpress.com/log-nin
and Sign in.
103. Steps of Publishing Your Video on
Blog
2) Click on My Sites on the top-left of the window.
3) Click on WP Admin on the bottom-left of the window
to configure your post..
104. Steps of Publishing Your Video
on Blog
4) Give title of your
post. Then, click All
media.
105. Steps of Publishing Your Video on
Blog
5) Click Insert from
URL.
6) Copy the
address of your
video from
youtube
7) Click Insert into
Post
106. Steps of Publishing Your Video on
Blog
8) Add description
to your video,
then click
Publish.
107. Steps of Publishing Your Video on
Blog
9) Finally, your
video is
published on the
blog.