List of interactive features

I have put together a list of the typical interactions I want to have on pages throughout my interactive textbook. After doing research, I found that simple and more subtle interactive features would best suit my book, which serve a particular purpose/support what's being explained. It seems there have been a lot of issues and problems where people using educational apps or ebooks aren't learning as much as they should or the right things in fact, because the image or interaction provided is just there for the sake of something being there regardless of whether its relevant to whats being explained. Therefore, I want to put careful thought in the way I include interactive elements to each page to ensure its relevant and helps them remember crucial information as much as possible.

On another note, I also have decided to start looking into using phonegap alongside my javascript and jquery, to assist my interactive features. I know that phonegap will offer me features such as tilting and shaking that the other listed programs cant.

Here is a list of interactions that html 5, JavaScript, jquery and phonegap will offer me:

• Show and hide (press an image and detailed information/ names appear)
• Animation (when page is opened or when prompted by click)
• Swiping (swiping across the screen to change an image)
• Click and drag (move an image by dragging it across the screen)
• Videos (embed a video which opens when prompted)
• Tilting and shaking (images move with the tablet when the tablet is tilted or a reaction occurs when shaken)
• Sound (embed controlled sound that automatically plays when a page is opened)