SlideShare a Scribd company logo
Week #1 - DAY 2 (24 June ‘14) :
Interactive Learning Media and Learning Experience Design
SUCI FADHILAH
Computer Science UI 2011
Current state:
Really want to know more about how
to make a better e-learning content
media by implementing Learning
Experience Design, Human
Computer Interaction, polished by
the great User Experience
That’s why now I’m here at
Pinteraktif Media :D.“
Interactive Learning Media and Learning Experience Design
Interactive Learning Media and Learning Experience Design
Print or Text
Graphics and Video
Video Conferencing
PDA, computer tablet
Internet of things
CHARACTERISTICS OF INTERACTIVE
ONLINE LEARNING MEDIA
-Patrick J. Fahy, Athabasca University
Interactive Learning Media and Learning Experience Design
Interactive media support communities,
based on what people do
together, not where or when
“
- Rovai & Barnum, 2003
Community becomes
a process, not merely a place“
- Cannell, 1999
structured and
systematic social
interaction, using
media, is essential
to significant
learning
“
-Fulford & Zhang, 1993; Ragan, 1999;
Dilworth & Willis, 2003;
Garrison & Cleveland-Innes, 2005;
Conrad, 2005
Interactive Learning Media and Learning Experience Design
Interactive Learning Media and Learning Experience Design
…the acquisition of knowledge
or skills through experience,
study, or by being taught
“
- Oxford
….berusaha memperoleh
kepandaian atau ilmu; berlatih;
berubah tingkah laku atau
tanggapan yg disebabkan oleh
pengalaman
“
- KBBI
Interactive Learning Media and Learning Experience Design
…a design discipline that aims to make
learning more effective and fun. It uses
experience as the foundation for learning.
There’s a focus on innovative use of media, both
analogue and digital
“
learningexperiencedesign.com
'
Research Design
<html>
<head></head>
<body>
<h1></h1>
<p></p>
<br/>
</body>
</html>
Development Management
• What is the purpose?
• How is going to be
discuss?
• What are the learning
objectives?
• Who are the learners?
• How do they learn?
Andre Plaut
Education Product Manager of
General Assembly (GA)
(30 January 2014)
What are the goals of
your learners and your
organization?
What are the key topics,
methods, activities, and
logistics required?
How will the topics be
structured?
What actually the
learners be doing,
hearing, and seeing
during learning?
What will the learning
experience sound and
look like?
Tell me and I forget. Teach me
and I remember. Involve me and
I LEARN.
“
Benjamin Franklin
All the pictures are taken from google.com
Jeff Hawking – On Intelligence
John D. Bransford, Ann L. Brown, and Rodney R. Cocking – How People
Learn
Andre Plaut – Element of Learning Experience Design
Patrick J. Fahy - Characteristic of Interactive Online Learning Media

More Related Content

PPTX
Interactive learning
Terri Stice
 
PPTX
Conventional, non-conventional and Innovative mode of teaching
Surendra Pratap Singh
 
PPT
Designs for Active Learning, Cambridge 2017
Mike Sharples
 
PPTX
Keys to student centered learning final
Bethany Marcusson-Mercedes
 
PPTX
Student centered learning and technology
ncureton
 
PPTX
Constructivist Learning Environments (CLE)
Lapis Lazuli Gutierrez
 
PPTX
Lecture 10 Changing Role of the Teacher
James Stanfield
 
PPTX
Student centered learning presentation copy
trcash
 
Interactive learning
Terri Stice
 
Conventional, non-conventional and Innovative mode of teaching
Surendra Pratap Singh
 
Designs for Active Learning, Cambridge 2017
Mike Sharples
 
Keys to student centered learning final
Bethany Marcusson-Mercedes
 
Student centered learning and technology
ncureton
 
Constructivist Learning Environments (CLE)
Lapis Lazuli Gutierrez
 
Lecture 10 Changing Role of the Teacher
James Stanfield
 
Student centered learning presentation copy
trcash
 

What's hot (20)

PPTX
Keys to student centered learning!
Bethany Marcusson-Mercedes
 
PPTX
Active learning presentation march 2008-act
Dr.Kabaly P Subramanian PhD., MCMI (UK)
 
PPT
How to Create a Learning Managment System
Pinoy Guro
 
PPT
An introduction to instructional technology and its use in educational techno...
Malik Sajjad Ahmad Awan
 
PPTX
Benefits of Online Developmental Mathematics
Sara Revesz
 
PPT
E-portfolios to build self-efficacy - by Jaya Kannan
Jaya Kannan
 
PDF
Internet Reciprocal Teaching
cburnham
 
PPTX
Instructional materials
Draizelle Sexon
 
PPT
Session03 ICT for Meaningful Learning (SDL & CoL)
Ashley Tan
 
PPTX
What is educational technology
Blessly Rosero
 
PPTX
My portfolio in ed tech 1 and 2
maria estela mejares
 
PPTX
Portfolio in Educational Technology 1&2
jansentabanao7
 
PPTX
Innovative strategies in education
Gunjan Verma
 
PPTX
Educational technology
Jierlyn Basilisco
 
PPTX
My Portfolio in Educational Technology
Christian Lucero
 
PPTX
Sloan 2009 Instructional Strategies for Blended Learning
University of Central Florida
 
PPTX
Portfolio in Educational Technology 1&2
jonapabunan
 
PPS
Developing A Blended Learning Strategy: Instructional Media & Pedagogical Con...
Jolly Holden
 
PPTX
Active learning
Dr. Rohan Jowallah
 
Keys to student centered learning!
Bethany Marcusson-Mercedes
 
Active learning presentation march 2008-act
Dr.Kabaly P Subramanian PhD., MCMI (UK)
 
How to Create a Learning Managment System
Pinoy Guro
 
An introduction to instructional technology and its use in educational techno...
Malik Sajjad Ahmad Awan
 
Benefits of Online Developmental Mathematics
Sara Revesz
 
E-portfolios to build self-efficacy - by Jaya Kannan
Jaya Kannan
 
Internet Reciprocal Teaching
cburnham
 
Instructional materials
Draizelle Sexon
 
Session03 ICT for Meaningful Learning (SDL & CoL)
Ashley Tan
 
What is educational technology
Blessly Rosero
 
My portfolio in ed tech 1 and 2
maria estela mejares
 
Portfolio in Educational Technology 1&2
jansentabanao7
 
Innovative strategies in education
Gunjan Verma
 
Educational technology
Jierlyn Basilisco
 
My Portfolio in Educational Technology
Christian Lucero
 
Sloan 2009 Instructional Strategies for Blended Learning
University of Central Florida
 
Portfolio in Educational Technology 1&2
jonapabunan
 
Developing A Blended Learning Strategy: Instructional Media & Pedagogical Con...
Jolly Holden
 
Active learning
Dr. Rohan Jowallah
 
Ad

Viewers also liked (7)

PDF
User Experience Design and Human Computer Interaction
Suci Fadhilah
 
PDF
Content Development Process of Beling.co
Suci Fadhilah
 
KEY
Interactive Learning Through Facilitation
Viv McWaters
 
PDF
LxD - Learner Experience Design
Julie Dirksen
 
PDF
Interactive Video
jennifer moss
 
PPTX
Interactive Learning: AECT Presentation
National University
 
PPT
Interactive Teaching Strategies
Pinoy Guro
 
User Experience Design and Human Computer Interaction
Suci Fadhilah
 
Content Development Process of Beling.co
Suci Fadhilah
 
Interactive Learning Through Facilitation
Viv McWaters
 
LxD - Learner Experience Design
Julie Dirksen
 
Interactive Video
jennifer moss
 
Interactive Learning: AECT Presentation
National University
 
Interactive Teaching Strategies
Pinoy Guro
 
Ad

Similar to Interactive Learning Media and Learning Experience Design (20)

PDF
Design Thinking for Technology Enhanced Learning
Christian Glahn
 
PDF
Design Thinking for Technology Enhanced Learning
Marion R. Gruber
 
PPTX
What Is Learning Experience Design (And Does Adopting It Require You to Leave...
Saul Carliner
 
PPTX
Designing activities for online learning
Mark_Childs
 
PPT
From theory to tools: A workshop on designing blended and online learning
Dr. Kelly Edmonds
 
PDF
Personal Learning Environment - Generation 2.0
Martin Ebner
 
PPT
Madhuri presentation
Madhuri Dubey
 
PPTX
PPT1.Conference. Without Sound. Online Learning Environments.Applying Intsruc...
Guilhermina Miranda
 
PDF
E learning-e-comunidades-de-prática
LUIZ FERNANDO TAVARES MEIRELLES
 
PPTX
Leru 2011
Ebba Ossiannilsson
 
PPTX
Leru 2011
Ebba Ossiannilsson
 
DOCX
Application of multimedia
David Ashraf
 
PPTX
Impact of mobile access on learner interactions in a mooc method and findings
Inge de Waard
 
PPTX
PPTs for Online Teaching Training(1).pptx
ShoebAhmedSyed2
 
PDF
Development of interactive multimedia learning in learning instructional design
Alexander Decker
 
PDF
Interaction design for learning
Michael Wolf
 
PPTX
Integrative Learning Design Framework for online learning
Daniela Gachago
 
PPTX
Conole masterclass
Grainne Conole
 
PDF
Personal Learning Environment - a Conceptual Study
Martin Ebner
 
PPT
Learning on the Move! Coming to a small screen near youEdwin curran
Staff Development
 
Design Thinking for Technology Enhanced Learning
Christian Glahn
 
Design Thinking for Technology Enhanced Learning
Marion R. Gruber
 
What Is Learning Experience Design (And Does Adopting It Require You to Leave...
Saul Carliner
 
Designing activities for online learning
Mark_Childs
 
From theory to tools: A workshop on designing blended and online learning
Dr. Kelly Edmonds
 
Personal Learning Environment - Generation 2.0
Martin Ebner
 
Madhuri presentation
Madhuri Dubey
 
PPT1.Conference. Without Sound. Online Learning Environments.Applying Intsruc...
Guilhermina Miranda
 
E learning-e-comunidades-de-prática
LUIZ FERNANDO TAVARES MEIRELLES
 
Application of multimedia
David Ashraf
 
Impact of mobile access on learner interactions in a mooc method and findings
Inge de Waard
 
PPTs for Online Teaching Training(1).pptx
ShoebAhmedSyed2
 
Development of interactive multimedia learning in learning instructional design
Alexander Decker
 
Interaction design for learning
Michael Wolf
 
Integrative Learning Design Framework for online learning
Daniela Gachago
 
Conole masterclass
Grainne Conole
 
Personal Learning Environment - a Conceptual Study
Martin Ebner
 
Learning on the Move! Coming to a small screen near youEdwin curran
Staff Development
 

Recently uploaded (20)

PDF
Cloud-Migration-Best-Practices-A-Practical-Guide-to-AWS-Azure-and-Google-Clou...
Artjoker Software Development Company
 
PDF
Responsible AI and AI Ethics - By Sylvester Ebhonu
Sylvester Ebhonu
 
PDF
Presentation about Hardware and Software in Computer
snehamodhawadiya
 
PDF
Brief History of Internet - Early Days of Internet
sutharharshit158
 
PDF
NewMind AI Weekly Chronicles - July'25 - Week IV
NewMind AI
 
PDF
Make GenAI investments go further with the Dell AI Factory
Principled Technologies
 
PDF
Event Presentation Google Cloud Next Extended 2025
minhtrietgect
 
PDF
The Future of Mobile Is Context-Aware—Are You Ready?
iProgrammer Solutions Private Limited
 
PPTX
The-Ethical-Hackers-Imperative-Safeguarding-the-Digital-Frontier.pptx
sujalchauhan1305
 
PDF
AI-Cloud-Business-Management-Platforms-The-Key-to-Efficiency-Growth.pdf
Artjoker Software Development Company
 
PPTX
Applied-Statistics-Mastering-Data-Driven-Decisions.pptx
parmaryashparmaryash
 
PDF
Orbitly Pitch Deck|A Mission-Driven Platform for Side Project Collaboration (...
zz41354899
 
PPTX
cloud computing vai.pptx for the project
vaibhavdobariyal79
 
PDF
Automating ArcGIS Content Discovery with FME: A Real World Use Case
Safe Software
 
PDF
MASTERDECK GRAPHSUMMIT SYDNEY (Public).pdf
Neo4j
 
PDF
A Day in the Life of Location Data - Turning Where into How.pdf
Precisely
 
PDF
SparkLabs Primer on Artificial Intelligence 2025
SparkLabs Group
 
PDF
Software Development Methodologies in 2025
KodekX
 
PDF
Unlocking the Future- AI Agents Meet Oracle Database 23ai - AIOUG Yatra 2025.pdf
Sandesh Rao
 
PDF
The Future of Artificial Intelligence (AI)
Mukul
 
Cloud-Migration-Best-Practices-A-Practical-Guide-to-AWS-Azure-and-Google-Clou...
Artjoker Software Development Company
 
Responsible AI and AI Ethics - By Sylvester Ebhonu
Sylvester Ebhonu
 
Presentation about Hardware and Software in Computer
snehamodhawadiya
 
Brief History of Internet - Early Days of Internet
sutharharshit158
 
NewMind AI Weekly Chronicles - July'25 - Week IV
NewMind AI
 
Make GenAI investments go further with the Dell AI Factory
Principled Technologies
 
Event Presentation Google Cloud Next Extended 2025
minhtrietgect
 
The Future of Mobile Is Context-Aware—Are You Ready?
iProgrammer Solutions Private Limited
 
The-Ethical-Hackers-Imperative-Safeguarding-the-Digital-Frontier.pptx
sujalchauhan1305
 
AI-Cloud-Business-Management-Platforms-The-Key-to-Efficiency-Growth.pdf
Artjoker Software Development Company
 
Applied-Statistics-Mastering-Data-Driven-Decisions.pptx
parmaryashparmaryash
 
Orbitly Pitch Deck|A Mission-Driven Platform for Side Project Collaboration (...
zz41354899
 
cloud computing vai.pptx for the project
vaibhavdobariyal79
 
Automating ArcGIS Content Discovery with FME: A Real World Use Case
Safe Software
 
MASTERDECK GRAPHSUMMIT SYDNEY (Public).pdf
Neo4j
 
A Day in the Life of Location Data - Turning Where into How.pdf
Precisely
 
SparkLabs Primer on Artificial Intelligence 2025
SparkLabs Group
 
Software Development Methodologies in 2025
KodekX
 
Unlocking the Future- AI Agents Meet Oracle Database 23ai - AIOUG Yatra 2025.pdf
Sandesh Rao
 
The Future of Artificial Intelligence (AI)
Mukul
 

Interactive Learning Media and Learning Experience Design

  • 1. Week #1 - DAY 2 (24 June ‘14) : Interactive Learning Media and Learning Experience Design SUCI FADHILAH
  • 2. Computer Science UI 2011 Current state: Really want to know more about how to make a better e-learning content media by implementing Learning Experience Design, Human Computer Interaction, polished by the great User Experience That’s why now I’m here at Pinteraktif Media :D.“
  • 5. Print or Text Graphics and Video Video Conferencing PDA, computer tablet Internet of things CHARACTERISTICS OF INTERACTIVE ONLINE LEARNING MEDIA -Patrick J. Fahy, Athabasca University
  • 7. Interactive media support communities, based on what people do together, not where or when “ - Rovai & Barnum, 2003 Community becomes a process, not merely a place“ - Cannell, 1999 structured and systematic social interaction, using media, is essential to significant learning “ -Fulford & Zhang, 1993; Ragan, 1999; Dilworth & Willis, 2003; Garrison & Cleveland-Innes, 2005; Conrad, 2005
  • 10. …the acquisition of knowledge or skills through experience, study, or by being taught “ - Oxford ….berusaha memperoleh kepandaian atau ilmu; berlatih; berubah tingkah laku atau tanggapan yg disebabkan oleh pengalaman “ - KBBI
  • 12. …a design discipline that aims to make learning more effective and fun. It uses experience as the foundation for learning. There’s a focus on innovative use of media, both analogue and digital “ learningexperiencedesign.com
  • 13. ' Research Design <html> <head></head> <body> <h1></h1> <p></p> <br/> </body> </html> Development Management • What is the purpose? • How is going to be discuss? • What are the learning objectives? • Who are the learners? • How do they learn?
  • 14. Andre Plaut Education Product Manager of General Assembly (GA) (30 January 2014)
  • 15. What are the goals of your learners and your organization?
  • 16. What are the key topics, methods, activities, and logistics required?
  • 17. How will the topics be structured?
  • 18. What actually the learners be doing, hearing, and seeing during learning?
  • 19. What will the learning experience sound and look like?
  • 20. Tell me and I forget. Teach me and I remember. Involve me and I LEARN. “ Benjamin Franklin
  • 21. All the pictures are taken from google.com Jeff Hawking – On Intelligence John D. Bransford, Ann L. Brown, and Rodney R. Cocking – How People Learn Andre Plaut – Element of Learning Experience Design Patrick J. Fahy - Characteristic of Interactive Online Learning Media

Editor's Notes

  • #4: Bagaimana sebenarnya manusia berpikir? Bagaimana sebenarnya manusia belajar? Sejak bertahun-tahun yang lalu, berbagai cabang ilmu mencoba untuk memecahkan “misteri” ini. How can people technically think and then do learning? How can people remember? Kemudian, lahirlah sebuah cabang ilmu Cognitive Science, yang khusus mempelajari bagaimana manusia bisa belajar. Yang katanya pun, masih berupa asumsi-asumsi ilmu psikologi. Dalam bidang teknologi kemudian lahir riset-riset untuk membuat mesin yang bisa berpikir seperti manusia. Artificial Intelligence, yang kemudian dikhususkan dalam Machine Learning, adalah bidang yang juga bergulat dibidang learning.
  • #5: Lalu, muncul pertanyaan. Dengan segala “misteri” yang ada soal bagaimana manusia berpikir dan belajar, bagaimana kita dapat membuat sebuah media pembelajaran yang tepat untuk manusia?
  • #10: Mari lihat pengertian Learning secara harfiah
  • #11: Learning is … Belajar adalah… Terdapat poin penting disini. Bahwa Learning, atau belajar, adalah sebuah proses yang panjang. Proses tiada henti dari seorang manusia, dan yang paling penting adalah, berdasar pada suatu pengalaman yang dialaminya. Experience, pengalaman.
  • #12: Kemudian hadir sebuah teori mengenai bagaimana membuat desain sistem yang baik, yang dapat memberikan pengalaman belajar yang baik untuk manusia. Untuk menunjang suatu proses pembelajaran agar dapat tepat guna, efektif, dan juga efisien. Learning Experience Design.
  • #13: LXD adalah sebuah disiplin ilmu yang bertujuan untuk membuat pengalaman proses pembelajaran menjadi lebih efektif dan menyenangkan. Learning Experience tidak hanya bera