The aim is to develop an Ionic multipage app that uses Ionic components, to maintain a small database of pet information while the app is running on a mobile device, or in a browser window. The app will access a remote website using RESTful operations (see below) to create, edit and delete records on the website. Your app will implement an injectable service to access the remote website using AJAX techniques. Each page component will access this injectable service for remote HTTP operations.

The data records have the following format (1 mark):

Pet name string. This will be a unique key for the data.

Pet species string (must be dog, cat, fish, bird, snake or other)

Pet age number (will be the whole number of years)

Pet sex string (must be male or female)

Pet phone number (for lost pets) string

The data has the following requirements (1 mark):

Each record must have a value for all fields. No field can be blank.

The pet species and sex must be one of the options shown.

The pet name can only be entered and saved once (it must be unique for each pet).

Your app will have several pages:

Home page with greetings and your name as app author (1 mark)

A page for listing all pets (1.5 marks)

A page for adding new pets (1.5 marks)

A page for editing the existing pets (3 marks). This page will also allow searching for pets and deleting a pet from the data.

Your app will have help information that appears over the current page when requested (each page require a help widget). The delete operation will require a prompt to confirm the delete. This prompt should be an Ionic dialog (not a JavaScript alert!). You must have at least four pages on your app, and if you chose the tabs template, you must change the icons to be appropriate (3 marks for all of these).

Use appropriate Ionic user interface components to implement the app. Several things are missing here from the usual app. For example, there is no splash screen requested, and no media or other native interfaces (e.g. pictures of your pets). You can add them if you wish, but these have not been added as requirements to simplify the app.

The sever is at URL http:spike.scu.edu.au:8080/PetServ/ and the RESTful operations are as follows:

GET PetServ/ - get all the pet data as a JSON response (an array)

GET PetServ/name - get data for a pet named name

PUT PetServ/ - updates the record on the database with the PUT body, which is a JSON format pet record. If the pet name exists, the associated data is updated. Otherwise, a new pet record is created. -

DELETE PetServ/name - removes the record with given name. Note that removal of pet named terry is forbidden (status 403 returned) so that students will find at least one record on the server. Successful deletion of other records must return a proper message.