-
1.
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
-
2.
Welcome!
-
3.
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
:))
...
-
4.
● Project Managament
● Course Editing
● Multimedia Production
● Web References
● Web Development
● Videomaking
● User Profiling
-
5.
Federica vision
-
6.
Federica vision
-
7.
/
http://www.federica.unina.it/il-progetto-federica/spot-eng/
Federica Living Library
-
8.
Federica Living Library
-
9.
Using the Living Library
-
10.
Using the Living Library
-
11.
Testimonial
-
12.
Embriologia: without
-
13.
Embriologia: with
-
14.
The MOOC
Challenge
-
15.
Web
references
-
16.
Focus on web references
Searching Data bank
Image Library
Multimedia provider
-
17.
What about images?
-
18.
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
-
19.
Source: http://lokeshdhakar.com/coffee-drinks-illustrated/
Coffee Drinks Illustrated
Images inform
-
20.
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
-
21.
Media Technology
Working to produce
creative, stimulating,
elastic and appealing
learning content of
instruction.
Langer’s Mindful Learning (1997)
Source:MaxGriboedov/Shutterstock
Digital Convergence
-
22.
Printed Word Digital Literacy
Source: Michael D Brown/Shutterstock
Imagery as a bridge
-
23.
Instructional
design
?
Digital imagery in instructional design
-
24.
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
-
25.
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
-
26.
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
-
27.
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
-
28.
Nikon Small Words
Nasa Images
Microscope photo
-
29.
Nasa Images
Satellite photo
-
30.
Green Report
Infographics
Infogr.am - an easy tool to create infographics
Green Report, IL - Il maschile del Sole 24 ORE
-
31.
Text2mindmap: an easy tool to create mindmaps
Interactive mindmaps
-
32.
GIS Technology
-
33.
Video Lectures
-
34.
3D Imagery
-
35.
Candid drawnings
-
36.
From the Internet to Weblearning
Huge bedrock of visuals available
Quality & credentialing How to tap into it Copyright
Source:BruceRolff/Shutterstock
-
37.
Image Library on Federica Web Learning
-
38.
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.
-
39.
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).
-
40.
Using the Image Library
-
41.
Example: 3D imagery use
-
42.
Example: graphs use
-
43.
Example: The Ruins of Paestum
-
44.
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.
-
45.
Thank you!
elina.bruno@gmail.com
ilaria.merciai@unina.it
mtizzani@gmail.com
Each slide contains a description of the content, the source explaining whether it came from a database, archive institution, a a note on the type of copyright, and information on access. For example, if you need to register, if there are any costs involved, and usability i. e. how easy it is to navigate the site/archive and retrieve suitable images.
De Franciscis, a political sciences teacher, uses digital graphs to illustrate the separation of power in the United States
Prof Riccardo Florio makes wide use of images in his teaching of archicture – an obvious field where visuals are more effective than words