[SOLVED] WEB504 Introduction to Web development Semester 2 2024 Java

Assessment 2 of 3

Assessment title

Portfolio Web Application Development with Google Firebase

Integration (Individual Assessment 2 of 3)

Due date 1

Weighting

50 %

Submission details

Moodle Drop Box:

• Electronic Word or PDF document via Turnitin

• Separate GitHub/ or Project link & zipped folder containing evidence of task completion.

Learning outcomes

LO2- Select and implement an appropriate database system for a web solution.      LO3- Use appropriate programming languages to deploy a web solution.

Background

In this assessment, you are required to integrate Google Firebase into your personal portfolio web application, which was created in Assessment 1. Firebase will serve as a NoSQL database for backend data storage, real-time data operations, and user authentication. By working through these tasks, you will demonstrate your ability to select and implement an appropriate database system (LO2) and deploy a complete web solution using appropriate programming languages (LO3).

This project enhances your understanding of database integration, real-time data management, and user security. You will also apply best coding practices to ensure your web application is clean, functional, and scalable. Firebase offers a cutting-edge platform. for developing dynamic and user-centric web applications, and your project will showcase your ability to leverage these technologies.

Extensions and Resubmissions

Extensions

An extension of either (or both) sections of this assessment may be granted where an application via email is made before the original due date setting out the reasons for the request. Additional evidence may be requested (eg medical certificate, copy of work already completed etc)

Resubmissions

The pass mark for this assessment is a total of 50% or more across both tasks. One resubmission is allowed if less than 50% is received provided the assessment was submitted on or before the due dates (or any approved extension) and a genuine attempt of the assessment was made. Refer to the course guide for more information about resubmissions.

Generative AI tools are restricted for certain functions in this assessment task In this assessment, you may not use generative artificial intelligence (AI). Refer to the course outline for the late assignment policy and penalties for plagiarism

Assessment Conditions: Each student must contribute personally to this assessment; no automated content creation or artificial intelligence tools are allowed. Each work turned in must be unique and accurately reflect the student’s skills, knowledge, and creativity. The appropriate sanctions will be applied if artificial intelligence (AI) tools are used to generate or assist in creating the portfolio. Additionally, all students must follow the APA7 citation and referencing guidelines. Any outside data sources, images, or information used in the project must be appropriately cited. Academic misconduct penalties may result from improper source attribution. By enforcing these rules, we seek to uphold a just and academically demanding environment that promotes genuine learning and skill development

Assessment instructions:

Part 1: Database Selection and Setup (LO2)

Task Description: This part focuses on selecting and setting up Google Firebase as the database system for the web solution. Students will document the integration process, highlighting the reasons for their choice of Firebase.

1. Assigned Tasks:    (Total Marks: 20 marks)

• Task 1: Research and document the core concepts of Google Firebase, focusing on its NoSQL structure and benefits. (5 marks)

• Task 2: Justify the selection of Firebase for the project, explaining how it supports the web solution’s goals. (5 marks)

• Task 3: Set up Firebase in your project and provide detailed documentation of the integration process. (5 marks)

• Task 4: Provide code snippets and screenshots demonstrating the Firebase connection and successful integration. (5 marks)

Awarded Marks Objectives: Marks will be based on a deep understanding of Firebase’s database capabilities, the thoroughness of the integration process, and how clearly the integration is documented with evidence (code and screenshots)

Part 2: Database Integration and Real-Time Data Operations (LO2)

Task Description: In this part, students will integrate Firebase into the web application to handle CRUD operations and ensure real-time data flow between the frontend and backend.

1. Assigned Tasks: (Total Marks: 20 marks)

• Task 1: Implement Firebase to perform. CRUD (Create, Read, Update, Delete) operations in your web application. (5 marks)

• Task 2: Ensure real-time data flow between the frontend and Firebase and test each CRUD operation. (5 marks)

• Task 3: Create logic flowcharts showing how data flows between the system components. (5 marks)

• Task 4: Provide relevant code snippets and screenshots demonstrating real-time data integration and CRUD operations. (5 marks)

Awarded Marks Objectives: Marks will be awarded based on the functionality of the CRUD operations, the efficiency of real-time data flow, and the clarity and detail of the provided logic flowcharts, code, and screenshots.

Part 3: End-User Comment System (LO2)

Task Description: Create a real-time comment system where user inputs are archived in Firebase. This part ensures that comments are handled dynamically, allowing users to post, edit, and retrieve comments in real-time.

1. Assigned Tasks: (Total Marks: 20 marks)

• Task 1: Design and implement a real-time comment system using Firebase. (5 marks)

• Task 2: Archive user comments in Firebase, ensuring real-time updates are reflected. (5 marks)

• Task 3: Provide design mockups for the comment system interface, ensuring it integrates smoothly with the overall web solution. (5 marks)

• Task 4: Include relevant code snippets, screenshots, and an explanation of how real-time comment functionality is achieved. (5 marks)

Awarded Marks Objectives: Marks will be awarded for a functional and efficient comment system, proper archiving of comments in real-time, and clear documentation and design mockups.

Part 4: User Authentication System (LO2)

Task Description: Implement a secure user authentication system using Firebase Authentication, enabling users to register, log in, and manage their comments.

1. Assigned Tasks: (Total Marks: 20 marks)

• Task 1: Implement Firebase Authentication for user registration and login. (5 marks)

• Task 2: Ensure authenticated users can edit their comments after login. (5 marks)

• Task 3: Add security features such as CAPTCHA or email verification to protect the authentication process. (5 marks)

• Task 4: Provide flowcharts, code snippets, and screenshots showcasing the user authentication journey, from registration to login and comment editing. (5 marks)

Awarded Marks Objectives: Marks will be based on the correct implementation of the authentication system, added security features, and comprehensive documentation that includes flowcharts and code snippets.

Part 5: Proficient Use of Programming Languages (LO3)

Task Description: Demonstrate proficiency in using programming languages (HTML, CSS,

JavaScript) and Firebase SDKs. Follow coding best practices, including those in the Airbnb Style. Guide, to ensure a clean and functional codebase.

1. Assigned Tasks: (Total Marks: 20 marks)

• Task 1: Implement the frontend using HTML, CSS, and JavaScript. with the Firebase SDK integration. (5 marks)

• Task 2: Follow the Airbnb Style. Guide to ensure your code is clean, readable, and maintainable. (5 marks)

• Task 3: Conduct functionality tests on the integrated components and provide validation logs. (5 marks)

• Task 4: Annotate key code snippets to explain your coding decisions and troubleshooting efforts. (5 marks)

Awarded Marks Objectives: Marks will be awarded based on the quality of the code, adherence to

best practices, and the thoroughness of the testing and documentatio