1. Web Application Development Process
Cygnis Media

2. Defining Web Application!
A computer software application that is hosted in a browser controlled environment.
Any application that uses web browser as a client.
Google document and spreadsheet is a fine example of web application

3. Web Application Development Process
Web application development process are procedures and standards of developing a web application
Web application development process has defined stages or phases
Development process follows a certain sequence

4. Web Application Development Process Chart
Defining Requirements
Scope
Needs
Design
Application Map
Database
Page Structure
Server-side Language
JS Framework
Implementation
HTML
CSS
Server-side language
JavaScript
Test
Test Code
Fix Bugs
Final Validation
Release

5. Phases of Web Application Development Process
There are five main phases of web application development process:
Defining Requirements
Design
Implementation
Test
Release

6. Defining Requirements
Scope: It is a step which describes what exactly your web application will do.
E.g. Describing features of your web application
Needs: This step describes the technical requirements for the web application
E.g. Choosing server side language (php, ASP, ColdFusion)

7. Requirements Gather Methods

8. Design
This phase of the process is used to design the application with clear project.
This phase involves following steps:
Application Map: This step defines the structure of your application.
E.g. Sitemap
Database: This step is used to design the database of the application
E.g. Designing a database using a entities-relationships (ER) model.
Page Structure: Designing a structure of the web application
E.g. Wireframe
Server-side Language: This steps defines your objects of the application
JS Framework features: This steps helps to choose JavaScript framework
E.g. jQuery, Scriptaculous, MooTools

9. Implementation
This phase is the most important phase of web application development process where application idea comes in to realization.

10. Implementation (Cont.)
This steps involves following steps:
Database: This step is all about writing SQL code and creating tables, attributes and relationships.
HTML: This step helps to create html code for the web application
CSS: CSS helps to put some style in to your web application
Server-side Language: This step defines application class, Database interactions and anything which needs server side interaction
JavaScript: Implementing features like drag and drop and animation through the framework of choice (For details see Design)

11. Test
This phase is all about testing your application in different conditions.
E.g. running application in different browsers (Firefox, Chrome, IE)
Test Code: This step is used to test code and find any errors in the application
Fix Bugs: This step helps to eradicate any errors in the web application
Final Validation: It is the optimum level of testing

12. Release
This phase is all about releasing your web application to the internet.
E.g. Launching a web based game through a particular website.
Farmville a web based game launched on Facebook.

13. Sources
Michal Blumenstyk. (2013). “Web Application Development - Bridging the Gap between QA and Development.”
Caesar Fernandes. (2013). “Web Application Development: A Guide to Success.”

14. Thank You
Presentation Created By
Cygnis Media