Professional Documents
Culture Documents
The Woork Papers N1 - Structured Process You Must Know To Develop A Web Application
The Woork Papers N1 - Structured Process You Must Know To Develop A Web Application
C O M
THE
Woork
PAPER N.1
Structured process you must know
to develop a web application
Antonio Lupetti
____________
My Blog: http://woork.blogspot.com
My Facebook profile: http://www.facebook.com/profile.php?id=709734006
Email: antonio.lupetti@gmail.com
1. Structured process you must
know to develop a web
application
1.1. Introduction
!"#$%&'
1. Requirements definition
2. Design 506+"0"&),34&'
3. Implementation
4. Test
("#)'
5. Release
- owner
- duration
- costs
- ...
Take a look at these posts I wrote some time ago about how to
implement a project plan with a Gantt chart using Excel or
Google Spreadsheets:
In this first phase you have to define the scope and needs of
your web application in terms of what your application must do,
main features and technical requirements:
907+"0"&),34&'
("#)'
*"+",#"'
4
THE WOORK PAPER N1
Scope
In order to define the scope of your web application is sufficient
to compile a detailed list with a clear description of application
features. At the moment is not important "how" you'll realize
them but "what" you have to realize!
Needs
Needs analysis is a crucial part of developing process. In this
step you have to estimate your potential traffic, choose a server-
side language (PHP, ASP, Coldfusion...), database, choose an
hosting service... Place a big attention on not to overrate/
underrate your estimates! Evaluate every thing with a right
balance between times, costs and objectives!
1.3. Design
*"-.$/"0"&)#'
1"2&$34&'
566+$7,34&'
!"#$%&' 8,6'
•!7/88%$9:%6'8#/$"45$&,#0%6&
!,),C,#"' ;!"#$%&'(")*+#,!%&'(*%$"-./&0+1&<&
D06+"0"&),34&'
=,%"'9)/.7)./"' •!=0%/81>&,'4/&$%?8#/$&5'@%$&
("#)'
9"/:"/;#$1"' •!A%$4@/&?6'$$%$&;2#3%4!(2*+%/!%5(
<,&%.,%"' 1*.6*"77+/6<&
Application Map
An application map contains just meaningful and essential
information about the structure of your application: pages
Structured process you must know to develop a web application
!"#$%&'(')
1$2$3)4)
!"#$%&'()$*+,( -*.()$*+,(
1$2$3)5)
'6/73$&'(')
-**/(01()2/30*(/303,(
8/#!9:&'(')
4//(3&5(&*.$,(
-##;"$<*&'(')
In this way you have a map with some "locations" (pages) and a
"path" (relationships between pages) which you simply have to
follow in order to proceed, page-by-page, to implement your
application in the next phase. In this way you'll save a lot of
time, having clear in mind what you have to implement.
Database
Ok, now it's time to design application database. A simple way
to do that it's using a entities-relationships (ER) model. In
general you can follow this order: define first tables, than
attributes and relationships between tables. Your ER model will
be like this:
6
THE WOORK PAPER N1
Page Structure
Next step is to design an
!"#$%#&'
approximate structure of the
page, identifying all main !*$1/$&'
sections using a name (for
example #header, #navbar,
#mainContent, #sidebar). !($)*+,*-#*-' !.)%#/$&'
Server-side Language
Taking a mind an object- !0,,-#&'
JS Framework
In this step choose a JavaScript Framework (jQuery,
Scriptaculous, MooTools...), than pass to identify the main
features you want to implement (drag and drop, animation
Structured process you must know to develop a web application
1.4. Design
*"-.$/"0"&)#'
1"2&$34&'
!"#$%&'
5(67' •!5#6-%42+3723+-%%
("#)'
;88' •!5#6-%8#9/32%
*"+",#"'
8"/9"/:#$1"' •!:;#44-4<%13&7=/&4<%>?%
7,&%.,%"' @&2-+#7=/&4A%
<,9,8=/$>)' •!!"#$%#&'%()%*+#,-./+0%1-#23+-4%
Implementation: Database
Create a new database and write SQL code defining tables,
attributes and relationships. In the past I dedicated some posts
about this topic. Take a look at the following links for more
information:
8
THE WOORK PAPER N1
HTML
Use the page structure you defined in Design phase to
implement HTML code:
<div id="mainContent">
<h1><!-- Post title --></h1>
<p><!-- Text body --></p>
<small><!-- Post tags --></small>
</div>
CSS
When the main structure is ready, start to write CSS code to add
styles to your application. If you need some suggestions about
how to write a better CSS code take a look at these posts:
Server-side language
Implement application class, application functions, DB
interactions, queries, and every thing requires a server-side
interaction.
JavaScript
Implement Ajax features (drag and drop, animation effects...)
using the framework you chose in Design phase (jQuery,
Scriptaculous, MooTools...).
1.5. Test
*"-.$/"0"&)#'
1"2&$34&'
!"#$%&'
5$&,+'8,+$1,34&' •!123")2.%$(')"4%)$0')%$
*"+",#"'
10
THE WOORK PAPER N1
than proceed with the final validation (an ulterior test) of the
code.
Release
Finally you are ready to release your application! Publish it in a
test folder and make a final test. If it's all ok proceed to the final
release.
That's all. I hope this post can halp all of you which asked to me
to add a post about this topic.
______________
★ ORIGINAL POST
http://woork.blogspot.com/2009/01/structured-process-you-must-know-to.html