Creating e-learning courses, Lappeenranta University of Technology, Chemical Engineering 19.3.2018 made by Matleena Laakso has been licensed under Creative Commons Attribution-ShareAlike 4.0 International License. You can contact www.matleenalaakso.fi/p/in-english.html to get more rights. More information can be found on the last slide.
Creating elearning courses
Lappeenranta University of Technology,
Chemical Engineering 19.3.2018
Blog: www.matleenalaakso.fi/p/in-english.html Picture: Engin_Akyurt CC0, pixabay.com
• Trends, challenges and technology developments in HE
• Creating e-learning courses
• Some tools for e-learning
The NMC Horizon Reports
The New Media Consortium (NMC) is a
community of hundreds of leading
universities, colleges, museums, and
The NMC Horizon Project is a global
ongoing research initiative that explores the
trends, challenges, and technology
developments likely to have an impact on
teaching, learning, and creative inquiry.
”Drawing from best practices in both online and face-to-face methods,
blended learning is on the rise at colleges and universities
as the number of digital learning platforms and ways to leverage them for
educational purposes continues to expand.”
Image: Matleena Laakso, CC BY
“Collaborative learning, which refers to students or educators working
together in peer-to-peer or group activities,
is based on the perspective that learning is a social construct”
Significant Challenges Impeding
HE Technology Adoption
NMC Horizon Report 2017 HE cdn.nmc.org/media/2017-nmc-horizon-report-he-EN.pdf (CC BY)
Improving Digital Literacy
- new category of competence
Integrating Formal and
Pictures: lavnatalia CC0, pixabay.com
in Technology for HE
NMC Horizon Report 2017 HE cdn.nmc.org/media/2017-nmc-horizon-report-he-EN.pdf (CC BY)
“Encompassed by the personalized learning movement
and closely linked to learning analytics,
adaptive learning refers to the technologies monitoring student
progress and using data to modify instruction.”
” The goal is to…move students through a learning path
•empowering active learning,
•targeting at-risk student populations, and
•assessing factors affecting completion and student success.”
Mobile friendly environments, Communication 24/7,
Delivery and creation of educational content. …
Picture: Matleena Laakso, CC BY-SA
Learning environment of today
Häkkinen & Viteli (toim.) Pilvilinnoja ja palomuureja – tulevaisuuden oppimisen ja työnteon tilat, 2014
Physical and virtual
formal and and
Global and local
Picture: Kimhunghan CC BY-SA
What is typical for
good teaching methods?
Minna Lakkala: www.slideshare.net/MinnaHL/pedagogineninfra2015
• Students co-operate like professional teams.
• Students perform tasks and solve challanging problems.
• Students use various sources and digital techonology.
• Students create new knowledge together and make concrete final
Picture: Sasint CC0, pixabay.com
Make beautiful boards, documents, and webpages that are easy to read
and contribute to. This ”digital flipchart” works as a tool for group, teacher
or student. For text, images, videos, voice, drawing, links,..
•Feedback about a guide book: padlet.com/matlaakso/TTYopas
•Examples of digital stories: padlet.com/matlaakso/digitarinat
•Try out the new format, backchannel: padlet.com/matlaakso/backchannel
Things to consider when
planning an online course
• Learning objectives and main themes
– And resources, time, students,..
• Totally online or blended learning with face-to-face meetings?
• Pedagogical approach
• Teacher-paced or self-paced?
– Study alone or in a group? With/without teacher?
– Webinars and other online meetings?
• Assesment, evaluation, feedback
• E-learning tools: Moodle, H5P, Adobe Connect, Facebook,..
• Structure of a course
– LMS organized according to themes or weeks?
How to study online?
Suominen & Nurmela: Verkko-opettaja. 2011.
• Aims and objectives
• Giving and receiving goes hand in hand
• Being part of a group lightens the work burden
• You cannot avoid hard work
• Take one hour every day for leaning
Kuva: monicore, pixabay.com, CC0
Starting point: What do the students do?
Picture: joepmeindertsma CC0, pixabay.com
Instruction and facilitation (ohjaus)
• When? How much? Tools/platforms?
• Between the two? Teacher and small/whole groups? Peers?
• It takes time!
Picture: Wokandapix CC0, pixabay.com
Roles of an Online Teacher
Bernard Bull: www.facultyfocus.com/articles/online-education/eight-roles-of-an-effective-online-
Individual and Group Mirror
The Five Stage Model
Gilly Simon: www.gillysalmon.com/five-stage-model.html
“For online learning to be successful and happy,
participants need to be supported through
a structured developmental process.”
QR code to The Five Stage Model
by Gilly Simon (CC BY-NC-ND 4.0)
Do not overload students
• How many links is enough? How much material is needed?
• Do you want also your students to look for information?
• Dozens of small learning tasks vs. a few larger ones?
• Separate tasks or one larger project made step by step?
Picture: geralt CC0, pixabay.com (modified by Matleena Laakso)
5 Tips To Transform Your Training
Materials Into Engaging eLearning
Yulianny Araujo: elearningindustry.com/5-tips-transform-training-materials-into-engaging-elearning
1. Adapt Your Content
2. Go Beyond Factual Information
– Build a story around the facts, use scenarios to increase interest,..
1. Keep It Short And Simple
– Keep audiences stimulated
– Find the perfect length
1. Use Interaction
– Passive Interactivity
– Limited Interactivity
– Moderate Interactivity
1. Increase Motivation
Create a new AnswerGarden by writing your theme or question and
then clicking Create. All other options are voluntary.
No signing in. Share with a link.
Best digital tools for teaching and
Top Tools for Learning 2017
Jane Hart: c4lpt.co.uk/top100tools/rankings (print screen)
Social media is about sharing,
communication and feedback
Kuva: Scott Maxwell, CC BY-SA
What is H5P?
• H5P (= HTML5 Package) is a free and open-source content
it easy for everyone to create, share and reuse interactive content.
• Already almost 50 content types (and there are more to come).
• In English: h5p.org and in Finnish:
• Immediate feedback to leaning tasks which allows learners to
learn from mistakes.
H5P content types
Simple tools for creating one kind of tasks
•Drag the Words
•Fill in the Blanks
More verstile tools for creating learning
tasks (combining simple tools)
Content creation tools
Make your videos more engaging by adding multiple choice and fill in
the blank questions, pop-up text and other types of interactions to your
Picture: Joanna Siemek h5p.org/interactive-video
Slide set where you can add text and images and embed videos and
tasks like single choice, drag and drop or true/false.
(similar to ThingLink)
Content of hotspots can
be text, image or video.
Learning tasks and activities
• Clear instructions
• Easy to individualise
• Offer immediate feedback to allow learners to learn from mistakes
• Include activities and assignments that encourage learners to
• Versatile tasks using different kind of media
• Motivate and engourage to reflection, critical thinking connected to
Students feel that they need to work much harder during
Annne Rongas: Kyytiä copy-paste –opiskelulle:
www.slideshare.net/arongas/kyyti-copypaste-opiskelulle (CC BY-SA)
Web tools for leaning tasks
• Moodle (its own tools, H5P, discussions,..)
• Social media (embed/link) or other web applications: videos, Audio
slideshows, Twitter feed, blogposts, Facebook group,
AnswerGarden, Padlet, Quizlet, Quizizz,..
• Office 365 or Google
• Offline tasks: take a photo, plan, interview, observe,.. share
experience or link to Moodle
Which tools the students would like to use for
Use different kinds of visual content
Slide sets in Finnish: www.matleenalaakso.fi/p/koulutusdiat.html
Images, infographics, graphical data, comics, videos, animations, screen-cast
videos, slide shows, memes, avatars, storytelling,..
Tips for online text and visuality
• Create clear structure and use visual elements
• Use subtitles (and built-in styles)
• Use short paragraphs and sentences
• Make your writing digestible
– Break your content up into smaller chunks to help avoid cognitive
– Avoid using large blocks of text
– Add relevant images, videos etc. that support or expand your message
– Add not-too-many links to deepen your content
• Take time to get the content right
– Save your draft and look at it later Fix spelling mistakes and express
your thoughts more clearly
Improving your courses
• Ask for feedback and share your ideas and questions.
• Use check-lists
– TOMAS-hanke, Johanna Keskitalo (in Finnish):
– TAMKin digimentorit (in Finnish):
• Make changes immediately or write down what needs to be
changed for the next course.
• Learn more about e-learning!
Checklist for Online Course
Kerrie-Anne Chinn: www.go1.com/post/designing-elearning-course
• Clear aims and objectives
• Content Creation
• Graphics and Fonts
Creative Commons licenses are the standard for sharing
free content online.
•The most used license in the world
You need it for
•Sharing your work
•Using and remixing
Screenshot: stateof.creativecommons.org CC BY
creativecommons.org & creativecommons.fi
Creative Commons -terms
By combining these terms you get the licenses on the following slide
Two good licensies
for learning materials
All images and
videos are under
except those with
More CC0 images:
What images can I use?
• Your own images.
• Images you have permission to use.
• Images shared with CC-license that are compatible with your other
• Images that are not protected under copyright law.
Pictures: CC0, pixabay.com
There are some exceptions
Exceptions (CC0 and PD)
•Identifiable people may not appear in a bad light or in a way that they may
find offensive, unless they give their consent.
•Do not suggest endorsement of products, services, etc. by depicted
people or organizations. For example: do not use an image of NASA and place
it in a way that suggests NASA would recommend the product.
Model- and Property Release
•Identifiable people must give their consent for public usage of their images.
•The same goes for private property, trademarks and visible logos.
Even if you have the permission to freely use an image,
it is still your responsibility, to make sure the depicted content
(persons, logos, private property, etc.) is suitable for your application
and does not infringe any rights.
Ideal way of giving attribution
Lifeboat in Finland by Tiia Monto is licensed under CC BY-SA 3.0
Linking is allowed
Linking and embedding is allowed
The photographer, publisher etc. and the original source
must be clearly visible.
Picture: PIRO4D CC0, pixabay.com
Questions about linking
• Is the document (video) legally and openly on web?
• If the owner removes the document, your link is broken.
• If the new version of the original document is published,
will the link navigate to the old or new version?
• You can always ask for permission – also for coping and sharing!
Picture: geralt CC0, pixabay.com
Some tips (mainly in Finnish)
Matleenan blogi www.matleenalaakso.fi
•Koulutusdiat (mm. ohjeita ja vinkkejä kymmeniin
•Sähköiset kokeet (linkkejä esimerkkikokeisiin)
TTY:n Aktivoi luentosi –opas. Vinkkejä muuhunkin
Yli 200 pedagogien Facebook-ryhmää ja sivua
(lista siirtymässä toisaalle), sivuille koottu myös
Free technology for teachers:
• Learn about CC-licensies: creativecommons.org
• CC BY-SA (these slides): creativecommons.org/licenses/by-sa/4.0
You are free to:
– Share — copy and redistribute the material in any medium or format
– Adapt — remix, transform, and build upon the material
– for any purpose, even commercially.
Under the following terms:
– Attribution — You must give appropriate credit, provide a link to the license, and indicate if
changes were made. You may do so in any reasonable manner, but not in any way that suggests
the licensor endorses you or your use.
– ShareAlike — If you remix, transform, or build upon the material, you must distribute your
contributions under the same license as the original.
• You can also contact me to get more rights. You will find all my slides in English
from this web page: www.matleenalaakso.fi/p/in-english.html
Licenced under Creative Commons
International License (CC BY-SA 4.0)