Website for Artificial Intelligence (AI) to introduce Al companies. User who is not logged in can...

 

Transcribed Image Text:

Website for Artificial Intelligence (AI) to introduce Al companies. User who is not logged in can see 2 pages (Home page and Companies page). The home page contains a list of hyperlinks displayed as rectangular blocks. If the user clicks on a hyperlink for a company, the website will open the Companies page and scroll down to the section of that company and the user can see details of that company. If the user is logged in (no role is required), the user can see a voting button in each company section on the Companies page. The user can click this voting button for each company (max one vote per company) and the list of companies is sorted by the number of votes in descending order. The user needs to logoff then login if the user wants to vote again. If the user is logged in with admin role, this admin user can add a new company to the website, can edit or delete an existing company, can display details for an existing company and can list all companies on a web page. Details of all companies must be stored in the database of this website. Requirements: 1. Use either WDP2022A2Win (for Windows) or WDP2022A2Mac (for Mac) project template available in Assignment 2 Module to develop this website. Please note that your mark = 0 if you do not use this template. 2. Website: full-width layout, responsive design, and having the following pages: Home (Index.cshtml) page and Companies (Companies.cshtml) page in Views/Home folder, available for all users. These pages are already included in the template. Index page, Create page, Edit page, Details page, and Delete page for admin users who have the admin role. These pages are not included in the template, and you will need to create them using Entity Framework and the model class (Company.cs) in Models folder. 3. Home page (Index.cshtml in Home folder): to introduce the website and a list of companies sorted based on number of votes. Please see screenshots below for design. 4. Companies page (Companies.cshtml in Views/Home folder): to display details of all companies sorted based on number of votes. Please see screenshots below. 5. Other 5 pages in Companies folder including Index.cshtml, Details.cshtml, Create.cshtml, Edit.cshtml, and Delete.cshtml are for the admin user. Please see screenshots below. 6. User logged in with admin role can access all pages in this website. 7. User logged in without role can see the Home and Companies links on the main menu, can access the Home page and Companies page and can vote for a company listed on the Companies page. 8. User who is not logged in can see the Home and Companies links on the main menu, can access the Home page and Companies page, but cannot vote. 9. Responsive Design: the list of company blocks on the Home page has the same design as required in Assignment 1. The Companies page has the same design as that in Assignment 1. 10. Parallax Scrolling: the parallax scrolling technique is applied to all these 7 web pages. 11. Model class: you must use the Company model class included in the template to produce database, controller, and views using Entity Framework (please do not change class name and class content). 12. You can modify the following files only (other files must remain the same): 7 webpages in the Home folder (Index.cshtml and Companies.cshtml) and the Companies folder (Create, Delete, Details, Edit, and Index.cshtml) Layout.cshtml Program.cs site.css site.js Home Controller.cs www CompaniesController.cs Data tables in the database file (do not change the database filename) Website for Artificial Intelligence (AI) to introduce Al companies. User who is not logged in can see 2 pages (Home page and Companies page). The home page contains a list of hyperlinks displayed as rectangular blocks. If the user clicks on a hyperlink for a company, the website will open the Companies page and scroll down to the section of that company and the user can see details of that company. If the user is logged in (no role is required), the user can see a voting button in each company section on the Companies page. The user can click this voting button for each company (max one vote per company) and the list of companies is sorted by the number of votes in descending order. The user needs to logoff then login if the user wants to vote again. If the user is logged in with admin role, this admin user can add a new company to the website, can edit or delete an existing company, can display details for an existing company and can list all companies on a web page. Details of all companies must be stored in the database of this website. Requirements: 1. Use either WDP2022A2Win (for Windows) or WDP2022A2Mac (for Mac) project template available in Assignment 2 Module to develop this website. Please note that your mark = 0 if you do not use this template. 2. Website: full-width layout, responsive design, and having the following pages: Home (Index.cshtml) page and Companies (Companies.cshtml) page in Views/Home folder, available for all users. These pages are already included in the template. Index page, Create page, Edit page, Details page, and Delete page for admin users who have the admin role. These pages are not included in the template, and you will need to create them using Entity Framework and the model class (Company.cs) in Models folder. 3. Home page (Index.cshtml in Home folder): to introduce the website and a list of companies sorted based on number of votes. Please see screenshots below for design. 4. Companies page (Companies.cshtml in Views/Home folder): to display details of all companies sorted based on number of votes. Please see screenshots below. 5. Other 5 pages in Companies folder including Index.cshtml, Details.cshtml, Create.cshtml, Edit.cshtml, and Delete.cshtml are for the admin user. Please see screenshots below. 6. User logged in with admin role can access all pages in this website. 7. User logged in without role can see the Home and Companies links on the main menu, can access the Home page and Companies page and can vote for a company listed on the Companies page. 8. User who is not logged in can see the Home and Companies links on the main menu, can access the Home page and Companies page, but cannot vote. 9. Responsive Design: the list of company blocks on the Home page has the same design as required in Assignment 1. The Companies page has the same design as that in Assignment 1. 10. Parallax Scrolling: the parallax scrolling technique is applied to all these 7 web pages. 11. Model class: you must use the Company model class included in the template to produce database, controller, and views using Entity Framework (please do not change class name and class content). 12. You can modify the following files only (other files must remain the same): 7 webpages in the Home folder (Index.cshtml and Companies.cshtml) and the Companies folder (Create, Delete, Details, Edit, and Index.cshtml) Layout.cshtml Program.cs site.css site.js Home Controller.cs www CompaniesController.cs Data tables in the database file (do not change the database filename)