College of Computing and Information Science

CSWD2101 – Web Development II

FALL, AY 2024-2025
Project Guidelines (20%)

PROJECT GOAL
Creating a dynamic website as part of a course project is a great way to apply the skills you've learned and
showcase your abilities. To successfully complete this project, you'll need to follow a structured development
process. Here are some steps to help you get started:
Select a Scenario:
Choose a scenario or theme for your website. This scenario should reflect your interests and align with the skills
you've gained in your course. For example, if you've learned about e-commerce, you could create an online
store. If you've learned about social networking, you might build a social media platform. The scenario will guide
the features and functionality of your website.
Define User Services:
Determine the specific services or features your website will offer to users. Consider both the front-end (what
users will see and interact with) and the back end (the functionality that powers the site). For instance, if you're
building an e-commerce site, user services might include product browsing, shopping cart management, and
payment processing.
Plan Your Website:
Create a detailed plan for your website, including the site structure, user interfaces, and functionality. You can
use wireframes or mockups to visualize the design and layout. Identify the technologies and tools you'll need
for development, such as programming languages, frameworks, and databases.
Set Up Your Development Environment:
Prepare your development environment with the necessary software and tools. This may involve setting up a
web server, a database, and selecting a code editor or professional development tool like Microsoft expression
web 4.
Develop the Front-End:
Begin building the front-end of your website. Write HTML, CSS, and JavaScript code to create the user interface.
Ensure that your website is responsive and user-friendly and test it on different devices and browsers.
Develop the Back end:
Implement the back-end functionality of your website. This involves coding server-side logic, handling user
authentication, managing databases, and processing user requests. Choose a suitable programming language
and framework for your back-end development.
Implement User Services:
Add the user services you defined earlier. If you're building an e-commerce site, this may involve integrating
payment gateways, setting up user accounts, and implementing product catalog management.
Test Your Website:
Thoroughly test your website to identify and fix any bugs or issues. Conduct usability testing to ensure a smooth
user experience. Test your website's performance to ensure it loads quickly and efficiently.
Optimize for Security:
Implement security measures to protect your website and user data. This includes input validation, user
authentication, and protection against common web vulnerabilities like SQL injection and cross-site scripting
(XSS).
Maintain and Update:
Regularly maintain and update your website to keep it secure, fix any issues that arise, and add new features as
needed. Remember to break down your project into manageable tasks, set deadlines, and stay organized
throughout the development process. Good project management and planning will help you successfully create
a dynamic website based on your course skills and chosen scenario.

PROJECT OBJECTIVES
• Develop and design a functional E-Business application using PHP, HTML and CSS and should be supported
with SQL database as a backend.
• The web application should be user friendly and has a consistent design.
• The application should support multiple database transactions: Insert, Update, Delete, and View.
• The application should be secured using the proper PHP coding techniques.

PROJECT DESCRIPTION
1. The website should contain at least four web pages including a well-designed home page that illustrates the
application’s purpose.
2. All pages should be consistent in the design and follow the same theme.
3. All data entries from users through the web pages should be validated properly.
4. Your database should contain at least three (3) tables with proper use of primary keys and data types.
5. The application should facilitate the retrieval of database records, updating existing records, insertion of
new records and deletion of existing records.
6. Use the session for user accounts.
7. Full System should be presented in 10 minutes. If the student failed to attend the presentation, they will be
marked as ZERO out of 20 .
OTHER IMPORTANT NOTES
• Each Team include 2-3 students should develop an dynamic website as per the topic that has been chosen
and approved by the lecturer.
• All team members should attend the presentation.
• The projects should be uploaded in the e-Learning portal by providing all PHP, HTML, CSS files and SQL file.
• Only uploaded files will be marked.
• Twenty-five percent (25%) will be deducted for each late day submission from the total marks earned.
• Copying of another individual’s project is strictly not allowed. Any student who found a copied project or
used a previous project will earn ZERO mark.
• For further queries regarding the project, approach the concerned lecturer/s or the course coordinator.

SUMMARY OF THE MARKING CRITERIA:

Requirements Allocated Mark

1. Database Creation & Design 2

2. HTML Design and CSS 1

3. Users Registration 2
4. Login & Logout 1

5. Updating User Profile 1

6. View Page 2

7. Delete Page 1

8. Transaction Page /any service page 3

9. Security 2
10. Presentation 5

Total Mark 20
 College of Computing and Information Science
CSWD2101 – Web Development II
Semester 1, AY 2023-2024
Project Marking Rubrics (20%)

Student IDs & Names:

Date: ______________________________________
1. _________________________________________
Section: ____________________________________
2. _________________________________________
Project Title: ________________________________
3. _________________________________________

Excellent Good Poor

Sr # Marking Criteria Comments
100% 50% 0%

1. Database Creation & Design (2 Marks)

• Database should contain at least three (3) tables (1.5)

• Transaction data is stored accurately in the database (0.5)

2. HTML Design and CSS (1 Mark)

• Application should contain at least 4 four web pages, including Homepage (0.5)
• All pages should be consistent in the design and follow the same theme. (0.5)
3. Users Registration (2 Marks)

• All data entries from users through the web pages should be validated properly (1)
• Proper use of field types (textbox, dropdown menu, date, email, ……etc.) (1)

4. Login & Logout (1 Mark)

• Login credentials should be validated properly. (0.5)

• User should be able to logout properly (0.5)
5. Updating User Profile (1 Mark)

• User should be able to update some personal details, reset password, contact
number or email etc.
6. View Page (2 Marks)

• User must be able to view only his/her information (1)

• Admin views all the information of all the users (1)

7. Delete Page (1 Mark)

• Admin must be able to delete the information about the users

8. Transaction Page/Service Page (3 Marks)

• Only logged-in users can access the transaction page (0.5)
• User can view only their transaction page (0.75)
• User can successfully do the transaction (1)
• Admin can view/update transaction of all users (0.75)
9. Security (2 Marks)

• Use the session for user accounts (1)

• At least one user will be able to reset passwords by answering security questions
in the forgotten password. (1)

10. Presentation (5 Marks)

Language Clarity (2 Marks)

- Voice is clear and modulated.
- Correct pronunciation of words and grammar usage.
10.1
- Enthusiasm and confidence in talking.
- Makes use of good communication signals such as eye contact, hand gestures, and
without unnecessary mannerisms.

10.2 Answering Questions (3 Marks)

TOTAL

TOTAL = ________________________