7175 Web Design And Programming
Task
Submission:
•A .zip file that contains all files in your web project. Submit this .zip file on the Canvas site of this unit.
•Two usernames and passwords for admin user and registered user.
Late submission: 5% of the total mark (i.e., 1.5 mark) per day. Information on how to apply for extension can be found in the unit outline available on the Canvas site of this unit.
Topic:
Website for Industry 4.0 – also known as the fourth industrial revolution – with 6 companies and organisations: IBM, Amazon, Google, Microsoft, CSIRO, and Department of Industry, Science, Energy and Resources, and 6 emerging technologies: Artificial Intelligence (AI), Internet of Things (IoT), Cognitive Computing, Cloud Computing, Robotics, and Blockchains.
Tasks:
Design and implement a responsive website for Industry 4.0 using the following:
1. ASP.NET Core Web App (Model-View-Controller) template in Visual Studio 2019 or 2022. Language: C#.
2. HTML5, CSS3, Bootstrap and media query for responsive web design.
3. JavaScript and jQuery for interactive website.
4. Admin users can add more company or organisation to the page for emerging technologies.
5. Registered users can post feedback but only admin users can edit or delete current posts.
Requirements:
1.Website:
•Full-width layout and responsive design for all web pages.
•4 public pages including home page, a page for 6 companies and organisations, a page for 6 emerging technologies, and a page for contact and about. Links to those pages are available on the main menu.
•5 private pages (Create, Details, Delete, Edit and Index) for registered users and admin users to create, post, edit and delete feedback. Users who are not logged in cannot see and access to these pages.
2. Home page: to introduce Industry 4.0, the 6 emerging technologies, and 6 web sites about Industry 4.0. Use parallax scrolling and bootstrap carousel sliding techniques. Details are shown below.
3. Page for companies and organisations: to introduce 6 companies and organisations which are IBM, Amazon, Google, Microsoft, CSIRO, and Department of Industry, Science, Energy and Resources. Details are shown below.
4. Page for emerging technologies: to introduce the 6 core technologies: Artificial Intelligence (AI), Internet of Things (IoT), Cognitive Services, Cloud Computing, Robotics, and Blockchains. Use jQuery elastic grid to list 24 web sites in square blocks related to the 6 technologies. These 24 square blocks are grouped into 6 groups of 4. Details are shown below.
5. Page for contact, about and other useful information: to present contact details, information about this website, copyright, and other useful information on Industry 4.0. Details are shown below.
6. Five private pages (Create, Details, Delete, Edit and Index) for registered users and admin users to create, post, edit and delete feedback. These 5 web pages must be generated by MVC Entity Framework. The list of all feedback posts in Index page is also listed on the public page for 6 companies and organisations. Users who are not logged in cannot see and access to these pages.
7. Handle all exceptions that may occur at runtime (– 1 mark for each exception found). Make sure your web site provides the same display on the following web browsers: Google Chrome and MS Edge (– 2 marks if not the same).
