Interactive e-books on Aakash Tablet Prashant Kumar Singh Indian - - PowerPoint PPT Presentation

Interactive e-books on Aakash Tablet

Prashant Kumar Singh

Indian Institute of Technology Bombay

October 17, 2013

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 1 / 23

Contents

1

Introduction and Motivation

2

Learning and Interactivity

3

Bringing Interactivity to e-books

4

Interactivity in ePub: Created Book

5

Problem Statement and Solution Strategy

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 2 / 23

Introduction

Era of Science and Technology

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 3 / 23

Introduction

Era of Science and Technology Technology and education

Smart classrooms e-learning Digital books Course Management Systems (Moodle) Online Courses (Coursera and NPTEL)

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 3 / 23

Introduction

Era of Science and Technology Technology and education

Smart classrooms e-learning Digital books Course Management Systems (Moodle) Online Courses (Coursera and NPTEL)

Learning by e-books: Possible shortcomings

more chances of distraction No interactive demonstrations Verbal symbols do not leave a concrete experience

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 3 / 23

Motivation

To overcome the mentioned limitations of e-books

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 4 / 23

Motivation

To overcome the mentioned limitations of e-books Interactive e-books

enables reader to communicate with e-books embedded interactive multimedia, so interesting to read learning at your own pace learning not just by watching better learning environment

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 4 / 23

Learning

Learning

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 5 / 23

Learning

Learning Learning Hypothesis

Passive Learning Hypothesis: Content same, Learning same Active Learning Hypothesis: Way of teaching

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 5 / 23

Learning

Learning Learning Hypothesis

Passive Learning Hypothesis: Content same, Learning same Active Learning Hypothesis: Way of teaching

Cone of Experience Forgetting Curve

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 5 / 23

Cone of Experience

Figure: Cone of experience

Cone of Experience Edgar Dale: ’Audio visual methods in teaching 1946’ Describes concreteness of audio-visual media Lower layer and upper layer Three regions Symbolic region: Knowledge that comes by listening or seeing Iconic region: Knowledge by motion pictures like television Enactive region: Knowledge that comes through action

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 6 / 23

Forgetting Curve

Figure: Forgetting Curve

Hermann Ebbinghaus, a German psychologist explains how fast the process of forgetting takes place relation between memory and time exponential loss in information (Red Curve) effect of revision (Green Lines)

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 7 / 23

Effect of Interactivity: An Experiment by Evans and Gibbons

Aim

To investigate the impact of interactivity on students

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 8 / 23

Effect of Interactivity: An Experiment by Evans and Gibbons

Aim

To investigate the impact of interactivity on students

Environment

Year: 2007 No of students 33 (22 male and 11 female) Undergraduate students at a university in London background in physics Topic Taught: Working of a Bicycle Pump

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 8 / 23

Effect of Interactivity: An Experiment by Evans and Gibbons

Aim

To investigate the impact of interactivity on students

Environment

Year: 2007 No of students 33 (22 male and 11 female) Undergraduate students at a university in London background in physics Topic Taught: Working of a Bicycle Pump

Method

Two sub groups, random selection, I and NI Group two quizzes to solve Memory Test(2 question): How Bicycle pump works Transfer Test(3 question) What could be done to make pump more effective, to make it move air more rapidly

• ne hour duration

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 8 / 23

Non Interactive Group

Figure: Demonstration for Non Interactive Group

17 students Screen contained diagram of a pump with a little description of six up stages and six down stages

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 9 / 23

Interactive Group

Figure: Demonstration for Interactive Group

16 students Screen displays a diagram of a pump with a next button When presses repeatedly, screen shows various stages

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 10 / 23

Observations

Figure: Time spent on Lesson and Transfer Score

No relation between time time spent on lesson and Transfer Score Students of I group gained good marks as compared to NI Group

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 11 / 23

Observations...

Figure: Time spent on learning and time spent on test

Graph shows interactive group took more time for lesson, but took less time for Test as compared to non interactive group

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 12 / 23

Animations in Learning

Richard E. Mayer, educationist, gave seven principle

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 13 / 23

Animations in Learning

Richard E. Mayer, educationist, gave seven principle

1 Multimedia Principle: Animation + Narration, instead of narration Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 13 / 23

Animations in Learning

Richard E. Mayer, educationist, gave seven principle

1 Multimedia Principle: Animation + Narration, instead of narration 2 Spatial Contiguity Principle: Animation close to text Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 13 / 23

Animations in Learning

Richard E. Mayer, educationist, gave seven principle

1 Multimedia Principle: Animation + Narration, instead of narration 2 Spatial Contiguity Principle: Animation close to text 3 Temporal Contiguity Principle: Animation and Narration at same time Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 13 / 23

Animations in Learning

Richard E. Mayer, educationist, gave seven principle

1 Multimedia Principle: Animation + Narration, instead of narration 2 Spatial Contiguity Principle: Animation close to text 3 Temporal Contiguity Principle: Animation and Narration at same time 4 Coherence Principle: remove irrelevant sounds Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 13 / 23

Animations in Learning

Richard E. Mayer, educationist, gave seven principle

1 Multimedia Principle: Animation + Narration, instead of narration 2 Spatial Contiguity Principle: Animation close to text 3 Temporal Contiguity Principle: Animation and Narration at same time 4 Coherence Principle: remove irrelevant sounds 5 Modality Principle: (Animation + Narration) instead of (Animation

and Text)

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 13 / 23

Animations in Learning

Richard E. Mayer, educationist, gave seven principle

1 Multimedia Principle: Animation + Narration, instead of narration 2 Spatial Contiguity Principle: Animation close to text 3 Temporal Contiguity Principle: Animation and Narration at same time 4 Coherence Principle: remove irrelevant sounds 5 Modality Principle: (Animation + Narration) instead of (Animation

and Text)

6 Redundancy Principle: (Animation + Narration) if text is used, it is

redundant

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 13 / 23

Animations in Learning

Richard E. Mayer, educationist, gave seven principle

1 Multimedia Principle: Animation + Narration, instead of narration 2 Spatial Contiguity Principle: Animation close to text 3 Temporal Contiguity Principle: Animation and Narration at same time 4 Coherence Principle: remove irrelevant sounds 5 Modality Principle: (Animation + Narration) instead of (Animation

and Text)

6 Redundancy Principle: (Animation + Narration) if text is used, it is

redundant

7 Personalization Principle: Conversational style instead of formal style Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 13 / 23

Interactivity in e-books

Technology and e-books Lack of interactive features chalk and talk method Features of interactive e-books

Support for audio and video content Support for SVG (Scalable Vector Graphics) Support for in-book quizzing Support for reflowability of content Better educational environment Interesting to read

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 14 / 23

Spoken Tutorials

Video lectures with audio narration of slides Audio can be changed to any Language Less size videos Benefits of Spoken tutorial

People with poor English will be able to learn Narration in Indian accent makes it easy to understand Learning at a speed that suits you better

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 15 / 23

ePub

ePub

• pen standard e-book format

Free and Open Supports interactive features file extension .epub

Version of ePub

Version 2.0.1

Reflowability of content.

Version 3

Current version Year 2011 Support for audio and video Support for MathML Support for CSS3 Support for HTML5 Support for SVG

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 16 / 23

Structure of ePub

Zip archive One file with two directories(OEPBS and META-INF)

Figure: Directory Structure of ePub

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 17 / 23

Structure of ePub...

mimetype: identifies a file over internet META-INF Directory

contains container.xml container.xml contains path of content.opf

OEPBS Directory

Contains all data files content.opf content.opf contains all meta-data, address and mimetype of all data files

• rder of coverpage and chapters in final books

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 18 / 23

Interactivity in ePub: Created Book

Use of HTML5 CSS and JavaScript. JavaScript can be used to create quizzes

Figure: A book having embedded video

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 19 / 23

Interactivity in ePub: Created Book...

With the help of JavaScript, we can create in-book quizzes.

Figure: A book having quiz

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 20 / 23

Authoring tools for e-books

iBooks Author

Organization : Apple Year : 2012 License : Proprietary Anyone having a Mac can create interactive e-books with help of iBooks Author

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 21 / 23

Authoring tools for e-books

iBooks Author

Organization : Apple Year : 2012 License : Proprietary Anyone having a Mac can create interactive e-books with help of iBooks Author

Pubbsoft

• nline tool for creating animated books for i-pad and i-Phone

free to use Interface based on drag and drop No programming required, designed for non technical users

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 21 / 23

Authoring tools for e-books

iBooks Author

Organization : Apple Year : 2012 License : Proprietary Anyone having a Mac can create interactive e-books with help of iBooks Author

Pubbsoft

• nline tool for creating animated books for i-pad and i-Phone

free to use Interface based on drag and drop No programming required, designed for non technical users

Sigil

Open-source Allows WYSIWYG editing for ePub ebook

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 21 / 23

Problem Statement and Solution Strategy

Problem Statement

Searching other possible ways of making books interactive Creating a tool to automate the process of creating interactive e-books

Solution Strategy

HTML5 and JavaScript will be explored An automation tool will be created, that takes text and interactive media as input and produces an interactive e-book

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 22 / 23

Conclusion

Interactivity in e-books: recent concept in education can be a revolutionary idea ePub has the capability of bringing interactivity ePub: still in development phase

Prashant Kumar Singh (IIT Bombay) Interactive e-books on Aakash Tablet October 17, 2013 23 / 23