27
The Online Process Converting a traditional media production course to an online environment University of Cincinnati Assistant Professor John Hebbeler

Digitizing the Classroom for the Online Environment - John Hebbeler

Embed Size (px)

Citation preview

Page 1: Digitizing the Classroom for the Online Environment  - John Hebbeler

The Online Process

Converting a traditional media production

course to an online environment

University of CincinnatiAssistant Professor

John Hebbeler

Page 2: Digitizing the Classroom for the Online Environment  - John Hebbeler

• Steps involved in converting the traditional classroom experience to the online environment

• How to effectively present information and engage the user in the online environment

• Evaluation of Digital Media Projects

• Summary of Digital Tools that Enhance Experience

Page 3: Digitizing the Classroom for the Online Environment  - John Hebbeler

• TYPE of online course, asynchronous (online, recorded), synchronous (real-time streaming) , blended (real-time streaming with onsite learning).

• ENROLLMENT, Avoiding MOOC (Massive Open Online Course) –cap size 25, helps ENGAGEMENT

• Planning and CEATING online content before the course starts.

• Defining weekly student learning outcomes (keep students on track, PROVIDE ACTIVITIES helps ENGAGMENT)

• Delivering the course content, Sharing Media, Evaluating Media Projects - through learning management systems , web conferencing applications, and video software and services.

Page 4: Digitizing the Classroom for the Online Environment  - John Hebbeler

LMS example = Blackboard Central location – where the course lives and all information needed to complete the course.

1. Simplicity in navigation2. Consistency in design 3. Easy accessibility to content4. Direct links for web streaming and media content

Page 5: Digitizing the Classroom for the Online Environment  - John Hebbeler

Planning and Organizing

Each week contains a folder with

Instructions for the week

Lecture links (live or recorded)

Media Content

Activities

Assignments

Due Dates

Page 6: Digitizing the Classroom for the Online Environment  - John Hebbeler

Weekly Learning Outcomes

Page 7: Digitizing the Classroom for the Online Environment  - John Hebbeler

Submitting Work

Page 8: Digitizing the Classroom for the Online Environment  - John Hebbeler

Sharing Media Content

Hardware and Software needed in a blended environment for instructor.

Software

• Learning Management System – example – Blackboard

• Web Conferencing – example - Adobe Connect

• Video Software/storage for recorded lectures – examples Screenflow,

Quicktime, Youtube, Vimeo

Hardware

• Laptop with video camera, mic input and capability to stream video

(internet connection)

• Tablet or mobile devices, Androids, iPhones, iPads,

Page 9: Digitizing the Classroom for the Online Environment  - John Hebbeler

Engaging the User• What the user needs:

• Internet connection

• Computer, tablet, or mobile device with mic and camera

• Access to LMS, web conferencing through Web Browser

• Media sharing accounts, YouTube, Screencast,

Soundcloud, Vimeo

• Screen capture software (QuickTime or Jing)

• Software production tools for project or course

Page 10: Digitizing the Classroom for the Online Environment  - John Hebbeler

Engaging the User – Adobe ConnectRich Multimedia

• Share a variety of content types including, animations images, audio, video –

user’s screen

• Participants can view any content without additional plug-ins, viewed through the

interface.

• Link is set up and distributed for streaming

High Quality Video Conferencing

• Enable participants to share unlimited webcam video streams in high quality to

truly collaborate face-to-face with all participants. Bring a single speaker into

focus, or enable a grid mode to view all streams at the same time.

High Quality Audio Streaming

• Enable users to participate in conversation in real-time.

Page 11: Digitizing the Classroom for the Online Environment  - John Hebbeler

Sharing Content1. Media Applications – tutorials2. Media files – images, sound, video,3. Documents4. Whiteboard – interactive text board

Streaming Video of presenter

Interacting with chat

Online Education | Adobe Connect

Page 12: Digitizing the Classroom for the Online Environment  - John Hebbeler

Sharing Media Applications | Dreamweaver

Page 13: Digitizing the Classroom for the Online Environment  - John Hebbeler

Sharing Media Applications | Reaper

Page 14: Digitizing the Classroom for the Online Environment  - John Hebbeler

Telestream | Screenflow

Page 15: Digitizing the Classroom for the Online Environment  - John Hebbeler

Evaluating Media Production Projects

• Each project requires posting the media file(s) and a

video, screen capturing the project with an

explanation of the process.

EXAMPLES

• Audio production project – 60 second audio spot

• Image project – theme based image in Photoshop

• Web site – portfolio based site

Page 16: Digitizing the Classroom for the Online Environment  - John Hebbeler

Project Examples -Photoshop Image project

Page 17: Digitizing the Classroom for the Online Environment  - John Hebbeler

Project Examples - Photoshop Image project

Page 18: Digitizing the Classroom for the Online Environment  - John Hebbeler

Project Examples - Photoshop Image project

Page 19: Digitizing the Classroom for the Online Environment  - John Hebbeler

Project Examples - Web site project

Page 20: Digitizing the Classroom for the Online Environment  - John Hebbeler

Project Examples - Web site project

Page 21: Digitizing the Classroom for the Online Environment  - John Hebbeler

Project Examples - Web site project

Page 22: Digitizing the Classroom for the Online Environment  - John Hebbeler

Screen capture examples – audio project

Page 23: Digitizing the Classroom for the Online Environment  - John Hebbeler

Evaluating Projects

Page 24: Digitizing the Classroom for the Online Environment  - John Hebbeler

Netiquette

• 1.Be Clear – subject line should communicate content

• 2.Use Appropriate Language – no one can guess your mood,

words are powerful

• 3.Be Brief – get to the point

• 4.Make a Good Impression – what you type represents you

• 5.Consider Others – stay positive, do not personally attack

anyone

• 6.You are not Anonymous – everything can be traced back to

the source

Page 25: Digitizing the Classroom for the Online Environment  - John Hebbeler

Summary of Digital Tools thatEnhance Online Pedagogy

• Web Conferencing - Adobe Connect

• Content Production - Telestream ScreenFlow (video,

audio editor, screen | camera view

• Video | Audio Services, Youtube, Soundcloud, ScreenCast,

Vimeo

• Media Projects – Adobe Cloud, Audition, Premiere

Photoshop, Dreamweaver, Reaper, Logic,

• Project Screen Capture – Jing, Quicktime

Page 26: Digitizing the Classroom for the Online Environment  - John Hebbeler

Experience

• 7 week workshop (M-F) funded by the College-Conservatory of Music. (faculty-

centered, peer review process)

• Quality Matters Cetified -A national benchmark for online course design

www.qmprogram.org - standards in evaluating design and quality of online

courses

• Integrated Media Production (online course) – this course is an overview of

concepts and processes in convergent media production. The purpose of this

course is to provide opportunities for student learning in digital media production

Fall Semester 2013 – Spring Semester 2015

(Blended and Asynchronous )

Page 27: Digitizing the Classroom for the Online Environment  - John Hebbeler

John HebbelerAssistant Professor

University of CincinnatiCollege-Conservatory of Music

Electronic Media Division

[email protected]