Create a hybrid app running on a smart device

Reference no: EM133506882

Mobile Web Apps

Assignment - Full Stack Hybrid App

Design and implement a complex mobile application

The main outcome of this assignment is to create a Hybrid App running on a Smart Devicewherein products are scanned by an employee and available for review by both the employee and his manager.

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.

Deploy /Develop - Cordova Platform - run on Smart Device
o access to native hardware
o access to platforms (Browser, Android etc)
o project structure allowing deployment as a Hybrid App to mobile devices (i.e., Android smartphone).
o Plugins
• 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 MongoDBAtlas cloud service for online storage and retrieval using Node Express middleware.
• Bonus marks for server deployment to the cloud - higher order outcome

Introduction
This simple app, whilst building of previous concepts, is a separate project. The basic concept is that you can scan products (your choice), save the data and the manager can check the stock at any time.

You are assigned the task of creating a "QRCode Reader App".
Overview:
1. Include in your report word file a table describing 4 QRCode's - includes 3cells per QRCode:
• the QRCode image
• a visual (image) of the data presented on a Smart Device
• the JSON data for that QRCode

{"albumID" : 3 , "albumArtist": "Jeff Beck","albumType": "Jazz Blues Fusion" , "albumName": "Blow by Blow", "albumCoverURL":"beck.jpg", "albumReview":"Blow by Blow typifies Jeff Beck's wonderfully unpredictable career. Released in 1975, Beck's fifth effort as a leader and first instrumental album was a marked departure from its more rock-based predecessors. Only composer/keyboardist Max Middleton returned from Beck's previous lineups. To Beck's credit, Blow by Blow features a tremendous supporting cast. Drummer Richard Bailey is in equal measure supportive and propulsive as he deftly combines elements of jazz and funk with contemporary mixed meters. This is a masterpiece from the best player of his period - there is nothing this interesting/masterful - Beck towers above all the rest! - pcw" }

2. Detail for each pageoutlined below.
a. Client
i. Set up a JQueryMobile SPA (Single Page Application) with LOCAL supporting files (no CDN References)
ii. Implement a menu system(donot use the menu system from ass1)
iii. Create a Cordova File structure and install your files there
iv. Implement a Barcode/QRCode Reader as a Cordova Plugin
v. Menu Option (Delete Local Data/Delete Cloud Data (and local))
vi. Scan - QR Code data is saved (persistent and non-persistent)
vii. Display Local data-displays in appropriate jQuery Mobile UI structure
- your choice
viii. "Upload to Cloud" action - removes all local data and saves to MongoDB Cloud database - Dialog to client giving choice - continue or not - not - home - yes - home
ix. "Display Cloud Data" action - retrieves cumulative Cloud data and displays in appropriate jQuery Mobile UI structure - This is the extent of this function.
x. Design needs to be responsive
b. Server
xi. Create a node/Express web server - apiServer.js
xii. Establish required middleware
xiii. Establish MongoDB account and connect
xiv. Create appropriate APIend points to enable the Client functions

Client Side JQueryMobile SPA Mobile Application
You are to implement this app using HTML5, CSS, jQuery and jQueryMobile. You mustuse these technologies exclusively.
Indicative images for the page/views required to implement the assignment are given in the following figures.
Do you own design with your own product?

General Overview [Development Environment]
Design, product 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.

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 (to run - for the marker) and Testing
Your document should detail:
• Instructions on how to run your app:
• environment (Android Studio/command CLI)
• commands Cordova/node etc - make this clear so someone who does not understand this material can at least run your app.
• Testing - Images, process(whatformal type of testing are you using), target platforms and general reflections.

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.

Attachment:- Full Stack Hybrid App.rar

Reference no: EM133506882

Questions Cloud

Explain the business judgment rule : Explain the "business judgment rule". Describe the provisions of the Corporations Act that empower directors to take commercial risks.

What is purpose of incubation at 50oc when making yogurt : What is the purpose of incubation at 50oC when making yogurt? What is happening to the milk as we culture yogurt?

What are one example of a monopolistically competitive firm : What are one example of a monopolistically competitive firm, oligopoly, and monopoly in your local area? In your example, please relate to the market

Which is ten times the standard warranty : which is ten times the standard warranty. For the longevity and refined style, customers will need to pay three times as much as common appliances.

Create a hybrid app running on a smart device : COIT20269 Mobile Web Apps, Central Queensland University - create a Hybrid App running on a Smart Devicewherein products are scanned by an employee

Develop an emergency response plan and business continuity : Identify a list of stakeholders to be involved in risk management and emergency response planning Conduct task analysis Identify relevant hazards and conduct

How you would apply this information in real world situation : What can be learn about Organizational Culture and Ethical Values in business how you would apply this information in real world situations.

Summarize key learnings from the curriculum management : Learning walk RTI (Response to Intervention) and MTSS Analyzing students work school leader's role in the development, implementation, assessment

Write a picot question in your selected area of interest : Following the PICOT format, write a PICOT question in your selected area of interest. The PICOT question should be applicable to your proposed capstone project.

User Account

All Pages