i Voloper Creations Inc. Dynamic Calendar v4.0 User Guide This document was produced by Voloper Creations Inc.

Transcription

1

2 This document was produced by Voloper Creations Inc 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. i

3 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 Initiative We 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 guidelines 1. Calendar Configuration The 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 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. ii

4 Dynamic Calendar Detail Pages Dynamic Calendar now includes the updated Web Content Editor (WCE) tool in all forntend pages, giving you full flexibility in designing your module pages. Sub-Module Integration Dynamic 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. iii

5 Table of Contents Section One: The Dynamic Calendar Front-end Interface 1 The Dynamic Calendar Main Page - Calendar View 1 The Calendar Day View 1 The Dynamic Calendar Main Page - List View 1 The Events Details Page 2 icalendar Compatibility 2 The Registration Page 3 The Reservation Details Page 3 The Reservation Confirmation Page 4 The Confirmation Message 4 The Reminder Message 4 Section Two: Configuring General Settings 5 Configuring Calendar Display Options 5 Specifying Registration Payment Settings 5 Configuring Settings 6 Section Three: Configuring Calendar Color Settings 7 Choosing a Font Family 7 Choosing Font Sizes 7 Selecting Background Colors 8 Selecting Font Colors 8 Choosing Font Effects 8 Specifying Calendar Width and Height 8 Section Four: Managing Calendar Events 9 Adding a New Event 9 Editing Event Details 10 Deleting an Event 11 Section Five: Managing Customers 13 Adding a New Customer 13 Editing a Customer Profile 13 Deleting a Customer Record 14 Section Six: Managing Reservations 15 Viewing the Reservations List 15 Viewing Reservation Details 15 Deleting a Reservation 15 Section Seven: Managing Dynamic Calendar Pages 17 Dynamic Calendar Event View Page Menu 17 Event Register Page Menu 18 Event Register Customer Page Menu 19 Event Register Payment Page Menu 20 Event Register Finish Page Menu 21 iv

6 Section Eight: Dynamic Calendar Integration 23 Integrating 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 v

7 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 View Clicking 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 View Site 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 1

8 The Events Details Page The 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 Compatibility Within 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 exchange 1. 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-3: The Dynamic Calendar Main Page - List View Figure 1-4: The Dynamic Calendar Event Details Page 2 2 Wikipedia, The Free Encyclopedia. icalendar <

9 The Registration Page The 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 Address), the total number of people attending, and gives a option to request for a Reminder 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 Message be sent to them. The Reservation Details Page Event 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 3

10 The Reservation Confirmation Page The 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 Message A Confirmation Message (Figure 1-8) is an Autoresponder Message that is automatically sent to the registrant's address, confirming that a reservation for the event has been completed. The message usually contains details of the event, a short description, as well as pricing information. As a Site Administrator, you can customize your Confirmation Message to suit your potential customers in the Dynamic Calendar's Configuration Menu (Figure 2-2). The Reminder Message If an event registrant has requested it, a Reminder Message (Figure 1-9) will be sent to their 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 Message sent. Figure 1-8: The Confirmation Message Figure 1-7: The Order Confirmation Page Figure 1-9: The Reminder Message 4

11 Section Two: Configuring General Settings Within 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 configuration. Quick Tip: Within the Configuration Menu, you can click the Update button at any time to save your selections. Configuring Calendar Display Options Setting Events Per Cell Enter the number of events to be displayed in each calendar cell in the Maximum Events Per Cell field. Setting Pop Up Width and Height Events 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 Display Choose a display setting (Below Calendar or Right of Calendar) from the dropdown menu for displaying all events for a particular day. Setting the Calendar Default View The 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 Symbol Set 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. Figure 2-1: The Administration Panel Figure 2-2: The Configuration Menu 5

12 Naming and Setting Registration Fee Taxes Registration 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 Settings Select 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 Settings Specifying a Contact Address Enter an address in the Contact field. This address appears in the To field of all autoresponder s. A notification is sent to this address whenever a registration is completed. Specifying an Autoresponder Subject Line Enter a subject line in the Autoresponder Subject field. This field contains the subject of the message sent to the event registrant. Specifying a Reminder Subject Line If the event registrant has requested for a reminder to be sent before the event, an message reminding him of the event will be sent on the day specified. Enter a subject for the Reminder message in the Reminder Subject field. Customizing the Autoresponder Message Once a customer has registered for an event, a confirmation message is sent to the customer regarding the details of his registration. You can customize the contents of the confirmation 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 Field In the Send A Reminder field, enter a default value that will appear Customizing the Reminder Message If the event registrant has requested a reminder message to be sent before the event, you can customize the contents of the Reminder 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. 6

13 Section Three: Configuring Calendar Color Settings Within 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.) Note: You can click the Preview button at any time to view your selected settings on the calendar within the Calendar Color Settings Menu. Choosing a Font Family Within 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. Figure 3-1: The Calendar Color Settings Menu 7

14 Selecting Background Colors You 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. 1) 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. 2) 3) 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 Colors You 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. 1) 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. 2) 3) 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 Height Enter 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. 8

15 Section Four: Managing Calendar Events Within the Calendar Events Menu (Figure 4-1), you can create, edit, and delete events, as well as specify registration details. Adding a New Event 1) From 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: Start and End Dates Start and End Times Address fields Contact Information Registration Required Web Payment Max. Number of People Price Recurrence 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. Use the drop-down menus to specify start and end times for the event. Enter the address information for the event in the Location, City, and State/Province fields Enter the contact information for the event in the Contact, Phone, Fax, , and Web fields. Check the Registration Required checkbox to require participants to register for the event. Check the Web Payment checkbox if online payment is required during registration. Enter a value for the maximum number of event participants. Enter a price for the event Select the event recurrence (One Time, Weekly or Monthly) from the drop-down menu Voloper Creations Inc. Figure 4-1: The Event Details Menu Dynamic Calendar v4.0 User Guide 9

16 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 Event 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. Create an event description to appear within the Event Details Page. Use the WCE (Web Content Editor) tool to format layout and appearance. Table 5-1:Event Detail Fields 2) Click the Update Info button. The message Info Updated Successfully will appear and and the event will be displayed in the Calendar Events Menu. 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 Editing Event Details To 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. 10 Figure 4-2:The Event Details Page

17 Adding Exclusion Dates You can add exclusion dates to your event in editing mode. 1) 2) 3) 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 Dates 1) To delete an exclusion date, go to the Event Details Page (Figure 4-2) of the event you would like to edit. 2) 3) Find the Exclusion Dates field and click on the Delete icon exclusion dates you would like deleted. Click the Update Info button to save your changes. assigned to the Deleting an Event 1) Find the event name in the Calendar Events Menu and click the Delete icon assigned to it. A confirmation window will appear. 2) 3) 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. Figure 4-3: Delete Event Confirmation Page 11

18 12

19 Section Five: Managing Customers The Customers Menu (Figure 5-1) displays a list of customer information: First Name, Last Name, and 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 Customer 1) From 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: First Name, Last Name Company Address fields Contact Information Reminder Enter the customer's name in these fields. Enter the customer's company information. Enter the address information for the customer in the Address 1, Address 2, City, State/Province, Country, and Zip/Postal Code fields. Enter the contact information for the customer in the Phone, Fax, and fields. Check the Send Reminder ? checkbox if the customer requested a reminder to be sent before the event. Table 6-1:Customer Detail Fields 2) 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 Profile To 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. Figure 5-1:The Customers Menu 13

20 Deleting a Customer Record 1) Find the customer name in the Customer Menu and click the Delete icon assigned to it. A confirmation window will appear. 2) Click the OK button. The customer is automatically deleted from the list. Figure 5-2:The Customer Details Page 14

21 Section Six: Managing Reservations Within 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 List 1) Go to the Main Menu and click Reservations. The Reservations Menu (Figure 6-1) will be displayed. 2) 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. 3) Click the Search button. The Reservations List will be displayed. Viewing Reservation Details 1) 2) 3) To 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 Reservation To 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. Figure 6-1: The Reservations Menu Figure 6-2: The Reservation Details Page 15

22 16

23 Section Seven: Managing Dynamic Calendar Pages The 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 Menu The 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). 1) 2) 3) 4) 5) 6) 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 frontend Event View Page formatting and layout. (Please refer to the WCE Toolbar Page on page 26 for a description of each WCE button). Figure 7-1: The Event View Page Menu Figure 7-2: The Event View Details Page 17

24 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. 7) 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 Menu The 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). 1) 2) 3) 4) 5) 6) From the right-hand navigation pane, click Event Register. The Event Register Page Menu (Figure 7-2) 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 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. Select a template from the Template drop-down menu. Enter text in the Description field. Use the WCE tools to customize the frontend Reservation Details Page formatting and layout. (Please refer to the WCE Toolbar Page on page 26 for a description of each WCE button). Figure 7-3: The News Detail Page Menu Figure 7-4: The Reservation Details Page 18

25 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. 7) 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 Menu The 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). 1) 2) 3) 4) 5) 6) From the right-hand navigation pane, click Event Register Customer. The Event Register Customer Page Menu (Figure 7-5) 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 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. Select a template from the Template drop-down menu. Enter text in the Description field. Use the WCE tools to customize the frontend 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. Figure 7-5: The External RSS Feed Page Figure 7-6: The Registration Page 19

26 7) 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 Menu The 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). 1) From the right-hand navigation pane, click Search. The Event Register Payment Page Menu (Figure 7-7) will be displayed. 2) 3) 4) 5) 6) 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 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. Select a template from the Template drop-down menu. Enter text in the Description field. Use the WCE tools to customize the frontend 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. 7) 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. Figure 7-7: The Dynamic Calendar Search Page Figure 7-8: The Reservation Details Page 20

27 Event Register Finish Page Menu The 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). 1) 2) From the right-hand navigation pane, click Search. The Event Register Finish Page Menu (Figure 7-9) 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. 3) 4) 5) 6) 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. Select a template from the Template drop-down menu. Enter text in the Description field. Use the WCE tools to customize the frontend 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. 7) 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. Figure 7-9: The Dynamic Calendar Search Page Figure 7-10: The Order Confirmation Page 21

28 22

29 Section Eight: Dynamic Calendar Integration Dynamic Calendar is fully modular and is easily integrated within your Web project in Opensites. Integrating the Dynamic Calendar Application 1) 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

30 Section Nine: Internet Marketing Toolkit Integration Voloper'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 Module If 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] placeholder tool). You can access the Internet Marketing Toolkit from your Admin screen like any other module. 24

31 Talk to Us Your 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

32 The WCE Toolbar Page Source Documents Document Properties Save Text Field Text Area Selection Insert Flash Insert Table Insert Horizontal Line Preview Insert Button Insert Special Character Templates Image Button Insert Break Cut Hidden Field Insert Hyperlink Copy Bold Remove Hyperlink Paste Italic Insert Anchor Paste as Plain Text Underline Maximize Editor Size Paste from Word Subscript Insert iframe Spellcheck Superscript Insert Placeholder Redo Ordered List Insert CSS Undo Unordered List Text Color Find Left Justify Background Color Replace Center Justify Switch Toolbar Select All Right Justify Clear Formatting Block Justify Checkbox Increase Indent Radio Button Decrease Indent Insert Image 26

33 Index A Adding a New Customer 13 Adding a New Event 9 Administration Panel 2, 3, 5, 7 Autoresponder Message 4, 6 Autoresponder Subject Line 6 B Background Colors 8 C Calendar 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 Settings 6 Configuring External RSS Feeds 17 Configuring General Settings 5 Configuring Security Number Settings 6 Confirmation Message 4 Contact Address 6 Customers Menu 13 D Day Header 8 Day Header Font Size 7 Deleting a Customer Record 14 Deleting an Event 11 Deleting a Reservation 15 E Editing a Customer Profile 13 Editing Event Details 10 Event Details Page 10 Events Details Page 1, 2, 9 Exclusion Dates 11 F Font Colors 8 Font Effects, Choosing 8 Font Family 7 Font Sizes 7 Font Types, Choosing Blank option 7 I ical 2 icalendar Compatibility 2 L List View 1, 5 M Main Page 1 Managing Property Categories 9 Managing Reservations 15 Month Font Size 7 N Naming and Setting Registration Fee Taxes 6 Dynamic Calendar Main Page 1 O OBS 7, 10 OpenSites 7, 10 R Radio Button 29 Recurrence 9 Registration Page 2 Reminder 13 Reminder Message 3, 4 Reminder Message 6 Reminder Subject Line 6 Reservation Confirmation Page 4 Reservations List 15 Reservations Menu 15 Reservations Page 3 S Security 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 Address 6 Specifying an Autoresponder Subject Line 6 Specifying a Reminder Subject Line 6 Specifying Registration Payment Settings 5 T The Registration Page 3 The Reservation Details Page 3 V Viewing Reservation Details 15 W Web Accessibility 1 Worldwide Accessibility Initiative 29 27

34 Glossary of Terms Alternate Text Text 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. Background The area that appears behind text, graphics, and other Web page components. Boolean An adjective referring to the logical system devised by George Boole using the functions AND, OR, and NOT. Border Border refers to the boundary line at the edge of the Web page or module. Checkbox A 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. Em An em is a unit of measurement that refers to the font size of the parent element in a Web page 2. Graphical User Interface (GUI) A computer interface that uses pictures and icons instead of text. Pronounced gooey. Hexadecimal A 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 #FFFFFF 4. Hover Positioning a cursor over a hyperlink without clicking on the link. Hyperlinks Highlighted 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, < 4 Zacs Design.Multimedia Glossary < 28

35 Navigation Bar A list of hyperlinks found at the top, bottom, or left of a Web page that allow users to view the major topic pages of a Web site. Radio Button An element in the user interface that allows a user to select an option. Each button represents a mutually exclusive selection. Textbox A small rectangular box in a Web page where users can enter text information to be used by the program. URL Uniform Resource Locator. A Web address, such as 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 standards 5. 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 disabilities 6. 5 World Wide Web Consortium. About the World Wide Web Consortium. 6 World Wide Web Consortium. About WAI - Links to Documents

36