SlideShare a Scribd company logo
Integrating Flickr-based Images into Moodle
to Increase Visual Appeal and Dynamism
of Teaching Spaces
Dr. Ian Glover
City University London
ian.glover.1@city.ac.uk
Ed-Media 2011: Lisbon, Portugal – 29th
June 2011
Session Topics

Relevant Theory

Moodle Basics

Flickr Introduction

Moodle Tool Overview

Alternative Method

Demonstration(s)
Relevant Theory
• Visual information easily integrated into existing knowledge (Lord, 1980)
• otherwise how could we survive the real world?
• Possible separate Visual/Verbal information processing mechanisms (Paivio,
1969)
• Images and words can reinforce each other’s meaning – “multimedia effect”
(Clark & Mayer, 2003).
• Left brain/Right brain split (Gazzaniga,1970)
• Left = sequential, logical (i.e. textual)
• Right = holistic, synthesising (i.e. image-oriented)
• Increased dynamism of web content leads to higher ‘revisitation’ (Adar, Teevan
& Dumais, 2009)
‘A picture is worth a thousand words’
A couple of illustrations…
In Summary:
Westworld (1973) [Polish Film Poster]
Plot Summary (from IMDB)
An amusement park for rich
vacationers. The park provides its
customers a way to live out their
fantasies through the use of robots that
provide anything they want. Two of the
vacationers choose a wild west
adventure. However, after a computer
breakdown, they find that they are now
being stalked by a rogue robot gun-
slinger.
Trading Places (1983) [Polish Film Poster]
Plot Summary (from IMDB):
Louis Winthorpe III is a successful
Philadelphia commodity broker with
mansion, manservant and girlfriend to
match. Billy Ray Valentine is a hustling
beggar. Winthorpe's employers, the elderly
Duke brothers, make a bet that by switching
the lifestyle of the two Billy Ray will make
good and their man will take to a life of
crime. Suddenly Louis finds himself
uncomprehendingly with no job, no home
and only a new acquaintance, glamorous
hooker Ophelia, prepared to help him. So at
least in one way things could actually be
worse.
Moodle Overview
• Default – very plain,
• but can be templated
• Very 'Flat' structure
• Little Dynamism
• Mostly textual.
• Low Visual Appeal
• Problems with adding it.
Templated Moodle Module
Flickr Basics

Image sharing / cataloguing
site

Some social networking
aspects

Creative Commons aware

Free, limited accounts available

Upload by Email possible
Embeddable Slideshow – Flickr’s Own Technique
• Requires some technical knowledge to add to page.
• Moodle strips it from the module homepage – for embedding in resources only.
• Require additional software to view – Adobe Flash.
Moodle Tool Overview (1)

Images from a single Flickr
account

Any public account

Starts at random position in
image collection

(depending on configuration)
• Allows scrolling through image
collection
Moodle Tool Overview (2)
• Static image when no
JavaScript
• Caption = link to
original on Flickr
• Doesn't save images
on Moodle server
• Stores image details
for up to 7 days
Adding/Configuring the Block
1) Add ‘Flickr Image Carousel’
block.
2) Enter account details
• 3 possible options
1) Refine selection using tags
and albums (optional)
2) Save and wait for image data
to be cached
3) Enjoy!
An Alternative Method
• Same techniques can display random
inline image:
• e.g. page with 1 photo tagged with
‘statue’, 1 ‘small’ image, 1 from a
music festival – link
• Useful when ‘colour’ needed for a
page
• But not when need a specific image
• Install on server with PHP, use URL
in emails, on web pages, in VLE, etc.
Demonstrations
Does anyone have a Flickr account?
Questions?
Code available – send me an email for details
Contact details
• Dr. Ian Glover (Ian.Glover.1@city.ac.uk)
• Or try the QR Code 
• Code Available – just email!
References
• Adar, E., Teevan, J., & Dumais, S. T. (2009). Resonance on the web: web
dynamics and revisitation patterns. In Proceedings of the 27th international
conference on Human factors in computing systems (CHI '09). ACM, New
York, NY, USA, 1381-1390.
• Clark, R. C., & Mayer, R. E. (2003). e-Learning and the Science of Instruction.
San Francisco: John Wiley & Sons, Inc.
• Gazzaniga, M. S. (1970). The Bisected Brain. New York: Appleton-Century-
Crofts.
• Lord, C. (1980). Schemas and images as memory aids: Two modes of
processing social information. Journal of Personality and Social Psychology,
38(2), 257-269.
• Paivio, A. (1969). Mental Imagery in associative learning and memory.
Psychological Review, 76(3), 241-263.

More Related Content

PPTX
Cloud computing
PDF
The State of Teaching and Learning in the 21st Century
PDF
Creating Learning Networks in School Communities
PPTX
Flip book
PPTX
Call ict-educational technology-brief overview-2010 Nov (1)
PDF
Drp pres sep2011
PPTX
Social Learning and Online assessment
PDF
Cloud computing
The State of Teaching and Learning in the 21st Century
Creating Learning Networks in School Communities
Flip book
Call ict-educational technology-brief overview-2010 Nov (1)
Drp pres sep2011
Social Learning and Online assessment

What's hot (18)

PPTX
TESOL & Technology Session 2 for Kaplan PLI
PPT
Online Voice Tools For Language And Literacy
PPTX
Kaplan pli tesol&tech s1
PDF
Re-imagining Collaboration: Peer-Review Workshops & Joint Authorship
PPT
Joining the National Digital Humanities Conversation: Communities, Conference...
PPTX
Digital Tool Across Disciplines
PDF
SITM 2011 Orientation
PPTX
Edn113 tutorial 1
PPTX
Adfi forum 4_12
PPT
Is245 2 11 09 Rev 3 4 10
PDF
Orientation lascruces
PDF
91.650 Paper Presentation
PPT
Headshift Breakfast Workshop May08
PPT
Presentation
PPT
Professional studies 2
PPT
E learning presentation-sarah_mary[1]
PPT
21st century learning
PPTX
Understanding emerging digital behaviours and their impact
TESOL & Technology Session 2 for Kaplan PLI
Online Voice Tools For Language And Literacy
Kaplan pli tesol&tech s1
Re-imagining Collaboration: Peer-Review Workshops & Joint Authorship
Joining the National Digital Humanities Conversation: Communities, Conference...
Digital Tool Across Disciplines
SITM 2011 Orientation
Edn113 tutorial 1
Adfi forum 4_12
Is245 2 11 09 Rev 3 4 10
Orientation lascruces
91.650 Paper Presentation
Headshift Breakfast Workshop May08
Presentation
Professional studies 2
E learning presentation-sarah_mary[1]
21st century learning
Understanding emerging digital behaviours and their impact
Ad

Similar to Integrating Flickr-based Images into Moodle to Increase Visual Appeal and Dynamism of Teaching Spaces (20)

PPT
Literature review: Dawley on SNKC
PPT
Online Learning Resource Accessibility in a Lunchtime
PPT
M&L 2012 - Scientific Imagery in Higher Education - by Ruth Kerr, Ilaria Merciai
PDF
Global lodlam_communities and open cultural data
PDF
Wollongong 090408232854-phpapp01
PPTX
DLDA Global Meta-trends Impacting Education & Training -130213
PPTX
Moodle
PPT
The furure of ple
PPTX
Reflecting on two examples of play in Learning
PPTX
cs236_lecture1_2023.pptx about machine learning
PDF
10 Things To Like About Moodle
PPTX
EMMA Summer School - E. Bruno, I. Merciai, M. Tizzani - MOOC Production autho...
PPTX
Designing Learning in the Digital Age - Global Meta-trends affecting Education
PPTX
Breaking Down Walls in Enterprise with Social Semantics
PDF
Ling5 P04f
PPTX
Digital toolbox for_science_assessment
PPTX
Digital Practice and Pedagogy: student generated OERs using Xerte in Art, Des...
PPT
SLoodle: Moodle and Second Life
PPT
The Distributed, Web 2.0 VLE? Incorporating External Content Platforms into ...
PPT
NITLE Workshop: Digital Teaching
Literature review: Dawley on SNKC
Online Learning Resource Accessibility in a Lunchtime
M&L 2012 - Scientific Imagery in Higher Education - by Ruth Kerr, Ilaria Merciai
Global lodlam_communities and open cultural data
Wollongong 090408232854-phpapp01
DLDA Global Meta-trends Impacting Education & Training -130213
Moodle
The furure of ple
Reflecting on two examples of play in Learning
cs236_lecture1_2023.pptx about machine learning
10 Things To Like About Moodle
EMMA Summer School - E. Bruno, I. Merciai, M. Tizzani - MOOC Production autho...
Designing Learning in the Digital Age - Global Meta-trends affecting Education
Breaking Down Walls in Enterprise with Social Semantics
Ling5 P04f
Digital toolbox for_science_assessment
Digital Practice and Pedagogy: student generated OERs using Xerte in Art, Des...
SLoodle: Moodle and Second Life
The Distributed, Web 2.0 VLE? Incorporating External Content Platforms into ...
NITLE Workshop: Digital Teaching
Ad

More from Ian Glover (15)

PPTX
Digital Places: Location-based Digital Practices in Higher Education using Bl...
PDF
Exploring the Educational Potential of the Internet of Things (Internet of Th...
PPTX
Making Connections - Students' Use of Past Feedback
PPTX
Teaching Approaches Menu Workshop - SEDA conference 2014
PPTX
Developing a Menu of Teaching Approaches to Encourage Deeper Engagement with TEL
PPTX
Open Badges (Contemporary Approaches to Teaching workshop)
PPTX
Building Resources to Encourage Innovation in Teaching Practice
PPTX
Open Badges: Using 'Lightweight' Rewards and Credentials to Increase Motivati...
PPTX
Open Badges in Higher Education - Perception and Potential
PDF
Investigating Perceptions and Potential of Open Badges in Formal Higher Educa...
PPT
SCOF: A Standardised, Customisable Online Feedback Tool
PPTX
A Tale of One City: Intra-institutional Variations in Migrating VLE Platform
PPT
Yo! YouTube wraps!
PDF
Open Badges: Supporting Learning and Employability by Recognising Skills Deve...
PDF
Play as You Learn: Gamification as a Technique for Motivating Learners
Digital Places: Location-based Digital Practices in Higher Education using Bl...
Exploring the Educational Potential of the Internet of Things (Internet of Th...
Making Connections - Students' Use of Past Feedback
Teaching Approaches Menu Workshop - SEDA conference 2014
Developing a Menu of Teaching Approaches to Encourage Deeper Engagement with TEL
Open Badges (Contemporary Approaches to Teaching workshop)
Building Resources to Encourage Innovation in Teaching Practice
Open Badges: Using 'Lightweight' Rewards and Credentials to Increase Motivati...
Open Badges in Higher Education - Perception and Potential
Investigating Perceptions and Potential of Open Badges in Formal Higher Educa...
SCOF: A Standardised, Customisable Online Feedback Tool
A Tale of One City: Intra-institutional Variations in Migrating VLE Platform
Yo! YouTube wraps!
Open Badges: Supporting Learning and Employability by Recognising Skills Deve...
Play as You Learn: Gamification as a Technique for Motivating Learners

Recently uploaded (20)

PPTX
Presentation on HIE in infants and its manifestations
PDF
RMMM.pdf make it easy to upload and study
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PPTX
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
VCE English Exam - Section C Student Revision Booklet
PDF
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
PDF
Classroom Observation Tools for Teachers
PPTX
Institutional Correction lecture only . . .
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PPTX
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
PDF
STATICS OF THE RIGID BODIES Hibbelers.pdf
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
PDF
O7-L3 Supply Chain Operations - ICLT Program
PDF
FourierSeries-QuestionsWithAnswers(Part-A).pdf
PPTX
Pharma ospi slides which help in ospi learning
Presentation on HIE in infants and its manifestations
RMMM.pdf make it easy to upload and study
2.FourierTransform-ShortQuestionswithAnswers.pdf
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Module 4: Burden of Disease Tutorial Slides S2 2025
PPT- ENG7_QUARTER1_LESSON1_WEEK1. IMAGERY -DESCRIPTIONS pptx.pptx
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
VCE English Exam - Section C Student Revision Booklet
OBE - B.A.(HON'S) IN INTERIOR ARCHITECTURE -Ar.MOHIUDDIN.pdf
Classroom Observation Tools for Teachers
Institutional Correction lecture only . . .
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
Introduction-to-Literarature-and-Literary-Studies-week-Prelim-coverage.pptx
STATICS OF THE RIGID BODIES Hibbelers.pdf
Chinmaya Tiranga quiz Grand Finale.pdf
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
O7-L3 Supply Chain Operations - ICLT Program
FourierSeries-QuestionsWithAnswers(Part-A).pdf
Pharma ospi slides which help in ospi learning

Integrating Flickr-based Images into Moodle to Increase Visual Appeal and Dynamism of Teaching Spaces

  • 1. Integrating Flickr-based Images into Moodle to Increase Visual Appeal and Dynamism of Teaching Spaces Dr. Ian Glover City University London ian.glover.1@city.ac.uk Ed-Media 2011: Lisbon, Portugal – 29th June 2011
  • 2. Session Topics  Relevant Theory  Moodle Basics  Flickr Introduction  Moodle Tool Overview  Alternative Method  Demonstration(s)
  • 3. Relevant Theory • Visual information easily integrated into existing knowledge (Lord, 1980) • otherwise how could we survive the real world? • Possible separate Visual/Verbal information processing mechanisms (Paivio, 1969) • Images and words can reinforce each other’s meaning – “multimedia effect” (Clark & Mayer, 2003). • Left brain/Right brain split (Gazzaniga,1970) • Left = sequential, logical (i.e. textual) • Right = holistic, synthesising (i.e. image-oriented) • Increased dynamism of web content leads to higher ‘revisitation’ (Adar, Teevan & Dumais, 2009)
  • 4. ‘A picture is worth a thousand words’ A couple of illustrations… In Summary:
  • 5. Westworld (1973) [Polish Film Poster] Plot Summary (from IMDB) An amusement park for rich vacationers. The park provides its customers a way to live out their fantasies through the use of robots that provide anything they want. Two of the vacationers choose a wild west adventure. However, after a computer breakdown, they find that they are now being stalked by a rogue robot gun- slinger.
  • 6. Trading Places (1983) [Polish Film Poster] Plot Summary (from IMDB): Louis Winthorpe III is a successful Philadelphia commodity broker with mansion, manservant and girlfriend to match. Billy Ray Valentine is a hustling beggar. Winthorpe's employers, the elderly Duke brothers, make a bet that by switching the lifestyle of the two Billy Ray will make good and their man will take to a life of crime. Suddenly Louis finds himself uncomprehendingly with no job, no home and only a new acquaintance, glamorous hooker Ophelia, prepared to help him. So at least in one way things could actually be worse.
  • 7. Moodle Overview • Default – very plain, • but can be templated • Very 'Flat' structure • Little Dynamism • Mostly textual. • Low Visual Appeal • Problems with adding it.
  • 9. Flickr Basics  Image sharing / cataloguing site  Some social networking aspects  Creative Commons aware  Free, limited accounts available  Upload by Email possible
  • 10. Embeddable Slideshow – Flickr’s Own Technique • Requires some technical knowledge to add to page. • Moodle strips it from the module homepage – for embedding in resources only. • Require additional software to view – Adobe Flash.
  • 11. Moodle Tool Overview (1)  Images from a single Flickr account  Any public account  Starts at random position in image collection  (depending on configuration) • Allows scrolling through image collection
  • 12. Moodle Tool Overview (2) • Static image when no JavaScript • Caption = link to original on Flickr • Doesn't save images on Moodle server • Stores image details for up to 7 days
  • 13. Adding/Configuring the Block 1) Add ‘Flickr Image Carousel’ block. 2) Enter account details • 3 possible options 1) Refine selection using tags and albums (optional) 2) Save and wait for image data to be cached 3) Enjoy!
  • 14. An Alternative Method • Same techniques can display random inline image: • e.g. page with 1 photo tagged with ‘statue’, 1 ‘small’ image, 1 from a music festival – link • Useful when ‘colour’ needed for a page • But not when need a specific image • Install on server with PHP, use URL in emails, on web pages, in VLE, etc.
  • 15. Demonstrations Does anyone have a Flickr account?
  • 16. Questions? Code available – send me an email for details
  • 17. Contact details • Dr. Ian Glover (Ian.Glover.1@city.ac.uk) • Or try the QR Code  • Code Available – just email!
  • 18. References • Adar, E., Teevan, J., & Dumais, S. T. (2009). Resonance on the web: web dynamics and revisitation patterns. In Proceedings of the 27th international conference on Human factors in computing systems (CHI '09). ACM, New York, NY, USA, 1381-1390. • Clark, R. C., & Mayer, R. E. (2003). e-Learning and the Science of Instruction. San Francisco: John Wiley & Sons, Inc. • Gazzaniga, M. S. (1970). The Bisected Brain. New York: Appleton-Century- Crofts. • Lord, C. (1980). Schemas and images as memory aids: Two modes of processing social information. Journal of Personality and Social Psychology, 38(2), 257-269. • Paivio, A. (1969). Mental Imagery in associative learning and memory. Psychological Review, 76(3), 241-263.