Class 11 | Web Applications | WMA Notes

UNIT 5
Class 11 Mobile Application Web Application

Web Applications

Original Scanned PDF – View Notes

01

Introduction

  • A web application is a computer program that utilizes browsers and web technology to perform task over the internet.
  • Web applications use a combination of server side scripts (PHP, ASP) and client side scripts (HTML, CSS, JavaScript).
  • Server side scripts are used to handle the storage and retrieval of information from database.
  • Client side scripts are used to present information to users.
  • Web app helps to create documents, share information, collaborate on projects and work together regardless of location.
02

Platform Used for Web Application

Most popular tool available are:

  1. Angular JS
  2. ASP.NET
  3. Ruby on Rails (ROR)
  4. Symphony
  5. Laravel

1. Angular JS

  • Angular JS framework developed by Google was released in 2009.
  • Powerful JavaScript based development framework.
  • This framework is used by companies like Google, PayPal, Netflix, Microsoft.
  • Best front end framework for web application.
  • Used to create dynamic web application.

2. ASP.NET

  • Established in 2002 by Microsoft.
  • Perfect web application development platform for building desktop and mobile application.
  • Useful for creating dynamic and scalable web application.

3. Ruby on Rails (ROR)

ROR is written in Ruby language.

4. Symphony

A PHP web development framework.

5. Laravel

  • PHP web framework.
  • Best tool.
03

Components of Web Application

Components of web application showing client browser connected to web server resources using JavaScript, CSS and HTML Client Browser Web Server Resources JavaScript CSS HTML
Fig: Component of web application

Two components of web application:

1. UI Web Application Component

  • Includes activity logs, dashboards, notification, setting, statics statistics etc.
  • Layout plan of web app.

2. Structural Component

Two major structural components are:

1. Client Component

  • Developed using HTML, CSS and JavaScript.
  • Front end.

2. Server Component

  • Developed using one to several programmed language like Java, Net, Node JS, PHP etc.
  • Backend.
04

Web Browser

  • It is an application for accessing websites.
  • First web browser, called WorldWideWeb, was created in 1990 by Sir Tim Berners-Lee.
  • Used to retrieve data from webpages.
  • Multiple web browsers can be installed on a single device.
  • Allow us to access information using the WWW.
  • Without a browser, you can’t open a single website.
  • Retrieves information from other parts of the web and display it on your desktop or mobile devices.
  • Example: Chrome, Firefox, Mozilla, Opera, Internet Explorer.
05

Web Server and Application Server

Web server and application server diagram showing internet HTTP request to web server, serverlet request to application server, browser user, webpage files and template page data Internet Web Server Application Server HTTP request serverlet request Browser user webpage and graphic files Template page code and data
Fig: Web server and application server
  • A web server delivers static web content e.g. HTML page, files, images, video etc.
  • An application server generates dynamic content such as transaction result, decision support on real time analytics.
  • Web server arrange the run environment for web application.
  • Application server arrange run environment for enterprise application.
  • Web server is less fault tolerant.
  • Application server is high fault tolerant.
  • Web server example are Apache HTTP, IIS.
  • Application server example are JBoss, Glassfish.
06

Connecting a Web Application to a Database

Web application to database diagram with user browser, web server PHP and SQL database User Browser Web Server PHP Database SQL
Fig: Web application to a database
  • Content of any website for a business organization, companies text, images, media etc are stored in database like MySQL.
  • We need to connect to database, querying it for data and presenting data in HTML is done by a server side scripting languages such as PHP.
07

Steps Involved

  1. Prepare database user account details.
  2. Use one or more server side scripts to connect to database.
  3. Query your data using SQL (Structured Query Language).
  4. Output your data. Now we can present it within HTML.
  5. Test your script. Once we have established successful connection, we can build website.
Example from the scan
<?
mysql.connect("database.host",
              "username",
              "password");
?>

SELECT * FROM Customers;
08

Web App Development Life Cycle

The web app development life cycle typically involves following 7 stages.

1. Planning

  • First stage.
  • Define purpose and goals of the web app.
  • Identify target audience.
  • Plan features and functionalities you want to include.

2. Analysis

  • Analyze requirement of web app.
  • Feasibility study of project is done.

3. Design

  • Design user interface.
  • Create prototype.
  • Establish look and feel of the app.

4. Development

Actual coding is done.

5. Testing

  • Ensure web app is functioning properly.
  • Ensure free of error or bugs.
  • Test for usability, compatibility, security and performance.

6. Installation

Installed to a server or hosting platform.

7. Update and Maintenance

  • Web app continues to function properly and remains up to date.
  • Involves updating the code, fixing bugs and adding new features.
Web application development life cycle showing planning, analysis, design, development, testing, installation, and update and maintenance in a cycle Planning Analysis Design Development Testing Installation Update and Maintenance
Fig: Web application development life cycle

Discussion

Share a helpful question, idea, or explanation with other students.

Leave a Comment

Write a clear question, answer, or helpful explanation.
Your email will not be published.

Download Our Offline App

Study class-wise notes even when internet is not available. Get the app from Play Store.

Nepal eNotes offline app preview
Get it on Google Play