Docstoc

Acceptance Criteria

Document Sample
Acceptance Criteria Powered By Docstoc
					Systems Design Specification




               Prepared For:
     O’Toole’s Garden Services Pty Ltd




              Prepared By:




             FiT@lent Group
Executive Summary


The design specifications document is created to provide a graphical and visual
representation of what the user interface will look like when the website is developed. The
website and its interfaces have been designed by the team, accordingly and in conjunction
with the client’s specifications and requirements. The document consists of:

      Project Profile

      Functional Overview

      Technical Specification

      Interface Specification

      System Infrastructure Requirements

The project profile provides information about the project and client background, so that
there is a better understanding of the project the team is developing. The functional
overview describes the proposed system’s functionality. The technical specification covers
the configuration options for WordPress and the modules used by the developers. The
interface specification will provide all the graphical representations of the website including:
Headers, footers, menus, navigation bars, their locations and so on. The system
infrastructure requirements will make available all the information concerning hardware,
environmental and other infrastructural elements which are specifically required for the
development and implementation of the system.
Table of Contents
Systems Design Specification .................................................................................................... 1
   Executive Summary ............................................................................................................... 2
   1. Introduction ........................................................................................................................ 4
      1.1 Purpose......................................................................................................................... 4
      1.2 Scope ............................................................................................................................ 4
      1.3 Audience ...................................................................................................................... 4
      1.4 Limitations and Constraints ......................................................................................... 4
      1.5 Methodology ................................................................................................................ 4
   2. Project Profile .................................................................................................................... 5
      2.1 Client Background ....................................................................................................... 5
      2.2 Project Background ...................................................................................................... 5
   3. Functional Overview .......................................................................................................... 6
   4. Technical Specification ...................................................................................................... 7
   5. Interface Specification ....................................................................................................... 8
      5.1 Interface Template ....................................................................................................... 8
      5.2 Interface Navigation................................................................................................... 12
      5.3 Annotated screen designs ........................................................................................... 13
   6. System infrastructure Requirements ................................................................................ 16
      6.1 External Hardware ................................................................................................... 16
      6.1.1 Client Hardware .................................................................................................... 16
      6.1.2 Networks ................................................................................................................ 16
      6.2 Current Hardware .................................................................................................... 17
      6.3 Area of Highest Concern and Priority ..................................................................... 17
      6.4 Proposed Hardware Upgrade.................................................................................. 18
      6.5 Proposed ISP and Internet Access Upgrade ........................................................... 18
      6.6 Registration of Domain Name (s) and Web Hosting Solution Required ............. 18
   7. Resources ......................................................................................................................... 20
   8. Appendix .......................................................................................................................... 21
1. Introduction
1.1 Purpose

The purpose of this document is to provide information in an explicit and accurate manner,
concerning the design of the website that FiTalent is developing for O’Tooles Pty Ltd
Gardening Services. Thorough detail about the design requirements (functional and non
functional) is provided. This includes any limitations and constraints, methodologies used
and standards used. The document will aid in the understanding of the end product and its
aesthetic and functional appearance, both for the development team and the client.
Additionally the document will identify and specify the flow of the website by providing
various diagrams.

1.2 Scope

The scope of the design document is the outlining of a visual representation and description
of the proposed system currently in development. The system will be represented in the
form of diagrams. All website interfaces will include descriptions with buttons, images and
text. The document will also provide explanation of the various modifications that are
carried out for the website and the software used to create the website.

1.3 Audience

The audience for this document is the project development team – FiTalent, the client
O’Tooles Gardening Services Pty Ltd and the project sponsors Christabel Gonsalvez and
Steven Remington.

1.4 Limitations and Constraints

      As of Friday 28th of May 2010, this document is considered final and may only change
       under extreme circumstances and/or unexpected risks and scenarios that have not
       been identified by the team.

      This report may be modified only by the FiTalent development team. If the client
       wishes changes to be made, the development team needs to be informed.

1.5 Methodology

There were various sources of information that the team needed in order to complete the
design specification document. The client provided the team with information about the
requirements of the website through meetings, held on a regular basis and frequent
communication via emails and phone calls. After receiving the specified requirements and
analysing the situation and the possibilities, the team gave suitable recommendations to the
client based on the best possible solution to the client’s needs.
2. Project Profile

This project has a primary focus on the implementation of a web site for a small business
specializing in gardening and landscaping, named O’Toole’s Pty Ltd. The business currently
has no such system in place.


2.1 Client Background

O’Toole’s Garden Services Pty Ltd is a small business based in Braeside, Melbourne and has
been operational for the last twelve years, hence achieving a stable state of business. The
business specializes in garden maintenance and landscaping, and was initially established in
1996 by two brothers, Damon and Nathan; with a view to provide specialized garden care to
their clients. A unique aspect of the business is that unlike other mainstream garden and
maintenance providers, O’Toole’s is able to provide ‘Total Garden Services’ as they have
access to wholesale prices for plants and garden materials presenting them with the ability
to offer discounts and remain competitive; in addition to the ability to offer their client’s
and arrange for the removal of rubbish from client’s premises. The company utilizes leading
edge gardening and landscaping equipment to deliver the most cost effective and efficient
services. As the business has evolved, they are now looking to further expand their client
base and to gain potential competitive advantage, via the utilization of the Internet and
related technologies, to benefit and compliment their business. Currently their lack of web
presence is restricting the amount of power they have in the market place. This is the primary
reason and driving force behind O’Toole’s Garden Services Pty Ltd making a strategic
business decision to implement a web site. From a business perspective, they wish to
employ the Internet to help facilitate an increase in their revenue as well as their client
base.

2.2 Project Background

The overall project scope is develop and implement an information system in the form of a
website for the client O’Toole’s Garden Services Pty Ltd, the website will take the form of an
informative system providing existing and potential customers of the benefits the
organisation can offer them. The aim of the project is to ensure the client is introduced to
different methods to establish a business and are able to benefit with a change to the way
the business has functioned in the past. The company has the potential to expand, however
no web presence or any such system in place at the moment has limited their growth
opportunities and ability to gain competitive advantage in the market. FiT@lent will focus
on implementing a system that continues to deliver the success the business currently has
but also provide the business with other avenues that they can pursue. Ensuring the client is
aware of each step in the implementation of the system will be key to not only a successful
system but a insight to the client of what was required to implement the system and what
will be required to continue to maintain the system after the project is completed.
3. Functional Overview

The client current doesn’t have an online system of any sort at the moment, therefore a
website will be created taking into consideration the needs and wants of the client as well
as any other components that FiT@lent determine will benefit the organisation.


3.1 Website


The proposed system will be an online informative based website with measures put into
place where customers can, if required to place orders or ask business related questions.
The system will be created using the web application WordPress which will use modules to
effectively create a user friendly online web based system.

The proposed system will have incorporate the following as requested by the client

      Home page with navigational links
      Gallery which will consist of work performed by the client
      Before and After images
      Customer testimonials
      Client listings
      Contact Us – Enquiry Form
      About Us including photographs and description of Staff
      Quarterly email newsletters to registered customers


3.1.1 Additions

Also incorporated into the site will be an online service request form where customers can
submit queries regarded job proposals and the client can then contact the customer with a
quote. Customers will also have the ability to browse through a wide range of products and
services with their respective prices. Site administration has also been added to allow the
client to login and make changes to the system when required.


3.2 Content Management System

The content management system (CMS) using WordPress will allow the business to easily
update the website whenever they require, with inbuilt plug-ins and an easy to use system
interface. A web CMS is a recommended system for novice Information Technology users,
especially in the management aspect of the web site.
4. Technical Specification
5. Interface Specification
5.1 Interface Template
   All the images stored under ftp directory as follow:
   /public_html/wp-content/themes/garden-wordpress-theme/images

   Here is a screenshot of current files in this ftp directory




   In this section, the interface template of header, footer, navigation bar, button, menus and
   slideshow will be detailed discussed, including the pixel resolution, colour, and the code
   for cascading style sheet we used.
                                     Search




                                                   Header and Navigation
         Sider


         Slideshow




          Content                        Sidebar




                                                Footer



Element                 Description
Interface name          blog-header
Properties              .gif
Resolution              940*128
Colour Code             Multiple
Operation Description   The blog-header appears in each page except home page.
                        The header include the trademark of client company

Element                 Description
Interface name          more
Properties              .gif
Resolution              8*7
Colour Code             Multiple
Operation Description   The more button appear in the main page, links to the
                        Product and Service page. Button appearance can be
                        further discussed with client

Element                 Description
Interface name          nav
Properties              .gif
Resolution              1*45
Colour Code             Multiple
Operation Description   nav.gif is one of the border decoration, could be achieve
                        by any other suitable decoration within the same
                        resolution
Element                 Description
Interface name          nav-arw
Properties              .gif
Resolution              10*6
Colour Code             Multiple
Operation Description   The nav-arw shows only when there are sub-section
                        under one particular page, can be replaced by other
                        appearance drop down list button.

Element                 Description
Interface name          nav-li
Properties              .gif
Resolution              3*26
Colour Code             #008000 Green
Operation Description   This decoration appear between the links in navigation
                        bar as a breaker

Element                 Description
Interface name          outer
Properties              .gif
Resolution              1*32
Colour Code             Multiple
Operation Description   The boarder decoration in the left corner, can be replaced
                        by another boarder decoration in same resolution and
                        format

Element                 Description
Interface name          quote-btm
Properties              .gif
Resolution              16*14
Colour Code             Multiple
Operation Description   The quote close sign, which in the side bar of the main
                        page

Element                 Description
Interface name          quote-top
Properties              .gif
Resolution              19*15
Colour Code             Multiple
Operation Description   The quote start sign, which in the side bar of the main
                        page
Element                 Description
Interface name          rss
Properties              .gif
Resolution              30*25
Colour Code             Multiple
Operation Description   The image link to RSS subscription, image can be
                        replaced by another similar image with the same
                        resolution and format

Element                 Description
Interface name          search
Properties              .gif
Resolution              28*25
Colour Code             Multiple
Operation Description   The search bottom is located on the left top corner of the
                        index page, the search bottom can be replaced with any
                        similar images with the same resolution and format

Element                 Description
Interface name          slider
Properties              .gif
Resolution              160*160
Colour Code             Multiple
Operation Description   The slider is the photos that on the shoulders of the
                        slideshow, it repeat under until fit the resolution of
                        detected screen resolution

Element                 Description
Interface name          slide1, slide2, slide3, slide4
Properties              .jpg
Resolution              940*128
Colour Code             Multiple
Operation Description   The images are for the slide show in the main page, it
                        has four pictures for the slide show, each of them can be
                        replaced bigger than the resolution required.
5.2 Interface Navigation

   Navigation Structure Chart




       Admin

                      Plugins           Gallery           Settings      Users      Appearance



       Editor

                                Links                      Pages

       Author

                                Media

        Contrib
        utor

                       Post                   Comment                    Contact

        Subscri
        ber

                         Profile                               Tools
       Visitor




       Gallery         About us                   Contact us           Product        Home
5.3 Annotated screen designs

The administration dashboard is pre-design by WordPress.org

   The CSS code configuration are provided as follow:
   In order to have a better understanding of the layout for each layer in CSS, it is necessary
   to demonstrate the concept of the layout.


     Margin

         Border
              Padding
                                                              Box
                  Content




   Header and Navigation

   The cascading style sheet and PHP is used to manipulate the presentation of the header
   and navigation.

 The description shows when the mouse moves on the Title” O’Tooles’ Gardens”
  The box is 14px/18px, Font Arial. Colour: #01632A
  The code in CSS is
  p#desc {padding:0;font:bold 14px/18px Helvetica, arial; color:#01632A; }
  There is a little image that used between navigation links which is as follow


   The navigation links’ font in Arial Bold, 13px/26px, background images is located in
   images/nav-li.gif which looks like this

   The code in CSS is
   ul#nav li {font:bold 13px/26px arial; background :url(images/nav-li.gif) no-repeat right
   center;float:left; display:block;width:auto; padding-right:24px;}

   When the page showing on the screen, the header will be a little bit darker than others,
   html ul#nav li.current_page_item a {background-color:none;}
   html ul#nav li.bullet a:hover {background-color :#15662A;}

   The navigation bar’ list background is transparent:
   ul#nav li a {color:#fff;text-decoration:none;float:left;
   display:block;width:auto;cursor:pointer;outline:0;height:26px;padding:9px 4px 9px
   28px;}
The navigation bar’ list background is set to transparent:
ul#nav li a {background-color:transparent;}




Footer
The footer is set to float on the left, no top padding, 20px padding on the right, width is
set to 240px colour code is #ECF0E3, font family is arial.
The code in CSS is shown as follow
.fbcol {float:left; padding:0 20px; width:240px;color:#ECF0E3;font:bold 11px/15px
arial;}
.links-cols {width:340px;}
.links-col {padding-right:20px;width:80px;font:bold 11px
arial;float:left;color:#5B5B5B;}


Sidebar
The sidebar margin on the bottom set to have 20px, the border is 1px, padding from top,
right, bottom, left is set as 15px 15px 10px 15px, the font family is arial, width is 250px,
colour code #898989.
The subclasses are blockqute, blockquote p, and block quote p.qtr.
The detailed CSS code shown as follow:
.sbbox {margin-bottom:20px;border:1px solid #F0F0F0; padding:15px 15px 10px
15px;font:bold 11px arial;width:250px;color:#898989;}
.sbbox blockquote {margin:0 0 10px 0;}
.sbbox blockquote p {padding:0 0 3px 0;}
.sbbox blockquote p.qtr {background :url(images/quote-btm.gif) no-repeat right
bottom;padding-right:20px; }
#sidebar ul {list-style : none;}
#sidebar li {list-style:none; background :url(images/sli.gif) no-repeat 0 2px; padding:0 0
3px 12px;}

#sidebar ul a {color:#898989;}
#sidebar ul a:hover {text-decoration:none;color:#85A917;}

RSS Links:
The decoration of the RSS link and link to the image CSS code showed as follow:
.rsslink {font:bold 17px/17px Arial;background:url(images/rss.gif) no-repeat;
display:block; padding:0 0 8px 40px;text-transform:uppercase; }
.rsslink:hover {text-decoration:none;}


Search
The search box is 272px in width and 30px in height, there are no margin and padding in
this box.
#searchbox {width:272px;height:30px; }

#searchbox input {margin:0; padding:0;}
#searchbox input.stext {height:16px; padding:3px 28px 3px 5px; background:#fffffe
url(images/search.gif) no-repeat right top; border:1px solid #EAEAEA;width:178px;font-
size:12px;}
#searchbox input.sbtn {width:50px;height:24px;font:bold 11px
arial;color:#fff;cursor:pointer;outline:0;background:#8d8d8d url(images/btn.gif) repeat-
x;border:1px solid #197707;letter-spacing:1px; }
#searchbox input.sbtn:hover, #searchbox input.sbtn:focus
{background:url(images/btn.gif) repeat-x left bottom;outline:0;border:1px solid
#9CB943;}


Slideshow
All the images in the slideshow are in this size : 940px *234px (length*height)
the Gallery need to define the minimum height is 234, and if the images are over flow,
those overflow part are hidden.
The CSS code show as follow
#myGallery {min-height: 234px; color: #FFFFFF;background:#E6E6E6; z-index:0;}
* html #myGallery {height:234px;}
.jdGallery {overflow: hidden; position: relative;}
.jdGallery .slideElement {width: 100%; height: 100%; background-repeat:no-repeat;}
#myGallery img {max-width:586px;}
* html #myGallery img {width:expression(this.width > 940? "940px" : this.width);}
6. System infrastructure Requirements


6.1 External Hardware

O’Toole’s Gardening Services Pty Ltd, including all of its staff and major stakeholders, has direct or
indirect interactions with the following important external hardware:

6.1.1 Client Hardware

On-site Workstation (A), which is the main personal computer (PC) used by Mr. Damon O’Toole
(Owner and Operator, O’Toole’s Gardening Services Pty Ltd) to perform day to day business related
tasks.

On-site Workstation (B), which is the personal computer (PC) to be used by staff in future;
additionally it will serve as a backup option if there are any issues encountered with Workstation A.
(Optional consideration is to use Workstation B as a Print Server to network the current printer,
which is to be discussed as part of the final hardware upgrade).

Multifunction Printer / Scanner / Copier / Fax – Not Networked (will be networked once hardware
upgrade is completed, and there are two PC’s on-site)

Corded and Cordless landline telephone units

Mobile / Cellular phone devices

Modem (ADSL 2+ standard compliant once hardware upgrade is completed with integrated physical
Firewall and VoIP capabilities which are to be further discussed as part of the final hardware
upgrade)

User Client, which are the personal computers, laptops and potentially smart phones used by users
to communicate with O’Toole’s Pty Gardening Services Pty Ltd via direct email; or using the Internet
through the online system developed specifically for contact purposes on the
http://otoolesgardens.com.au website.



6.1.2 Networks

The Internet, which is a global network used for communication purposes among users (customers),
potential users (potential customers), suppliers, staff and O’Toole’s Gardening Pty Ltd.

Local Area Network (LAN), which is the internal local area network used for communication on-site
at O’Toole’s Gardening Services Pty Ltd, for purposes of proposed networked printing and the
networking of two PC’s (which will be available once the hardware upgrade, in which it is proposed
to add an additional PC, is completed). This would allow for a further means of communication (i.e.
email, instant messaging, etc.) among employees of the company and Mr. Damon O’Toole.
Leased Telephone Lines, which are dedicated telephone line(s) connecting O’Toole’s Gardening
Services Pty Ltd to its customers, suppliers, staff and other potential users via telephone or fax.
Furthermore, a leased line is required to connect O’Toole’s Gardening Services Pty Ltd’s on-site LAN
to their Internet Service Provider’s (ISP) gateway for Internet access and connectivity (which will be
an ADSL 2+ connection once the hardware upgrade is completed).

Mobile / Cellular Phones, which are dedicated GSM/UMTS network supported devices, connecting
Mr. Damon O’Toole and all staff members of O’Toole’s Gardening Pty Ltd for internal daily business
operations, in addition to contact purposes from customers, suppliers and other potential users.

6.2 Current Hardware

       1 x Desktop PC with MS Windows XP Operating System
       1 x Single Port ADSL Modem
       1 x Multifunction Printer / Scanner / Copier / Fax (Not Networked)
       Corded and Cordless landline telephone handsets
       Mobile / Cellular phones

6.3 Area of Highest Concern and Priority

        (After initial needs analysis and consequent meetings, agreed upon by both Damon O’Toole
        and FiT@LENT):

    A) No Internet presence of the business, which is significantly impacting business growth and
       potential expansion in to diverse market segments. Hence, the requirement of this project.

   B) Existing Desktop PC is the only one on-site, and is very slow and rapidly deteriorating due to
      its age.
                              Current PC General Specifications:
Processor                                           Intel Celeron 1.7 GHz CPU
System Memory                                       480 MB RAM
Hard Disk Drive                                     55 GB Capacity
Operating System                                    Windows XP


    C) Existing Internet connection with current ISP is slow, and the mailbox capacity for email is
       limited and gets filled to maximum capacity on a regular basis.
                              Current ISP and Plan Specifications:
ISP                                              Optus Net
Connection Speed                                 512 Kbps (Download) / 128 Kbps (Upload)
Connection Type                                  Generic ADSL
Plan Type                                        Business Internet Plan (not for sale anymore)
Contractual Obligations                          None (out of contract)
6.4 Proposed Hardware Upgrade

                             Proposed New PC Specifications:
Processor                                   Intel Core i3-530 2.93 GHz CPU (4MB Cache)
System Memory                               2 GB DDR3 RAM
Hard Disk Drive                             1 TB Capacity
Operating System Options                    Windows XP Professional (Service Pack 3) or
                                            Windows 7 Professional
Optical Drive                               DVD / CD Combo Drive (24x R / RW)
Graphics Card (Optional)                    Gigabyte Nvidia GT220 1GB, 128 Bit, GDDR3


6.5 Proposed ISP and Internet Access Upgrade


                           Proposed ISP and Plan Specifications
ISP                                          TPG Internet Services
Connection Speed                             20 Mbps (Download) / 1 Mbps (Upload)
Connection Type                              ADSL 2+ (with VoIP option)
Plan Type                                    Business ADSL 2+ Unlimited / 1 Mbps
Contractual Obligations                      24 Months
Modem Supplied                               Dynalink RTA1046VW (IEEE 802.11 b / g
                                             Wireless, 4 Port Ethernet Switch, Physical
                                             Firewall, VoIP Telephony


6.6 Registration of Domain Name (s) and Web Hosting Solution Required


                Domain Name Registration and Web Hosting Package
Domain Names Registered                 http://otoolesgardens.com and
                                        http://otoolesgardens.com.au for 2 years each
Web Hosting Package Purchased           Rapid VPS Cpanel Shared (10 GB Hard Drive
                                        Space and 50 GB Monthly Bandwidth) for 1 year


                     Core Advantages of Rapid VPS Cpanel include:

Ease-of-use and simple management options for Mr. Damon O’Toole; to maintain and
administer the system using Cpanel, an all-in-one solution for administration and
maintenance purposes.

Five Databases included, accommodating the needs of potential future growth and
change in requirements.

Fantastico Scripts included, a package containing various Web Content Management
Systems (Web CMS’) such as Joomla and Drupal, in addition to WordPress which is the
platform used for the current system and project.

                               Additional features include:
Unlimited email addresses ( with the domains @otoolesgardens.com or
otoolesgardens.com.au)
SpamGuard
SSH shell access if required
SFTP and FTP access
WebDisk and File Manager on Cpanel as alternative options to FTP
PHP and MySQL features inbuilt
Web Stats to monitor website activity
RAID 10 storage
99.9% Uptime Guarantee
Fully Managed
Non-oversold Hardware
Pro-Active Server Monitoring
Dedicated IP available at no further cost if required
24/7 Premium Support
7. Resources
8. Appendix

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:52
posted:8/9/2011
language:English
pages:21