Website Specifications

Montessori Institute of San Diego

VERSION 3.0

March 25, 2011

1

Confidential

Introduction

This Website Specification provides a “blueprint” for the redevelopment of the MONTESSORI SCHOOL website,. The Plan will serve as documentation of the functional specifications for the website. Only the functionality described in this document will be included in the final website deliverable. The new site will replace the existing site at

Hosting Environment

This section describes the various hosting environments required for the website.

Development Environment

Software Associates will provide a local development to be used by the development team for the build out of the website. This environment will be configured as closely to the production environment as possible. Once development is complete, the site files will be migrated to the Review Environment.

Review Environment

SiteLab will host a Review Site for quality assurance testing and client review, prior to launch. Site files will be delivered to SiteLab via FTP to be configured on the review server. This environment will be configured as closely to the production environment as possible.

Hosting Provider: / I2B Networks
Account Holder: / SiteLab
Website URL: /
CMS Admin URL: /
Username: / Admin
Password: / change

Production / Live Environment

Hosting Provider:
Account Holder:
Control Panel URL:
Username:
Password:
Website URL:
CMS Admin URL:
Username:
Password:

Domain Names

The website will reside at the domain: misdami.org. Registration for the domain is as follows:

Domain Registrar: / Network Solutions
Administrative Contact:
Name:
Address: / 8745 La Jolla Scenic Dr. North
City, State, Zip: / La Jolla,CA92037
Telephone: / 858-535-0500
Email: /
Domain Servers:
Name Server 1: / NS1.WEBDEVELOP.NET
Name Server 2: / NS2.WEBDEVELOP.NET
Name Server 3:

DNS Hosting for the new site will be provided by DNS HOSTING PROVIDER:

Development Platform - Content Management Solution

The website will be developed on the WordPressplatform. This solution will run on Linux-based Web Server, written in PHP, and are supported by a MySQL database server.

Architecture

Information Architecture - Site Map

All of the planned website pages are represented in the sitemap at the end of this document and detailed in the worksheet entitled: MISD_URL_Structure_301s_060212.

The site will consist of an entry/home page, and 2 sections, each with their own unique navigation. The home page – will not include navigation but will have 2 primary links – one to enter the Children’s House site and the other to enter the Training Center site.

The worksheet entitled: MISD_URL_Structure_301s_060212 provides detailed information on the URL’s to be chosen for each page of the site.

Theme and Templates

The website will use a custom theme as represented in the layered Photoshop files provided. A styleguide has been included for documentation purposes called: misd-build-specs.psd.

There will be a total of 6 page templates as follows:

  1. Home (misd-entry-page-selected)
  2. Children’s School Home (misd-childrens-school-landing.psd)
  3. Training Center Home (misd-training-center-landing.psd)
  4. CS Sublevel – 3 Col. (misd-build-3colmn.psd)
  5. CS Sublevel – 2 Col. (misd-build-3colmn.psd – with Revisions*)
  6. TC Sublevel – 3 Col. (misd-build-3colmn.psd – with Revisions*)
  7. TC Sublevel – 2 Col. (misd-build-3colmn.psd – with Revisions*)

Templates 1-4 will be implemented exactly as seen in the layered design files. The left column in each of the 3 column templates will be devoted to the sublevel navigation.

NOTE: Please implement the templates so that the Header images and Header Titles can be customized for each page. The header images and titles are included in the Build Out folder provided.

NOTE: Please implement the templates where the right hand column is empty but widgets can be added there by simply checking the box for the page in the widget configuration tool with the Display Widgets plugin.

Templates 5 – 7 need to be adapted from the misd-build-3colmn.psd file as follows:

CS Sublevel – 2 Col. (misd-build-3colmn.psd – with Revisions*)

Remove the left column with the sublevel navigation and expand the content column so that the H1 Main Title and the Content are flush left and span the width of the page, with space reserved on the right for the widgets.

TC Sublevel – 3 Col. (misd-build-3colmn.psd – with Revisions*)

Replace the header with logo and navigation from the Training Center Home (misd-training-center-landing2.psd). Below the header image, the name of the page will appear as seen in CS Sublevel – 3 Col.

TC Sublevel – 2 Col. (misd-build-3colmn.psd – with Revisions*)

Replace the header with navigation from the Training Center Home (misd-training-center-landing2.psd). Below the header image, the name of the page will appear as seen in CS Sublevel – 3 Col.

Remove the left column with the sublevel navigation and expand the content column so that the H1 Main Title and the Content are flush left and span the width of the page, with space reserved on the right for the widgets.

Menus

Primary Navigation Menu

There will be 2 sets of primary navigation – one for each of the major sections of the site:

  1. The Children’s House
  2. The Training Center

For each, the Primary Navigation will follow what is see in the sitemap.

Sublevel Navigation Menu

The sublevel menu will be displayed when the user rolls over About Us in the primary navigation menu. Follow the sitemap for the menu order and naming.

There will also be a sublevel navigation displayed on the left column of any section that includes sublevel pages.

Header Quick Links

As seen the layered design files, both site sections include quick links in the header. These are to be linked as follows:

The Children’s House

  1. Parent Login – This link will be hidden at the initial launch – it will be added as a new feature in phase 2, not included within the scope of this project.
  2. Share This – Links to the “Add This” plugin. When a user clicks on it, a light box is displayed given the user access to share the site.
  3. Giving Back – This will link to an external site in a new browser tab. The URL is TBD.
  4. MISD Training Center - this will link to: the same browser window.
  5. AMI – This will link to an external site in a new browser tab. The URL is

The Training Center

  1. Student Login – this will link to: the same browser window.
  2. Share This – Links to the “Add This” plugin. When a user clicks on it, a light box is displayed given the user access to share the site.
  3. Giving Back – This will link to an external site in a new browser tab. The URL is TBD.
  4. MISD Children’s House - this will link to: in the same browser window.
  5. AMI – This will link to an external site in a new browser tab. The URL is

Footer Menu

Footer links are text links across the bottom of the page offer access to all of the primary sections within the site, as well as

Copyright  2012 Montessori Institute of San Diego, All rights reserved.

Cascading Style Sheets

Layout and text styling will be defined in a .CSS external style sheet. In-line CSS is to be avoided for standard styling of formats. CSS styling is detailed in the misd-build-specs.psd file included in the build out folder to include, but not limited to the following:

  • Background colors, textures and images
  • Header font and colors (H1, H2, H3, etc.)
  • Body copy font and colors

Plugins

At a minimum, the following plugins should be installed and activated to support the features required for the website.

Testimonials

To support managing testimonial content displayed at

Contact Forms 7

To support several forms on the website including:

  • Children’s House – Book a Tour
  • Children’s House – Keep Me Informed
  • Children’s House - Contact Us
  • Training Center –Apply for a Program
  • Training Center – Request Info
  • Training Center – Contact Us

Display Widgets

To support the ability to add a widget to a page by checking a box on the widget page.

Events

Plugin needs to be able to support event listings for both sites – if this plugin cannot support multiple event types, we may need to research other options:

Add This

To enable the “Share This” link in the header that will allow users to promot content by sharing to popular social media sites.

Google XML SiteMaps

To generate an XML sitemap.

User Registration

To support user registration for the Training Center Student Login

User Registration – New User Approve

To support administrator approval for new user registration for the Training Center Student Login

Secure File Storage

To support file storage in the Training Center Student Login area.

Google Analytics for Wordpress

To support Google Analytics integration.

All in One SEO Pack

To support search optimization of individual pages and posts.

301 Redirects

To support 301 redirects from the current site to the new site.

Features

Forms

The Contact Forms 7 plugin will be used to create the following individual forms:

  • Children’s House – Book a Tour
  • Children’s House – Keep Me Informed
  • Children’s House - Contact Us
  • Training Center – Apply for a Program
  • Training Center – Request Info
  • Training Center – Contact Us

Children’s House – Book a Tour

(All fields are required)

First Name: Alpha text field – no validation

Last Name: Alpha-numeric text field – no validation

Email Address: Alpha-numeric text field – email address format validation

Requested Date – calendar select list if possible

Requested Time - select list with the following options: 8 am, 9 am 10 am, 11 am, 12 pm, 1 pm, 2 pm, 3 pm, 4 pm.

Upon submit, a Thank you message will be displayed: Thank you, your submission has been sent. An email will be generated with the contents of the form and sent to .

Children’s House – Keep Me Informed

(All fields are required)

First Name:

Last Name:

Email Address:

Upon submit, a Thank you message will be displayed: Thank you, your name has been added to our mailing list. The form data will be saved to a local database. (We understand this feature is possible via Contact Forms 7 – please advise if not).

Children’s House - Contact Us

(All fields are required)

First Name: Alpha text field – no validation

Last Name: Alpha-numeric text field – no validation

Email Address: Alpha-numeric text field – email address format validation

Questions or Comments: (open text field – 300 characters maximum.

Please Note: In addition to the form, we want to include the following content on the Contact Us page:

The Montessori Institute of San Diego

8745 La Jolla Scenic Drive N. La Jolla, CA 92037

Telephone:(858) 535-0500

Fax:(858) 535-8200

Email:

Office Hours: 8:00 a.m. - 4:00 p.m. (Monday - Friday)

Teachers are available by phone or appointment from 2:45-4:00.

Director: Silvia C. Dubovoy, Ph.d.

Upon submit, a Thank you message will be displayed: Thank you, your submission has been sent. An email will be generated with the contents of the form and sent to .

Training Center – Apply for a Program

(All fields are required)

First Name: Alpha text field – no validation

Last Name: Alpha-numeric text field – no validation

Email Address: Alpha-numeric text field – email address format validation

Select List:

Default Value: Program of Interest

Selections:

Primary – La Jolla

Primary – Miami

Primary Argentina

Assistants to Infancy – La Jolla

Zero to Six – La Jolla

Assistant’s Course

Montessori Graduate Programs

Upon submit, a Thank you message will be displayed: Thank you, your application has been sent. An email will be generated with the contents of the form and sent to .

Training Center – Request Info

(All fields are required)

First Name: Alpha text field – no validation

Last Name: Alpha-numeric text field – no validation

Email Address: Alpha-numeric text field – email address format validation

Describe Your Request: (open text field – 300 characters maximum.

Select List:

Default Value: Program of Interest

Selections:

  • Assistance to Infancy
  • Primary
  • Birth to Six
  • Elementary
  • Inclusive Education
  • Assistance Course
  • Other Course Locations

Upon submit, a Thank you message will be displayed: Thank you, your request has been sent. An email will be generated with the contents of the form and sent to .

Training Center – Contact Us

This will be an exact duplicate of the Children’s House - Contact Us form.

Events

The WP events plugin will be used to create two unique events listings:

Children’s School Events: /montessori-school-san-diego/la-jolla-montessori-calendar-events

Training Center Events: /montessori-teacher-training-california/community-programs/events

When creating a new event, the Each event page will include a listing of each event including the following:

Event Title:

Image:

Event Description:

Date:

Time:

Place:

There will not be a calendar displayed, only a listing of events.

Student Online Library

Student Login

The student login will allow registered users to login and access a file directory to download files. The login should include the following:

User Name:

Password:

Forgot Password – link to retrieve password

Not a Member? – link to register

Student Registration

Include a form for students to register to access the Student File Storage.

Please complete the following form to register for access to The Training Center Online Library. Once your registration has been approved, you will receive email notification that your access has been granted.

First Name:

Last Name:

Email Address:

Once the form is submitted the User Registration – New User Approve plugin will be configured to notify the that there is a student requesting access to the online library. The administrator will approve or decline the request. Upon approval, the user will receive email notification that their request to access The Training Center Online Library has been approved.

Library – Document Repository

Upon successful login, the user will reach a page of the site with links to a variety of documents available for download. The documents will be managed via the Wordpress plugin - Secure File Storage

Widgets

Each of the following items are to be implemented as widgets that can be added or hidden from the right column of individual pages, via the Display Widgets plugin that included checkboxes for each page of the site within the widget configuration admin area.

The Children’s House

Events - Home

Include a widget on the homepage to include the next 3 scheduled Children’s House events. Once an event date has passed, the title of that event will no longer appear. The layout of the widget is provided on the layered design file. Disregard the description text that appears in the design layout and the next buttons. The following data will be displayed in the widget:

  • Event Title – hyperlinked to the Event detail page
  • Event Date
  • Event Time.

Events - Sublevel

The sublevel Events widget will be identical in functionality to the home page widget; however the width of the widget is reduced on the sublevel pages – see layered design file.

Keep Me Informed - Home

This widget will appear only on the Children’s House home page as seen in the design file misd-childrens-school-landing.psd. The functionality of the widget is described in the Forms section of this document.

Keep Me Informed – Sublevel

This widget may be configured to appear in the right column of any of the sublevel pages of The Children’s House section. The functionality of the widget is the exact same as the Keep Me Informed form that appears on the Children’s House landing page except that it is not as wide.

Schedule a Tour – Home

This widget will appear only on the Children’s House home page as seen in the design file misd-childrens-school-landing.psd. The functionality of the widget is described in the Forms section of this document.

Schedule a Tour – Sublevel

This widget may be configured to appear in the right column of any of the sublevel pages of The Children’s House section. The functionality of the widget is the exact same as the Keep Me Informed form that appears on the Children’s House landing page except that it is not as wide.

The Training Center

Events - Home

Include a widget on the homepage to include the next 3 scheduled Training Center events. Once an event date has passed, the title of that event will no longer appear. The layout of the widget is provided on the layered design file. Disregard the description text that appears in the design layout and the next buttons. The following data will be displayed in the widget:

  • Event Title – hyperlinked to the Event detail page
  • Event Date
  • Event Time.

Events - Sublevel

The sublevel Events widget will be identical in functionality to the home page widget; however the width of the widget is reduced on the sublevel pages – see layered design file.