e-Learning WorkshopByHasnain Zafar BalochZaid Ali Asagoff
 Introduction FlippedClassroom&InteractiveWeb Tools e-LearningPortal InstructionalDesign &PowerPoint Creating i-Lectu...
• Portal Administration• Turn-it-in• Training & SupportLearningSystems• Instructional Design• Content Development• Multime...
QR CodePoll EVSocrative
• Barcode 1D, QR Code 2D smaller space• Matrix type, 1994ContainsDataContains Datahttp://www.denso-wave.com/qrcode/aboutqr...
MacQR Reader NeoReaderI-nigma QR After
BlackberryWindows/AndroidBeeTagg
http://www.qrstuff.com/http://goo.gl/
http://www.polleverywhere.com
Ask aQuestionResults live inPowerPoint!Students answer usingmobile devices,Twitter, or WebBrowser.231
http://www.socrative.com/
• Web based Student Response systemhttp://www.socrative.com/
QRCode• Quick ResponseCode• QR CodeReader ( I-nigma)• QR Codegenerator(www.goo.gl)PollEV• Web basedaudienceresponsehardwar...
AssignmentAssign online oroffline tasks;learners cansubmit tasks in anyfile format (e.g. MSOffice, PDF, image,a/v etc.).1R...
ForumsThreadeddiscussion boardsfor asynchronousgroup exchange onshared subjectmatter.4GlossaryCreate a glossaryof terms us...
WikiA Wiki enablesdocuments tobe authoredcollectively in asimple markuplanguage using aweb browser.8JournalLearners reflec...
http://www.youtube.com/results?search_query=Moodle+2.0+tutorials&aq=f
http://www.nwlink.com/~donclark/hrd/sat4.html
 Crash course Instructional Design Inserting Images Formatting Pictures SmartArt Tables Charts Master Slides Heade...
12Use Slide Master to change the overalldesign and layout of the presentation.
123
12
123
1
1 32(a)2
Change the layout of a slide.Add a new blank slide, then inserta text box.Copy and paste a slide, then moveit to a new ...
121
123
123 4 5
Open an existing PowerPoint presentation.Resize an image.Remove the background from the image.Crop an image.Do image ...
Animatekey pointsto reinforceimportance.CreatestandardsforanimationGroupanimationsthat appearat the sametime.Do not useani...
SpeedAdjust speed setting to your needs for animations.
Effect• Use Subtle animations for Entrance andExit• Use Moderate animations for body content• Avoid flying animations• Pre...
1Entrance EffectsEmphasis EffectsExit Effects
1231
11
132
• Email me2341
Semester 1 Semester2 Semester3 Semester3100 20 12 10080 15 12 10012 12 20 10012 12 12 3040 40 40 40123
12click
1ab3ab2
12
At the end of this section, you should be able to:Create andmodify amasterslideRecordnarrationusingarticulatepresenterAdda...
PowerPoint – Preparing SlidesRecording narration using Articulate PresenterAdding annotation using Articulate PresenterCre...
Rethink how you usePowerPoint• Face to facepresentation slidesshould be differentfrom elearning slides.Learn to usePowerPo...
Create a plan (outline)for the presentationbefore building yourslides.Presentation Length: 5 -20 min (Ideally less than30 ...
Use Slide Master to change the overalldesign and layout of the presentation.Why & how tocreate a slidemaster?3
Why Use Slide Master?Each time you apply a new theme to your slides, a slide masterappears in the background.It stores inf...
Before you record your narration, prepare your script, yourmicrophone and your environment.4Decide which slides you want t...
5Demo: Adding AnnotationHow Annotations Work?Presenters annotationtool works a little like ascreen recorder.While you reco...
• Articulate Engage612
6
• Articulate Quizmaker712
Types ofGradedQuestions
• 20 different types ofquestion available20 Types• Feedback based onQuestions and AnswersFeedback• Question and Quizzescan...
By publishing your slides, youwill be able to listen to thenarration, do theinteractivities and alsoattempt the quizzes.Yo...
Importing & Editing Audio• You can import your audio for one or several slides inyour course.• Your recorded audio is too ...
Prepare SlidesTitle and Slide MasterLength =30 mints, Audio/slide=1-3mints, Use of graphicsRecord NarrationMicrophone , Sc...
• Creating Master Slide in PowerPoint• Recording Narration Tutorial• 13 Tips to Record like a Pro• Syncing Animations And ...
Zaid Ali Alsagoff (ext: 3115)• Webinar• Social MediaZabibah (ext: 3124)• Portal (BJ)• TurnitinNorhasliza (ext: 3118)• Port...
www.slideshare.com/hasnainzafarhttps://hasnainzafar.wordpress.com/@hbaloch
 Introduction FlippedClassroom&InteractiveWeb Tools e-LearningPortal InstructionalDesign &PowerPoint Creating i-Lectu...
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
E-learning Workshop for 21 Century Academics
Upcoming SlideShare
Loading in...5
×

E-learning Workshop for 21 Century Academics

512

Published on

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.

Published in: Education, Technology
1 Comment
1 Like
Statistics
Notes
  • clear tututorial! thank you
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
512
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
11
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

E-learning Workshop for 21 Century Academics

  1. 1. e-Learning WorkshopByHasnain Zafar BalochZaid Ali Asagoff
  2. 2.  Introduction FlippedClassroom&InteractiveWeb Tools e-LearningPortal InstructionalDesign &PowerPoint Creating i-LecturesusingArticulate Q&A
  3. 3. • Portal Administration• Turn-it-in• Training & SupportLearningSystems• Instructional Design• Content Development• Multimedia Design• Training & SupportLearningDesign• Photography• Video Production• Training & SupportPhoto &Video
  4. 4. QR CodePoll EVSocrative
  5. 5. • Barcode 1D, QR Code 2D smaller space• Matrix type, 1994ContainsDataContains Datahttp://www.denso-wave.com/qrcode/aboutqr-e.html
  6. 6. MacQR Reader NeoReaderI-nigma QR After
  7. 7. BlackberryWindows/AndroidBeeTagg
  8. 8. http://www.qrstuff.com/http://goo.gl/
  9. 9. http://www.polleverywhere.com
  10. 10. Ask aQuestionResults live inPowerPoint!Students answer usingmobile devices,Twitter, or WebBrowser.231
  11. 11. http://www.socrative.com/
  12. 12. • Web based Student Response systemhttp://www.socrative.com/
  13. 13. QRCode• Quick ResponseCode• QR CodeReader ( I-nigma)• QR Codegenerator(www.goo.gl)PollEV• Web basedaudienceresponsehardware• Gather liveresponsesanywhere• Text inresponses• Free and paidaccountsSocrative• Studentresponsesystem on anydevice that hasinternet access• Createexercises andgames• Free and paidaccounts
  14. 14. AssignmentAssign online oroffline tasks;learners cansubmit tasks in anyfile format (e.g. MSOffice, PDF, image,a/v etc.).1Resources Add plain textpage Add webpage Uploaded files Links to thewebsites Display contentsof directory Deploy IMSPackage Insert a label3QuizCreate assessmentincluding true-false,multiple choice,short answer,matching question,random questions,numerical questions,embedded answerquestions withdescriptive text andgraphics2
  15. 15. ForumsThreadeddiscussion boardsfor asynchronousgroup exchange onshared subjectmatter.4GlossaryCreate a glossaryof terms used in acourse.Has display formatoptions includingentry list,encyclopedia,FAQ, dictionarystyle and more.5ChatAllows real-timesynchronouscommunication bylearners.6
  16. 16. WikiA Wiki enablesdocuments tobe authoredcollectively in asimple markuplanguage using aweb browser.8JournalLearners reflect,record andrevise ideas andsubmit toteacher forfeedback.9BlogsBlogs allowstudents andteachers to havea public web log.Can set who canread them.7
  17. 17. http://www.youtube.com/results?search_query=Moodle+2.0+tutorials&aq=f
  18. 18. http://www.nwlink.com/~donclark/hrd/sat4.html
  19. 19.  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
  20. 20. 12Use Slide Master to change the overalldesign and layout of the presentation.
  21. 21. 123
  22. 22. 12
  23. 23. 123
  24. 24. 1
  25. 25. 1 32(a)2
  26. 26. Change the layout of a slide.Add a new blank slide, then inserta text box.Copy and paste a slide, then moveit to a new location.Apply transitions.
  27. 27. 121
  28. 28. 123
  29. 29. 123 4 5
  30. 30. 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.
  31. 31. Animatekey pointsto reinforceimportance.CreatestandardsforanimationGroupanimationsthat appearat the sametime.Do not useanimationsfor “fun” .
  32. 32. SpeedAdjust speed setting to your needs for animations.
  33. 33. Effect• Use Subtle animations for Entrance andExit• Use Moderate animations for body content• Avoid flying animations• Preferred Animations: Fade, Peak In,Ascend, Descend, Ease In
  34. 34. 1Entrance EffectsEmphasis EffectsExit Effects
  35. 35. 1231
  36. 36. 11
  37. 37. 132
  38. 38. • Email me2341
  39. 39. Semester 1 Semester2 Semester3 Semester3100 20 12 10080 15 12 10012 12 20 10012 12 12 3040 40 40 40123
  40. 40. 12click
  41. 41. 1ab3ab2
  42. 42. 12
  43. 43. At the end of this section, you should be able to:Create andmodify amasterslideRecordnarrationusingarticulatepresenterAddannotationusingarticulatepresenterPreviewandpublishyour i-lectureCreateInteractionusingarticulateengageCreateinteractiveQuiz usingarticulateQuizmaker
  44. 44. PowerPoint – Preparing SlidesRecording narration using Articulate PresenterAdding annotation using Articulate PresenterCreate Interaction using Articulate EngageCreate interactive Quizzes using ArticulateQuizmakerPreviewing & publishing i-lecture
  45. 45. Rethink how you usePowerPoint• Face to facepresentation slidesshould be differentfrom elearning slides.Learn to usePowerPoint’s features• Once you explore theuse of the features,you will be moreexcited to use it foryour lecture slidesand elearning slides.To successfully use PowerPoint for elearning, you needto do two things:1
  46. 46. Create a plan (outline)for the presentationbefore building yourslides.Presentation Length: 5 -20 min (Ideally less than30 min.).Audio narration perslide: ½ min. to 3 min.Graphic Usage: Do not usegraphic as decoration. Useit to make the leanersunderstand the content.Use the title header towrite a title for everyslides you create.2
  47. 47. Use Slide Master to change the overalldesign and layout of the presentation.Why & how tocreate a slidemaster?3
  48. 48. Why Use Slide Master?Each time you apply a new theme to your slides, a slide masterappears 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 ora specific slide layout.For i-lecture publication:The navigation title will beupdated
  49. 49. Before you record your narration, prepare your script, yourmicrophone and your environment.4Decide which slides you want to narrate, and planwhat youre going to say for each one.Get a good microphone and connect it to your PC.Choose a quiet, enclosed environment wherebackground noise wont botch your audio quality.Demo: Recording Narration
  50. 50. 5Demo: Adding AnnotationHow Annotations Work?Presenters annotationtool works a little like ascreen recorder.While you record orplay back your audionarration, Presentercaptures the onscreenannotations you apply,in time with yournarration.You decide exactlywhen and where theannotations appear.
  51. 51. • Articulate Engage612
  52. 52. 6
  53. 53. • Articulate Quizmaker712
  54. 54. Types ofGradedQuestions
  55. 55. • 20 different types ofquestion available20 Types• Feedback based onQuestions and AnswersFeedback• Question and Quizzescan be graded.Graded
  56. 56. By publishing your slides, youwill be able to listen to thenarration, do theinteractivities and alsoattempt the quizzes.You may preview your i-lecture before you publish it.8Click onArticulate TabClick onPreview Button12Previewing i-LectureDemo: Previewing Slides Demo: Publishing Slides
  57. 57. Importing & Editing Audio• You can import your audio for one or several slides inyour course.• Your recorded audio is too slow? Don’t worry. If thesound of your recorded narration is too slow, orsuddenly too loud, it can be edited by using the AudioEditor.Demo: Importing Audio Demo: Editing Audio
  58. 58. Prepare SlidesTitle and Slide MasterLength =30 mints, Audio/slide=1-3mints, Use of graphicsRecord NarrationMicrophone , Script, andEnvironmentSave the narration.Add AnnotationApply the annotation whereappropriate. Select the shapeand synchronize withnarration.Preview & PublishPreview before publish. InsertIMU Logo, Presenter Info, andPublish.Create Interactionusing ArticulateEngageCreate interactiveQuizzes usingArticulate Quizmaker
  59. 59. • Creating Master Slide in PowerPoint• Recording Narration Tutorial• 13 Tips to Record like a Pro• Syncing Animations And Recording Narration At TheSame Time• Publishing a Presentation• E-Learning Licence (Rapid E-Learning)8
  60. 60. Zaid Ali Alsagoff (ext: 3115)• Webinar• Social MediaZabibah (ext: 3124)• Portal (BJ)• TurnitinNorhasliza (ext: 3118)• Portal (SB)• Portal (BP)Hasnain (ext: 3125)• Course Design• Research• AwardFareeza (ext: 3119)• i-Lecture• Instructional DesignIda Fazlina (ext: 3116)• Photo• Video
  61. 61. www.slideshare.com/hasnainzafarhttps://hasnainzafar.wordpress.com/@hbaloch
  62. 62.  Introduction FlippedClassroom&InteractiveWeb Tools e-LearningPortal InstructionalDesign &PowerPoint Creating i-LecturesusingArticulate Q&A
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×