Web Application Development Process

Slides:



Advertisements
Similar presentations
HTTP Request/Response Process 1.Enter URL ( in your browser’s address bar. 2.Your browser uses DNS to look up IP address of server.com.
Advertisements

1 The Database Application Development Process The Database Application Development Process.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Server-Side vs. Client-Side Scripting Languages
MSc. Publishing on WWW JavaScript. What is JavaScript? A scripting language devised by Netscape Adds functionality to web pages by: Embedding code into.
Design of Web-based Systems IS Development: lecture 10.
HTML Recall that HTML is static in that it describes how a page is to be displayed, but it doesn’t provide for interaction or animation. A page created.
Multiple Tiers in Action
Introduction to Web Based Application. Web-based application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.
Robofest 2001 Online Management System Jim Needham MCS 4833/01 Senior Project Dr. Chan-Jin Chung, Ph.D.
What is Web Design The term “web design” has come to encompass a number of disciplines, including: Visual (graphic) design User interface and experience.
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
It’s World Wide! I NTRODUCTION TO T HE WEB 1 Photo courtesy:
 Computer Information System Club focused on the understanding and applied learning of web development.  The club was founded in April 5,  We.
Mr. Rouda’s CSCI 101 sections. What does a web page consist of? Code HTML, CSS, XHTML, XML, etc. Images Gif, jpg, png, etc. Plugins Swf, flv, etc. JavaScript.
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
Mobile App Support Jacob Poirier Geri Hengesbach Andrea Menke Erin Rossell.
Chapter 1: Introduction to Web
Software Testing Life Cycle
CakePHP is an open source web development framework. It follows Model-View- Controller and is developed using PHP. IT is the basic for user to create.
1 3. Computing System Fundamentals 3.1 Language Translators.
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
Modern JavaScript Develop And Design Instructor’s Notes Chapter 1 - (Re) Introducing JavaScript Modern JavaScript Design And Develop Copyright © 2012 by.
Slide 12.1 Chapter 12 Implementation. Slide 12.2 Learning outcomes Produce a plan to minimize the risks involved with the launch phase of an e-business.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Where does PHP code get executed?. Where does JavaScript get executed?
Development Process Agile/XP Planning + Issue Tracking Google Code provided efficient + effective project management Bug and defect reports Project planning.
WEP Presentation for non-IT Steps and roles in software development 2. Skills developed in 1 st year 3. What can do a student in 1 st internship.
Wijmo Troy Taylor. What is Wijmo? -Wijmo is a kit of over 40 UI widgets, optimized for client-side web development. -HTML5 -jQuery -CSS3 -SVG.
Tallahassee, Florida, 2015 COP4710 Database Systems Project Overview Fall 2015.
WHAT IS SERVER SIDE SCRIPTING? Server-side scripting is a web server technology in which a user's request is verified by running a script directly on the.
Scripting Languages Client Side and Server Side. Examples of client side/server side Examples of client-side side include: JavaScript Jquery (uses a JavaScript.
SHAPE THE WORLD. WEB DEVELOPMENT.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
Fig.2: WOORK.COM Fig. 1:Extreme Solutions Fig. 3: Illustration of the waterfall approach to Web Application development.
Overview Web Technologies Computing Science Thompson Rivers University.
IN THIS LESSON WE WILL REVIEW THE STRUCTURE OF THE INTERNET AND HOW BROWSERS ASSEMBLE WEBSITES BASED ON INSTRUCTIONS THEY RECEIVE FROM SERVERS. Internet.
1 LM 6 Database Applications Dr. Lei Li. Learning Objectives Explain three components of a client-server system Describe differences between a 2-tiered.
1/7/2016www.infocampus.co.in1. 1/7/2016www.infocampus.co.in2 Web Development training gives you and all-round training in both the design and the development.
IFET COLLEGE OF ENGINEERING DEPARTMENT OF ECE Web Based Tool Management System Presented by Pravina.R Final year/ECE Guided by Mr.M.Arul Pugazhendhi.
CAESked Computer Aided Engineering Scheduler. Introduction Team Members: Chris Fruin & Jerry Grochowski What CAESked is: Web based class scheduling application.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
Doktorant ė : Egl ė Mickevi č i ū t ė Software development technologies KAUNO TECHNOLOGIJOS UNIVERSITETAS INFORMACIJOS SISTEM Ų KATEDA Kaunas, 2013.
Technologies and Characteristics Outline Description –Architecture –ER Model –Pages Template Reasons of some choices Problems Encountered Some.
VertexPlus Softwares Pvt. Ltd. WEB TECHNOLOGIES BEFORE CHOOSING WEBSITE DEVELOPMENT SERVICES FOR WEBSITE vertexplus.com.
Web Hosting.
Introduction to Internet Programming (Web Based Application)
Web Technologies Computing Science Thompson Rivers University
Web Marketing Project Eric DEBOURG Thomas CREVOISIER Joffrey TERRADE
Objective % Select and utilize tools to design and develop websites.
COP4710 Database Systems Project Overview.
Introduction and Principles
Objective % Select and utilize tools to design and develop websites.
Web App vs Mobile App.
WEB 407 Competitive Success/snaptutorial.com
WEB 407 Education for Service-- snaptutorial.com.
WEB 407 Teaching Effectively-- snaptutorial.com
WEB 407 knowledge is divine-- snaptutorial.com. WEB 407 Week 1 Individual Creating an HTML5 Document For more classes visit WEB 407.
04 | Web Applications Gerry O’Brien | Technical Content Development Manager Paul Pardi | Senior Content Publishing Manager.
CMP Creating Your Personal and Small Business Web Sites
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Unit 6 part 3 Test Javascript Test.
Secure Web Programming
CS4433 Database Systems Project.
Web Technologies Computing Science Thompson Rivers University
Client-Server Model: Requesting a Web Page
Web Application Development Using PHP
© 2017, Mike Murach & Associates, Inc.
ADTEL WEBSITE
CGS 3066: Web Programming and Design Fall 2019
Presentation transcript:

Web Application Development Process Cygnis Media

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

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

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

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

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)

Requirements Gather Methods

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

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

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)

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

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.

Sources Michal Blumenstyk. (2013). “Web Application Development - Bridging the Gap between QA and Development.” http://www.stickyminds.com/sitewide.asp?Function=edetail&ObjectType=ART&ObjectId=3658 Caesar Fernandes. (2013). “Web Application Development: A Guide to Success.” http://www.sitepoint.com/development-guide-success/

Thank You Presentation Created By Cygnis Media