pif474 04 interactive e-book.pdf

Interactive eBook

Didik Dwi Prasetya

[email protected]

LOGOOutline

Media Interaktif

ePub 3 Interaktif

2 2015 - Didik Dwi Prasetya

LOGOInteractive

Acting one upon or with the other.

Computer program, device, game, etc., that (in response to a user's action or request) presents choices (paths).

Live presentation in which the audience can participate.

2015 - Didik Dwi Prasetya Teknik Elektro UM

LOGOInteractive Multimedia

any package of materials that includes some combination of texts, graphics, still images, animation, video, and audio;

These materials are packaged, integrated, and linked together in some way that offers users the ability to browse, navigate and analyze;

Interactive multimedia is always "reader-centered."


LOGOePub 3 Interaktif

EPUB 3 offers many options achieving this interactivity using HTML5 features like Audio, Video, JavaScript, CSS3, etc.


LOGOInteractivity

Interactivity in EPUB is achieved through the HTML5 and CSS3 with minimal JavaScript usage.


LOGOInteractive types

Multimedia

Animations

Interactive forms

Drag and Drop

Read Aloud


LOGOMultimedia

ePub 3 support rich multimedia

Image (png, gif, jpg.jpeg, svg)

Application (xhtml, font, smil, TTS)

Audio (mpeg, mp3, mp4)

Video (mp4, ogg)

Animation (canvas, gif, svg)


LOGOAnimations

Using HTML5 elements (ex: Canvas) , CSS and JavaScript animations could be achieved

HTML5 video and audio elements used to incorporate multimedia in ebooks


LOGOInteractive Forms

Using HTML5 and JavaScript we can create the interactive forms.

Types: Multiple choice

True false

Matching

Fill in the blanks


LOGODrag and Drop

Achieved through HTML5 and JavaScript.

Drag and drop is a part of the HTML5 standard.


LOGORead Aloud

Read themselves with audio narration. Text highlights to match the audio

This audio narration is achieved through smil file


LOGOTugas Kelompok

#Buku Digital Interaktif

Buat ebook standar format epubinteraktif dengan topik bebas

Fitur Interaktif: Multimedia

Animasi

Form Interaktif

Read Aloud

Drag dan drop

Pengumpulan turn-in via edmodoTeknik Elektro UM 2015 - Didik Dwi Prasetya

C l i c k t o e d i t c o m p a n y s l o g a n .

www.designfreebies.org

pif474 04 interactive e-book.pdf

Documents