Assignment Instructions

Client – Develop, test and maintain a mobile internet application using an integrated suite of mobile software development tools. More specifically on the client-side jQuery, jQuery Mobile, JavaScript, HTML5, and CSS..

Assignment 2 — Mobile client/server application
Due date: 11:45 pm AEST, Friday Week 10 ASSIGNMENT
Weighting: 30%
Length: Less than 50 MB 2
This assessment item relates to the learning outcome 1, 2, 3 and 4. More specifically to design and implement
a complex mobile application.
The objectives of this assignment:
• Client – Develop, test and maintain a mobile internet application using an integrated suite of mobile
software development tools. More specifically on the client-side jQuery, jQuery Mobile, JavaScript, HTML5,
and CSS.
• Server – Develop, test and maintain an Express Web Server and API using JavaScript and node with various
node packages. Data is stored locally on the mobile device and in the cloud – (MongoDB). The API facilitates
access to a MongoDB Atlas cloud service for online storage and retrieval using node express middleware.
• Deploy /Develop – Cordova Platform
o access to native hardware
o access to platforms (Browser, Android etc)
5/2/2021 64823 – Assignment 2 — Mobile client/server applicationDue date:—-Mobile-client-server-applicationDue 3/8
o project structure allowing deployment as a Hybrid App to mobile devices (i.e. Android smartphone).
o plugins
This app, whilst building of previous concepts, is a separate project.
You are assigned the task of creating a “Barcode Reader App”.
1. Create a file “barcodes.png’ containing 6 product barcodes.
2. Data structure for each product barcode as outlined herein
3. Client
a. Set up a JQueryMobile SPA (Single Page Application) with LOCAL supporting files (no CDN References)
b. Implement a menu system
c. Create a Cordova File structure and install your files there
d. Implement the Barcode Reader as a Cordova Plugin
e. Barcode data is saved (persistent and non-persistent)
i. “Save to Cloud” action – removes all local data and saves to MongoDB Cloud database – Advice to client
giving choice – continue or not
f. “Display Cloud Data” action – retrieves cumulative Cloud data and displays in appropriate jQuery Mobile
UI structure – This is the extent of this function.
g. Menu Option (Delete Local Data/Delete Cloud Data)
4. Server
a. Create a node/Express web server – apiServer.js
b. Establish required middleware
c. Establish MongoDB account and connect
d. Create appropriate API route points to enable the Client functions
This app is to be tested using the Safari, FireFox and Chrome browsers and tested on Android or iPhone
mobile devices.
Client Side JQueryMobile SPA Mobile Application
You are to implement this app using HTML5, CSS, jQuery and JQueryMobile. You must use these
technologies exclusively.
Images for the page/views required to implement the assignment are given in the following figures.
Design and styling choices may be made by the student in accordance with the requirements herein and best
practice whilst maintaining the required functionality and utility.
Basic Schematic
General Overview [Using development tools outlined above]
Moto G5 (Android Hybrid App) Firefox (Browser – Development Platform) Edge Browser
Samsung Galaxy Emulator
(Android Hybrid App) Firefox (Browser – Development Platform) Firefox Browser
Wider View
1. Client
Home Page
1. Title
2. 4 Buttons
3. Background Imagery
4. Admin Menu
Admin menu
• Top 2 items are self-describing
5/2/2021 64823 – Assignment 2 — Mobile client/server applicationDue date:—-Mobile-client-server-applicationDue 4/8
• Showing Menu Item (Admin) in the Actual Menu not necessary
QR Code
1. Open Scanner
2. Reads your QR Code
3. Saves Data (non- persistent and persistent)
4. Message to User
5. Returns to home
6. At least 6 data items (one an image)
Note: We are storing the data as an Array of Objects. The image reference is just the name of the image (file
name) and is used to generate the img tag on render
Display Local Data
1. Reads Data
2. Display Data in a Responsive manner
• jQueryMobile provides many ways for you to do this.
3. Home button
Note: We are reading from the non-persistant data source – a local array
Upload to Cloud
• Offers jQueryMobile Custom Dialog
• Decline
• No Action
• Home
• Confirm
• Delete all local data (message)
• Display return message from API
• Home
Note: Alarms are ok for most responses.
1. We send ALL of the local data as JSON to the API server ( approptiate end point )
2. The API sends an approriate request to Mongo Atlas
3. Mongo saves the data to the cloud and replies to the API
4. We show the client a useful mesage
5. Clear all local data
Display Cloud Data
1. Response Status Message
2. Change to display cloud data page with dynamically injected data
3. Display Data in a Responsive manner
• jQueryMobile provides many ways for you to do this.
4. Navigation up to client
5. Home Button
2. Server
The Server provides the API services between the Client and Mongo Atlas required to upload the data and
retrieve the data.
When running the apiServer should show meaningfull messages.
5/2/2021 64823 – Assignment 2 — Mobile client/server applicationDue date:—-Mobile-client-server-applicationDue 5/8
3. Development Environment
MS Code
Command Shell & Text Editor
Android Studio
Required Documentation
You are also to prepare a Word document. Your document should include an appropriate title page. Your
document should have sections that address the items below.
Application Commentary
Instructions and Testing
Your document should detail:
• Instructions on how to run your app – make this clear so someone who does not understand this material
can at least run your app.
• Testing – Images, process (what formal type of testing are you using), target platforms and general
Application Review
Your document should:
• List the features you successfully implemented and those you were unable to successfully implement; you
should describe the problem in a few sentences and also briefly describe anything you attempted to do to get
it to work. Your approach to identifying and attempting to fix these bugs may gain you some partial credit for
those features you were unable to implement.
Research (1000 words ± 5%)
Report: Discuss current trends in Web Development and your thoughts on future directions with emphasis on
our Unit work. Look at the components we have used and discuss relevance and utility. What do you think
will be the “next big thing”?
Some sources will be provided in the sessions on Moodle; however, your own research will be required.
Please use this – is NOT the standard Harvard Reference
The Abridged Harvard Referencing Style Guide 2020 based on Style manual for authors, editors and printers
(Commonwealth of Australia, 2002).
You are required to submit your assignment electronically via the Moodle course website.
The deliverable is a compressed file containing all your assessment work.
• A folder containing all the files, folders and images required to test your application – this will vary in terms
of your choice of development environment.
• Your Word document including your 6 QR Codes (table setout – 2 per row)
Please note that you should use your student number as the name for your gzip, rar or zip file when uploading
to Moodle so that all students work can be linked back to the author.
Assessment 2 – Marksheet
Assessment criteria – Ass2 – COIT20269 Mobile Web Apps
Student Name
Student Number
Mark Given Mark/Brief Comments
Client App
5/2/2021 64823 – Assignment 2 — Mobile client/server applicationDue date:—-Mobile-client-server-applicationDue 6/8
jQuery Mobile SPA • Correct Framework
• Correct support files – local implementation
General Functionality
• Design – Items are appropriately formatted
• Navigation – as required
JavaScript – Functionality
• Events correctly handled
• Uses jQuery Mobile Plugins – Bar Code Reader
• Button Actions function to support Specification requirements
Cordova Framework • Correctly implemented
• Application runs in Android Studio / CLI
• Deploys to both emulator and smart device 3
Bar Code Reader • Functions as required
• QRCodes supplied
• Data Structures correct
• Stores in local memory and localStorage
Save to Cloud • Functions correctly
• Appropriate messages to user 2
Display Cloud Data • Functions correctly
• Appropriate messages to user 2
Node/Express web server • Web Server setup correctly
o Includes
o Middleware
o Routes
• Connects with online database
• Appropriate/ functioning API 3
Instructions and Testing
Research 4
• Use appropriate naming conventions
• Adequate commenting
• Correct grammar
• Appropriate Title Page
• Citation of references, copyright use
See Document for comment

Client – Develop, test and maintain a mobile internet application using an integrated suite of mobile software development tools. More specifically on the client-side jQuery, jQuery Mobile, JavaScript, HTML5, and CSS.

Calculate Price

Price (USD)

Why Choose Us For Your Assignment?


We value all our customers' privacy. For that reason, all information stays private and confidential and will never be shared with third parties.


With our service you will never miss a deadline. We use strict follow-ups with our writers to ensure that all papers are submitted on time.


We have no tolerance for plagiarism. All papers go through thorough checking to ensure that no assignments contain plagiarism.

Money Back

You feel unsatisfied with your results? No worries. We offer refunds to our customers if any paper is not written according to the instructions.

Clients Love Us

Client #121678
Client #121678
Read More
This is by far the best I have ever scored in a custom essay. I am surprised the writer handled this assignment so well despite the short notice. I will definitely use your service next time.
Client #21702
Client #21702
Read More
When I was recommended to you by my friends, I wasn't sure you could deliver excellent results for Masters research papers until I submitted my first order. I am all yours now.
Client #20730
Client #20730
Read More
Excellent Services! You are the only assignment helper I can rely on. I have worked with many before and your services are exceptional. I have recommended you to my friends and the results are similar.
Client #20387
Client #20387
Read More
I rarely write reviews online but your services are worth promoting. My paper was so urgent I was sure I was gonna miss the deadline but you turned things around. You are awesome!
Client #20189
Client #20189
Read More
I am a satisfied customer. I know I should have given a 5 star because you deserve it but I will give 4.6 because I almost missed a deadline because of a revision. Luckily it was minor and the writer acted promptly.
Client #20187
Client #20187
Read More
Great paper but there is still some room for improvement. I am impressed by your fast responses and how you tacked my concerns professionally. Thank you for being among the few genuine essay writing service providers.
Client #19783
Client #19783
Read More
I can't thank you enough for being a great part of my college life. I recommended you to two more of my friends. I am sure they will be making their orders soon. I love the fact that you offer free pages for referrals. I will be referring a few more and maybe I won't have to pay for my next two paper, LOL.