![Page 1: Digitizing the Classroom for the Online Environment - John Hebbeler](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/1.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/2.jpg)
• 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](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/3.jpg)
• 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](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/5.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/6.jpg)
Weekly Learning Outcomes
![Page 7: Digitizing the Classroom for the Online Environment - John Hebbeler](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/7.jpg)
Submitting Work
![Page 8: Digitizing the Classroom for the Online Environment - John Hebbeler](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/12.jpg)
Sharing Media Applications | Dreamweaver
![Page 13: Digitizing the Classroom for the Online Environment - John Hebbeler](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/13.jpg)
Sharing Media Applications | Reaper
![Page 14: Digitizing the Classroom for the Online Environment - John Hebbeler](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/14.jpg)
Telestream | Screenflow
![Page 15: Digitizing the Classroom for the Online Environment - John Hebbeler](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/16.jpg)
Project Examples -Photoshop Image project
![Page 17: Digitizing the Classroom for the Online Environment - John Hebbeler](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/17.jpg)
Project Examples - Photoshop Image project
![Page 18: Digitizing the Classroom for the Online Environment - John Hebbeler](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/18.jpg)
Project Examples - Photoshop Image project
![Page 19: Digitizing the Classroom for the Online Environment - John Hebbeler](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/19.jpg)
Project Examples - Web site project
![Page 20: Digitizing the Classroom for the Online Environment - John Hebbeler](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/20.jpg)
Project Examples - Web site project
![Page 21: Digitizing the Classroom for the Online Environment - John Hebbeler](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/21.jpg)
Project Examples - Web site project
![Page 22: Digitizing the Classroom for the Online Environment - John Hebbeler](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/22.jpg)
Screen capture examples – audio project
![Page 23: Digitizing the Classroom for the Online Environment - John Hebbeler](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/23.jpg)
Evaluating Projects
![Page 24: Digitizing the Classroom for the Online Environment - John Hebbeler](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/24.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/25.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/26.jpg)
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](https://reader034.vdocuments.net/reader034/viewer/2022051516/55aa7d231a28ab0c6d8b485c/html5/thumbnails/27.jpg)
John HebbelerAssistant Professor
University of CincinnatiCollege-Conservatory of Music
Electronic Media Division