Library Management System: A Web Application for ICON College
Added on 2024-06-10
51 Pages5955 Words235 Views
|
|
|
Web Applications Development
P a g e | 1
Table of Contents
List of Figures..........................................................................................................................................3
List of Tables...........................................................................................................................................4
Introduction..............................................................................................................................................5
LO1 Understand the concepts of web-based application development...................................................6
1.1 Describe the concept of web-based application including its advantages, critically evaluate its
functionality and discuss how the web-based application is employed to solve the business problem
described above?..................................................................................................................................6
1.2There are various languages available for managing the server-side and client-side scripting
language. You are free to choose any server-side and client-side scripting language for this work
even though ASP.NET is recommended as the lectures will cover it. Your task here is to critically
compare the key differences between the various server side technologies and do the same for the
client side technologies with appropriate examples. Moreover, demonstrate evidently how each of
them can be used to solve the given problem......................................................................................7
1.3In the development of web application security of data and information is very important and
any application is required to manage them appropriately. Discuss web security techniques and
explain how you use them to protect the data in the web application design......................................8
LO2: Be able to design web applications................................................................................................9
2.1 Design a web-based application based on the above scenario. This design will be limited to the
UI design and overall site map............................................................................................................9
2.2 You have to show how the client-side and server-side technologies are synthesized into a web
application. This should constitute the complete system architectural design..................................11
2.3 Design and create a database using MS SQL Server to use in your web application. You have to
create required tables in your database..............................................................................................12
2.4 There are various designs and solutions which can be employed to meet the requirements of the
given scenario. Your task here is to investigate and evaluate alternative designs and solutions......17
LO3: Be able to implement web applications........................................................................................19
3.1 Implement the web application based on the design you produced in task 2 above using
ASP.NET. Produce the evidence of using client-side technologies..................................................19
Table of Contents
List of Figures..........................................................................................................................................3
List of Tables...........................................................................................................................................4
Introduction..............................................................................................................................................5
LO1 Understand the concepts of web-based application development...................................................6
1.1 Describe the concept of web-based application including its advantages, critically evaluate its
functionality and discuss how the web-based application is employed to solve the business problem
described above?..................................................................................................................................6
1.2There are various languages available for managing the server-side and client-side scripting
language. You are free to choose any server-side and client-side scripting language for this work
even though ASP.NET is recommended as the lectures will cover it. Your task here is to critically
compare the key differences between the various server side technologies and do the same for the
client side technologies with appropriate examples. Moreover, demonstrate evidently how each of
them can be used to solve the given problem......................................................................................7
1.3In the development of web application security of data and information is very important and
any application is required to manage them appropriately. Discuss web security techniques and
explain how you use them to protect the data in the web application design......................................8
LO2: Be able to design web applications................................................................................................9
2.1 Design a web-based application based on the above scenario. This design will be limited to the
UI design and overall site map............................................................................................................9
2.2 You have to show how the client-side and server-side technologies are synthesized into a web
application. This should constitute the complete system architectural design..................................11
2.3 Design and create a database using MS SQL Server to use in your web application. You have to
create required tables in your database..............................................................................................12
2.4 There are various designs and solutions which can be employed to meet the requirements of the
given scenario. Your task here is to investigate and evaluate alternative designs and solutions......17
LO3: Be able to implement web applications........................................................................................19
3.1 Implement the web application based on the design you produced in task 2 above using
ASP.NET. Produce the evidence of using client-side technologies..................................................19
P a g e | 2
3.2 By incorporating server-side technologies to the client side implementation in 3.1 above, your
task here is to implement a web-enabled database management system to store, retrieve and
manipulate data in a web application. You can use ASP.NET and SQL Server for this task...........21
3.3 Identify and implement opportunities for error handling of the web-based application (e.g. user
data input forms such as login form, record entry form etc.)............................................................24
LO4: Be able to test web applications...................................................................................................28
4.1 You are required to critically review and test the overall performance of your web application
by testing both the client side (front end) and the server side (back end). You have to create
appropriate test cases to test the functional and non-functional requirements of the web application
produced............................................................................................................................................28
4.2 Analyse the actual test results (from 4.1 above) against expected results and identify any
discrepancies and explain with evidence how you would resolve these...........................................32
4.3 Critically evaluate user feedback on your web application. For this, you have to prepare a
feedback sheet for distribution among different users. Collate their feedback, analyse them and
make recommendations for further improvements of your developed webapplication....................36
4.4 Documentation (e.g. requirements documents, technical design documents, test documents user
documents etc.) are important components of software development and delivery. Your task here to
demonstrate your understanding of the importance of such documents and then produce a user
documentation for your web application...........................................................................................37
Conclusion.............................................................................................................................................40
References..............................................................................................................................................41
3.2 By incorporating server-side technologies to the client side implementation in 3.1 above, your
task here is to implement a web-enabled database management system to store, retrieve and
manipulate data in a web application. You can use ASP.NET and SQL Server for this task...........21
3.3 Identify and implement opportunities for error handling of the web-based application (e.g. user
data input forms such as login form, record entry form etc.)............................................................24
LO4: Be able to test web applications...................................................................................................28
4.1 You are required to critically review and test the overall performance of your web application
by testing both the client side (front end) and the server side (back end). You have to create
appropriate test cases to test the functional and non-functional requirements of the web application
produced............................................................................................................................................28
4.2 Analyse the actual test results (from 4.1 above) against expected results and identify any
discrepancies and explain with evidence how you would resolve these...........................................32
4.3 Critically evaluate user feedback on your web application. For this, you have to prepare a
feedback sheet for distribution among different users. Collate their feedback, analyse them and
make recommendations for further improvements of your developed webapplication....................36
4.4 Documentation (e.g. requirements documents, technical design documents, test documents user
documents etc.) are important components of software development and delivery. Your task here to
demonstrate your understanding of the importance of such documents and then produce a user
documentation for your web application...........................................................................................37
Conclusion.............................................................................................................................................40
References..............................................................................................................................................41
P a g e | 3
List of Figures
Figure 1 Home Page..............................................................................................................................10
Figure 2 Login Page...............................................................................................................................11
Figure 3 Index Page...............................................................................................................................11
Figure 4 MVC Architecture...................................................................................................................13
Figure 5 Request/ Response in MVC architecture................................................................................13
Figure 8 Asset Table in database...........................................................................................................15
Figure 9 Item Table in Database............................................................................................................16
Figure 10 Staff Table in Database.........................................................................................................16
Figure 11 User Table in Database.........................................................................................................17
Figure 12 Class Diagram.......................................................................................................................17
Figure 13 ER Diagram...........................................................................................................................18
Figure 14 Create Operation...................................................................................................................20
Figure 15 Delete Operation...................................................................................................................21
Figure 16 Detail Operation....................................................................................................................21
Figure 17 Update Operation..................................................................................................................22
Figure 18 Asset Database......................................................................................................................23
Figure 19 Item Database........................................................................................................................23
Figure 20 Staff Database.......................................................................................................................24
Figure 21 User Database........................................................................................................................24
Figure 22 Google Chrome Testing........................................................................................................25
Figure 23 Mozilla Firefox Testing.........................................................................................................25
Figure 24 Internet Explorer Testing......................................................................................................26
Figure 25 Asset Form validation testing................................................................................................26
Figure 26 Staff Form Validation Testing...............................................................................................27
Figure 27 User Form Validation Testing...............................................................................................27
Figure 28 Responsive Navigation Testing.............................................................................................28
Figure 29 Responsiveness Testing.........................................................................................................28
Figure 30 Cross Browser Chrome.........................................................................................................30
Figure 31 Cross browser Firefox...........................................................................................................30
Figure 32 Cross Browser IE..................................................................................................................31
Figure 33 form validation assets............................................................................................................31
Figure 34 Form validation staff.............................................................................................................32
Figure 35 form validation users.............................................................................................................32
Figure 36 Responsive navigation...........................................................................................................33
List of Figures
Figure 1 Home Page..............................................................................................................................10
Figure 2 Login Page...............................................................................................................................11
Figure 3 Index Page...............................................................................................................................11
Figure 4 MVC Architecture...................................................................................................................13
Figure 5 Request/ Response in MVC architecture................................................................................13
Figure 8 Asset Table in database...........................................................................................................15
Figure 9 Item Table in Database............................................................................................................16
Figure 10 Staff Table in Database.........................................................................................................16
Figure 11 User Table in Database.........................................................................................................17
Figure 12 Class Diagram.......................................................................................................................17
Figure 13 ER Diagram...........................................................................................................................18
Figure 14 Create Operation...................................................................................................................20
Figure 15 Delete Operation...................................................................................................................21
Figure 16 Detail Operation....................................................................................................................21
Figure 17 Update Operation..................................................................................................................22
Figure 18 Asset Database......................................................................................................................23
Figure 19 Item Database........................................................................................................................23
Figure 20 Staff Database.......................................................................................................................24
Figure 21 User Database........................................................................................................................24
Figure 22 Google Chrome Testing........................................................................................................25
Figure 23 Mozilla Firefox Testing.........................................................................................................25
Figure 24 Internet Explorer Testing......................................................................................................26
Figure 25 Asset Form validation testing................................................................................................26
Figure 26 Staff Form Validation Testing...............................................................................................27
Figure 27 User Form Validation Testing...............................................................................................27
Figure 28 Responsive Navigation Testing.............................................................................................28
Figure 29 Responsiveness Testing.........................................................................................................28
Figure 30 Cross Browser Chrome.........................................................................................................30
Figure 31 Cross browser Firefox...........................................................................................................30
Figure 32 Cross Browser IE..................................................................................................................31
Figure 33 form validation assets............................................................................................................31
Figure 34 Form validation staff.............................................................................................................32
Figure 35 form validation users.............................................................................................................32
Figure 36 Responsive navigation...........................................................................................................33
P a g e | 4
Figure 37 cross browser chrome............................................................................................................34
Figure 38 Cross browser Firefox...........................................................................................................34
Figure 39 Cross Browser IE..................................................................................................................35
Figure 40 Asset Form Validation..........................................................................................................35
Figure 41 Staff Form Validation............................................................................................................36
Figure 42 User Form Validation............................................................................................................36
Figure 43 Responsive Navigation..........................................................................................................37
Figure 44 Home Page............................................................................................................................38
Figure 45 Login Page.............................................................................................................................39
Figure 46 Staff.......................................................................................................................................39
Figure 47 Users......................................................................................................................................40
Figure 48 Assets....................................................................................................................................40
Figure 37 cross browser chrome............................................................................................................34
Figure 38 Cross browser Firefox...........................................................................................................34
Figure 39 Cross Browser IE..................................................................................................................35
Figure 40 Asset Form Validation..........................................................................................................35
Figure 41 Staff Form Validation............................................................................................................36
Figure 42 User Form Validation............................................................................................................36
Figure 43 Responsive Navigation..........................................................................................................37
Figure 44 Home Page............................................................................................................................38
Figure 45 Login Page.............................................................................................................................39
Figure 46 Staff.......................................................................................................................................39
Figure 47 Users......................................................................................................................................40
Figure 48 Assets....................................................................................................................................40
P a g e | 5
List of Tables
Table 1 Asset Table...............................................................................................................................16
Table 2 item Table.................................................................................................................................16
Table 3 User Table.................................................................................................................................16
Table 4 Staff Table................................................................................................................................17
List of Tables
Table 1 Asset Table...............................................................................................................................16
Table 2 item Table.................................................................................................................................16
Table 3 User Table.................................................................................................................................16
Table 4 Staff Table................................................................................................................................17
P a g e | 6
Introduction
The Proposed system is a Library Management System which is implemented for the management
need of the library of the ICON College. With this, library can be easily managed by the college as it
will track all the items in the library. Besides it will also keep the details of staff members and users.
The staff member will include the admin staff of the library. The users will be the students of the
college who uses the college library. This is a web based application so it will only be able to run on
browsers. The database connectivity is provided that will make this robust and dynamic website. This
report consists of full user documentation of the proposed system. This will further consist of design
implementations and proofs of database connectivity. Then actual user interfaces are also attached
with this report. At last testing is performed. This also consists of proofs of testing procedure which
we have followed.
Introduction
The Proposed system is a Library Management System which is implemented for the management
need of the library of the ICON College. With this, library can be easily managed by the college as it
will track all the items in the library. Besides it will also keep the details of staff members and users.
The staff member will include the admin staff of the library. The users will be the students of the
college who uses the college library. This is a web based application so it will only be able to run on
browsers. The database connectivity is provided that will make this robust and dynamic website. This
report consists of full user documentation of the proposed system. This will further consist of design
implementations and proofs of database connectivity. Then actual user interfaces are also attached
with this report. At last testing is performed. This also consists of proofs of testing procedure which
we have followed.
P a g e | 7
LO1 Understand the concepts of web-based application development
1.1 Describe the concept of web-based application including its advantages, critically evaluate
its functionality and discuss how the web-based application is employed to solve the business
problem described above?
Web based application is an application which uses a website as a front-end or interface. It is easily
accessible by the user through any computer which has a connection of internet in it. It contrasts with
desktop applications like Microsoft word which is a well-known desktop application, Google Docs is
also considered as a word-processing application but all the actions which are performed in this is
done through web browser instead of using installed software on their computer. Google apps are the
most renowned web based applications (Kohan & B., 2018).
Advantages:
The web application does not require to be tested on all the versions of operating system and
configurations. Which makes the troubleshooting and development easier .
It can be accessed anywhere and anytime with only one condition that the computer should be
connected to the internet.
It is customizable in comparison to desktop application.
The content can also be customized to take use in any device which has internet connection.
It is easier to achieve interoperability between web applications.
It does not require too much effort and time to get installed and maintaining web application
is also comparatively easier.
Since web application are deployed to only those servers which are maintained and monitored
by administrators of server.
It keeps itself updating with the change in technology.
A web based application is a software application which has been made on the web. All those
organization are offering software as a service relies on web application when it comes to the
offering their products. Some known web application framework follows principles according
to patterns like MVC . Where the model manages data and behaviour of an application , view
manages how the information is going to be displayed, The controller interprets all the data
which is entered by the user through keyboard and mouse.
The best thing about a web application is that it is designed in such away that it can work
across each platform .Sharing of document can be done between the linux user and windows
LO1 Understand the concepts of web-based application development
1.1 Describe the concept of web-based application including its advantages, critically evaluate
its functionality and discuss how the web-based application is employed to solve the business
problem described above?
Web based application is an application which uses a website as a front-end or interface. It is easily
accessible by the user through any computer which has a connection of internet in it. It contrasts with
desktop applications like Microsoft word which is a well-known desktop application, Google Docs is
also considered as a word-processing application but all the actions which are performed in this is
done through web browser instead of using installed software on their computer. Google apps are the
most renowned web based applications (Kohan & B., 2018).
Advantages:
The web application does not require to be tested on all the versions of operating system and
configurations. Which makes the troubleshooting and development easier .
It can be accessed anywhere and anytime with only one condition that the computer should be
connected to the internet.
It is customizable in comparison to desktop application.
The content can also be customized to take use in any device which has internet connection.
It is easier to achieve interoperability between web applications.
It does not require too much effort and time to get installed and maintaining web application
is also comparatively easier.
Since web application are deployed to only those servers which are maintained and monitored
by administrators of server.
It keeps itself updating with the change in technology.
A web based application is a software application which has been made on the web. All those
organization are offering software as a service relies on web application when it comes to the
offering their products. Some known web application framework follows principles according
to patterns like MVC . Where the model manages data and behaviour of an application , view
manages how the information is going to be displayed, The controller interprets all the data
which is entered by the user through keyboard and mouse.
The best thing about a web application is that it is designed in such away that it can work
across each platform .Sharing of document can be done between the linux user and windows
End of preview
Want to access all the pages? Upload your documents or become a member.
Related Documents
Web Application Development: Concepts, Technologies, and Securitylg...
|4
|1507
|267
User Feedback and Web Application Designlg...
|12
|4610
|499
Website Application Development: A Comprehensive Guide to Library Management Systemlg...
|24
|4736
|422
Web Application Development: Concepts, Technologies, and Securitylg...
|4
|1536
|121
Computing Technologies Assignment Reportlg...
|7
|1221
|30
Web Application Development: A Comprehensive Guide to Design, Implementation, and Testinglg...
|40
|5191
|143