dynamic calendar 4.0.indd - voloper

© 2000-2008 Voloper Creations Inc. Dynamic Calendar v4.0 User Guide

• • • • •

i

This document was produced by Voloper Creations Inc.

© 2000 – 2008 Voloper Creations Inc., All Rights Reserved

The information contained herein is the property of Voloper Creations Inc. Except as specifically

authorized in writing by Voloper Creations Inc., the holder of this document shall: i) keep all

information contained herein confidential, and ii) protect the information, in whole or in part, from

disclosure and dissemination to all third parties except where otherwise authorized.

This document, as well as the software described in it, is furnished under license and may only be

used or copied in accordance with the terms of such license. The information in this document is

provided for informational purposes only, is subject to change without notice, and should not be

construed as a commitment by Voloper Creations Inc.

•

•

•

Voloper Creations Inc., is an authorized supplier of products and services to the global WSI Internet

Consulting and Education e-Marketplace.

© 2000-2008 Voloper Creations Inc. Dynamic Calendar v4.0 User Guideiiii

Thank you for choosing the Dynamic Calendar v4.0!Manage groups schedules, appointments, meetings, and events with the next generation of the Dynamic Calendar! Version 4.0 lets you create a full-powered event management service that features a familiar and consistent user interface, an easy-to-use Administration Panel that uses the best elements of our suite of products, and a registration system that allows you to keep track of customers, reservations, payment details, and events seamlessly.

Created in ASP.NET and built on the Microsoft SQL Server platform, the Dynamic Calendar v4.0 is a powerful content management solution that offers a wide range of out-of-the-box features, and is nimble and flexible enough to be up and running in no time, avoiding the costly development process.

Provide your site visitors and customers with a service that allows them search through your website's events and special occasions at a click of a button! As a Site Administrator, you can easily manage the Dynamic Calendar’s customer, reservation, and general module settings through the Administration Panel, which has an integrated Web Content Editor (WCE), a powerful web-authoring tool that lets you manage the content of your web pages in a dynamic, WYSIWYG method.

The Dynamic Calendar v4.0 comes with full system maintenance and is easy to configure. It has multi-currency and multi-language capabilities, as well compatibility with the iCalendar format, allowing users to intergrate calendar contents with their desktop calendar application. Its scalable and fully customizable interface ensures that you will have a reliable platform for your business' future growth and development.

What’s new in Dynamic Calendar v4.0?

This newly rearchitected solution not only addresses W3C Web Accessibility Guidelines but also includes numerous customer-driven enhancements.

Our Web Accessibility InitiativeWe are concentrating our major efforts on Web Accessibility, to allow those with disabilities to effectively receive information from websites. Our Web Accessibility Initiative is to convert all our products, to be fully compliant with priority Level 1 and 2 of W3C Web Accessibility Guidelines. The Dynamic Calendar v4.0 is one of the first products launched in compliance to these guidelines1.

Calendar ConfigurationThe new Dynamic Calendar is completely configurable! Specify pop-up sizes, choose from multiple calendar views, and choose the number of events to be displayed for each day within the Calendar's Configuration Menu.

•

•

•

• • • • •

1 Content and images you may add within the Dynamic Calendar may or may not be compliant to Web Content Accessibility Guidelines (WCAG) 2.0. To ensure compliance, please refer to Checklist of Checkpoints for WCAG 2.0 at http://www.w3.org/TR/WCAG20/. We will be glad to provide you assistance on any Web accessibility compliance and validation issues you may have. Please contact us for details and pricing information.


• • • • •

•

•

•

iii

Dynamic Calendar Detail PagesDynamic Calendar now includes the updated Web Content Editor (WCE) tool in all fornt-end pages, giving you full flexibility in designing your module pages.

Sub-Module IntegrationDynamic Calendar is fully modular and is easily integrated within your Web project in Opensites. Version 4.0 allows you to choose between integrating the full Dynamic Calendar application or integrating sub-modules across multiple pages.

Once you have configured the Dynamic Calendar module, let us help you promote your site with one of our Search Engine Optimization (SEO) and e-Marketer initiatives to optimize your site presence and productivity.

The success of your online business depends on a great product and a company that provides clear-cut solutions focused on catering to your needs. We promise to provide you both. Thank you for choosing us as your event management provider.

© 2000-2008 Voloper Creations Inc. Dynamic Calendar v4.0 User Guideiv

•

•

•

• • • • •

iv

Table of Contents

Section One: The Dynamic Calendar Front-end Interface 1The Dynamic Calendar Main Page - Calendar View 1The Calendar Day View 1The Dynamic Calendar Main Page - List View 1The Events Details Page 2iCalendar Compatibility 2The Registration Page 3The Reservation Details Page 3The Reservation Confirmation Page 4The Confirmation E-Mail Message 4The Reminder E-Mail Message 4

Section Two: Configuring General Settings 5Configuring Calendar Display Options 5Specifying Registration Payment Settings 5Configuring E-Mail Settings 6

Section Three: Configuring Calendar Color Settings 7Choosing a Font Family 7Choosing Font Sizes 7Selecting Background Colors 8Selecting Font Colors 8Choosing Font Effects 8Specifying Calendar Width and Height 8

Section Four: Managing Calendar Events 9Adding a New Event 9Editing Event Details 10Deleting an Event 11

Section Five: Managing Customers 13Adding a New Customer 13Editing a Customer Profile 13Deleting a Customer Record 14

Section Six: Managing Reservations 15Viewing the Reservations List 15Viewing Reservation Details 15Deleting a Reservation 15

Section Seven: Managing Dynamic Calendar Pages 17Dynamic Calendar Event View Page Menu 17Event Register Page Menu 18Event Register Customer Page Menu 19Event Register Payment Page Menu 20Event Register Finish Page Menu 21


• • • • •

•

•

•

v

Section Eight: Dynamic Calendar Integration 23Integrating the Dynamic Calendar Application 23

Section Nine: Internet Marketing Toolkit Integration 24

Talk to Us 25

The WCE Toolbar Page 26

Index 27

Glossary of Terms 28

28

•

•

•

• • • • •

© 2000-2008 Voloper Creations Inc. Dynamic Calendar v4.0 User Guide11

Section One: The Dynamic Calendar Front-end Interface

The Dynamic Calendar Main Page - Calendar View The Dynamic Calendar v4.0 Main Page (Figure 1-1) provides an easy-to-use interface for your site visitors to view and register for events, display schedules of meetings, events, reservations, or appointments.

In Calendar View, site visitors can view scheduled events for a given month within a calendar, and easily navigate from month to month by clicking on the < and > arrows or by selecting a month hyperlink from the navigation menu.

The Calendar Day ViewClicking on a calendar date displays a list of events for that day, and shows the Calendar Day View (Figure 1-2), which can be configured to appear below or to the right of the calendar. Clicking on an event name displays the Events Details Page (Figure 1-4).

The Dynamic Calendar Main Page - List ViewSite visitors can also view the Dynamic Calendar in List View format (Figure 1-3). To address Web Accessibility issues, the Dynamic Calendar can also be viewed as a list, displaying a schedule of events for a given month. In List View, site visitors can view scheduled events and easily navigate from month to month by clicking on a Month name hyperlink from the navigation menu. Clicking on an event name displays the Events Details Page (Figure 1-4).

Figure 1-1: The Dynamic Calendar Main Page - Calendar View

•

•

•

Figure 1-2: The Dynamic Calendar Day View


• • • • •

•

•

•

The Events Details PageThe Events Details Page contains a table showing event details - start and end dates, location and contact information, as well as a description of the event. If the event requires registration, the price, maximum number of seats, and available spaces are also displayed. To register, site visitors simply click on a link to go to the event's Registration Page (Figure 1-5).

If the event does not require registration, the Events Details Page will be displayed in a pop-up window, easily configurable within the Administration Panel. Site visitors can also click on the Print hyperlink to print a copy of the Event Details Page.

iCalendar CompatibilityWithin the Event Details Page is a link for an iCalendar version of the event that can be used with other calendar software. iCalendar ( iCal) is a standard for calendar data exchange1. Clicking on the iCal link displays a dialog box that prompts a user to open or save an iCal file. The file can be viewed by most calendar applications, including Microsoft Outlook, Apple iCal, Lotus Notes, Mozilla Calendar, and Windows Calendar. Opening the iCal file automatically synchronizes the details of the event into the user's calendar, providing them with an electronic copy of the Events Detail Page within their desktop calendar application.

•

•

•

• • • • •

Figure 1-4: The Dynamic Calendar Event Details PageFigure 1-3: The Dynamic Calendar Main Page - List View

2Wikipedia, The Free Encyclopedia. iCalendar. 2008. <http://en.wikipedia.org/wiki/ICalendar>.

2

•

•

•

• • • • •


The Registration PageThe Registration Page (Figure 1-5) is an online form requesting site visitors for contact information (required fields are First Name, Last Name, Address 1, and E-Mail Address), the total number of people attending, and gives a option to request for a Reminder E-Mail Message (Figure 1-9) to be sent before the event. Registrants can specify the number of days before the event they would like the Reminder E-Mail Message be sent to them.

The Reservation Details PageEvent registrants are redirected to the Reservation Details Page (Figure 1-6) after they have finished providing their contact information in the Reservations Page. The Reservation Details Page displays the details of the event as well the registration price, any applicable taxes and total amount to be charged on their credit card.

Once they have confirmed the event details and pricing information, they are required to provide their credit card information to process the online payment and to secure the reservation. Registrants are required to provide their credit card number, expiry date and their credit card security number. The security number field is optional, and can be configured in the Dynamic Calendar's Administration Panel.

Figure 1-5: The Registration Page Figure 1-6: The Reservation Details Page


• • • • •

•

•

•

4

The Reservation Confirmation PageThe Reservation Confirmation Page (Figure 1-7) is automatically displayed once the online transaction has been successfully completed. The event details, pricing information and event decription are displayed, providing the registrant with an electronic receipt of the transaction.

The Confirmation E-Mail MessageA Confirmation E-Mail Message (Figure 1-8) is an Autoresponder Message that is automatically sent to the registrant's E-Mail address, confirming that a reservation for the event has been completed. The E-Mail message usually contains details of the event, a short description, as well as pricing information. As a Site Administrator, you can customize your Confirmation E-Mail Message to suit your potential customers in the Dynamic Calendar's Configuration Menu (Figure 2-2).

The Reminder E-Mail MessageIf an event registrant has requested it, a Reminder E-Mail Message (Figure 1-9) will be sent to their E-Mail address before the event. In the Front-end Registration Page, registrants can specify the number of days before the event they would like the Reminder E-Mail Message sent.

Figure 1-7: The Order Confirmation Page Figure 1-9: The Reminder E-Mail Message

Figure 1-8: The Confirmation E-Mail Message


Section Two: Configuring General SettingsWithin the Dynamic Calendar Administration Panel (Figure 2-1), the Configuration Menu (Figure 2-2) allows you, the Site Administrator, to manage general module settings as well as registration payment settings and E-Mail configuration.

Figure 2-1: The Administration Panel

•

•

•

• • • • •

Quick Tip: Within the Configuration Menu, you can click the Update button at any time to save your selections.

Figure 2-2: The Configuration Menu

Configuring Calendar Display Options

Setting Events Per CellEnter the number of events to be displayed in each calendar cell in the Maximum Events Per Cell field.

Setting Pop Up Width and HeightEvents that do not require registration will be displayed in a pop-up window. Enter the height and width of the pop-up window in the Pop-up Width and Pop-up Height fields.

Setting the Day View DisplayChoose a display setting (Below Calendar or Right of Calendar) from the drop-down menu for displaying all events for a particular day.

Setting the Calendar Default ViewThe Dynamic Calendar can be displayed in two views: List View and Calendar View. Choose from the drop-down menu to set the default view for the calendar.

Specifying Registration Payment Settings

Setting a Currency SymbolSet a currency symbol to use when defining prices for events that require registration and a fee. The default is set to dollars, entered as $.You can also enter a text-based symbol, such as USD. You can also enter other currency symbols such as the British Pound (£), the EU Euro (€), and the Japanese Yen (¥), to name a few.


• • • • •

•

•

•

6

Naming and Setting Registration Fee TaxesRegistration fees may be subject to tax. Dynamic Calendar has built-in tax fields that can be configured to your particular tax specifications. Set tax amounts (expressed in percent) in the Tax Amount 1 and Tax Amount 2 fields. Enter tax names in the textboxes (Tax 1 Name and Tax 2 Name) provided.

Configuring Security Number SettingsSelect Required from the drop-down menu if you would like the customer to enter their credit card security number (a 3- or 4-digit code that can usually be found on the back of the customer’s credit card). Select Not Required if you do not require this feature. (The Security Number field will still be displayed on the Front-end interface, but will not be a required field.)

Configuring E-Mail Settings

Specifying a Contact E-Mail AddressEnter an E-Mail address in the Contact E-Mail field. This E-Mail address appears in the To field of all autoresponder E-Mails. A notification E-Mail is sent to this address whenever a registration is completed.

Specifying an Autoresponder Subject LineEnter a subject line in the Autoresponder Subject field. This field contains the subject of the E-Mail message sent to the event registrant.

Specifying a Reminder Subject LineIf the event registrant has requested for a reminder to be sent before the event, an E-Mail message reminding him of the event will be sent on the day specified. Enter a subject for the Reminder E-Mail message in the Reminder Subject field.

Customizing the Autoresponder MessageOnce a customer has registered for an event, a confirmation E-Mail message is sent to the customer regarding the details of his registration. You can customize the contents of the confirmation E-Mail message in the Autoresponder Text field. Use the following placeholder tags to customize your message:

[FIRST NAME] [LAST NAME] [EVENT NAME] [SHORT DESC] [START DATE] [END DATE] [START TIME] [END TIME] [PRICE] [NUMBER OF PEOPLE].

The values within the brackets will be replaced by values in the database.

Setting a Default Value in the Send A Reminder FieldIn the Send A Reminder field, enter a default value that will appear

Customizing the Reminder MessageIf the event registrant has requested a reminder E-Mail message to be sent before the event, you can customize the contents of the Reminder E-Mail message in the Reminder Text field. You can also use the placeholder tags above to include any database values in your message.

After you have configured general settings for the Dynamic Calendar, click the Update button. The message Info Updated Successfully will be displayed. Refresh the browser page displaying the Dynamic Calendar Front-End interface or click Back To Main Menu. The selected settings will have taken effect.

•

•

•

• • • • •


Section Three: Configuring Calendar Color SettingsWithin the Dynamic Calendar Administration Panel, the Calendar Color Settings Menu (Figure 3-1) allows you, the Site Administrator, to manage style and color settings such as font types, sizes and colors for displaying the calendar in Calendar View. (The Dynamic Calendar can also be displayed in Web-accessible List View. You can manage List View styles and fonts in the Styles Menu.)

Figure 3-1: The Calendar Color Settings Menu

Choosing a Font FamilyWithin the Calendar Color Settings Menu (Figure 3-1), select a font from the Font Family drop-down menu. Dynamic Calendar recommends seven of the most readable and browser-supported fonts for you to use.To keep the Font Type setting you have chosen in your OpenSites or in your OBS project, select the Blank option from the drop-down menu.

Choosing Font Sizes All font sizes for the Dynamic Calendar Front-end Interface are measured in points.

Enter a value in the Font Size field to specify a font size for the main calendar grid.

Enter a value in the Month Font Size field to specify a font size for the month.

Enter a value in the Day Header Font Size field to specify a font size for the days of the week.

•

•

•

Note: You can click the Preview button at any time to view your selected settings on the calendar within the Calendar Color Settings Menu.


• • • • •

•

•

•

8

Selecting Background ColorsYou can select background colors for each element of the Dynamic Calendar: Month, Day and Day Header. Month refers to the row displaying the calendar month, Day refers to the rows of the main calendar grid, and Day Header refers to the row displaying the days of the week. Leaving the Background fields blank will default the color choice to white.

To select a Background Color, find the element name (Month, Day, or Day Header) in the Calendar Color Settings Menu (Figure 3-1). In the Background field, click the Select Color button to open the Color Palette.

Click on a color swatch and click the OK button. Alternatively, you can also enter the color’s hexadecimal value in the Color field.

Click the OK button. The Color Palette will close. The color’s hexadecimal value will be displayed in the Background field.

Selecting Font ColorsYou can select font colors for each element of the Dynamic Calendar: Month, Day and Day Header. Month refers to the row displaying the calendar month, Day refers to the rows of the main calendar grid, and Day Header refers to the row displaying the days of the week.

To select a Font Color, find the element name (Month, Day, or Day Header) in the Calendar Color Settings Menu (Figure 3-1). In the Font Color field, click the Select Color button to open the Color Palette.

Click on a color swatch and click the OK button. Alternatively, you can enter the color’s hexadecimal value in the Color field.

Click the OK button. The Color Palette will close and your chosen color’s hexadecimal value will be displayed in the Font Color field.

Choosing Font Effects

You can choose to add Bold to each of the Dynamic Calendar elements by checking the Font Bold checkbox for each element.

Specifying Calendar Width and HeightEnter a value (in pixels) in the Day Column Height field to specify the height of the main calendar grid. To specify the calendar width, enter a value (in pixels) in the Calendar Width field.

After you have configured the calendar's color settings, click the Update button. Refresh the browser page displaying the Dynamic Calendar Front-End interface or click Back to Main Menu to display the settings you have selected.

1)

2)

3)

1)

2)

3)

•

•

•

• • • • •

Dynamic Calendar v4.0 User Guide© 2000-2008 Voloper Creations Inc. 9

Start and End Dates

Enter a start and end date in the Start Date and End Date fields following the YYYY-MM-DD format. Alternatively, you can use the pop-up calendar to select specific dates by clicking on the Calendar icon .

Start and End Times

Use the drop-down menus to specify start and end times for the event.

Address fields Enter the address information for the event in the Location, City, and State/Province fields

Contact Information

Enter the contact information for the event in the Contact, Phone, Fax, E-Mail, and Web fields.

Registration Required

Check the Registration Required checkbox to require participants to register for the event.

Web Payment Check the Web Payment checkbox if online payment is required during registration.

Max. Number of People

Enter a value for the maximum number of event participants.

Price Enter a price for the event

Recurrence Select the event recurrence (One Time, Weekly or Monthly) from the drop-down menu.

Section Four: Managing Calendar EventsWithin the Calendar Events Menu (Figure 4-1), you can create, edit, and delete events, as well as specify registration details.

Adding a New EventFrom the Calendar Events Menu (Figure 4-1), click Add New Event.The Events Details Page (Figure 4-2) will open. Enter the information needed in the following fields:

1)

Figure 4-1: The Event Details Menu


• • • • •

•

•

•

Editing Event DetailsTo edit details, click on the Magnifying Glass icon assigned to the Event Name in the Calendar Events Menu (Figure 4-1) to open the Event Details Page (Figure 4-2). Edit the necessary fields (See Table 4-1) and click the Update Info button.

Click the Update Info button. The message Info Updated Successfully will appear and and the event will be displayed in the Calendar Events Menu.

2)

Note: If you have configured your website to display in multiple languages in OpenSites ( OpenSites>Website Setup) or in your OBS project, the Event Details Page will display the Event Name, Short Description, and Description fields in each language

Table 5-1:Event Detail Fields

Event Name Enter an event name. Text in this field will be displayed as a hyperlink in the calendar Front-end interface opening to the selected Event Details Page.

Event Short Description

Enter a short description for the event. Text in this field will be displayed as alternate text when a pointing device hovers over the Event Name text.

Event Description

Create an event description to appear within the Event Details Page. Use the WCE (Web Content Editor) tool to format layout and appearance.

Figure 4-2:The Event Details Page

10

•

•

•

• • • • •


Adding Exclusion DatesYou can add exclusion dates to your event in editing mode.

Enter a start and end date in the Exclusion Start Date and End Date fields following the YYYY-MM-DD format. Alternatively, you can use the pop-up calendar to select specific dates by clicking on the Calendar icon .

Click the Add button. The exclusion dates you have specified will be displayed.

Click the Update Info button to save your settings.

Deleting Exclusion DatesTo delete an exclusion date, go to the Event Details Page (Figure 4-2) of the event you would like to edit.

Find the Exclusion Dates field and click on the Delete icon assigned to the exclusion dates you would like deleted.

Click the Update Info button to save your changes.

Deleting an Event Find the event name in the Calendar Events Menu and click the Delete icon

assigned to it. A confirmation window will appear.

Click the OK button. If there are no associated registrations for the event, the selected event will be deleted.

Events that have current registrations will not be deleted automatically. You will be prompted to confirm the deletion of all registrations associated with the event (Figure 4-3). Click the Delete Event and All The Reservations button. The event will be deleted from the Calendar Events Menu.

1)

2)

3)

1)

2)

3)

1)

2)

3)

Figure 4-3: Delete Event Confirmation Page


• • • • •

•

•

•

12

•

•

•

• • • • •


Section Five: Managing CustomersThe Customers Menu (Figure 5-1) displays a list of customer information: First Name, Last Name, and E-Mail Address. Click each of the column heading names to toggle the sort order of the column from ascending (A-Z) to descending (Z-A). This menu also allows you to create, edit and delete a customer record.

Adding a New CustomerFrom the Customers Menu (Figure 5-1), click Add New Customer. The Customer Details Page (Figure 5-2) will open. Enter the information needed in the following fields:

1)

First Name, Last Name

Enter the customer's name in these fields.

Company Enter the customer's company information.

Address fields Enter the address information for the customer in the Address 1, Address 2, City, State/Province, Country, and Zip/Postal Code fields.

Contact Information

Enter the contact information for the customer in the Phone, Fax, and E-Mail fields.

Reminder E-Mail

Check the Send Reminder E-Mail? checkbox if the customer requested a reminder to be sent before the event.

Click the Update Info button. The message New Customer Added will appear and and the information will be displayed in the Customer Menu.

Editing a Customer ProfileTo edit a customer profile, click on the Magnifying Glass icon assigned to the Customer Name in the Customers Menu (Figure 5-1) to open the Event Details Page (Figure 5-2). Edit the necessary fields (See Table 5-1) and click the Update Info button. The message Customer Details Updated will be displayed.

2)

Table 6-1:Customer Detail Fields

Figure 5-1:The Customers Menu


• • • • •

•

•

•

Deleting a Customer Record Find the customer name in the Customer Menu and click the Delete icon assigned to it. A confirmation window will appear.

Click the OK button. The customer is automatically deleted from the list.

1)

2)

Figure 5-2:The Customer Details Page

14

•

•

•

• • • • •


Section Six: Managing ReservationsWithin the Reservations Menu (Figure 6-1), you can view and delete reservation details as well as search the Reservations database for reservations grouped by Event Name, Location, Customer Name, and Start and End Dates.

Viewing the Reservations ListGo to the Main Menu and click Reservations. The Reservations Menu (Figure 6-1) will be displayed.

To view all reservations, leave all search menus blank. You can narrow your search by using any or all of the following critieria:

Select a date range by using the pop-up calendar to select specific Start and End Dates by clicking on the Calendar icon .

Select a specific event by choosing from the Event Name menu.

Select a specific location by choosing from the Location dropdown menu.

Select a specific customer by choosing from the Customer Name menu.

Click the Search button. The Reservations List will be displayed.

Viewing Reservation DetailsTo view reservation details, find the reservation on the Reservations List and click on the Magnifying Glass icon assigned to it.

The Reservation Details Page (Figure 6-2) will open, displaying customer information, event, payment, and reservation details.

To print the Reservation Details Page, click on the Print Friendly Version hyperlink. The page will be reloaded in a new window. Print the page using your browser's Print function ( In Internet Explorer, click CTRL + P or click on the Print icon).

Deleting a ReservationTo delete a reservation, click on the Delete icon assigned to the reservation's Event Name in the Reservations List. The reservation will be deleted from the list.

1)

2)

•

•

•

•

3)

1)

2)

3)

Figure 6-1: The Reservations Menu Figure 6-2: The Reservation Details Page


• • • • •

•

•

•

16

•

•

•

• • • • •


Section Seven: Managing Dynamic Calendar PagesThe Dynamic Calendar Pages Menu lists all the Web pages within the Dynamic Calendar.This menu allows you to configure each page using the WCE tool.

Dynamic Calendar Event View Page MenuThe Dynamic Calendar Event View Page Menu (Figure 7-1) allows you to configure text and Search Engine Optimization (SEO) details for the front-end Event View Details Page (Figure 7-2).

From the right-hand navigation pane, click Event View. The Event View Page Menu (Figure 7-1) will be displayed.

Enter a page title in the Title field. The title appears on a browser title line, usually at the top of the window, and is the part of the page displayed on search engines as a link. It also appears in browser Forward/Backward lists, as well as in browser Bookmarks and Favorites.

Enter keywords for the front-end Event View Page in the Keywords field. Keywords are words used to search for a topic. Use keywords that best describe your website, its contents, and the products and services offered. Separate each keyword using a comma.

Enter a description for the front-end Event View Page in the SEO Description field. The page description is used by search engines to summarize the contents of a webpage and is displayed with the Page Title and the Web address as part of a search result.

Select a template from the Template drop-down menu.

Enter text in the Description field. Use the WCE tools to customize the front-end Event View Page formatting and layout. (Please refer to the WCE Toolbar Page on page 26 for a description of each WCE button).

1)

2)

3)

4)

5)

6)

Figure 7-2: The Event View Details PageFigure 7-1: The Event View Page Menu


• • • • •

•

•

•

The [P:event_view] placeholder displays the event details.

You can position the placeholder anywhere within the WCE. Ensure that the correct placeholder syntax is followed.

When you are finished, click the Update Info button. The changes you have made will be displayed in the Dynamic Calendar’s front-end Event View Page.

Event Register Page MenuThe Event Register Page Menu (Figure 7-2) allows you to configure text and Search Engine Optimization (SEO) details for the front-end Reservation Details Page (Figure 1-3).

From the right-hand navigation pane, click Event Register. The Event Register Page Menu (Figure 7-2) will be displayed.


Enter keywords for the front-end Reservation Details Page in the Keywords field. Keywords are words used to search for a topic. Use keywords that best describe your website, its contents, and the products and services offered. Separate each keyword using a comma.

Enter a description for the front-end Reservation Details Page in the SEO Description field. The page description is used by search engines to summarize the contents of a webpage and is displayed with the Page Title and the Web address as part of a search result.


Enter text in the Description field. Use the WCE tools to customize the front-end Reservation Details Page formatting and layout. (Please refer to the WCE Toolbar Page on page 26 for a description of each WCE button).

7)

1)

2)

3)

4)

5)

6)

Figure 7-3: The News Detail Page Menu Figure 7-4: The Reservation Details Page

18

•

•

•

• • • • •


The [P:event_register] placeholder displays the event registration information. You can position the placeholder anywhere within the WCE. Ensure that the correct placeholder syntax is followed.

When you are finished, click the Update Info button. The changes you have made will be displayed in the Dynamic Calendar’s front-end Reservation Details Page.

Event Register Customer Page MenuThe Event Register Customer Page Menu (Figure 7-5) allows you to configure text and Search Engine Optimization (SEO) details for the front-end Registration Page (Figure 1-5).

From the right-hand navigation pane, click Event Register Customer. The Event Register Customer Page Menu (Figure 7-5) will be displayed.


Enter keywords for the front-end Registration Page in the Keywords field. Keywords are words used to search for a topic. Use keywords that best describe your website, its contents, and the products and services offered. Separate each keyword using a comma.

Enter a description for the front-end Registration Page in the SEO Description field. The page description is used by search engines to summarize the contents of a webpage and is displayed with the Page Title and the Web address as part of a search result.


Enter text in the Description field. Use the WCE tools to customize the front-end Registration Page formatting and layout. (Please refer to the WCE Toolbar Page on page 26 for a description of each WCE button).

The [P:event_register_customer] placeholder displays the customer registration details.You can position the placeholder anywhere within the WCE. Ensure that the correct placeholder syntax is followed.

7)

1)

2)

3)

4)

5)

6)

Figure 7-5: The External RSS Feed Page

19

Figure 7-6: The Registration Page


• • • • •

•

•

•

20

When you are finished, click the Update Info button. The changes you have made will be displayed in the Dynamic Calendar’s front-end External RSS Feed Page.

Event Register Payment Page MenuThe Event Register Payment Page Menu (Figure 7-7) allows you to configure text and Search Engine Optimization (SEO) details for the front-end Reservation Details Page (Figure 7-8).

From the right-hand navigation pane, click Search. The Event Register Payment Page Menu (Figure 7-7) will be displayed.


Enter keywords for the front-end Reservation Details Page in the Keywords field. Keywords are words used to search for a topic. Use keywords that best describe your website, its contents, and the products and services offered. Separate each keyword using a comma.

Enter a description for the front-end Reservation Details Page in the SEO Description field. The page description is used by search engines to summarize the contents of a webpage and is displayed with the Page Title and the Web address as part of a search result.


Enter text in the Description field. Use the WCE tools to customize the front-end Reservation Details Page formatting and layout. (Please refer to the WCE Toolbar Page on page 26 for a description of each WCE button).

The [P:event_register_payment] placeholder displays the registration details and payment information. You can position the placeholder anywhere within the WCE. Ensure that the correct placeholder syntax is followed.

When you are finished, click the Update Info button. The changes you have made will be displayed in the Dynamic Calendar’s front-end Reservation Details Page.

7)

1)

2)

3)

4)

5)

6)

7)

Figure 7-7: The Dynamic Calendar Search Page Figure 7-8: The Reservation Details Page

•

•

•

• • • • •


Event Register Finish Page MenuThe Event Register Finish Page Menu (Figure 7-9) allows you to configure text and Search Engine Optimization (SEO) details for the front-end Order Confirmation Page (Figure 7-10).

From the right-hand navigation pane, click Search. The Event Register Finish Page Menu (Figure 7-9) will be displayed.


Enter keywords for the front-end Order Confirmation Page in the Keywords field. Keywords are words used to search for a topic. Use keywords that best describe your website, its contents, and the products and services offered. Separate each keyword using a comma.

Enter a description for the front-end Order Confirmation Page in the SEO Description field. The page description is used by search engines to summarize the contents of a webpage and is displayed with the Page Title and the Web address as part of a search result.


Enter text in the Description field. Use the WCE tools to customize the front-end Order Confirmation Page formatting and layout. (Please refer to the WCE Toolbar Page on page 26 for a description of each WCE button).

The [P:event_register_finish] placeholder displays the order confirmation details. You can position the placeholder anywhere within the WCE. Ensure that the correct placeholder syntax is followed.

When you are finished, click the Update Info button. The changes you have made will be displayed in the Dynamic Calendar’s front-end Order Confirmation Page.

1)

2)

3)

4)

5)

6)

7)

Figure 7-9: The Dynamic Calendar Search Page Figure 7-10: The Order Confirmation Page


• • • • •

•

•

•

22

•

•

•

• • • • •


Section Eight: Dynamic Calendar IntegrationDynamic Calendar is fully modular and is easily integrated within your Web project in Opensites.

Integrating the Dynamic Calendar Application1) From the OpenSites Work Area, drag the Dynamic Calendar to the page you would like to host the Dynamic Calendar application (Figure 8-1). The tool icon will appear within the Page icon.

2) Double-click the Page icon. The Page Details View will be displayed (Figure 8-2). Click the Contents tab.

3) Within the WCE window, position your cursor where you would like the Dynamic Calendar application to be placed.

4) Click the Insert/Edit Placeholder icon. The Placeholder Properties dialog will be displayed.

5) Select Dynamic Calendar from the Placeholder Name dropdown list and click OK. The Dynamic Calendar placeholder will be displayed in the WCE window. You have now successfully added the Dynamic Calendar application to your Web project.

Figure 8-1: The OpenSites Work Area

Figure 8-2: The Page Details View - Placeholder Properties Dialog

23


• • • • •

•

•

•

24

Section Nine: Internet Marketing Toolkit IntegrationVoloper's Internet Marketing Toolkit (Customer Manager, Campaign Manager, and Dashboard) integrates with the Dynamic Calendar module and captures user activity. The following module activities are captured:

View Event: The toolkit captures which events are viewed and how often.

Register for Event: The toolkit captures which users register for which events.

Adding the Internet Marketing ModuleIf you do not have the Internet Marketing Toolkit installed, you can drag-and-drop the toolkit from the Work Areas Pane to one of your project pages (e.g., your home page). You do not need to place it on your page via the page details contents tab (i.e., using the [p][p] placeholder tool). You can access the Internet Marketing Toolkit from your Admin screen like any other module.


• • • • •

•

•

•

Talk to UsYour feedback is important to us. Whether you'd like to share your opinion about a product, ask a question about one of our services, or comment on our website, we want to hear from you. Please send your feedback and valuable suggestions to us. We look forward to hearing from you.

25


• • • • •

•

•

•

26

The WCE Toolbar Page

Text Field

Text Area

Selection

Insert Button

Image Button

Hidden Field

Bold

Italic

Underline

Subscript

Superscript

Ordered List

Unordered List

Left Justify

Center Justify

Right Justify

Block Justify

Increase Indent

Decrease Indent

Insert Image

Insert Flash

Insert Table

Insert Horizontal Line

Insert Special Character

Insert Break

Insert Hyperlink

Remove Hyperlink

Insert Anchor

Maximize Editor Size

Insert iFrame

Insert Placeholder

Insert CSS

Text Color

Background Color

Switch Toolbar

Source Documents

Document Properties

Save

Preview

Templates

Cut

Copy

Paste

Paste as Plain Text

Paste from Word

Spellcheck

Redo

Undo

Find

Replace

Select All

Clear Formatting

Checkbox

Radio Button

•

•

•

• • • • •


IndexAAdding a New Customer 13

Adding a New Event 9

Administration Panel 2, 3, 5, 7

Autoresponder Message 4, 6

Autoresponder Subject Line 6

BBackground Colors 8

CCalendar Color Settings 7

Calendar Color Settings Menu 8

Calendar Day View 1

Calendar Display Options 5

Calendar Events 9

Calendar Events Menu 9, 10, 11

Calendar View 1, 5

Calendar Width and Height 8

Color Palette 8

Configuration Menu 4, 5

Configuring E-Mail Settings 6

Configuring External RSS Feeds 17

Configuring General Settings 5

Configuring Security Number Settings 6

Confirmation E-Mail Message 4

Contact E-Mail Address 6

Customers Menu 13

DDay Header 8

Day Header Font Size 7

Deleting a Customer Record 14

Deleting an Event 11

Deleting a Reservation 15

EEditing a Customer Profile 13

Editing Event Details 10

Event Details Page 10

Events Details Page 1, 2, 9

Exclusion Dates 11

FFont Colors 8

Font Effects, Choosing 8

Font Family 7

Font Sizes 7

Font Types, Choosing

Blank option 7

I

iCal 2

iCalendar Compatibility 2

LList View 1, 5

MMain Page 1

Managing Property Categories 9

Managing Reservations 15

Month Font Size 7

NNaming and Setting Registration Fee Taxes 6

Dynamic Calendar Main Page 1

OOBS 7, 10

OpenSites 7, 10

RRadio Button 29

Recurrence 9

Registration Page 2

Reminder E-Mail 13

Reminder E-Mail Message 3, 4

Reminder Message 6

Reminder Subject Line 6

Reservation Confirmation Page 4

Reservations List 15

Reservations Menu 15

Reservations Page 3

SSecurity Number 6

Send A Reminder Field 6

Setting Events Per Cell 5

Setting Pop Up Width and Height 5

Setting a Currency Symbol 5

Setting the Calendar Default View 5

Setting the Day View Display 5

Site Administrator 4, 5, 7

Specifying a Contact E-Mail Address 6

Specifying an Autoresponder Subject Line 6

Specifying a Reminder Subject Line 6

Specifying Registration Payment Settings 5

TThe Registration Page 3

The Reservation Details Page 3

VViewing Reservation Details 15

WWeb Accessibility 1

Worldwide Accessibility Initiative 29

27


• • • • •

•

•

•

28

Glossary of Terms

Alternate TextText that is displayed when a mouse hovers over an image. It is also displayed when image loading has been turned off in the user's browser.

BackgroundThe area that appears behind text, graphics, and other Web page components.

BooleanAn adjective referring to the logical system devised by George Boole using the functions AND, OR, and NOT.

BorderBorder refers to the boundary line at the edge of the Web page or module.

CheckboxA checkbox on a Web page is a small square box which displays an X when clicked. Users can click on more than one checkbox to specify their choices. To uncheck a box, users must click the checkbox again to remove the X.

EmAn em is a unit of measurement that refers to the font size of the parent element in a Web page2.

Graphical User Interface (GUI)A computer interface that uses pictures and icons instead of text. Pronounced “gooey”.

HexadecimalA numbering system which uses a base of 16. The first ten digits are 0-9 and the next six are AF. Hexadecimal numbers are used to color Web pages. For example, the hexadecimal equivalent for the color white is #FFFFFF4.

HoverPositioning a cursor over a hyperlink without clicking on the link.

HyperlinksHighlighted graphics or text in a Web page which jumps to a new page or location in the page when clicked. Hyperlinks can also be used to download files.

2 World Wide Web Consortium. The Amazing Em Unit and Other Best Practices, 2000.< http://www.w3.org/WAI/GL/css2em.htm>4 Zacs Design.Multimedia Glossary. 2000.<http://www.zacsdesign.com/edu/basic_multimedia_glossary.htm.>

•

•

•

• • • • •


Navigation BarA list of hyperlinks found at the top, bottom, or left of a Web page that allow users toview the major topic pages of a Web site.

Radio ButtonAn element in the user interface that allows a user to select an option. Each button represents a mutually exclusive selection.

TextboxA small rectangular box in a Web page where users can enter text information to be used by the program.

URLUniform Resource Locator. A Web address, such as http://www.google.com.

World Wide Web Consortium (W3C)The World Wide Web Consortium (W3C) is an international consortium where Member organizations, a full-time staff, and the public work together to develop Web standards5.

Worldwide Accessibility Initiative (WAI)The Web Accessibility Initiative (WAI) works with organizations around the world to develop strategies, guidelines, and resources to help make the Web accessible to people with disabilities6.

5 World Wide Web Consortium. About the World Wide Web Consortium. http://www.w3.org/Consortium/Overview.1999

6 World Wide Web Consortium. About WAI - Links to Documents. http://www.w3.org/WAI/about-links.html. 2008