ABOUT MAGIC BOOK
E-books are widely used nowadays, but the potential of digital contents does not be fully explored. Since eye-tracking technology becomes mature, this advanced technology may bring new reading experience to users in digital reading. Using eye-tracking technology in the digital reading devices can know where the users look at so that the digital system can react to users’ eye movement, and users’ reading experience may be enriched.
This project mainly focuses on motivating children to read and assist disabilities in reading. A proof-of-concept prototype of a Gaze-Reactive Magic Book is presented, which shows that digital reading devices can react to users’ eye movement.
MY ROLE
This is my final year project. I worked with my supervisor and tutor. We discussed the methods that improve children’s interesting in reading. I read some articles about children’s psychology and found that sounds, games, and animations might have a positive effect on them. So, I drew draft to design the images, animations and simple games that can be controlled by eye-tracking. I created all images and animations by Sketch. Then, I used Adobe Dreamweaver to write the code and to build the website. All web pages were created in HTML and CSS. JavaScript was used to create games and animations on the website. Through three months of work, the first chapter of “Alice in Wonderland” was made into an ebook.
THE COVER PAGE
The cover page should be attractive and show all the important information. I use the bright green color in most of the area because this color is attractive. It shows the title of the book and the main character from the book. The picture of Alice is design based on the traditional appearance of Alice. The posture of Alice was designed as if she is falling because the whole story starts when Alice falls through a rabbit hole and goes into the wonderland.
ANIMATION
All animations were designed according to the content of the book. For instance, the following animation shows that Alice becomes smaller than the design and is eating a cake.
The following animation shows that Alice is falling down. She can see some jars around her.
DESIGN OF MAGIC BOOK
Site Title 