Get 20% off this month when you try our services! Order Now to avail special discount

+4474648-84564 info@myassignmenthelp.xyz

Assignment 1 Mobile client application | IT

Assignment 1 Mobile client application | IT

Assignment 1 Mobile client application | IT

 

Client-Side HTML / CSS / JavaScript Mobile Application

You  are to implement this app using HTML5, CSS, and JQueryMobile. The app  is used by a chicken farmer who the five varieties of chicken on his  farms. A number of individual chickens exist for each species and an ID  number is used to identify these. For each individual chicken, the  farmer wishes to record data that can be used to determine how well that  chicken performs compared to others.

The  app should be based on a multi-page template structure. The client-side  application home page is shown in Fig. 1. The Foghorn, Little, Tweety,  Hawk and Bertha buttons should link to pages in a JQueryMobile  multi-page structure.

Images for the  page/views required to implement the assignment are given in the  following figures. Please note that the illustrations are for reference  only, and your actual pages will be based on the CSS style-guide in use  on your actual mobile device.

Home page view

This is the opening page for the app. A user clicks on a page link and is transferred to that page.

Chicken data entry view

The  pages for entering the chicken data are all the same so it makes sense  to use one html page to show the basic structure and then use Javascript  to customise parts of the page, based on what chicken variety we  clicked on the home page. The view shown is for the Foghorn variety.

The  header has titles from the variety sequence {Foghorn, Little, Tweety,  Hawk, Bertha} based on what button is pressed on the Home page. It also  has a Clear and Show logs buttons visible in the header bar. The Clear  button will clear the values in all the text entry fields on the page.

The  footer has 3 buttons. The Next button will take you to the next element  in the sequence {Foghorn, Little, Tweety, Hawk, Bertha}. The Previous  button will take you to the previous element. The Home button will take  you back to the home page.

The  content of a chicken page has text entry fields with labels, ID: Weight  (g): , Eggs laid:, Grain eaten (g): and a drop-down Condition field  (“”, “Poor”, “Average”, “Good”). Each text entry field initially has  the hint shown and are all number entry fields.

When  valid data is entered into all the text entry fields the Save log entry  button can be pushed to save a log for the chicken. If any of the data  values are out of range or nothing is in a text entry then an alert  should be shown to indicate the problem, for the id.

A  second dialog must also be shown when there were problems saving the  log, alternatively, a success dialog will be shown. Any number of log  entries can be made to a chicken variety in this manner.

Chicken logs view

When  the Show logs button in the chicken's data entry page header is  pressed, the current date/time and location should be added to the data  structure used to store the chicken data values being recorded. Pressing  this button also triggers a request for the location  (latitude/longitude) to be added to the chicken data. The log entries  should then be saved in the device's localStorage. A chickens logs page  is then shown with all the saved logs for the variety listed, as shown  in Fig. 5a. Fig. 5b shows the display when more than 1 entry has been  saved.

Send button

The  Send button on the chicken logs header bar is used to send the data  over the WWW and clear the particular chicken varieties logs. This will  be done in the second assignment. In this assignment, this is used to  clear all this chicken variety data in the localStorage, and thus clear  the existing chicken variety logs. As this deletes data you must present  a dialog box to the user with the choice to either send the logs or  not.

If the Yes button is pressed  the Send logs dialog is presented and we return the chickens view. If  the No button is pressed we just return to the chicken view page.

Book Now

Book this assignment now at

Email: info@myassignmenthelp.xyz

Call or whats app: +918053884564

Contact Us