Sarhad University, Peshawar
Dept. of CS&IT
Open Ended Lab
Assignment # OEL
Subject Name: Web Design & Development
Semester: Spring 2024 (6th) Marks: 10
Assigned on: 20-05-2024 Submission Due Date: 20-07-2022
Target CLO-3, PLO-2: Design/Development of Solution, Taxonomy Level: 5 (Design, Analysis
and Evaluation)
Note: This assignment requires depth of knowledge in web development. Students are required
to design and evaluate the required website using current technologies. This should be
undertaken by the students group of maximum 03 students.
Problem Statement:
Create an online portfolio website for professionals (e.g., a photographer, graphic designer,
writer, software developer, etc.). Identify the needs of this professional for developing a dynamic
web application/website that can be used for showcasing their work, promoting their services,
and allowing potential clients to contact them. Develop a responsive, attractive, efficient,
dynamic, and secure website as per their specific requirements.
Objectives:
Based on the above scenario, each group of 3 students must meet the following objectives for
this assignment:
1. To derive detailed requirements (functionality and design) from a professional's
perspective, keeping in view the requirements of all the stakeholders.
2. Develop a dynamic portfolio website with an associated database to fulfill the
requirements.
3. Perform testing or vulnerability assessment of the developed website.
4. Perform usability analysis for the developed website.
Investigation:
Each group of students must target a separate professional field to acquire actual requirements
for the given scenario. The group must investigate in detail regarding the various stakeholders
and required functionality for the website in order to produce the website.
Evaluation:
Each group has to justify the following:
1. Justification of the implemented system as per the given professional's needs.
2. Demonstration of the developed website (front-end & back-end) and its functionality.
3. Justify why the underlying technologies were chosen to implement the system in
question.
4. A brief report on the testing or vulnerability assessment of the system.
Design:
Students need to design & develop both front-end and back-end while keeping in view the
professional's requirements, stakeholders, and time restraints.
Deliverables:
The deliverables should consist of:
1. Report on the requirement analysis/professional's needs.
2. Report on vulnerability assessment & usability analysis of the developed website.
3. Demonstration (.ppt and/or executables) for the front end and back-end of the website.
4. Developed code and resources.
Attributes Conformance
S# Attribute Present in
the Problem
1 Range of conflicting requirements: This assignment is intended to challenge
students to address a wide range of conflicting issues – including, but not limited Yes
to, the fair share of each user within the available bandwidth.
2 Depth of Analysis required: There is no obvious solution to this assignment.
Creative thinking in terms of usage of appropriate technologies to design is Yes
central to this assignment.
3 Depth of knowledge required: Demonstration of sound engineering design
principles and problem solving is required to solve this assignment. In-depth Yes
knowledge of Computer Networks is required to accomplish this task.
4 Familiarity of issues: Students are not familiar with the issues which may be
encountered as they are doing/experiencing this task for the first time.
Yes
Significant challenges beyond what students have experienced in previous
projects are present in this assignment.
5 Extent of applicable codes: Is not outside the problems encompassed by
No
standards and codes of practice for professional engineers.
6 Extent of stakeholder Involved: Diverse groups of stakeholders (Students,
Yes
faculty and allied-staff) with involvement and level of widely varying needs.
7 Consequences: Have significant consequences in a range of contexts. For
Yes
example, cybercrimes, online frauds, hacking etc.
8 Interdependence: The system consists of sub-systems and components. Students
must address the design of each component separately and in combination with Yes
the other components.
