My highschool bookshelf
In the image below, you can see the main functionality of the app and the HTML pages that provide it. “Main.html” contains the splash screen and main menu screen. In this page, “Help.html” and “Category.html” are loaded and inserted to the DOM with the loadPage() method of the $.mobile object for faster access to the “Help” and “Book catalogue” pages. The CSS-based transition effects of the jQuery Mobile Framework are used to navigate from and to the pages. When the user opens the “Book Catalogue” the pre-loaded “category.html” displays a list of the available books. When the user picks a book from the list, the pre-loaded book page is displayed with an expandable list of the book chapters.
The file “chapter.html” is responsible for the browsing of the chapter pages and the management of notes. To provide a native way to scroll and zoom content the app uses iScroll (MATTEO SPINELLI, 2011), a script that enables developers to have a scrolling central area. The app also uses fixed positioning for the header and footer that is provided by the jQuery Mobile framework. For the users of tablets, the app enables the cross-platform touch event features (“swipeleft”, “swiperight”) of jQuery Mobile. We made the decision to disable these events for users of smartphones because of the inconvenience that is caused by smaller screens. This app feature is also controlled by a media query. The user can also tap the footer buttons to go back and forth in the chapter.
Test plan and results
The purpose of the test plan is to communicate known issues, identify required resources and related information and ensure that all issues are addressed before release. I have shared a copy of the test plan on Scribd.