Web Architecture and Application Development Laboratory

B. Tech. in CSE/ISE
6th Semester

Name: D M Samyam Gowda

Reg No: 21ETCS0002081

Department: Computer Science and Engineering

Faculty of Engineering & Technology

M. S. Ramaiah University of Applied Sciences
 Ramaiah University of Applied Sciences
Private University Established in Karnataka State by Act No. 15 of 2013

Faculty Engineering & Technology

B. Tech. in Computer Science and Engineering
Programmes
B. Tech. in Information Science and Engineering
Web Architecture and Application Development
Course
Laboratory
Year/Semester 3 / 6th Semester
rd

Course Code 20CSL318A

List of Experiments:
1. Requirement Analysis
2. Software design
3. Database design
4. Resource Management Layer
5. Application Logic Layer
6. Presentation Layer
7. Functionality implementation (Users)
8. Functionality implementation (Pet)
9. Functionality implementation (Adoption)
10. Mock

Consider a scenario where you have been tasked with developing a web application
for a fictional company called “PET AGENCY”. This application will serve as a platform
where users can register, log in, and manage their pet details. The application should
be user-friendly and intuitive, allowing users to enroll their pets and adopt any pets that
are listed on the platform.
Laboratory 1

Title of the Laboratory Exercise: Requirements Analysis

1. Introduction and Purpose of Experiment

Requirements Analysis for the given statement of the problem which includes
both functional and non-functional.
2. Aim and Objectives
Aim
● To develop Functional and Nonfunctional Requirements
Objectives
At the end of this lab, the student will be able to
● Understand the scenario and list out the functional and non-functional
requirements.
3. Experimental Procedure

4. Presentation of Results

5. Discussions & Conclusions

Component Max Marks Marks

Obtained

Viva 8

Results 8

Documentation 9

Total 25
Presentation of Results:

Functional Requirement:
FR1: The system or software should allow the existing user to login.
FR2: The system or software should allow the new user to register.
FR3: The system or software should allow the user for pet management(update or delete the
pet details).
FR4: The system or software should allow the user to Register pets.
FR5: The system or software should allow the user to browse pets.
FR6: The system or software should allow the user to adopt the pet.

Non Functional Requirements:

Security: The software provides protection to the sensitive data of the user.
Performance: The software’s a response time must be minimal.
Reliability: The software should be reliable with minimal downtime ,there should be minimal
errors or crash.
Usability: The software provides a user-friendly interface, easy to navigate.
Availability: The software available 24/7.
Scalable: The software is scalable as the no of users increase gradually without perfomence
degradation.

Discussions & Conclusions

The Requirements Analysis for the given system effectively outlines both functional and non-
functional needs, forming a foundation for successful software development. Functional
requirements (FR1 to FR6) include essential capabilities like user authentication, registration,
pet management, and adoption, which are fundamental to system operations. Non-
functional requirements address critical aspects such as security, performance, reliability,
usability, availability, and scalability, ensuring data protection, efficient usability, user trust,
and long-term viability. Properly defined requirements guide the development process,
prevent costly rework, and ensure alignment with user expectations. Continuous evaluation
and refinement of these requirements are essential for adapting to changing circumstances
and emerging needs, ultimately leading to a system that meets both functional specifications
and excels in user satisfaction and system reliability.
Laboratory 2

Title of the Laboratory Exercise: Software Design

1. Introduction and Purpose of Experiment

Software Design describes the use-case diagram, activity diagram and
sequence diagram. This explains the interaction of the application between the
user and the system and the sequence of activities to be carried out.
2. Aim and Objectives
Aim
● To develop ER diagram, Use Case and Sequence diagram for the listed
functional requirements.
Objectives
At the end of this lab, the student will be able to
● Understand the requirements and model the requirements using ER
diagram, Use Case and Sequence diagram.
3. Experimental Procedure

4. Presentation of Results

5. Discussions & Conclusions

Component Max Marks Marks Obtained

Viva 8

Results 8

Documentation 9

Total 25
Presentation of Results:
Usecase Diagram:

ER Diagram:
Sequential Diagram:
Discussions & Conclusions
The Software Design lab focuses on modeling requirements using use-case diagrams, ER
diagrams, and sequence diagrams to illustrate the interaction between users and the system,
as well as the sequence of activities. The use-case diagram visually represents the functional
requirements, showing how users interact with various system functionalities. The ER
diagram maps out the data structure, depicting relationships between different entities,
which is crucial for database design. The sequence diagram provides a detailed view of the
order of operations and interactions within the system, ensuring a clear understanding of the
workflow and process dynamics. These diagrams collectively help in translating requirements
into a structured design, facilitating effective communication among stakeholders, reducing
ambiguities, and serving as a blueprint for the development phase.
Laboratory 3

Title of the Laboratory Exercise: Database design

1. Introduction and Purpose of Experiment

To design the database in MySQL using the phpadmin console. This has to be
done with the database naming, creating tables and setting the referential
integrity constraints.
2. Aim and Objectives
Aim:
● To design the database and to declare the referential integrity constraints
based on the requirements.
Objectives:
At the end of this lab, the student will be able to:
● Understand the database design and declare the referential integrity
constraints for the aforesaid requirements.

3. Experimental Procedure
Presentation of Results:

Database:

Tables:
User table:

Pet table:
Adaptation table:

Discussions & Conclusions:

The Database Design lab focuses on creating a structured database in MySQL using the php
admin console, which includes naming the database, creating tables. The process involves
understanding and implementing a coherent database design that aligns with the specified
requirements, ensuring data consistency and integrity. By defining tables such as the User
table, Pet table, and Adaptation table, and establishing relationships between them through
referential constraints, students learn how to maintain data accuracy and enforce business
rules within the database. This lab emphasizes the importance of a well-structured database
schema, which is crucial for the efficient functioning of applications and data management.

Discussions & Conclusions

Component Max Marks Marks Obtained

Viva 8

Results 8

Documentation 9

Total 25
Laboratory 4

Title of the Laboratory Exercise: Resource Management Layer

1. Introduction and Purpose of Experiment

To prepare the resource management layer for the requirements using
NetBeans.
2. Aim and Objectives
Aim:
● To create the necessary packages and RESTful API.
Objectives:
At the end of this lab, the student will be able to:
● Understand the need for the API to communicate between the web
application and the database through RESTful API.
3. Experimental Procedure
Create Web Application by Selecting New Project in NetBeans IDE
Create a New Package by selecting right click on source packages, under NEW,
select “others”, then search for JAVA folder, select java package.
Adding project name:

In the new package, right click on the package, under NEW select “others” option,
then select “Web Services”, then select “RESTful Web Services from Database”
4. Presentation of Results

User:

Pet:
 Adoptation:

5. Discussions & Conclusions

The design of the basic service layer for the pet agency application focuses on
implementing essential functionalities that ensure a smooth and secure user
experience. The service layer acts as an intermediary between the user interface
and the database, managing business logic and data processing.
By implementing these services, the pet agency application can effectively
manage user accounts, pet details, and the adoption process while ensuring a
secure, reliable, and user-friendly experience. The basic service layer sets a
strong foundation for further enhancements and scalability as the application
evolves to meet the growing needs of the pet agency and its users.

Component Max Marks Marks Obtained

Viva 8

Results 8

Documentation 9

Total 25
Laboratory 5

Title of the Laboratory Exercise: Application Logic Layer

1. Introduction and Purpose of Experiment

To prepare the business logic layer for the requirements using NetBeans.
2. Aim and Objectives
Aim:
● To create the necessary packages and RESTful API.
Objectives:
At the end of this lab, the student will be able to:
● Understand the need for the API to define the business logic for the web
application through RESTful API and necessary packages in Java.
3. Experimental Procedure
Create a New Package by selecting right click on source packages, under NEW, select
“others”, then search for JAVA folder, select java package. (Name the package as
“businesslogic”).
Select Container-item design pattern, give the appropriate path name, Click Finish .

Import all entities from basic service layer (Lab 4) to the new package called services.
Make sure type is changed for findAll_XML:
Get and post Request:

Presentation of Results
Clean and build (all by right clicking on business logic layer), Deploy and Run
Deploy the application, by selecting right click on the application and select
RUN,Test the API in business logic layer (RESTFul Web Services Folder, by right
clicking on any API, then selecting TEST Resource URI).

4. Discussions & Conclusions

The business layer is a crucial component of the pet agency application,
responsible for processing business logic, ensuring data integrity, and
implementing the rules governing application operations. This layer abstracts the
complexities of data transactions and user interactions, providing a clear
separation between the presentation and data access layers.

Component Max Marks Marks Obtained

Viva 8

Results 8

Documentation 9

Total 25
Laboratory 6 & 7

Title of the Laboratory Exercise: Presentation Layer

1. Introduction and Purpose of Experiment

To prepare the user interface for the requirements using NetBeans.
2. Aim and Objectives
Aim:
● To create the user interface layer using necessary Java package and RESTful
API.
Objectives:
At the end of this lab, the student will be able to:
● Develop the user interface for the web application through RESTful API and
necessary packages in Java.
3. Experimental Procedure

Create a New Package by selecting right click on source packages, under NEW, select “others”, then
search for JAVA folder, select java package. (Name the package as “services”)

Import all entities from basic service layer (Lab 4) to the new package called services.

Create a New Package by selecting right click on source packages, under NEW, select “others”, then
search for JAVA folder, select java package. (Name the package as “beans”) , Right click on the
beans package, select new JSF Managed Bean under JavaServer Faces Folder, (Make sure you select
Request Scope option in drop down menu before clicking on the finish button), Under the beans
package, select the clientLogicManagedBean.java, then import the REST Client to access business
logic layer APIs (Under Insert Code Option, Select Generate REST Client Option).

Create a method called addUser() and getUsersList() in clientLogicManagedBean.java file.

Index.xhtml:
Clientmanagedbean.java
New user added.xhtml:

List of users.xhtml:
4. Presentation of Results

5. Discussions & Conclusions

Component Max Marks Marks Obtained

Viva 8

Results 8

Documentation 9

Total 25
Laboratory 8

Title of the Laboratory Exercise: Functionality implementation (Pet)

1. Introduction and Purpose of Experiment

To implement the functionality for the pet module using NetBeans.
2. Aim and Objectives
Aim:
● To develop the functionalities for the pet module using necessary Java package
and RESTful API.
Objectives:
At the end of this lab, the student will be able to:
● Understand and develop the functionalities of the pet module as per the
requirements identified earlier, as web application through RESTful API and
necessary packages in Java.
3. Experimental Procedure

4. Presentation of Results
5. Discussions & Conclusions

Component Max Marks Marks Obtained

Viva 8

Results 8

Documentation 9

Total 25
Laboratory 9

Title of the Laboratory Exercise: Functionality implementation (Adoption)

6. Introduction and Purpose of Experiment

To implement the functionality for the adoption module using NetBeans.
7. Aim and Objectives
Aim:
● To develop the functionalities for the adoption module using necessary Java
package and RESTful API.
Objectives:
At the end of this lab, the student will be able to:
● Understand and develop the functionalities of the adoption module as per the
requirements identified earlier, as web application through RESTful API and
necessary packages in Java.
8. Experimental Procedure

9. Presentation of Results

10. Discussions & Conclusions

Component Max Marks Marks Obtained

Viva 8

Results 8

Documentation 9

Total 25