Dynamic Website Design for Temple Beth-El of Ithaca, NY CS 501 Project - Milestone #2
description
Transcript of 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