ChildCare

RANKING SYSTEM WEBSITE PROPOSALProject Commencement: 09 Dec 2014Prepared By: Cecilia PamfiloCP DesignsAddress:2ndFloor BuildingCambridge Terrace, WellingtonEmail: cpdesigns@yahoo.co.nzPhone: 04 12345 67

Client: ChildCare NZAddress:Thorndon, WellingtonEmail: ChildCare@email.nzPhone: 04 7654321

2

OVERVIEW

The client Childcare NZ is a non-profit organisation. They intend to create a website design for parents with kids under 5’s. Their kids go to a day care, preschool, childcare centres or kindergarten. The existing NZ websites such as under5s, Childcare Advisory and Ministry of Education ERO report; doesn’t have the feature of parents rating system based on their experience. Often times, mothers really struggled looking for the best childcare centre. Their overall experiences are very frustrating and exhausting. There is a need to rate these childcare centres and make this information available to the public. This design will have some features of childcare.co.uk, Rate My Teacher, and mychild.gov.au; plus the Ranking System.

OBJECTIVEEmpower the parents, improve the childcare services and provide an unbiased and honest rating of childcare in New Zealand.

3

TARGET AUDIENCE

Childcare NZ website target audiences are:

» Mums or Dads with kids under 5’s. Their kids go to a day care, preschool, childcare centres or kindergarten;

» Or mums and dads who are looking for a high-quality childcare centres.

4

USE CASE

FIRST CASEA Josie visits Childcare NZ (Ranking Website) and sees the top 10 Childcare Centres in NZ. She plans to look for a childcare centre near their house, or work; or any centre in between her house and work, so she can drop her child off. She clicks one of the top childcare centres with a location that satisfies her needs. The link redirects her to the centre’s profile details – exact address, contact numbers, email address, staff lists and centre’s name.

SECOND CASEMary is a mother whose child goes to a childcare. She is very satisfied with its service. She found this childcare in this website - Childcare NZ. She wants to express her satisfaction by helping the centre increase its rank. She signs up in the website, logs in and fills up the ranking form. Submits the form then logs out. The rank she gave is reflected on the centre’s rank, through averaging. If Mary goes to the Centre’s profile page, she will see the overall rank of the centre.

5

PROJECT REQUIREMENTS

The site will demonstrate the following:

» IMAGES - All images optimised and minimised as much as possible to reduce file size without reducing quality. A jpg 800 x 600px should be 120kb maximum

» Standard page width is 960px» User sign up and authentication tracking between relevant pages (using sessions);» Content search(es);» BROWSER - Site displays properly on IE7+, Firefox, Safari and Chrome » Parent Users can rate, update and delete the ratings they gave the ChildCare » Admin user can add, update and delete records;» Form fields are sticky, validated and clear and appropriate application feedback to users is

displayed» Database is normalised» Logout pages, meaningful error notifications and “thank you” pages;

SECURITY» Site is not vulnerable to XSS or SQL injection (all inputs are filtered and escaped);» All passwords are stored in hashed form;» All administration pages must only be accessible by authorised visitors; and» Secure data and login indicators are stored in sessions rather than cookies.

6

DESIGN CONCEPT

COLOURS

Headings 30-38pxMenu and Links 24-28 pxSubheadings 24-28 pxContent and Paragraphs 16-18 pxFooter 14 px

FONTS Trebuchet MS , Arial and CalibriBACKROUND WHITE

7

ERROR MESSAGES

404 Not Found» Error Document Not Found | Sample 404 Not Found» The requested resource could not be found but may be

available again in the future. Subsequent requests by the client are permissible.

504 Gateway Timeout» Error Document Gateway Timeout | Sample 504

Gateway Timeout» The server was acting as a gateway or proxy and did

not receive a timely request from the upstream server.

8

Phase Name Task Name DurationStage 1 – Concept Development Signed agreement

Create Project Scope

Create Project Proposal

Create Budget Proposal 3 days

Stage 2 – Planning Approved Initial Project Proposal

Indicate Project Requirements

Set Project Meetings

Complete Project Specification and Proposal 3 days

Stage 3 – Implementation Approved Project Specification and Proposal

Content and Design Development(HTML & CSS)

Forms and Functionality

Apply revisions if any

Complete Website 8 days

Stage 4 - Testing Completed Website

QA Testing

Test Functionality and Proofread 3 days

Stage 5 - Launch Website Fully Tested Website

Register domain and setup ftp access 1 day

Estimated Total No. of Days 18 days

TIMELINE

9

GANTT CHART

SUB TOTAL

Task Name 5 8 9 10 11 12 15 16 17 18 19 5 6 7 8 9 13 14Stage 1 – Concept Development 1 2 3 3Stage 2 – Planning 1 2 3 3Stage 3 – Implementation 1 2 3 4 5 6 7 8 8Stage 4 - Testing 1 2 3 3Stage 5 - Launch Website 1 1

18TOTAL

DECEMBER JANUARY

10

RESEARCH

11

RESEARCH

12

RESEARCH

13

CLIENT’S SUCCESS CRITERIA

DESCRIPTION TICK/COMMENTGENERALConsistent style between pages within the site is presentRich in content

DESIGNImages, graphics and colours are appealing and consistent with the target audience Overall design is consistent with the target audience

USABILITYLinks are directed to the right pageClear and Simple navigation menus

FUNCTIONALITYSecured Admin and Users loginsSecured Form validation Secured Admin and users sessions

BROWSER TESTINGSite displays properly on IE7+, Firefox, Safari and Chrome

14

WIREFRAME – HOME PAGE1st

design

15

WIREFRAME – ARTICLE PAGE1st

design

16

WIREFRAME – OTHER PAGES1st

design

17

2nddesign

WIREFRAME – OTHER PAGES

18

2nddesign

WIREFRAME – OTHER PAGES

19

MOCKUP DESIGN – HOME PAGE1st

design

20

MOCKUP DESIGN – HOME PAGE1st

design

HOME

About Us

Articles

Directory

Ranked First

FREEACCOUNTT

21

MOCKUP DESIGN – ABOUT US1st

design

22

MOCKUP DESIGN - ARTICLES1st

design

23

MOCKUP DESIGN – CHILDCARE DIRECTORY1st

design

24

MOCKUP DESIGN – RANKED FIRST1st

design

25

MOCKUP DESIGN – LOGIN PAGE1st

design

26

MOCKUP DESIGN – SIGN UP FORM PAGE1st

design

27

MOCKUP DESIGN – USERS PAGE1st

design

28

MOCKUP DESIGN – ERROR PAGES

504 Gateway TimeoutError Document Gateway Timeout

The server was acting as a gateway or proxy and did not receive a timely request from the

upstream server.

29

MOCKUP DESIGN – ERROR PAGES

404 NOT FOUNDError Document Not Found

The requested resource could not be found but may be available again in the future.

Subsequent requests by the client are permissible.

30

MOCK-UP DESIGN – HOME PAGE2nd

design

31

MOCK-UP DESIGN – ABOUT US2nd

design

32

CONTRACT

This correspondence outlines the complete scope of the work you requested, including objectives, procedures, and estimated fees.

OBJECTIVEThe objective of this website is to empower the parents, improve the childcare services and provide an unbiased and honest rating of childcare in New Zealand. SCOPE OF SERVICES 1. Procedures

1. Assist in planning of the ChildCare Ranking System website;2. Design the website aesthetics and functionality;3. Develop a secure access to website; 4. Website will be test by a 3rd party; and5. Assist in setting up the ftp access, hosting and maintenance.

2 Testing 1. Upon completion the website is functioning as intended, forms and pages validates correctly.

WEBSITE COSTS AND PROFESSIONAL FEESWebsite Development costs estimates are summarized on the attached schedule.These fees are effective provided upon initial development of the website. Fees will be adjusted to actual accordingly. We will not incur additional hours without written prior approval. Our fees does not include modifications to the functionality.We require a 50% deposit of the Estimated Costs before we begin. The balance for website development costs is due upon installation (launch and live phase). Our professional fees are billed weekly.

CLOSINGWe appreciate the opportunity to provide service for your website needs. If you want to accept this proposal, please sign one copy and return it with a 50% deposit of the estimated costs.

33

WEBSITE COSTS AND PROFESSIONAL FEES SCHEDULE

RESPONSEThis letter correctly sets forth the website design, procedures and other scope of work.

ACCEPTED BY: DATE:

_______________________ ___________________PRINTED NAME AND SIGNATURE

WORK DURATION (Estimate)

HOURS Cost

Website Proposal NZ$ FREECompleted Website (Front-end Development) 25/h 50 1,250Website’s Functionality(Secured Back-end Development) 30/h 30 900

Hosting and Maintenance(3 months) FREE

Estimated Total Cost NZ$ 2,150

ChildCare

RANKING SYSTEM WEBSITE Project Commencement:09 Dec 2014Prepared ByCecilia PamfiloCP Designs

(Internal Documentation)

Client: ChildCare NZ

35

DEVELOPMENT SUCCESS CRITERIA

DESCRIPTION TICK/COMMENTGENERALConsistent style between pages within the site is presentLayout has a defined grid and is clearly discussed in documentationEye flow is led naturally by hierarchy of page elementsFONTSA hierarchy of Clear Fonts (headings and sub-headings), 3 at mostText Layout rules followed (no more than 500px width, adequate guttering and margins betweentext blocks and neighbouring elements)Standard page width is 960px COLOURContrast is sufficient for clear readability across all text on the siteColours relate to the client's logo or the client's brandUSABILITYSite's Purpose is clear (first three seconds rule)Clear and Simple navigation menusFollows the Guiding Principles for Usability (see "Don't Make Me Think" by Steve Krug) Site has been reviewed by independent 3rd partyBROWSER TESTINGSite displays properly on IE7+, Firefox, Safari and Chrome

36

ENTITY RELATIONSHIP DIAGRAM

• PageId• Page name• Title• Keywords• Description• Content

Pages

• UserId• Username• Password• Email• Access

Users

• Rank id• Rank• Centre id• User id

Rank

• Article Id• Title• Content• Date

Articles

• Center id• Center name• Location• Description• Rank id

Centre Profile

• First Rank Id• Centre Id• Image

First Rank

37

FILE STRUCTURE

Config.php

Assets

Childcare.sql

WWW

index

Classes

Model class.php

Database class.php

Forms class.php

Images

CSS

Style sheet.css

Views

View class.php

Profile View Class.php

Home View Class.php

Admin View Class.php

38

WEBSITE STRUCTURE(DISPLAY PAGES)Home Page

(Top 10 Centres)About Us

First Ranked Centre

Childcare DirectoryChildcare

Profile Details

Parents AccessParents Login

Centre Ranking Form

Parents Logout

Parents Sign Up

ArticlesArticle Page

Contact Us

Sitemap

39

SITEMAPHome Page (Top 10 Centres)

• First Ranked Centre (Brag Page)

Childcare Directory

• Childcare Profile Details

Parents Access ( or Admin)• Parents Login

• Centre Ranking Form• Parents Logout

• Parents Sign Up• Sign up FormArticles

• Article Page

Contact Us

Sitemap

40

WEBSITE STRUCTURE

Database

Users Sign Up

Users Sessio

ns

Ranking

Data

Processed

SERVERProcess Data

41

DATABASE

Pages Table Rank Table

pageID int 11 primary AUTO INC Rank Id int 11 primary AUTO INC

page name varchar 80 Rank int 11

title varchar 255 centreID int 11

keywords varchar 255 userID int 11

description varchar 255

content varchar 255 Articles Table

ArticleID int 11 primary AUTO INC

Title varchar 80

Users Table Content varchar 255

userID int 11 primary AUTO INC Date datetime

username varchar 80

password varchar 80 First Rank

email varchar 80 First Rank Id int 11 primary AUTO INC

access int 11 Centre Id int 11

Image varchar 255

Centre Profile Table

centreID int 11 primary AUTO INC

name varchar 80

description varchar 255

location varchar 80

rankid Int 11