TABLE OF CONTENTS
CHAPTER TITLE
DECLARATION
DEDICATION
ACKNOWLEDGEMENT
ABSTRACT
1
ABSTRAK
TABLE OF CONTENTS
LIST OF TABLES
LIST OF FIGURES
LIST OF ABBREVIATION
LIST OF APPENDICES
INTRODUCTION
1.0
Problem Background
2 SCOPES AND OBJECTIVES
2.0 Vision Statements
2.1 Project Objectives
2.2 Project Scopes
2.3 Project Plan
3 LITERATURE STUDY
3.0 Software Development Life Cycle (SDLC)
3.0.1 Planning
3.0.2 Analysis
3.0.3 Design
PAGE vi vii x xi ii iii iv v xii xiii
1
1
5
5
6
7
8
3
3
3
4
4
9

4
5
6
3.0.4 Implementation
3.1 System Development Life Cycle Methodology
3.2 Website and its Characteristic
3.3 Web Development Life Cycle (WDLC)
3.3.1 Planning
3.3.2 Analysis
3.3.3 Design
3.3.4 Implementation
3.4 Considering Content Management System
3.4.1 Basic Features of Web CMS
3.4.2 Possible Downside of CMS
3.4.3 Choosing the Right CMS
3.5 Web Development Life Cycle Methodology
DISCUSSION
4.0 Introduction
4.1 Differences of SDLC and WDLC
4.2 WDLC as a subset of SDLC
4.3 Throwaway Prototyping Model for WDLC
IMPLEMENTATION
5.0 Introduction
5.1 Brief of the project
5.2 Project Development Process
5.2.1 Planning
5.2.2 Analysis
5.2.3 Design Prototype
5.2.4 Design
5.2.5 Implementation
CONCLUSION
6.0 WDLC relevancy toward website development
6.2 Future Study
31
31
33
37
40
42
42
42
43
47
67
67
68
49
51
59
63
10
12
21
22
24
26
14
16
18
20
27
28
29
10

6.3 Conclusion
REFERENCES
Appendices A-B
68
11
70
73

12
LIST OF TABLES
3.1
4.1
4.2
4.3
4.5
5.1
5.2
5.3
5.4
TABLE NO
4.4
TITLE
WDLC web development phases
Comparison of SDLC and WDLC
Activity Comparison between SDLC and WDLC
Criterion Selection Factors in Structure
Methodologies
Criterion Selection Factors in Rapid Application
Development (RAD)
Criterion Selection Factors in Agile Methodologies
Activities in Throwaway Prototyping
Software and Tools for Web development
Technology for Web Development
Website Structure
PAGE
37
37
38
16
33
34
44
48
49
52

13
LIST OF FIGURES
5.6
5.7
5.8
5.9
5.10
5.11
5.12
5.13
5.14
5.15
5.16
5.17
5.18
5.2
5.3
5.4
5.5
3.1
3.2
3.3
5.1
5.19
FIGURES NO TITLE
Basic Phases in SDLC
Static Web Architecture
Dynamic Web Architecture
Throwaway Prototyping Model
Content Layout for the Website
First Prototype for Homepage
First Prototype for Content Page
Second Prototype for Homepage
Second Prototype for Content Page
Home section of each main section
Content page with home section of main content
Basic content page
Home Page
Examples of CSS file
Corresponding div tag for CSS
First story board
Second story board
Third story board
Fourth story board
Joomla Administration Page
HTML coding in the template
Example of content generated from Joomla tags
PAGE
59
60
61
61
56
57
58
58
62
62
63
64
65
51
53
54
55
5
15
16
44
65

LIST OF ABBREVIATION
ACM
CASE
CERN
CMMI
CMS
CS 3
CSS
DSDM
ERP
FTP
GIMP
GUI
HCI
HTML
IEEE
JAD
Lorum Ipsum
MySQL
PHP
RAD
RSS
SAP
SDLC
SEO
URL
WCMS
WDLC
- Association for Computer Machinary
- Computer Aided Software Engineering
- European Organization for Nuclear Research
- Capability Maturity Model Integration
- Content Management System
- Creative Suite 3
- Cascadding Stlye Sheets
- dynamic system development method
- Enterprise Resource Planning
- File Transfer Protocol
- GNU Image Manipulation Program
- Ghraphical User Interface
- Human Computer Interaction
- Hyper Text Markup Language
- Institute of Electricals and Electronic Engineers
- Joint Application Development
- Text Filler or Dummy Text Content
- Simple Query Language
- Personal Home Page / PHP :Hypertext Preprocessor
- Rapid Application Development
- Really Simple Syndication
- System Analysis and Program Development
- Software Development Life Cycle
- Search Engine Optimization
- Uniform Resource Locator
- Web Content Management System
- Web Development Life Cycle
14

WWW
WYSIWYG
XML
XP
- World Wide Web
- What You See Is What You Get
- Extension Markup Language
- Extreme Programming
15

LIST OF APPENDICES
A
B
APPENDIX TITLE
Gantt Chart for Industrial Attachment II
Pert Chart for Industrial Attachment II
16
PAGE
73
75

17
CHAPTER 1
INTRODUCTION
1.0
Problem Background
In today’s development, there is no a ground rule or guideline which we can be followed in developing static website. Even though the process of the web development has similarities with the process in conventional software development life cycle (SDLC) model, still there is a need to have a well tailored or dedicated approach for web development based on specific requirement.
The term of web development life cycle (WDLC) that is used by many web developer can be misunderstood in term of its scope. Some of them understand
WDLC as a new model of SDLC. Some of them understand it as new methodologies in WDLC. Moreover, some of them even understand it as a whole new study of
SDLC because of its general term of WDLC itself.
Despite of the issues, the idea behind WDLC is to design a specific approach for web development especially for static web development. The approach may not be a whole new model of SDLC but it may be a derivation of SDLC model that implies with the typical process of web development life cycle.
The approach is based on the current technology and may be varies in the future. As for today, the widely used of web content management system (CMS), advanced web authoring tools that can ease the process of prototyping to implementation phase are major contributing factors of why this approach is introduce at the first place.

18
Therefore, it is necessary to understand SDLC which includes the methodologies and the models inside each of them. Moreover it is also important to understand the website characteristic and its type such as static website and dynamic website. Furthermore, understanding the latest and conventional development process trends is also important as it will identifies the technologies involves in it.
Hence, the information will help to determine the appropriate model of SDLC and therefore can be derived according to web development life cycle trends.