e-learning workshop for 21 century academics
DESCRIPTION
These are the slide we prepared for workshop at IMU Batu Pahat Campus. I am going to cover Moodle Portal , Instructional design principle, PowerPoint, Interactive Lectures using Articulate presenter, Articulate Engage, Articulate Quizmaker, Flipped classroom, Interactive web tools, QR codes, Poll Everywhere, Socrative.TRANSCRIPT
![Page 1: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/1.jpg)
e-Learning Workshop By
Hasnain Zafar Baloch Zaid Ali Asagoff
![Page 2: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/2.jpg)
Introduction Flipped
Classroom & Interactive Web Tools
e-Learning Portal
Instructional Design & PowerPoint
Creating i-Lectures using Articulate
Q&A
![Page 3: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/3.jpg)
![Page 4: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/4.jpg)
![Page 5: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/5.jpg)
• Portal Administration
• Turn-it-in
• Training & Support
Learning Systems
• Instructional Design
• Content Development
• Multimedia Design
• Training & Support
Learning Design
• Photography
• Video Production
• Training & Support
Photo & Video
![Page 6: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/6.jpg)
![Page 7: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/7.jpg)
QR Code
Poll EV
Socrative
![Page 8: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/8.jpg)
![Page 9: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/9.jpg)
![Page 10: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/10.jpg)
• Barcode 1D, QR Code 2D smaller space
• Matrix type, 1994
Co
nta
ins
Dat
a
Contains Data
http://www.denso-wave.com/qrcode/aboutqr-e.html
![Page 11: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/11.jpg)
Mac
QR Reader NeoReader I-nigma QR After
![Page 12: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/12.jpg)
![Page 13: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/13.jpg)
![Page 14: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/14.jpg)
Blackberry
Windows/Android
BeeTagg
![Page 17: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/17.jpg)
Ask a Question
Results live in PowerPoint!
Students answer using mobile devices, Twitter, or Web
Browser. 2 3
1
![Page 18: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/18.jpg)
![Page 21: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/21.jpg)
QR
Co
de • Quick Response
Code
• QR Code Reader ( I-nigma)
• QR Code generator (www.goo.gl)
Poll
EV
• Web based audience response hardware
• Gather live responses anywhere
• Text in responses
• Free and paid accounts
Socr
ativ
e • Student response system on any device that has internet access
• Create exercises and games
• Free and paid accounts
![Page 22: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/22.jpg)
![Page 23: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/23.jpg)
![Page 24: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/24.jpg)
Assignment Assign online or
offline tasks; learners can
submit tasks in any file format (e.g. MS Office, PDF, image,
a/v etc.).
1
Resources Add plain text
page
Add webpage
Uploaded files
Links to the websites
Display contents of directory
Deploy IMS Package
Insert a label
3
Quiz Create assessment including true-false,
multiple choice, short answer,
matching question, random questions,
numerical questions, embedded answer
questions with descriptive text and
graphics
2
![Page 25: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/25.jpg)
Forums Threaded
discussion boards for asynchronous
group exchange on shared subject
matter.
4
Glossary Create a glossary of terms used in a
course.
Has display format options including
entry list, encyclopedia,
FAQ, dictionary style and more.
5
Chat Allows real-time
synchronous communication by
learners.
6
![Page 26: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/26.jpg)
Wiki A Wiki enables documents to be authored
collectively in a simple markup
language using a web browser.
8
Journal Learners reflect,
record and revise ideas and
submit to teacher for feedback.
9
Blogs Blogs allow
students and teachers to have a public web log. Can set who can
read them.
7
![Page 27: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/27.jpg)
http://www.youtube.com/results?search_query=Moodle+2.0+tutorials&aq=f
![Page 28: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/28.jpg)
http://www.nwlink.com/~donclark/hrd/sat4.html
![Page 29: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/29.jpg)
Crash course Instructional Design Inserting Images Formatting Pictures SmartArt Tables Charts
Master Slides Header footer Animating Text and Objects Themes Applying Transitions Hyperlinks Inserting Videos/Audio
![Page 30: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/30.jpg)
1
2
Use Slide Master to change the overall design and layout of the presentation.
![Page 31: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/31.jpg)
![Page 32: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/32.jpg)
1 2
3
![Page 33: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/33.jpg)
1
2
![Page 34: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/34.jpg)
1
2
3
![Page 35: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/35.jpg)
1
![Page 36: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/36.jpg)
1 3
2(a) 2
![Page 37: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/37.jpg)
Change the layout of a slide. Add a new blank slide, then insert
a text box. Copy and paste a slide, then move
it to a new location. Apply transitions.
![Page 38: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/38.jpg)
1
2
1
![Page 39: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/39.jpg)
1
2 3
![Page 40: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/40.jpg)
1 2
3 4 5
![Page 41: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/41.jpg)
Open an existing PowerPoint presentation. Resize an image. Remove the background from the image. Crop an image. Do image corrections and color settings. Add an artistic effect. Compress the image. Save the presentation.
![Page 42: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/42.jpg)
Animate key points
to reinforce importance.
Create standards
for animation
Group animations that appear at the same
time.
Do not use animations for “fun” .
![Page 43: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/43.jpg)
Speed
Adjust speed setting to your needs for animations.
![Page 44: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/44.jpg)
Effect
• Use Subtle animations for Entrance and
Exit
• Use Moderate animations for body content
• Avoid flying animations
• Preferred Animations: Fade, Peak In,
Ascend, Descend, Ease In
![Page 45: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/45.jpg)
1 Entrance Effects
Emphasis Effects
Exit Effects
![Page 46: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/46.jpg)
![Page 47: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/47.jpg)
![Page 48: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/48.jpg)
![Page 49: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/49.jpg)
1 2
3
1
![Page 50: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/50.jpg)
1 1
![Page 51: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/51.jpg)
1
3
2
![Page 53: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/53.jpg)
Semester 1 Semester2 Semester3 Semester3
100 20 12 100
80 15 12 100
12 12 20 100
12 12 12 30
40 40 40 40
1
2
3
![Page 54: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/54.jpg)
1
2 click
![Page 55: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/55.jpg)
1
a
b
3
a
b
2
![Page 56: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/56.jpg)
![Page 57: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/57.jpg)
1
2
![Page 58: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/58.jpg)
![Page 59: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/59.jpg)
At the end of this section, you should be able to:
Create and modify a master
slide
Record narration
using articulate presenter
Add annotation
using articulate presenter
Preview and
publish your i-lecture
Create Interaction
using articulate
engage
Create interactive Quiz using articulate
Quizmaker
![Page 60: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/60.jpg)
PowerPoint – Preparing Slides
Recording narration using Articulate Presenter
Adding annotation using Articulate Presenter
Create Interaction using Articulate Engage
Create interactive Quizzes using Articulate Quizmaker
Previewing & publishing i-lecture
![Page 61: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/61.jpg)
Rethink how you use PowerPoint
• Face to face presentation slides should be different from elearning slides.
Learn to use PowerPoint’s features
• Once you explore the use of the features, you will be more excited to use it for your lecture slides and elearning slides.
To successfully use PowerPoint for elearning, you need to do two things:
1
![Page 62: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/62.jpg)
Create a plan (outline) for the presentation before building your
slides.
Presentation Length: 5 - 20 min (Ideally less than
30 min.).
Audio narration per slide: ½ min. to 3 min.
Graphic Usage: Do not use graphic as decoration. Use
it to make the leaners understand the content.
Use the title header to write a title for every
slides you create.
2
![Page 63: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/63.jpg)
Use Slide Master to change the overall design and layout of the presentation.
Why & how to create a slide
master?
3
![Page 64: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/64.jpg)
Why Use Slide Master?
Each time you apply a new theme to your slides, a slide master appears in the background. It stores information about the theme such as font style, colors, effects, placeholder size, text alignment, and more. The slide master allows you to easily make changes to all slides or a specific slide layout.
For i-lecture publication: The navigation title will be updated
![Page 65: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/65.jpg)
Before you record your narration, prepare your script, your microphone and your environment.
4
Decide which slides you want to narrate, and plan what you're going to say for each one.
Get a good microphone and connect it to your PC.
Choose a quiet, enclosed environment where background noise won't botch your audio quality.
Demo: Recording Narration
![Page 66: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/66.jpg)
5
Demo: Adding Annotation
How Annotations Work?
Presenter's annotation tool works a little like a
screen recorder.
While you record or play back your audio narration, Presenter
captures the onscreen annotations you apply,
in time with your narration.
You decide exactly when and where the annotations appear.
![Page 67: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/67.jpg)
• Articulate Engage
6
1 2
![Page 68: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/68.jpg)
6
![Page 69: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/69.jpg)
• Articulate Quizmaker
7
1
2
![Page 70: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/70.jpg)
Types of Graded
Questions
![Page 71: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/71.jpg)
• 20 different types of question available 20 Types
• Feedback based on Questions and Answers Feedback
• Question and Quizzes can be graded. Graded
![Page 72: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/72.jpg)
By publishing your slides, you will be able to listen to the narration, do the interactivities and also attempt the quizzes. You may preview your i-lecture before you publish it.
8
Click on Articulate Tab
Click on Preview Button
1
2
Previewing i-Lecture
Demo: Previewing Slides Demo: Publishing Slides
![Page 73: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/73.jpg)
Importing & Editing Audio
• You can import your audio for one or several slides in your course.
• Your recorded audio is too slow? Don’t worry. If the sound of your recorded narration is too slow, or suddenly too loud, it can be edited by using the Audio Editor.
Demo: Importing Audio Demo: Editing Audio
![Page 74: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/74.jpg)
Prepare Slides
Title and Slide Master
Length =30 mints, Audio/slide=1-3mints, Use of graphics
Record Narration
Microphone , Script, and Environment
Save the narration.
Add Annotation
Apply the annotation where appropriate. Select the shape
and synchronize with narration.
Preview & Publish
Preview before publish. Insert IMU Logo, Presenter Info, and
Publish.
Create Interaction using Articulate
Engage
Create interactive Quizzes using
Articulate Quizmaker
![Page 75: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/75.jpg)
• Creating Master Slide in PowerPoint • Recording Narration Tutorial • 13 Tips to Record like a Pro • Syncing Animations And Recording Narration At The
Same Time • Publishing a Presentation • E-Learning Licence (Rapid E-Learning)
8
![Page 76: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/76.jpg)
Zaid Ali Alsagoff (ext: 3115)
• Webinar
• Social Media
Zabibah (ext: 3124)
• Portal (BJ)
• Turnitin
Norhasliza (ext: 3118)
• Portal (SB)
• Portal (BP)
Hasnain (ext: 3125)
• Course Design
• Research
• Award
Fareeza (ext: 3119)
• i-Lecture
• Instructional Design
Ida Fazlina (ext: 3116)
• Photo
• Video
![Page 77: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/77.jpg)
www.slideshare.com/hasnainzafar
https://hasnainzafar.wordpress.com/
@hbaloch
![Page 78: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/78.jpg)
Introduction Flipped
Classroom & Interactive Web Tools
e-Learning Portal
Instructional Design & PowerPoint
Creating i-Lectures using Articulate
Q&A
![Page 79: E-learning Workshop for 21 Century Academics](https://reader034.vdocument.in/reader034/viewer/2022052521/54552fadb1af9f40378b475b/html5/thumbnails/79.jpg)