SlideShare a Scribd company logo
Web Based
Applications
Presented by
Web Dev
Overview
 What is a web-based application?
 What are the advantages?
 What are the disadvantages?
 What is the basic architecture of a web based
application?
 What technologies are available to implement
this?
 What are some necessary design considerations
for web based applications (as opposed to normal
apps)?
 Can you add a web interface to an existing
application? How?
What is a Web Based Application?
 “A web based application is a software package that
can be accessed through the web browser. The
software and database reside on a central server
rather than being installed on the desktop system
and is accessed over a network.” (NetSity corporate
homepage)
 A common example is web-based email. ie,
Hotmail, Yahoo! mail or UWP’s web mail.
What are the Advantages?
 App runs server side (CPU, disk space,
configuration)
 No install, packaging, CDs, upgrades,
configurations or tweaking of settings on the
client side.
 Greater responsibilities and control placed in the
hands of the system administrators (as opposed
to the users)
 Data is likely more secure (stored server side, w/
proper security measures and backup)
 Machine independent (any user can log in from
any computer.
What are the Advantages? (con’t)
 One application will run on any and all platforms,
assuming standards compliant code and
browsers.
 Reduced external network traffic (ex. Database
heavy applications)
 Lower client side system requirements (machine
only needs network access and the ability to run a
compliant web browser)
What are the Disadvantages?
 “Who has my data?” Essentially, not you.
 Issues of trust; many users do not trust other
people, even within the same company, to keep
their data safe and secure.
 Response time. While the actual execution of the
app may be much quicker, user response time can
be noticeably slower than a local app.
 Internet (or network) connectivity is not (yet)
ubiquitous.
What are the Disadvantages?
(con’t)
 Browser compatibility can still be a problem.
 Some tasks that are simple in traditional
application development, are quite complicated
from a web application (ex, local printing)
 Security concerns limit what you can accomplish
(limited access to the users local machine).
 Depending on the application, usability can be
very bandwidth sensitive.
What are the Disadvantages?
(con’t)
Some advantages are also
disadvantages:
 Running applications server-side requires servers
with sufficient power (CPU, memory, disk,
bandwidth) to handle multiple simultaneous
users.
 Placing greater control in the hands of the system
administrators is only an advantage with a
sufficient number of competent admins.
The Right Tool for the Right Job
Web based applications are ideal for:
 Database heavy applications
 Applications that must be used remotely
 Varied user base
 Low GUI requirements
 Not performance sensitive (client side)
The Right Tool for the Right Job
Web based applications may not work
for:
 GUI intensive applications
 Applications requiring access to users local
machine
 Performance sensitive applications
 Situations with unreliable or limited network
connectivity
Architecture of Web Applications
Presentation Business
Logic
Data
Storage
Architecture of Web Applications
JSPs Java
Classes
Oracle
Database
Example of a possible J2EE implementation
Example Java Class
public class User {
…
public boolean hasEditRights() {
return editRights;
}
…
}
JSP Code Example
…
<% if (user.hasEditRights()) { %>
<input name=“test” value=“Text Here”>
<% } else { %>
<input name=“test” value=“Text Here” readonly>
<% } %>
…
Design Considerations
 “back-end” code can generally use standard
object-orientated programming practices and
standards
 “presentation” code differs somewhat because of
the restrictions imposed by web standards.
 Same guidelines for good GUI design apply, but
additional considerations must be made.
 Proper web site design considerations also apply
 The application code must be built to handle
multiple simultaneous users.
Adding a Web Interface for an
Existing Application.
 Can be extremely difficult (if not impossible) or
trivially easy, depending on the application.
 Can be done at different levels:
 New program, share data store (Webmail).
 Old program, with a new, web based, GUI.
Alternatives to Web Based
Applications
 Citrix
 Remote Desktop
 Hybrid Application
 Others
Questions?

More Related Content

DOC
Internet applications unit1
PPTX
Web Engineering - Web Applications versus Conventional Software
PPTX
Web Application Development-Ultimate Guide To Web Application Architecture
DOCX
Quality Attributes of Web Software Applications ∗
PPTX
Web Application Development. Web Application Frameworks
PPTX
Web Application Development. Web Application Frameworks
PPTX
Lecture 01 Introduction to Software Engineering
PDF
Supermarket Management System Project Report.pdf
Internet applications unit1
Web Engineering - Web Applications versus Conventional Software
Web Application Development-Ultimate Guide To Web Application Architecture
Quality Attributes of Web Software Applications ∗
Web Application Development. Web Application Frameworks
Web Application Development. Web Application Frameworks
Lecture 01 Introduction to Software Engineering
Supermarket Management System Project Report.pdf

Similar to Web Based Applications - by Web Dev.pptx (20)

PPT
Emerging Service Technologies
PDF
Navigating the Hype and Realities of Web Development Frameworks
PDF
Web Application Architecture: Everything You Need to Know About
PPTX
Cloud Computing & Cloud Storage
PPT
Intelligent Mashups
PPT
Web Applications: Dominance and Drawbacks
PDF
Software Engineering Notes 1 (1) (1).pdf
PPTX
Food borne human diseases
PPTX
The Evolution of a Scrappy Startup to a Successful Web Service
PDF
Clean architecture with asp.net core
PPT
Application Performance Lecture
PPT
Performance testing : An Overview
PDF
Web OS in Cloud Computing: A Case study
PDF
Web application development full &amp; detailed guide for 2022
PPT
Livebase: a database for the web 2.0
PPTX
Sedna space philosophy
PDF
Dairy management system project report..pdf
PPT
Distributed information sys
PPTX
Distributed Software Engineering with Client-Server Computing
PDF
Online Examination System in .NET & DB2
Emerging Service Technologies
Navigating the Hype and Realities of Web Development Frameworks
Web Application Architecture: Everything You Need to Know About
Cloud Computing & Cloud Storage
Intelligent Mashups
Web Applications: Dominance and Drawbacks
Software Engineering Notes 1 (1) (1).pdf
Food borne human diseases
The Evolution of a Scrappy Startup to a Successful Web Service
Clean architecture with asp.net core
Application Performance Lecture
Performance testing : An Overview
Web OS in Cloud Computing: A Case study
Web application development full &amp; detailed guide for 2022
Livebase: a database for the web 2.0
Sedna space philosophy
Dairy management system project report..pdf
Distributed information sys
Distributed Software Engineering with Client-Server Computing
Online Examination System in .NET & DB2
Ad

Recently uploaded (20)

PDF
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
PPTX
Cell Types and Its function , kingdom of life
PPTX
GDM (1) (1).pptx small presentation for students
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PDF
O7-L3 Supply Chain Operations - ICLT Program
PDF
Sports Quiz easy sports quiz sports quiz
PDF
Basic Mud Logging Guide for educational purpose
PDF
Pre independence Education in Inndia.pdf
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
PDF
Insiders guide to clinical Medicine.pdf
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PPTX
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PPTX
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
PDF
01-Introduction-to-Information-Management.pdf
PPTX
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
TR - Agricultural Crops Production NC III.pdf
Saundersa Comprehensive Review for the NCLEX-RN Examination.pdf
Cell Types and Its function , kingdom of life
GDM (1) (1).pptx small presentation for students
2.FourierTransform-ShortQuestionswithAnswers.pdf
Abdominal Access Techniques with Prof. Dr. R K Mishra
O7-L3 Supply Chain Operations - ICLT Program
Sports Quiz easy sports quiz sports quiz
Basic Mud Logging Guide for educational purpose
Pre independence Education in Inndia.pdf
O5-L3 Freight Transport Ops (International) V1.pdf
Insiders guide to clinical Medicine.pdf
Module 4: Burden of Disease Tutorial Slides S2 2025
IMMUNITY IMMUNITY refers to protection against infection, and the immune syst...
Microbial diseases, their pathogenesis and prophylaxis
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Introduction_to_Human_Anatomy_and_Physiology_for_B.Pharm.pptx
01-Introduction-to-Information-Management.pdf
school management -TNTEU- B.Ed., Semester II Unit 1.pptx
Microbial disease of the cardiovascular and lymphatic systems
TR - Agricultural Crops Production NC III.pdf
Ad

Web Based Applications - by Web Dev.pptx

  • 2. Overview  What is a web-based application?  What are the advantages?  What are the disadvantages?  What is the basic architecture of a web based application?  What technologies are available to implement this?  What are some necessary design considerations for web based applications (as opposed to normal apps)?  Can you add a web interface to an existing application? How?
  • 3. What is a Web Based Application?  “A web based application is a software package that can be accessed through the web browser. The software and database reside on a central server rather than being installed on the desktop system and is accessed over a network.” (NetSity corporate homepage)  A common example is web-based email. ie, Hotmail, Yahoo! mail or UWP’s web mail.
  • 4. What are the Advantages?  App runs server side (CPU, disk space, configuration)  No install, packaging, CDs, upgrades, configurations or tweaking of settings on the client side.  Greater responsibilities and control placed in the hands of the system administrators (as opposed to the users)  Data is likely more secure (stored server side, w/ proper security measures and backup)  Machine independent (any user can log in from any computer.
  • 5. What are the Advantages? (con’t)  One application will run on any and all platforms, assuming standards compliant code and browsers.  Reduced external network traffic (ex. Database heavy applications)  Lower client side system requirements (machine only needs network access and the ability to run a compliant web browser)
  • 6. What are the Disadvantages?  “Who has my data?” Essentially, not you.  Issues of trust; many users do not trust other people, even within the same company, to keep their data safe and secure.  Response time. While the actual execution of the app may be much quicker, user response time can be noticeably slower than a local app.  Internet (or network) connectivity is not (yet) ubiquitous.
  • 7. What are the Disadvantages? (con’t)  Browser compatibility can still be a problem.  Some tasks that are simple in traditional application development, are quite complicated from a web application (ex, local printing)  Security concerns limit what you can accomplish (limited access to the users local machine).  Depending on the application, usability can be very bandwidth sensitive.
  • 8. What are the Disadvantages? (con’t) Some advantages are also disadvantages:  Running applications server-side requires servers with sufficient power (CPU, memory, disk, bandwidth) to handle multiple simultaneous users.  Placing greater control in the hands of the system administrators is only an advantage with a sufficient number of competent admins.
  • 9. The Right Tool for the Right Job Web based applications are ideal for:  Database heavy applications  Applications that must be used remotely  Varied user base  Low GUI requirements  Not performance sensitive (client side)
  • 10. The Right Tool for the Right Job Web based applications may not work for:  GUI intensive applications  Applications requiring access to users local machine  Performance sensitive applications  Situations with unreliable or limited network connectivity
  • 11. Architecture of Web Applications Presentation Business Logic Data Storage
  • 12. Architecture of Web Applications JSPs Java Classes Oracle Database Example of a possible J2EE implementation
  • 13. Example Java Class public class User { … public boolean hasEditRights() { return editRights; } … }
  • 14. JSP Code Example … <% if (user.hasEditRights()) { %> <input name=“test” value=“Text Here”> <% } else { %> <input name=“test” value=“Text Here” readonly> <% } %> …
  • 15. Design Considerations  “back-end” code can generally use standard object-orientated programming practices and standards  “presentation” code differs somewhat because of the restrictions imposed by web standards.  Same guidelines for good GUI design apply, but additional considerations must be made.  Proper web site design considerations also apply  The application code must be built to handle multiple simultaneous users.
  • 16. Adding a Web Interface for an Existing Application.  Can be extremely difficult (if not impossible) or trivially easy, depending on the application.  Can be done at different levels:  New program, share data store (Webmail).  Old program, with a new, web based, GUI.
  • 17. Alternatives to Web Based Applications  Citrix  Remote Desktop  Hybrid Application  Others