Scribd
Upload
10 views2 pages

SYST24444 Assignment3 Winter2024

Uploaded by

Navpreet Kaur
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
10 views2 pages

SYST24444 Assignment3 Winter2024

Uploaded by

Navpreet Kaur
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

SYST24444 Mobile Web-Based Application Development Winter 2024

Assignment 3
Instructions
Read the paper till the end before writing any code.

The grades are related to 1) features correctly displayed by the running program and 2)
correctly working and correctly implemented program functionalities, but volumes of
typed code are irrelevant. Submitted programs that do not compile, show an empty (or
nearly blank) screen, or crash immediately result in low grades: the grades depend on
the submitted code but are never above 30%.

You can resubmit your work several before the deadline, but only the last submitted
version is kept in the drop box and graded.

The drop box closes automatically 72 hours after the deadline, and the drop box will not
be reopened. No programs are accepted after the drop box is closed (even just a
second after the closing time).

Only programs submitted to the drop box are graded; programs submitted by any other
means (like email, etc.) will not be graded regardless of time stamps on emails or
program files.

Forgetting to submit your work or accidentally submitting something else by mistake are
not valid excuses to submit the code after the drop box is closed.

Using Git (version control system) and making regular backups of the work are required. It is
expected that the students commit several intermediate steps of their work to the version control
system (Git) before reaching the final solution. Not using Git is harshly penalized (minus 40%).

It is not allowed to edit an already existing project to complete the assignment. It is


alright to thoughtfully copy-paste some code from the examples posted on SLATE or the
official Angular website.

Problem
This assignment program is similar to FlowerData-Angular application, explained in our
classes, that loaded and displays data and images from
FlowerDataService-Java-SpringBoot server application discussed in our classes.

1 of 2
SYST24444 Mobile Web-Based Application Development Winter 2024

Clone and run PetDataService-Java-SpringBoot server application discussed in the


class. Explore the served data and images. Notice that the application serves data from
two related SQL tables: “Pet” and “PetOwner”.

In this assignment, for simplicity, you are asked to display the data and images only
about pets (ignore the pet owner data).

Develop an Angular application that displays the pet data and images coming from the
server, using two pages: list (table) and details, like it is done in the FlowerData-Angular
app.

In addition to the list (table) and details components, implement a header and a footer
components. The footer component should show your name and the current date.

Exercise your creativity, and make your application reasonably pretty.

Use images on the input and the result pages.

Use your own HTML layouts and CSS.

What to Submit
When you finish, make sure that you click "File > Save All" in the menu.

Close the project.

Find the project on your hard drive and open the project folder using Windows/Mac.

Remember that accidentally submitting something else is not a valid excuse to show the
correct work later. Make sure that it is indeed the folder of the project that you want to
submit for grading.

Make a copy of the project folder. In the copy of the folder, using Windows, delete the
“node_modules” folder and the “.angular”. Both of the folders are very large in size. The
“.angular” folder can be hidden, and you may need to select the “Show Hidden Files”
option of Windows to see this folder.

Zip the copied folder of the project and submit it to the matching assignment submission
drop box on SLATE.

2 of 2

You might also like