Web Applications
Original Scanned PDF – View Notes
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.
Platform Used for Web Application
Most popular tool available are:
- Angular JS
- ASP.NET
- Ruby on Rails (ROR)
- Symphony
- 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.
Components 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.
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.
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.
Connecting a 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.
Steps Involved
- Prepare database user account details.
- Use one or more server side scripts to connect to database.
- Query your data using SQL (Structured Query Language).
- Output your data. Now we can present it within HTML.
- Test your script. Once we have established successful connection, we can build website.
<?
mysql.connect("database.host",
"username",
"password");
?>
SELECT * FROM Customers;
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.
Discussion
Share a helpful question, idea, or explanation with other students.