300976 Technologies for Mobile Applications
Application Project – Instructions
Version 1
1 Introduction
Your task is to create an ebook reader that retrieves the book data from a network source and displays a portion of it.
2 Layout
Your screen should be designed in a responsive fashion, with the following requirements:
• There should be a navigation area that:
– if the device is taller than wide is positioned on the top of the display,
– if the device is wider than tall is positioned on the left hand side of the display,
– this area should always be visible, and not scroll with the rest of the content,
– there should be some controls to navigate through the book in this area,
– at the bottom of this area the users location should be displayed, if permitted to do so, and if not then the exact
text Unable to Access Location Information displayed in its place.
• There should also be a content area that contains the ebook text, that should be scrollable if the text does not fit on the
screen.
3 Data
The data for the ebook reader will need to be retrieved from a web service. The service is located at http://tmaserv.
scem.uws.edu.au/chapters/, which when called will return a JSON object with the number of chunks available to
be retrieved as the num attribute.
Retrieving these data is performed through the use of a valid n parameter between 0 and num−1. For example, using the
URL of: http://tmaserv.scem.uws.edu.au/chapters/?n=0 will retrieve the first chunk of data. This will be
returned as a JSON object with two parameters; type and data. The type parameter will contain one of three options;
bigheading, heading or paragraph. The type parameter will determine the HTML tag used to display the data in
the DOM. Chunks can only be fetched one at a time. Note: For marking we will use different data, with a different number of
chunks and different distribution of types.
Your reader should only maintain 9 chunks of the ebook in the DOM at any one time, you will need to fetch the first 9 as
the document loads, and then fetch additional sections on request, via the controls in the navigation area. You should provide
controls for adding the next chunk, adding the previous chunk, and returning to the start. When you add a chunk to the end of
the display you must remove from the DOM the chunk at the other end, maintaining the requirement of 9 chunks being in the
DOM at any one time. You should not run past either the beginning or the end of the number of chunks.
4 Submission
You should submit, one file that contains the HTML5 markup, CSS rules and javascript code via the submission link on the vUWS
site, you may submit as many times as you like before the due date.
5 Marking Guide
A marking rubric will be published on the vUWS site.
1