/CSE40424-Project

The design project for CSE40424 Human Computer Interaction at the University of Notre Dame

Primary LanguageJavaScript

CSE40424-Project

The design project for CSE40424 Human Computer Interaction at the University of Notre Dame. The goal of this project is to demonstrate a potential interface redesign for digital textbooks.

Contents

Documentation

Home Screen

This is the first screen you will see open opening the application. From this screen you can select a book to read or add new books to your library.

Book Screen

This is the screen where a book's content is displayed. This screen supports swipe gestures for turning pages and for expanding the bookmarks bar shown at the bottom of the screen.

Settings Screen

This is the screen accessed from the gear icon. On this page you can adjust the font size, contrast, and the mode.

Icons

Home Icon

Tapping this icon will take you back to the home screen. Home Icon

Settings Icon

Tapping this icon will open the settings page. Settings Icon

Bookmark Icon

Tapping this icon will bookmark and unbookmark a page. Bookmarked pages will show a preview in the bookmarks bar at the bottom of the book screen. Bookmark Icon Activated Bookmark Icon

Highlighter Icon

Tapping this icon will toggle the highlighter off and on. When it is on you can highlight text by dragging your finger across it. Highlighter Icon Activated Highlighter Icon

Camera Icon

Tapping this icon will allow you to select an area of the screen to capture for a notes sheet. Camera Icon

Search Icon

Tapping this icon will run a search for the entered term. Search Icon

References

Onscreen keyboard courtesy of https://github.com/Mottie/Keyboard. Home and settings icons courtesy of https://openclipart.org/.
Bookmark, camera, pencil, and search icons courtesy of http://www.endlessicons.com/. Notebook icon courtesy of http://simpleicon.com Page turn sound effect courtesy of https://www.freesound.org.