Dynamic Website Design for Temple Beth-El of Ithaca, NY CS 501 Project - Milestone #2

Dynamic Website Design for Temple Beth-El of

Ithaca, NY

CS 501 Project - Milestone #2

April 6, 2006

Presented By: Peter Babinski, Christopher Benedict, Benjamin Darfler, Eugene Kim, Muir Manders, Vivek Shah, and Michael

Veilleux

Presentation Outline Updated Feasibility After First Iteration

Evaluation of First Iteration

Current Status: Completed Second Iteration

• Updated Requirements

• Higher Level Design and Implementation

– Database Specification

– Calendar/Events

– Page Creation/Deletion & Dynamic Menu

– Text Editor Implementation

– Site Managers’ Secure Login

Evaluation and Tasks for Final Iteration

Updated Feasibility – March 10Client: Jane Griffith, the Administrative Assistant at Temple Beth-

El of Ithaca

Scope: Build a dynamic webpage that, from the web browsers point of view, is easier to browse and more up to date with current webpage design. From the webpage manager’s point of view, the page contents must be easy and secure to manage from a remote location.

Second-Iteration Requirements: Implement and test many of the dynamic webpage features – automatically updated menu bar, page creation/deletion, events database, secure login for site managers, text editor implementation

Still Feasible? Yes!

First Iteration Evaluation Self-Evaluation:

• Overall progress is as planned – behind schedule with page creation/deletion tasks; ahead of schedule with site layout implementation

Client Evaluation:

• Pleased with the progress, communication, and achieving the preliminary requirements

• Stressed the importance of requirements that must be met during the second and third iterations:

1) Implement Davka – Jewish calendar software

2) Track site visitors – client is willing to pay for software

3) Google search bar, weather icon

4) Use a fixed webpage width

5) Test the layout of a webpage when printed

2nd Milestone Goal: Iteration #2

Requirements

DesignImplementation

Evaluation

TODAY’S PRESENTATION

Reference: Iterative Procedure Diagram from Dr. William Arms, http://www.cs.cornell.edu/courses/cs501/2006sp/slides/lecture1.html

Work Breakdown Structure

Second Iteration Work Breakdown

Second Iteration Requirements Update design documents – state transition and entity relation

diagrams for database design

Allow for creation and display of time sensitive data on:

1) An events/calendar page

2) The bottom of the main menu bar

Implement easier and secure site manageability tools:

1) Secure login for site managers

2) Simple page creation/deletion with automatic updates of the website hierarchy, and…

3) Automatic updates of the main menu

4) Text and graphics editor (FCK Editor)

Presentation Outline Updated Feasibility After First Iteration

Evaluation of First Iteration

Current Status: Completed Second Iteration

• Updated Requirements

• Higher Level Design and Implementation

– Database Specification

– Calendar/Events

– Page Creation/Deletion & Dynamic Menu

– Text Editor Implementation

– Site Managers’ Secure Login

Evaluation and Tasks for Final Iteration

Requirements SpecificationUpdated State Transition Diagram

Database SpecificationUpdated ER Diagram: Users

users

userID

login email

password

Database SpecificationUpdated ER Diagram: Page Content

pages

pageID

pageName

pageDesc orderNumber

subpage

url

Database SpecificationUpdated ER Diagram: Events

events

eventID

startShow

endShow eventDate eventTitle

eventDesc

service

Calendar/Events Implementation Cannot integrate with Davka, so Calendar

Eliminated

Event functionality completed

Can create new events and delete / modify existing events

Services displayed on main bar

Menus still need better formatting

Demo!

http://205.232.75.214/eventmain.php

Presentation Outline Updated Feasibility After First Iteration

Evaluation of First Iteration

Current Status: Completed Second Iteration

• Updated Requirements

• Higher Level Design and Implementation

– Database Specification

– Calendar/Events

– Page Creation/Deletion & Dynamic Menu

– Text Editor Implementation

– Site Managers’ Secure Login

Evaluation and Tasks for Final Iteration

Text Editor Implementation

Integrated with page creation/edit page

Turned on spell checking with IE

Page Creation & Deletion

Page file (pageID.php) created on the fly

Page entered into the database for use in menu propagation

Demo:http://205.232.75.214/editor.php

Dynamic Site Map

Hierarchy in menu is set/changed on the page creation/edit page

Menu automatically created based on input

Menu Design & Implementation Enforces Dynamic Representation of Content

Also holds Events, Services, and Login/Logoff

Adds privileged links if administrator

• Edit events/services

• Create/Edit pages – Link to FCKEditor

Also displays upcoming services

Blends Login/Logoff script seamlessly

Order of user created pages can be modified

Presentation Outline Updated Feasibility After First Iteration

Evaluation of First Iteration

Current Status: Completed Second Iteration

• Updated Requirements

• Higher Level Design and Implementation

– Database Specification

– Calendar/Events

– Page Creation/Deletion & Dynamic Menu

– Text Editor Implementation

– Site Managers’ Secure Login

Evaluation and Tasks for Final Iteration

Site Managers’ Secure Login

Login module allows any page to offer login option

Add user, modify user, delete user all available

After successful login redirects you to original page

Remembers you are logged in until you end session

Can log out after you have logged in

Regular User

Login

CreateUser

ModifyUser

DeleteUsers

Database

Admin

Logout

Second Iteration Evaluation

Overall, progress is as expected

Slightly behind schedule for:

1) User Testing

2) Unit Testing

Ahead of schedule for:

1) Visitor tracking software

Next Milestone: Final Iteration

Requirements

DesignImplementation

Evaluation

FINAL IMPLEMENTATION IN EARLY MAY

Reference: Iterative Procedure Diagram from Dr. William Arms, http://www.cs.cornell.edu/courses/cs501/2006sp/slides/lecture1.html

Final Iteration Network Diagram

Third Iteration Work Breakdown

Third Iteration Requirements

Ask client for any new requirements

Update design documents as necessary

Add site traffic counter and tracking software

Attach Google search bar and weather icon

Create a help file for site management tools

Site layout testing, and management tool testing

Production-level installation and testing

Successful handover to client and site managers