1 · web viewif the slide is added to a topic that does not exist the system, with the permission...

Transition Report

Web-based Presentation Management System John Wiley & Sons, Inc.

November 16, 2001

Table of Contents

1.1 - Business Goals------------------------------------------------------------------------3

1.2 - Requirements--------------------------------------------------------------------------5

1.3 - Technology----------------------------------------------------------------------------8

1.4 - Proposed System Architecture------------------------------------------------------9

1.5 - Draft Detailed Designs--------------------------------------------------------------15

1.6 - Development Plan-------------------------------------------------------------------40

of 40

1.1 Business Goals

Background

Wiley is a global publisher of print and electronic products, specializing in scientific, technical, and medical books and journals; professional and consumer books and subscription services; and textbooks and other educational materials for undergraduate and graduate students as well as lifelong learners. The company provides "must-have" content to targeted communities of interest. Wiley's deep reservoir of quality content, constantly replenished, offers a tremendous source of competitive advantage. Technology is making this content more accessible to customers worldwide and is adding value for them by delivering it in interactive and/or fully searchable formats.

A DemoCentral site was developed for Wiley by outside developers to allow Wiley’s sales representatives to demonstrate a range of CDs products to prospective customers without having to have the CDs and to remember the demo scripts.

Current Functionality of the DemoCentral Site

The current site offers two ways to tour products by clicking two buttons – “Tour the CD” and “Explore on your own”. The first type of tour offers two features. One is the start-finish tour to display all slides in it one-by-one. The other is a topics tour when “index” is clicked. This feature allows users to explore CD products by a given topic and then displays all the slides in that topic.

A given page in a tour has four components associated with it: Header of the page that is common to all the pages. This header gets displayed using

a customer style sheet inside HTML page. An image that comes from the CD with caption. “Previous” and the “next” link to access the previous and the next slide in a given

tour. An index link that allows a user explore CD products by a given topic

The Reasons that Web-based Presentation Management System is Needed

The idea for the DemoCentral website was generated from the need to provide Wiley sales representatives a tool to demonstrate a variety of CD-based products. The online marketing group and development group are looking to develop a web-based tool at the administration level to create “start-finish” tours and topic tours for the purpose of DemoCentral. They also would like to modify the existing navigation system of the Demo site to be more flexible, powerful and user friendly. It is crucial to the success of DemoCentral that it is easy to learn and use because of the number and variety of products each representative sells.

The creation online tool is imperative because it gives as much as flexibility for tour authors to create numerous tours for sales representatives to demonstrate a variety of

of 40

products on the demo site. It must have a user-friendly interface would allow the author to select an image from the CD and enter a title and comments. Once the user clicks “OK”, the image+title+comment gets saved either on the server or the database. The authors should be able to create both types of tours – “start-to-finish” as well as “topic” tour to cater to the features of “tour the CD” in DemoCentral. While creating a tour, author should be able to preview the tour and make any change to the comment and re-arrange the slides, as needed.

Business Gains and Losses

Wiley will gain a lot with the web-based presentation management system, as it will increase sales of Wiley eProducts and visibility of Wiley Higher Education in the E-marketplace. The end users of DemoCentral, such as sales representatives and other public users, will feel much more comfortable to use the new system and can explore much more tours than before because the new easy-to-use and powerful creation tool allows author to create new tours more efficiently.

Wiley development group will also gain an insight into the limitations of current technologies. With these constraints in mind they will be able to give a fresh direction to their future technical development strategy.

Revenue: Internet offer provides opportunity for additional revenue. Market share: Opportunity to attract more customers with the enhanced online

feature. First Mover Advantage: No other company currently provides such a mature service. Costs: Marketing cost will be decreased in the future because less mail promotion is

needed.

The biggest cost is the time to accomplish the project. Two month is not enough to complement the creation tools. However it’s easy for the development group to continue based on the prototype. Wiley won’t need to invest much to update their systems and equipments at this initial development stage, while they would need to do that in the future to update their LAN/Intranet system after the implementation of the new web-based presentation management system.

of 40

1.2 Requirements

What should the system do?

The product will facilitate the development and maintenance of online slide shows for Compact Discs pertaining to books. The user of the product will be able to create customized slides in a ‘user friendly’ environment and then order them in the desired sequence to form slide shows. The slide show in turn can be a continuous start-to-end tour, wherein only the text and order of the slides get determined by the internal user, or it can be a topic wise tour wherein slides are grouped by topics that form the tour. Once a slide show was been built it can be previewed, edited and uploaded on to the World Wide Web.

Functional –

As the product is web portable it can be accessed in the user’s web browser by connecting to John Wiley’s internal/external web server. (Please refer to Exhibit 1). To create a slide show the user first chooses between the two categories of slide shows that-the product supports, namely: Continuous start-to-finish slide show and the topic wise slide show. For both these shows the user is expected to place all image pertaining to the show in a directory that he/she then indicates to the application. The application in turn displays all the images contained by the directory on the screen (in case the number exceeds 16, the images can be displayed over several screens). To create a slide for the continuous slide show the user clicks on the image causing a new window to appear that allows a name and comment to be associated with the image. Another way a slide can be created is by clicking on the “create new slide” icon that results in a new window that asks the user for the name/location of the image file, the name of the slide and a comment describing the slide. To add the slide the user indicates the sequence number of the slide in the show and then presses the ‘Add’ button.

For the topic wise slide show the user first provides a list of the topics in the show and then assigns individual slides to these topics in the desired sequence. If the slide is added to a topic that does not exist the system, with the permission of the user, will create a new topic and add the current slide to it. When the user has finished constructing the slide show, a preview of the final show is shown. The preview consists of two types; the slide view type shows all the slides and topics in the show along with the associated names and comments on a single window (if the number of slides are greater than 16 there can be more than one window). The other type of preview is the ‘Run’ preview as it shows the user the slide show exactly the way it will be viewed when it is uploaded on the Internet. If the user is satisfied with the preview he/she can assign it a name and upload it on the net or save it to a disk. The user would also be provided an option to edit the slide show by changing the number, sequence, format and content of the show. It should be understood that the tool is menu driven rather than event driven, therefore adherence to the proposed flow is not a necessity, meaning thereby that even before pre-viewing the slide show the user has the option to edit or save or even exit the program altogether.

of 40

Features Description

Requestor Importance Difficulties Obtained by

1. Friendly User Interface

Clients at Wiley & Sons

Since many people from various departments are likely to use the product acceptance is contingent on usability.

The design has to be intuitive to enable easy adoption. However the amount of information displayed on the screen requires concentration on details.

Liaison with the end user.

2. Two categories of slide shows.


Critical to end users as a presentation might consist of a start to end-slide show or a topic wise show. Both these shows can function as ‘stand alone’ shows or as complements of each other.

Creation of two shows practically amounts to creating two separate applications with different flow charts and design issues.

Liaison with management team at Wiley.

3. Multiple linkage of an image.


Invisible to the end user but is important because this option will allow an image to be associated with two different slides in two different types of slide shows.

Requires a means for designing identification schemes to correctly associate an image with the respective slide in the respective context.

Inferred through meetings with the management team.

4. Single template for all slide shows.


Invisible to the end user, but once again critical to adoption. Instead of maintaining a multitude of data files and directories the product will maintain a database of slides, images and display them in a common template.

Creating the back end data base and designing queries to store and maintain data. Designing the template that displays a variety of show types.

Inferred through meeting with the end users and system architects at Wiley.

of 40

of 40

Client selects between a continuous or a topic wise slide show

Client indicates the name of the image directory.

Client indicates the name of the image directory.

Users selects between editing the show, uploading it or exiting the

User assigns the slide show a name if one has not been assigned.

The user indicates the topic to which the slide belongs and its order.

All images pertaining to the directory are displayed. To create a slide the user selects an image and assigns it a name and comment.

The user indicates the order in which the slides appear in show

If the slide is added to a non-existent topic, the topic will be created automatically.

All images pertaining to the directory are displayed. To create a slide the user selects an image and assigns it a name and comment.

Topic wise showContinuous show

User is shown preview of the final slide show

The slide show is uploaded on the World Wide Web.

Exit

Edit

Upload

Exhibit A: Process Flow Diagram

1.3 Technology

Choice of Technology

Based on the requirement of the system and the discussions with the client, we have made the following choices.

For Development:

Operating System Windows NT/95/98Programming Languages

Java ( jdk 1.2)Java Server PagesJavaScriptJava Data Base Connectivity (JDBC)

Web Server Apache TomCat 3.5Database MySQL

For Deployment:

Operating System UnixProgramming Languages

Java ( jdk 1.2)Java Server PagesJavaScriptJava Data Base Connectivity (JDBC)

Web Server Vignette (V5)Database Oracle

Why the tools are appropriate?

Platform Neutrality As our development environment is quite different from the deployment requirement, we needed to select the languages that are platform neutral. And Java was the obvious choice.

Standard J2EE architecture and the languages has become the standard for the web development.

Free All the selected development tools can be downloaded freely from the web.

Installation All the selected tools can be installed on a Laptop.

of 40

1.4 Proposed System Architecture

The proposed architecture is a 3-tier basic J2EE architecture. The architecture has three layers

Presentation Layer: The presentation layer manages the interaction between end-users and the system. It is responsible for passing user requests to the system and for the format and display of the data for an application.

Java Server Pages are proposed for the presentation layer. JSPs can be used for dynamic web page creation for platform neutrality.

Java Bean / Control Layer: The developer of a presentation would access the database through a layer called the ‘Control’. The ‘Control’ is responsible for encapsulating the details of communication between the client and the server.

Database Layer: The database will consist of a number of tables (discussed below) that will be used for storing the information. There are two choices for the database – Oracle and MySQL. MySQL is to be used for development work and Oracle will be used for deployment.

of 40

1.4.1 JSP Pages

In our system, we will have two sets of JSPs. The first set will be used for running / viewing the tour and second set will be used for creating the tour.

ViewTour.jspThis jsp will be used for displaying the tours that available for a given product. This JSP will take a product ID as an input and pass that to the JavaBean to get the list of tours and their details.

CreateTour_*.jspThis set of JSP will be used for creating / editing the tour. All the collected detail about the tour will be held in the memory of the JavaBean and once the user presses the ‘Save’ button, a bean method will be called to save all the data.

Performance

The way whole architecture is constructed, each set of the JSP page will do only one database access and hence, providing a faster response time. For example, the View JSP will call a method on the bean, that will get all the details of the tour in one database access and cache it inside the bean.

of 40

1.4.2 Database Tables

1.4.2.1 Tables

Table ListName Description

T_DCPD_PRODUCT All the valid products are stored in this table. T_DCTT_TOUR_TYPE This table will store all the valid tour types. This

table will have two entries – one for the start-finish tour and one for topic tour.

T_DCTH_TOUR_HEADER This table will contain one record for each tour record created.

T_DCTD_TOUR_DETAIL This table will contain details for the tours stored in the header table.

Table T_DCPD_PRODUCT

Column ListName Description Type P

PD_PRODUCT_ID Column to store the product ID. NUMBER Yes PD_PRODUCT_DESC Column to store the description of the

product.VARCHAR2(255)

No

Table T_DCTT_TOUR_TYPE


TT_TOURTYPE_ID Column to store the tour type ID. NUMBER Yes TT_TOURTYPE_DESC

Column to store the description of the tour type.

VARCHAR2(255)

No

Table T_DCTH_TOUR_HEADER


TH_TOUR_ID Unique Identifier for the tour. NUMBER Yes TH_TOUR_TYPE Tour Type. NUMBER No TH_TOUR_NAME Name of the Tour. VARCHAR

2(255)No

TH_PRODUCT_ID Product ID. NUMBER No

of 40

Table T_DCTD_TOUR_DETAIL


TD_TOUR_ID Tour ID. NUMBER Yes TD_STEP_ID Step Number. NUMBER Yes TD_IMAGE_NAME Image Name. VARCHAR

2(255)No

TD_IMAGE_LOCATION

Image Location. VARCHAR2(255)

No

TD_IMAGE_TEXT Abstract. LONG No

of 40

1.4.2.2 Global Model Graph

TH_TOUR_ID = TD_TOUR_ID

TT_TOURTYPE_ID = TH_TOUR_TYPE

PD_PRODUCT_ID = TH_PRODUCT_ID

T_DCTT_TOUR_TYPE

T_DCTH_TOUR_HEADER

T_DCTD_TOUR_DETAIL

T_DCPD_PRODUCT

of 40

1.4.2.3 Script For creating Tables

-- ============================================================-- Database name: MODEL_2 -- DBMS name: ORACLE Version 8 -- Created on: 10/26/01 9:59 AM -- ============================================================

-- ============================================================-- Table: T_DCTT_TOUR_TYPE -- ============================================================create table DCT.T_DCTT_TOUR_TYPE( TT_TOURTYPE_ID NUMBER not null, TT_TOURTYPE_DESC VARCHAR2(255) null , constraint PK_T_DCTT_TOUR_TYPE primary key (TT_TOURTYPE_ID))/

-- ============================================================-- Table: T_DCPD_PRODUCT -- ============================================================create table DCT.T_DCPD_PRODUCT( PD_PRODUCT_ID NUMBER not null, PD_PRODUCT_DESC VARCHAR2(255) null , constraint PK_T_DCPD_PRODUCT primary key (PD_PRODUCT_ID))/

-- ============================================================-- Table: T_DCTH_TOUR_HEADER -- ============================================================create table DCT.T_DCTH_TOUR_HEADER( TH_TOUR_ID NUMBER not null, TH_TOUR_TYPE NUMBER null , TH_TOUR_NAME VARCHAR2(255) null , TH_PRODUCT_ID NUMBER null , constraint PK_T_DCTH_TOUR_HEADER primary key (TH_TOUR_ID))/

-- ============================================================-- Table: T_DCTD_TOUR_DETAIL -- ============================================================create table DCT.T_DCTD_TOUR_DETAIL

of 40

( TD_TOUR_ID NUMBER not null, TD_STEP_ID NUMBER not null, TD_IMAGE_NAME VARCHAR2(255) null , TD_IMAGE_LOCATION VARCHAR2(255) null , TD_IMAGE_TEXT LONG null , constraint PK_T_DCTD_TOUR_DETAIL primary key (TD_TOUR_ID, TD_STEP_ID))/

alter table DCT.T_DCTH_TOUR_HEADER add constraint FK_T_DCTH_T_REF_18_T_DCPD_P foreign key (TH_PRODUCT_ID) references DCT.T_DCPD_PRODUCT (PD_PRODUCT_ID)/alter table DCT.T_DCTH_TOUR_HEADER add constraint FK_T_DCTH_T_REF_22_T_DCTT_T foreign key (TH_TOUR_TYPE) references DCT.T_DCTT_TOUR_TYPE (TT_TOURTYPE_ID)/alter table DCT.T_DCTD_TOUR_DETAIL add constraint FK_T_DCTD_T_REF_25_T_DCTH_T foreign key (TD_TOUR_ID) references DCT.T_DCTH_TOUR_HEADER (TH_TOUR_ID)/

of 40

1.5 Draft Detailed Designs

1.5.1 User Interfaces

During the analysis phase, the project team developed HTML mockups of the graphic user interface for all the functions listed below:

1.5.1.1 Home Page:

Function: It has the links to the main functions: Create a New Demo Show: Click the “Create a New Show” on the left navigation

menu Edit an Existing Demo Show: Click the “Edit an Existing Show” on the left

navigation menu Preview a Demo show: Click the “Preview a New Show” on the left navigation

menu Publish a Demo Show: Click the “Publish a Show” on the left navigation menu

of 40

1.5.1.2 - Create New Demo Show

Function: It allows user to create new demo show in two ways: Create a new demo show for a new CD product Create a new demo show for a CD product, which has demo show(s) created

before in the system

of 40

1.5.1.2.1 - Create New Demo Show for a New CD Product

Function: It allows user to create a new demo show in two types: New Slide Show New Topic Show

Note: User needs to enter the new CD product name and brief description

of 40

1.5.1.2.2 - Create New Demo Show for an Existing CD Product

Function: It allows user to create a new demo show in two types: New Slide Show New Topic Show

Note: User needs to select the CD product name from the dropdown list.

of 40

1.5.1.2.3 - Create New Demo Slide Show for a New/Existing CD Product

Function: It has three main functions: Show the name of the slide show Show the abstract of the slide show Add a new slide to the slide show Save the new slide show when user finishes adding all the slides Preview the new slide show after user save the slide show

Note: User needs to check the checkbox associated with the function, and click submit button.

of 40

1.5.1.2.3.1 - Create New Demo Slide Show for a New/Existing CD Product - New Slide

Function: It has the following main functions: Show the name of the slide show Show the abstract of the slide show Assign the name for the new slide: User can enter the name of the slide into the

text box under “Name” Pick an image for the new slide: User can click on the “Browse” button to select a

image folder for the slide Add caption for the new slide: User can enter the abstract into the text box under

the “Abstract” Save the slide: User can click the “Save Slide” button to save the new slide

of 40

1.5.1.2.3.2 - Create New Demo Slide Show for a New/Existing CD Product - Choose Image Folder

Function: It has the following main functions: Show the name of the slide show Show the abstract of the slide show Show the name of the slide Select the image folder for the slide show: User can click on the “Browse” button

to select the image folder

of 40

1.5.1.2.3.3 - Create New Demo Slide Show for a New/Existing CD Product - Choose Image in the Image Folder

Function: It has the following main functions: Display 6 images in the select image folder Display previous & next 6 images in the select images folder: User can click the

“Previous” or “Next” buttons to review the previous or the next 6 (or less) images Select the image for the current slide: User can click the “Choose” button under

the image he/she would like to use for the current slide

of 40

Function: After the image is chosen, it displays the thumbnail of it.

of 40

1.5.1.2.3.4 - Create New Demo Slide Show for a New/Existing CD Product - Preview

Function: It has the following main functions: Show the name of the slide show Show the abstract of the slide show Preview the 6 slides in the show in the order it is created Preview the previous or next 6 slides in the show: User can click the “Prev Page”

or “Next Page” button to preview the previous or next 6 ( or less) slide in the show

Swap the slide(s) with the previous or next slide in the show: User can click the “” or “” button under a slide to swap it with either the previous or next slide in the show.

Delete the slide(s): User can click the "Delete" button to delete the slide Finish the preview: User can click the "Done" button to finish the preview

of 40

1.5.1.2.4 - Create New Demo Topic Show for a New/Existing CD Product

Function: It has three main functions: Show the name of the topic show Show the abstract of the topic show Add a new topic to the topic show Save the new topic show when user finishes adding all the slides Preview the new topic show after user save the slide show

Note: User needs to check the checkbox associated with the function, and click submit button.

of 40

1.5.1.2.4.1 - Create New Demo Topic Show for a New/Existing CD Product - Add New Topic

Function: It has the following main functions: Show the name of the topic show Show the abstract of the topic show Assign the name for the new topic: User can enter the name of the topic into the

text box under “Name” Go back to the main create topic show screen: User can click "Done" button to do

so.

of 40

1.5.1.2.4.2 - Create New Demo Topic Show for a New/Existing CD Product - Add Slide

Function: It has the following main functions: Show the name of the topic show Show the abstract of the topic show Show the current topic name Add a new slide for the current topic: User can click the "Add Slide" button Go back to the main Add New Topic page: User can click the "Done" button

of 40

1.5.1.2.4.3 - Create New Demo Topic Show for a New/Existing CD Product - New Slide Form

Function: It has the following main functions: Show the name of the topic show Show the abstract of the topic show Show the current topic name Assign the name for the new slide: User can enter the name of the slide into the

text box under “Name” Pick an image for the new slide: User can click on the “Browse” button to select a

image folder for the slide Add caption for the new slide: User can enter the abstract into the text box under

the “Abstract” Save the slide: User can click the “Save Slide” button to save the new slide and go

back to the Add Slide page.

of 40

1.5.1.2.4.4 - Create New Demo Topic Show for a New/Existing CD Product - Choose Image Folder

Function: It has the following main functions: Show the name of the topic show Show the abstract of the topic show Show the current topic name Show the current slide name Select the image folder for the slide show: User can click on the “Browse” button

to select the image folder

of 40

1.5.1.2.4.5 - Create New Demo Topic Show for a New/Existing CD Product - Choose Image in the Image Folder

Function: It has the following main functions: Display 6 images in the select image folder Display previous & next 6 images in the select images folder: User can click the

“Previous” or “Next” buttons to review the previous or the next 6 (or less) images Select the image for the current slide: User can click the “Choose” button under

the image he/she would like to use for the current slide

of 40

Function: After the image is chosen, it displays the thumbnail of it.

of 40

1.5.1.2.4.6 - Create New Demo Topic Show for a New/Existing CD Product - Preview

Function: It has the following main functions: Show the name of the topic show Show the abstract of the topic show Show the current topic name Preview the 6 slides in the topic in the show in the order they are created Preview the previous or next 6 slides in the topic in the show: User can click the

“Prev Page” or “Next Page” button to preview the previous or next 6 (or less) slide in the show

Swap the slide(s) with the previous or next slide in the show: User can click the “” or “” button under a slide to swap it with either the previous or next slide in the show.

Delete the slide(s): User can click the "Delete" button to delete the slide Preview the 6 slide in the previous topic or next topic in the show in the order

they are created Finish the preview: User can click the "Done" button to finish the preview

of 40

1.5.1.3 - Edit Demo Show - Select CD Product

Function: It has the following main functions: List all the CD products that have demo show(s) Retrieve all the demo show(s) for the CD product user selects

of 40

1.5.1.3.1 - Edit Demo Show - Select the Demo Show

Function: It has the following main functions: Show the CD product name

List all the demo show(s) for the CD products Select and Edit the selected demo show: User can select the checkbox for the

show and click the "Edit" button to edit it.

of 40

1.5.1.4 - Preview Demo Show - Select CD Product

Function: It has the following main functions: List all the CD products that have demo show(s) Retrieve all the demo show(s) for the CD product user selects

of 40

1.5.1.4.1 - Preview Demo Show - Select the Demo Show

Function: It has the following main functions: Show the CD product name

List all the demo show(s) for the CD products Select and Preview the selected demo show: User can select the checkbox for the

show and click the "Preview" button to edit it.

of 40

1.5.2 Algorithms

The following are the main algorithms pseudo code used by the application:

1.5.2.1 Create New Product Generate new Product ID Get Name & Abstract from the JSP form and create a new Product object Pass the new Product object to the ProductDataSet class, which is responsible for

all the database operations to the database table for Product The ProductDataSet class will insert the new Product object to the database

Table for Product

1.5.2.2 Create New Tour Generate new Tour ID Get Name, Tour Type & Product from the JSP form and create a new Tour object Pass the new Tour object to the TourDataSet class, which is responsible for all

the database operations to the database table for Tour The TourDataSet class will insert the new Product object to the database Table

for product

1.5.2.3 Create New Slide Generate new Slide ID Get Name, Tour ID, Image Name, Image Path & Caption from the JSP form and

create a new Slide object Pass the new Slide object to the SlideDataSet class, which is responsible for all

the database operations to the database table for Tour The SlideDataSet class will insert the new Product object to the database Table

for product

1.5.2.4 Preview Show Get the Product ID for preview from the JSP form Get all the Tour ID for that Product Pass the Tour ID to the SlideDataSet class, which will find all the Slide Object for

the Tour ID Put all the Slides objects in to a List object Sort all the List object, using the Slide objects by their StepID Send back the sorted List objects to the preview JSP pages IF user swaps the order of the slides, changed the StepID for both Slide objects

which got swaped IF user deletes a slide, remove the deleted Slide object from the list, and reassign

all the StepID for the slides after the deleted Slide object When user finishes the preview, send the List to the SlideDataSet class, which will

write all the slides back to the table

of 40

1.5.3 Data Structures –

Based on the database tables, the following are the data class objects that will be used for the application:

of 40

1.6 Development Plan

1.6.1 Responsibilities

The members of the project team have decided to work in the following tasks:

Database Creation and Test Data preparation (???) The JSP pages development for the Demo Slide Show Creation (???) The JSP pages development for the Demo Topic Show Creation (???) The JSP pages development for the Demo Show Preview and Edit (???) The JSP pages for the Demo Central Slide & Topic Show (???) System Documentation (???) Unit Test and System Test (???)

1.6.2 Timetable

Milestone Due Date Assigned To

Database Implementation 11/16/01Test Data Preparation 11/21/01Demo Slide Show Creation JSP pages 12/5/01Demo Topic Show Creation JSP pages 12/5/01Demo Show Preview and Edit pages 12/5/01Demo Central Slide & Topic show pages 12/5/00Unit Test 12/5/01 AllSystem Test & Documentation 12/13/01 AllDemo Show 12/14/01 All

of 40

1 · web viewif the slide is added to a topic that does not exist the system, with the permission...

Documents