Website Design Document

8/6/2019 Website Design Document

1/26

-------- \][

] ]_

DESIGN DOCUMENT

FOR----------------- WEBSITE

(Version 1.0)

-------------------

----------------, -110066/New Delhi-110066

-------------- Web Site: www.-----------

2011/January 2011


2/26

----------------------- WEBSITE DESIGN

DOCUMENT

Author

Name Role Date of Preparation Signature------- Developer January 3, 2011 -sd-

Reviewer(s)Name Role Date of Review Signature--------- ---------- & Chief

InformationSecurity Officer

January 3, 2011 -sd-

ApproverName Role Date of Approval Signature

------------ -sd-Document Path Version Number Date of Release

January 3, 2011

Revision HistoryVersionnumberchangedFromTo

Date of Release Section/ Page #Changed

Details of Changes


3/26

Table of Content

Introduction......................................................................................................................... 1Website Goals ..................................................................................................................... 1

Site Outline and General Organization............................................................................... 1

Website Flow Chart ............................................................................................................ 3

Page Wire-Frame ................................................................................................................ 4

Technical Specifications ..................................................................................................... 6

Annexure-I .......................................................................................................................... 8

Webpage Screenshots ..................................................................................................... 8


4/26

------------------- Website Design Document Version 1.0

-1-

Introduction

The purpose of this document is to outline the architecture and navigation scheme of the -

-------------------------- website, and to identify and describe key content. In addition,

technical specifications and various standards for the development of this website aresummarized here. This document does not address the areas covering art direction and

graphic development for the website under consideration.

Website Goals

Availability of various reports and documents related to power sector throughinternet.

Provide easy access to various acts / regulations / notifications related to ----------.

Provide general information about -------------------.

Site Outline and General Organization

The site has been organized along topical lines into 6 primary sections; first two sectionsare dedicated to general information / regular reports of ---, third section is dedicated to

the availability of reports / documents related to specific fields, and rest of the sections

provide archives, sitemap and search functionality respectively. Each primary sectionwill function essentially as a sub-domain within the whole --- site, with its own splash

page and set of local navigation buttons. In this way, information is organized into

compact hierarchy that facilitates navigation.

Below is the list of unique web pages which provide access to different sections of ---website. Note that some pages may be cross referenced between various sections within

the site.

Home section

o Reports & Documents

o Tender Notices

o Circulars

o Publications

o Related Links

o Contact Us

About Us section

o Functional Areas

o Organizational Chart

o Offices of ---


5/26


-2-

o Contact List

o RTI

o Citizens Charter

o How to Reach

Resources section

o Project Appraisals

o Design & Engineering

o Project Monitoring

o Renovation & Modernization

o Regulations

o Human Resource & Development

Archives section

o Executive Summary

o Monthly Coal Report

o Monthly Hydro Reservoir Report

o Actual Monthly Generation Report

o Tentative Monthly Generation Report

o Annual Electrical Energy Generation Review

o Monthly Electrical Energy Generation Review

o Thermal Archiveso Hydro Archives

o Planning Archives

o Power System Archives

o Grid Operation & Distribution Archives

o Tender Archives

o Publication Archives

Sitemap section

Search section


6/26


-3-

Website Flow Chart

Figure 1 suggests structural relationship of the websites primary sections and their

associated pages.

Figure 1

Home

Page

New Uploads

Accessibility

Options

Website

Policy

Quick

Links

Links to Important Reports

Links to external sites

Reports &

Documents

Daily reports

Monthly Reports

Yearly Reports

Thermal related reports/ documents

Hydro related reports/documents Planning related reports/ documents

Power System related reports / documents Grid Operation & Distribution related reports /documents

Economic & Commercial related reports / documentsTender

Notices

CircularsPublications

Related

LinksContact Us

About Us

(Certifications for ---)

Functional Areas

Organizational Chart

Offices of ---

Contact List

RTI

Citizens Charter

How to Reach

Resources

Project Appraisals

Design & Engineering

Project Monitoring

Renovation & Modernization

Regulations

Human Resource & Development

Archives

Sitemap

Search


7/26


-4-

Page Wire-Frame

All pages of --- website have been designed using one of the following layouts:

Three column layout (pages having both primary and local navigation bars,primary content and secondary content space)

Two column layout (pages having both primary and local navigation bars, andprimary content space)

One column layout (pages having only primary content space)

Three column layout

Accessibility options (As per WCAG 2.0)

Scrollable

section

Section summary

Footer

Primary Content Space

Secondary

Content

Space

Local

navigation

Primary

navigation


8/26


-5-

Two column layout

One column layout


Scrollable

section

Section summary

Footer


Local

navigation

Primary

navigation


Footer



9/26


-6-

Technical Specifications

The website will optimally cater to the users with broadband internet connections with at

least 256Kbps speed. Table 1 list the site's target specifications.

TABLE-1

Sl.No. Item Specification

HTML page size 3.3KB 120KB

1.Page Size

(Excluding reports) Complete page size with all

scripts, style sheets and images

45KB 250KB

2. File TypesStatic HTML pages linking to

informational documents

xhtml, js, css, pdf, xls,

doc, zip

Only HTML page At most 0.1 secs to 3.75secs under ideal

conditions3. Download Time

Complete page with all scripts,

style sheets and images

At most 1.4 secs to 7.8

secs under ideal

conditions

4. Supported browser*

Internet Explorer 6 and above

Firefox

Chrome

Safari

Opera

Uniform presentation

5. Screen Resolution** 1024768 - 1440900 Uniform presentation

6. AccessibilityWorld Wide Web ConsortiumWCAG 2.0 level AA guidelines

All web pages shouldcomply with guidelines

7. Code ValidationWorld Wide Web Consortiumspecifications

All web pages shouldcomply with

specifications

(As per data available on: http://www.w3counter.com/globalstats.php?year=2010&month=11 )

* Percentage usage of browser (worldwide):

1. Internet Explorer: 42.5% (mainly IE 8)

2. Firefox: 32%

3. Chrome: 13.1%

4. Safari: 6%

5. Opera: 2%


10/26


-7-

** Percentage usage of screen resolution across the world:

1. 1024768: 21.07%

2. 1280800: 17.76%

3. 12801024: 9.23%

4. 1366768: 8.99%

5. 1440900: 7.76%


11/26


-8-

Annexure-I

Webpage Screenshots

Home

Home -> functions and duties of Authority


12/26


-9-

Home (High Contrast)

New Uploads-> More


13/26


-10-

Home -> Reports & Documents

Home -> Reports & Documents -> Yearly Reports


14/26


-11-

Home -> Tenders

Home -> Circulars


15/26


-12-

Home -> Publications

Home -> Related Links


16/26


-13-

Home -> Contact Us

About Us


17/26


-14-

About Us -> Functional Areas

About Us -> Organizational Chart


18/26


-15-

About Us -> Offices of ---

About Us -> Contact List


19/26


-16-

About Us -> RTI

About Us -> Citizens Charter (opens in a new window)


20/26


-17-

About Us -> How to Reach

Resources -> Project Appraisals


21/26


-18-

Resources -> Design & Engineering

Resources -> Project Monitoring


22/26


-19-

Resources -> Renovation & Modernization

Resources -> Regulations


23/26


24/26


-21-

Archives -> Monthly Coal Report

Archives -> Monthly Hydro Reservoir Report


25/26


-22-

Archives -> Actual Monthly Generation Report

Archives -> Tentative Monthly Generation Report


26/26


Sitemap

Search