Tech Tools 101

Instructors: Gavon Wong, Ross Uedoi

Susan St. John and Gayle Anbe

Agenda

*Overview of Course Development*Screencasting Tools*Presentation Tools*Animation Tools*Final Project*Assessment and Results*Reflection of the process we went

through

Purpose/Rationale

• 21st century learning

•"Utilizing educational technology in teaching and learning is high on the list of educational managers, administrators and operatives." (Hudson & Steel, 2001)

Steel, J., & Hudson, A. (2001). Educational Technology in Learning and Teaching: The Perceptions and Experiences of Teaching Staff. Innovations In Education & Teaching International, 38(2), 103-111. doi:10.1080/13558000010030158

Target Audience and Entry Level

Expectations

• Teachers/students • Novice level computer skills

Our Development Process

* Brainstormed tools * "Chunked" our tools* Focus* Devised Template to create Tutorials* NETs Standards* Developed Calendar and Plans for a

Final Project* Developed Assessment Checklists

Laulima

Portal to access course and activities, submit assignments, check grades, etc.

Tutorial Template

Weebly

http://techaweek.weebly.com/

Learn more about

the webtools:* Background* Instructions* Video Tutorials* Activities & Assignment Descriptions

Our Course...Tech Tools 101

Weekly Assignments

*Explore a new tech tool* Learning Activity*Reflective Discussion Posts*Peer Responses to Posts

Poll time

How many of you are familiar with Screencasting?

Poll time

Are you familiar with Jing or Screencast-o-matic?a. Familiar with Jingb. Familiar with Screencast-o-maticc. Familiar with bothd. Familiar with neither

Screencasting

* Can communicate images directly from computer screen

• Useful for instruction - teaching an audience how to do something

~ Jing~ Screencast-O-matic

Jing

http://www.techsmith.com/jing.html

• Free tool for PC/Mac

• Easy to use

• Records up to 5 min

• Selects portion of screen to capture

• Some annotation tools

• Uploads to web (screencast.com)

Screencast-o-matic

http://www.screencast-o-matic.com/

• Free tool for PC/Mac

• WEB 2.0 no download required

• Easy to use

• Records up to 15 minutes

• Can record webcam feed

• Publish as MP4, AVI, or FLV

Jing vs. Screencast-o-matic

Jing Screencast-o-matic

Recording time 5 Min 15 Min

Download required Yes No

Annotation tools Yes No

Record webcam No Yes

Save file to email/post/etc.

No Yes

Learning Activity: Screencasting

• Watch tutorials

• Create a short screencast using Jing or Screencast-o-matic

• Write a reflection on your experience with screencasting. Post to the discussion section in Laulima

Presentations: Definition

Presentation programs help create a multimedia slide show that holds images, documents, and videos.

Select a Green "Check" for yes/ Red "X" for No

Have you ever

created a

presentation with

PowerPoint or

Keynote?

Introduce Two Presentation Tools

*Prezi *Voice Thread

Rationale

Why Prezi and Voice Thread?

*Free and Open Source Tools*Ease of Collaboration or Peer Review*Easily Accessible as it Lives on the Web*Voice Thread allows a group

conversation about visual media

Prezi

Significant Features*Zoom and Pan*Cloud Based*Non-linear Navigation*Allows Collaboration or Multiple Editors*Good Tool for Brainstorming and Storytelling

prezi.com

Learning Activity: Prezi

*Create an Account *Create a Short Prezi that has at least 3 objects: Text-Image-Video*Create a Path Sequence*Share Prezi*Give Feedback to Peers'*Reflection: Your future use of Prezi? Strengths and Weaknesses

VoiceThread

Significant Features

*Voice or Text Comments on Visual Media*Cloud Based*Allows Voice,Text, or Video Comments from Others

voicethread.com

Learning Activity: VoiceThread

*Create an Account*Create a Short VoiceThread that has:

5 Slides, with Text and Audio Comment*Share Voice Thread*Give Feedback to Peers'*Reflection: Future possibilities,Strengths and Weaknesses

Transformers, He-Man, GI-Joe, Smurfs, My Little Pony,

Jem?

Who watched

CARTOONS?

Alternative Reality, Fun, Characters, Graphics, Sound Effects, Story

Why are cartoons

cool?

Animations - DEFINITION

* Rapid display of a sequence of images of 2-D or 3-D artwork to create an illusion of movement. Most animations contain audio, graphics, special effects, dialogue, and characters that interact in order to tell a story.

~ Animoto~ Go Animate

Go Animate - WHAT IS IT?

- Allows students to express

themselves creatively by

producing animated stories

with moving graphics,

characters, audio effects,

and dialogue

- Lessons for school, training

videos for staff, animated

movies for fun

Go Animate - PURPOSE

- Facilitate Student Learning

and Creativity

- Motivate students to create

original works as a means of

expression

- Promote the generation

of new ideas or processes

- Promote interaction and

collaboration with peers

Go Animate

1) Choose theme

2) Choose characters

3) Assign roles

4) Select type of voices

5) Select languages

6) Type in storyline

Animoto - WHAT IS IT?

- Allows learners to create

videos that combine

photos, music, video clips

and text.

- Driven by "Cinematic

Artificial Intelligence" that

analyzes music and

coordinates the photos

and other media

Animoto - PURPOSE

- Foster digital citizenship,

creativity, and innovation

- Model and experience

Digital Age Work

- Promote technological

operation and responsibility

- Learn communication and collaboration

Animoto

1) Add video

2) Add pictures

3) Add text

4) Add music

5) Edit Video

6) Graphic Animations

7) Slideshow

8) Movie Trailer

Final Project

• Create something to utilize in their content area

• One tool from each of the different topics

• Present to classmates

Assessment

• Weekly posts

• Final Project

• Presentation

Expected Results

* Use some of these tools to create various products

*Not expected to become tech "experts"

* Continue the learning

Reflection

• What worked?

• What didn't work?

• Next time we would...