This presentation was given during the EMMA Summer School, that took place in Ischia (Italy) on 4-11 July 2015. More info on the website: http://project.europeanmoocs.eu/project/get-involved/summer-school/ Follow our MOOCs: http://platform.europeanmoocs.eu/MOOCs Design and deliver your MOOC with EMMA: http://project.europeanmoocs.eu/project/get-involved/become-an-emma-mooc-provider/

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!

5. 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
:))
...

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

8. Federica vision

9. Federica vision

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

11. Federica Living Library

12. Using the Living Library

13. Using the Living Library

14. Testimonial

15. Embriologia: without

16. Embriologia: with

18. The MOOC
Challenge

20. Web
references

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

22. What about images?

23. 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

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

25. 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

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

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

28. Instructional
design
?
Digital imagery in instructional design

29. 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

30. 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

31. 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

32. 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

33. Nikon Small Words
Nasa Images
Microscope photo

34. Nasa Images
Satellite photo

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

36. Text2mindmap: an easy tool to create mindmaps
Interactive mindmaps

37. GIS Technology

38. Video Lectures

39. 3D Imagery

40. Candid drawnings

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

42. Image Library on Federica Web Learning

43. 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.

44. 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).

45. Using the Image Library

46. Example: 3D imagery use

47. Example: graphs use

48. Example: The Ruins of Paestum

49. 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.

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