This is an individual assignment. Overview We want to create a simple web application to manage...

Transcribed Image Text:

This is an individual assignment. Overview We want to create a simple web application to manage our online passwords. It allows us to add, view, and search for our password records. Password Information (5 marks) Each password record has the following information. ID: (9 digits autogenerated) o A password record identifier number. o You need to annotate this instance variable @NonNull • Title ● o A tittle of your password record. Username o A username for your password record. Password o A password for your password record. URL o A URL for your password record. Email An associated email for your password record. O Notes O An associated notes for your password record All fields must be private. Part1: Index.html (5 Marks) Create a home page, index.html. Part1: Index.html (5 Marks) Create a home page, index.html. Your web page must have a logo, css, and links to parts 3, and 4. Your webpage must have a form with the above required fields that allows users to add a single password record. The id field must be generated randomly from the server side and load to the client side. It must also have an Add Record Button Part 2: Add A Password record into your Password Store Array List (5 Marks) Users click on the button Add Record in part 1. • Your application must insert a record into an array list. • Your application must remain on the index.html page. At the bottom of the index.html, you must have a message that indicates a record is added successfully. Part 3: View Password Records (5 Marks) Create a webpage, viewPassword Record.html that allows users to view all password records on the array list in part 1. ● You must use a html table to display the records in the array list. If there are no records, you must display a message that indicates there are no record in your array list. ● Your web page must have an image, and css code. • Your web page must have links to parts 1, and 4. Part 4: Search password record by ID (5 marks) Create a webpage, search Password Record.html with a form that allows you to search for password records: ● ● ● ● Your website must perform a search By ID. Your web page must have a form with text field and a button, Search By ID. Your web page must have an image, and css code. When users click on the button. Your code should read the array list in part 1 and search for the record with the specified ID. If a record is found, the record must be displayed on the same page at the bottom of the page. When there are no match records. A message should be displayed on the same page. E.g. Record Not Found!. ● Your web page must have links to parts 1, and 3. This is an individual assignment. Overview We want to create a simple web application to manage our online passwords. It allows us to add, view, and search for our password records. Password Information (5 marks) Each password record has the following information. ID: (9 digits autogenerated) o A password record identifier number. o You need to annotate this instance variable @NonNull • Title ● o A tittle of your password record. Username o A username for your password record. Password o A password for your password record. URL o A URL for your password record. Email An associated email for your password record. O Notes O An associated notes for your password record All fields must be private. Part1: Index.html (5 Marks) Create a home page, index.html. Part1: Index.html (5 Marks) Create a home page, index.html. Your web page must have a logo, css, and links to parts 3, and 4. Your webpage must have a form with the above required fields that allows users to add a single password record. The id field must be generated randomly from the server side and load to the client side. It must also have an Add Record Button Part 2: Add A Password record into your Password Store Array List (5 Marks) Users click on the button Add Record in part 1. • Your application must insert a record into an array list. • Your application must remain on the index.html page. At the bottom of the index.html, you must have a message that indicates a record is added successfully. Part 3: View Password Records (5 Marks) Create a webpage, viewPassword Record.html that allows users to view all password records on the array list in part 1. ● You must use a html table to display the records in the array list. If there are no records, you must display a message that indicates there are no record in your array list. ● Your web page must have an image, and css code. • Your web page must have links to parts 1, and 4. Part 4: Search password record by ID (5 marks) Create a webpage, search Password Record.html with a form that allows you to search for password records: ● ● ● ● Your website must perform a search By ID. Your web page must have a form with text field and a button, Search By ID. Your web page must have an image, and css code. When users click on the button. Your code should read the array list in part 1 and search for the record with the specified ID. If a record is found, the record must be displayed on the same page at the bottom of the page. When there are no match records. A message should be displayed on the same page. E.g. Record Not Found!. ● Your web page must have links to parts 1, and 3.

Answer rating: 100% (QA)

The complete a... View the full answer