MOOC Production: authoring
and management of
educational resources
how to #makeamooc
Speakers:
Evelina Bruno
Ilaria Merciai
Miriana Tizzani
University of Naples
Federico II
Jtel Summer School 2015
July 8, 2015

Welcome!

Our HQ is placed in front of Castel
dell’Ovo and Gulf of Naples
(please say Hello! to our colleagues
that are working hard in this moment
:))
...

● Project Managament
● Course Editing
● Multimedia Production
● Web References
● Web Development
● Videomaking
● User Profiling

Federica vision

Federica vision

/
http://www.federica.unina.it/il-progetto-federica/spot-eng/
Federica Living Library

Federica Living Library

Using the Living Library

Using the Living Library

Testimonial

Embriologia: without

Embriologia: with

The MOOC
Challenge

Web
references

Focus on web references
 Searching Data bank
 Image Library
 Multimedia provider

What about images?

Visuals can arouse
people’s interest,
curiosity and
motivation
(Richard Mayer 2001)
Memory and recall
for visuals tends to
be better than
memory and recall
for words
(Clark and Lyons, 2004)
Images engage

Source: http://lokeshdhakar.com/coffee-drinks-illustrated/
Coffee Drinks Illustrated
Images inform

Theory of Learning = “The child is
continually interacting with the
world around him/her solving
problems that are presented by the
environment”
Jean Piaget
“To understand is to discover”
Jean Piaget
Constructivism = “a combination of
philosophy, psychology and
cybernetics”
E. von Glasersfeld (1995)
Source: David Castillo Dominici/Shutterstock
Images in Education

Media Technology
Working to produce
creative, stimulating,
elastic and appealing
learning content of
instruction.
Langer’s Mindful Learning (1997)
Source:MaxGriboedov/Shutterstock
Digital Convergence

Printed Word Digital Literacy
Source: Michael D Brown/Shutterstock
Imagery as a bridge

Instructional
design
?
Digital imagery in instructional design

Several researchers have
classified the instructional
functions of visuals into
taxonomies or categories.
(Alesandrini, 1984; Clark & Lyons, 2004; Levin,
1981; Levie and Lentz, 1982; Rieber, 1994)
Source: Dima Groshev/Shutterstock
Classification of images

Lyons and Clark’s classification of visuals
Communicative
Functions
Examples Psychological Functions
Decorative • Art on the cover of a book
• Visual of a general in a military
lesson on ammunition
Support attention
Representationa
l
• A screen capture
• A photograph of equipment
Activate or build on prior
knowledge
Mnemonic • A picture of 10 forks stuck in a door to retrieve
meaning of Spanish word for fork: Tenador
Minimize cognitive load
Organizational • A two-dimensional course map Build mental models
Relational • A line graph
• A pie chart
Support transfer of learning
Transformation
al
• An animation of a weather cycle
• A video showing how to operate equipment
Support motivation
Interpretive • A schematic diagram of equipment
• An animation of molecular movement
Clark, Lyons 2004

User interface
Use of graphics to create an appealing
interface is not decorative – it serves to
make machine more human and to
encourage interaction between computers,
people and culture.
http://www.webdesignerdepot.com/2009/03/operating-system-
interface-design-between-1981-2009/
Xerte - University of Nottingham
Federica - University of Naples Federico II
Source: Tanewpix/Shutterstock
Google Drive:
http://www.google.com/intl/it/drive/start/apps.html#drawin
gs

Different types of graphics/images
Clark and Lyons Classification
Static Art Illustration
Photographic
Line drawnings
Graphs and diagrams
Dynamic Art Animation
Video
Virtual Reality
Our additional proposals
Microscope Photos
Satellite Photos
Infographics
Interactive Mindmaps
Learning Analytics
GIS Technology
Video Lectures
3D Imagery
Extemporaneous drawings

Nikon Small Words
Nasa Images
Microscope photo

Nasa Images
Satellite photo

Green Report
Infographics
Infogr.am - an easy tool to create infographics
Green Report, IL - Il maschile del Sole 24 ORE

Text2mindmap: an easy tool to create mindmaps
Interactive mindmaps

GIS Technology

Video Lectures

3D Imagery

Candid drawnings

From the Internet to Weblearning
Huge bedrock of visuals available
Quality & credentialing How to tap into it Copyright
Source:BruceRolff/Shutterstock

Image Library on Federica Web Learning

Main selection criteria: copyright law
CC images (Creative Commons):
images can be used for educational purposes but not commercially
FR images (Free Royalty):
these images have to be paid for but, once acquired, can be used
however the purchaser wants with no time restriction
RM images (Rights Management):
publishing rights are decided by the owner.

Archive providers
The archives that have been
included and reviewed fall into
three distinct categories:
Amateur archives (eg. Flickr);
Institutional archives (eg.
Plos);
Commercial archives (eg.
Gettyimages).

Using the Image Library

Example: 3D imagery use

Example: graphs use

Example: The Ruins of Paestum

Image Library numbers
From the enormous
wealth of photo
archives available on
the net we have
chosen 99 that we
consider valid for
inclusion in the Image
Library.

Thank you!
elina.bruno@gmail.com
ilaria.merciai@unina.it
mtizzani@gmail.com