SitePal™ Quick Start Guide
Contents
1. 1 Undo Reset Figure 9 Accessories Color Selection Tab Style Attributes Adjust Your Model Choose the attribute you would like to adjust below Shoulders Head width Nose Head height Figure 10 Accessories Attributes Tab 11 The example in Fig 11 below reflects changes made to the model from Fig 7 using the various Accessories controls Move Zoom Pp P 6 6 Figure 11 Modified Accessories Example When you are done proceed to the next step in the Scene Editor wizard Backgrounds Step 3 Selecting a Background The Backgrounds option allows you to select a pre existing background to apply to the Scene or to import your own image Background Gallery My Backgrounds Select a Background or upload your own Category 2 nou Boards Building 1 Upload ab Bh Te ate hi 2 bee 15141 Ata re Building 3 Building Car Dash e a Conf Room Conf Room Move Zoom PE ER gt b Preview Figure 12 Scene Background Example 12 Fig 12 above shows our model with a background selected from one of the available categories Select a background category to view available backgrounds or upload your own background by selecting the My Backgrounds tab clicking Upload and selecting an image or video from your local drive That image video will thereafter be display2. 282 oddcast com https Pehess oddcast comPadminfpreviewmshor php ss 22 126188 Preview Sample Scene Edit This Scene Figure 22 Preview window Clicking Edit This Scene opens the Scene in the Site Editor for revisions Delete Click Delete to remove the selected Scene from your Scene List Are you sure you want to delete this scene permanently Cancel Figure 23 Delete Scene alert Click OK to proceed click Cancel to stop the action 22 Publish Last and certainly not least clicking Publish begins the process of embedding the selected Scene into your web based medium When the Publish icon is invoked the following alert displays to remind you to double check your Scene settings before proceeding This is only displayed once for each Scene Scene Options Notice Be sure to review your scene options ito customize how the character will appear on the page In our experience its best to keep messages fresh and to limit the number of plays per visitor Find out more about SitePal best practices Click Here LJ Don t show me this notice again Open Scene Options Continue Publishing Figure 24 Publish alert Clicking Open Scene Options opens the Scene Options window described earlier If you chose to proceed the Publish Your Scene window is displayed Publish Your Scene SCENE Forums close window Choose the Embed In Web Page option to publish your Scene on your web
3. Figure 14 Audio Edit page In this Quick Start Guide we will include a description of using two of these methods Assigning a previously saved audio and creating a new Text To Speech audio Saved Audios Library The Saved audio option is displayed by default when the Audio Edit page is accessed It lists all built in audio tracks included with your SitePal account as well as any audios which you have added to your account Audios are classified according to category The Private category contains those audios which you have added to your account and 5 initially empty Select a category from the drop down list Greetings Holiday Message Private Realestate When the screen refreshes and lists the audios of the category you selected click on one of the audios to preview it The character in the Scene will speak the audio Go ahead and sample several audio clips before selecting one Alternatively you can also select multiple audio tracks to play randomly by selecting the Select Multiple Audios checkbox This feature enables the animated character to randomly speak one of the selected audios each time it is displayed on your web page 14 Tip Select multiple audios to enhance the user experience on your web page One of these audios will be randomly played in the page in which the avatar is embedded Using a random selection in this way creates a more interesting experience for your web site visitors
4. SitePal Quick Start Guide Published March 2012 2012 Oddcast Inc All Rights Reserved Table of Contents sg III 3 ibas 3 The Additional Documentation amp RESOUICES ccccccccsssssecccceeeesseccccseuseecceeseusseceesseeseeseessauseeseeeaas 3 POON ANN COCCI USS Ni avd 4 0 eee 4 QUIER Stant E 5 SIRE Pall a a a 5 Editing SCAN Aaa 5 step 1 Selecting a Modelaci n sida 8 Step 2 Accessorizime the Model viii necebinwhes NA ten ied 10 STEPS Selecting a Back ro UNA vta ideo did aos 12 Step 4 Adding Audio TOA STONE 0 13 Step een N N 17 Managine and PUBISHING YOUr SCENES iria dd 21 21 O ee umaccet 22 Dead ao ie cias 22 il ate 23 Introduction to SitePal SitePal is an avatar creation application for small businesses and professionals that allows you to generate compelling animated Scenes for your web sites and web applications SitePal avatars are animated speaking characters that can be embedded in yout web pages email messages Flash movies eBay auctions or any other web based media SitePal is easy to use An online character can be created and deployed in just a few minutes Moreover SitePal requires no programming skills to use yet allows programmers to tap advanced functionality A SitePal avatar e Adds a personal touch to your web site e Enhances your visitors experience and e Increases the profile of your
5. ca Pct E 1 dsr Ir i g fah a bout E i oh the i ika presyors of prolly oF mie 1 die cut chie bart TS j de S aro a gradien 1 Agr inci a sua harijan j A lee 4 4 ee thr butions kotari Lec bor E denia bees lim bai a nm dica ties 5 El 4 er r Dika Cobopun lege of Hes recs dl cy Ge imiled slion p 4 u iil Retiree bo ere cand a ack of hree of er resto shii dos i 3 Ch pae Trilogy 1 wher vy noes tee a Pipi Pech see feb sod Beto fies dic CA Micke the abk Embed Within Your Web Page Embed Over Your Web Page Use this option to insert a Scene or Show into your page at Use this option to add a Scene or Show on top of your page a specific location in the page as 4 floating item s The Scene becomes a static part of the page till the Ho need to change your page s layoutto include a code is removed Scene or Show P Embed code must be placed at a specific location A Scene can be setto disappear after speaking and within the HTML reappear when initiated by viewer A Scene can be dragged and positioned by viewer Embed code can be pasted almost anywhere in the HTML Requires JavaScript support Heed help Watch the new Embed Cuerlay Tutorial Movie EH Figure 26 Publish to a Web Page window We ll select the static placement option Clicking Click Here To Embed opens t
6. lt script language JavaScript type textjavascript gt AC _YHost Embediz469256 300 400 1 1 2210311 0 1 0 c2ibsad66d4cSodbebS6chd062cbodebc 9 lt script gt Figure 27 Web Page Static Placement window Note that selecting a Standard Web Page presumes that JavaScript be enabled on your site If it is not select Web Page No JavaScript from the Publish To listing on the left side of the page If you are not sure what any of this means select Standard Web Page you should be fine Now check the Settings on the right side of the page and edit according to your needs Clicking Preview opens the Preview window with these settings applied Finally copy the code listed at the bottom of the page to your clipboard and insert it in the source code of your site at the precise point you wish the Scene to be displayed That s it Thanks for reading the Quick Start Guide Now go to your SitePal account and create and publish speaking characters to enhance your web pages 25
7. AD e Prepare email templates to use your speaking characters in commercial mailings Each of these high end capabilities and many more are described in the SitePal User s Guide Terminology e In this guide the terms avatar and character are used interchangeably e A Scene is the embedded unit you publish and includes a speaking character an audio and a background image Quick Start Guide to SitePal EAS This document provides a quick tutorial for using SitePal It covers the basic tasks needed to create your own SitePal speaking avatar and to publish it to your web page All topics not covered here are addressed in the SitePal User s Guide and in the Online Help utility SitePal Subscriptions The functionality you may access 15 determined by the level of your subscription SitePal offers four subscription levels Bronze Silver Gold and Platinum The pricing table lists the features included with each subscription level Note This Quick Start Guide describes the features of a Bronze level account unless noted otherwise Editing a Scene Several pre configured Scenes are provided with your SitePal account To design your own speaking avatar with your own audio and background start by editing one of these Scenes To edit a Scene you click on the Scene thumbnail in your Scene list The Scene Editor opens and allows you to select a model adjust its features select a background for the Scen
8. TTS Audio SitePal s text to speech facility allows you to enter a message in text format and convert it to audio on the fly Note This feature is only available to Silver subscribers or higher A po Voice TTS Saved Upload Phone Talent Use Text to Speech to Create Audio Type Your Text STOPPED 900 characters remalning Language iewi Save Preview Figure 15 TTS Audio tab The message input cannot exceed 900 characters or 225 Chinese or Japanese characters Options at the bottom of the Edit pane allow you to select the speaking voice and language Type in the message you would like your avatar to speak select a language and a voice and click on the Play or Preview buttons to hear the text spoken Click on the Sample button to hear a short voice sample for the voice you selected After previewing the audio enter a name for the audio in the field at the top of the page and then click on the Save button Note if the Save button is disabled click on the Preview button first An audio cannot be saved before it is previewed 15 Use Text to Speech to Create Audio Enter a name for your audio Name Your Audio TTS Sample Welcome to our web site Check out the holiday specials offers available this week only STOPPED ail characters remaining Language Sampie Voice Julie US m Preview Save Save The My Saved Audios list now disp
9. previewing and publishing your Scenes as well as managing the Scene s options A freshness meter reflects the last time the Scene was modified A stale Scene should serve as a call to action it is best to frequently update the avatar the audio or both to keep the user experience fresh Clicking on a Scene s thumbnail opens it for editing in its own browser window You may edit any of the existing Scenes or create a new Scene by clicking on the Add Scene or Copy Scene buttons Note All subscription levels support an unlimited number of Scenes Oddcast virtual host scene editor Mozilla Firefox mm hss d oddcast com adminisitepal S php ss 22103118ps 0c2bc3a724ed13958b1F5be0c035b266 WELCOME Lets Get Started Choose your base model Accessorize your model to your liking Choose a background Add audio to your model Add a function to your player Once you finish save and close the editor to return to your Scene list for publishing Do not show this message again A Audios Players ed Lets gt Figure 4 Scene Editor window All modifications to the selected Scene are performed here Clicking Let s Start launches the Scene editor wizard and takes you to Step 1 Models Step 1 Selecting a Model You create a character by selecting a pre configured SitePal model and customizing its accessories attributes and color This is a sequential process performed using the Scene Editor
10. wizard Note You can return to any stage in the wizard during the creation process by clicking on one of the buttons from the bottom of the page After launching the wizard your first task is to select a model Click on a model s thumbnail image to select it The display area on the right displays the selected model 30 Photoface 20 Mustrated Saved Modals Select a model from the gallery Categories All Models 5 Gender Show only the models own All Amber Angela Ashley il f A 1 5 1 2 1 de be Dr Brenda Bryson Move Zoom PLP Preview Figure 5 Models Edit page e You can filter the models by category or gender You can also navigate to other model listing by selecting the 3D PhotoFace 2D Illustrated or Saved Models tabs Options will vary depending on whether you select a 2D or 3D model Note In this guide we will describe the selection and options of a 2D model A 3D model has fewer options and is therefore simpler to configure e After the model is selected you may change its placement amp scale using the Move Zoom and up down right left arrow options beneath the Scene display Move Zoom PE be gt gt Preview Figure 6 Modify Zoom Factor Example e Atany time clicking on Save Scene saves the Scene with the defined characteristics The saved Scene will subsequently display on the Edit Scenes page
11. Scenes page Scene Options Preview Publish and Delete Freshness Meter 7 Scene Options Preview Publish Delete Figure 20 Functionality on the Edit Scenes Page Scene Options Edit Scene options to configure the playback attributes of your Scene Y Scene Options Mozilla Firefox 2 oddcast com 5525 pehss oddcast com admin scene Operions phprss 22103118h Scene Options Playback Settings 7 Audio volume O 4 07 Play on Load AA 5 ER Limit to 1 0 plays per website visitor dl Play On Follower PlayfPause On Click lnk Sethngs T Clicking on the scene opens the hyper link O Hyperlink is automatically opened la seconds after audio starts e Open link in amo ainda ner window O specify target This segment should MOT contain the site where the character is going to be published Follow Cursor Sethngs Y O Do mot follow cursor O Follow cursor in scene 6 Follow cursor in whole page Figure 21 Scene Options window 21 Take a moment to familiarize yourself with the Scene Options available here In most cases the default settings will work well for your needs and you may not need to make any changes Scene Options are described in detail in the SitePal User s Manual Preview Clicking the Preview option opens the Scene in a separate window for you to evaluate whether it is ready to publish 5 Mozilla Firefox
12. age These Players are described in detail in the SitePal User s Manual AI Player Type AI Players support voice interaction with the user and text questions and responses Its artificial intelligence component recognizes the input from the user and generates a response FAQ Player Type This type of player is used for responding to frequently asked questions The Functions area is employed for entering Frequently Asked Questions you would like your avatar to respond to and specifying the response for each The Player then displays the questions and allows your site visitors to select a question from the list you specified Your SitePal Avatar then responds according to your specification Lead Generation Player Type The Lead Generation Player is used to collect information from your web site visitors The Lead Functions tab allows you to specify which fields are presented to the user to collect their input After you have selected the player appropriate for your application and tested how it works using the Preview function go ahead and click Save Scene The Scene now displays on the Edit Scenes page From here you can select it for further editing specify the Scene s playback options preview the Scene and publish it to your web page We ll discuss these options in the next section 20 Managing and Publishing Your Scenes The following functionality is available for each of your Scenes on your Edit
13. aracteristics of the Functional Players Once the Player type is selected the Display Settings and Functions tabs are displayed These tabs allow you to edit the Player s attributes Select the Standard Player type to proceed and select one of the available Standard Players The selected player is displayed in the Scene display area on the right Functions Select Player Display Settings Standard Sample Scene Function Standard RA More Infa 4 El lia e M Frame 2 Move Zoom PE gt gt Simin Figure 16 Player page with a Standard Player selected 17 Display Settings The display settings tab is identical for all player types It is used to define the available playback options visual characteristics and colors for the player Select Player Display Settings Functions Lead Scene Title M Show Scene Title EA Show Volume Bar M Show Pause Play Button E Show Mute Button Frame Buttons Font L Extra RESET iinet Figure 17 Display Settings tab Here you may enter a unique descriptive name for the Scene in the Scene Title field and specify whether to display the Scene title pause play button volume bar and mute button Use the Frame Buttons Font and Extra buttons to assign colors to these elements of the player Note Some Players support only a subset of these elements The available options are Player s
14. brand The SitePal Environment Using SitePal s online environment you can create and deploy your own speaking character in just minutes SitePal provides an intuitive user interface to get the job done The sequential steps used for creating an avatar are Selecting a Model Selecting Accessories for the Model Selecting a Background for the Scene Adding Audio to the Scene Selecting a Player for the Scene Publishing the Scene to your Web Page Clicking on a link for one of the steps above brings you to that point in the document We suggest though that you first go through the entire process in sequence Additional Documentation amp Resources You can find additional documentation and reference material on the SitePal Support page Additional resources available on this page include o SztePal User s Guide e SitePal Online Help Quick Start Tutorial Movie Video o SitePal Best Practices Guide e API Reference Examples e Lech Notes Advanced Features Not covered by this guide SitePal s more advanced features allow you to further extend the capabilities of your avatars e Employ the Client API in JavaScript or ActionScript to extend the functionality and flexibility of SitePal Scenes e Use Dynamic Text to Speech TTS to determine which text your character speaks when your Scene plays e Use the AI Knowledge Base to bring your SitePal character to life with the power of artificial intelligence
15. e add audio and select a Player for your Scene In the next few sections we will cover these steps in some detail To start e Go to the SitePal site at http www sitepal com e Click My SitePal Login at the upper right of the page The SitePal Login Page now displays Oddcasc a Login Please log in to access your account with Oddcast Email Forgot Password Terms of Use Terms of Service Privacy Policy Queshons Please email 5 pporibadecast car Figure 1 SitePal Login page Enter the email address and password for your SitePal account and click Enter The home page for your SitePal account is now displayed Your home page lists your account type usage metrics and some specific account information Options are also provided for upgrading your account extending your license and adding audio streams Name Gil Sideman Last Session Feb 26 2012 8 42PM EST Current Account SitePal 2374751 O comen t SitePal rade the account Account Info Reports Log Out Store Support Forums Need Help Welcome Name Gil Sideman Door Oddcast ENTER Account SitePal 2374751 Last session Feb 26 2012 8 42PM EST Usage Summary Last 30 Days Follow SitePal e Period 01 27 12 02 26 12 ASI Be a fan on Facebook G Follow on Twitter Total Page Views O Total Unique Visitors O Ava Time Visit 0 00 Audios Played O Total of New Leads O Most play
16. ed Scene No Scenes have been IA Visit Tech Playground played yet Voice Talent Specialty Models Professional Voice Recording Premium quality voices in English US UK Austrian French Spanish and Dutch Watch Tutorial support sitepal com My Account Options Upgrade My Account Add Audio Streams New Feature PhotoFace 2 More gt Referral amp Partner Programs Become SitePal affiliates and earn 30 commissions on your sales Learn Become SitePal resellers and receive 30 discount on your purchase Learn Figure 2 Account Home page Click Enter to proceed Your My Scenes page now displays This is your main console within the SitePal environment from which you manage all your assets Admin Gil Sideman o Last Session Feb 26 2012 8 42PM EST SitePal Current Account SitePal 2374751 Log Out Que rade the account ry H 77 PT WA PP a ny Need Help Watch Tutorial l support sitepal com Edit Scenes Y Save All Changes Scene Edit Title Usage Freshness Meter Scene Options Preview Publish Delete Untitled 01 Modified Feb 26 2012 9 08PM EST Untitled 02 Modified Feb 26 2012 9 08PM EST Untitled 03 Modified Feb 26 2012 9 08PM EST Untitled 04 Modified Feb 26 2012 9 09PM EST Untitled 05 Views Stre Modified Feb 26 2012 9 09PM EST e Figure 3 My Scenes page Here features are provided for editing
17. ed in the My Backgrounds tab for subsequent selection Background Gallery My Backorounds Selecta O Upload Image or Video Upload image or video Name Coo ES 77030 Image formats JPEG Home Video formats AVI WMV MPEG MOV Resolution 400 pixels wide and 300 pixels high for best results File size limit 8MB E Resize image to cover the scene area amp Preview Upload Cancel Models Accessories Backgrounds Audios Players E Save Scene 2 Gen E 5 Figure 13 Uploading a Custom Background Guidelines are listed in the Upload window for image characteristics supported for background use When the appropriate background has been applied click the next action button in the wizard Audios to apply an audio track to the Scene Step 4 Adding Audio to a Scene The Audio wizard page provides six different means by which to add audio to the Scene Previously saved audio TTS text to speech Microphone input Upload Record by Phone and custom Voice Talent tracks Each of these options is available from a tab at the top of the page 13 Saved TIS My Saved Audios ee ee Orectinos i what s this Audio Title click to select Ho Audio Welcome to our site Fi Welcome to our site hi Welcome to our site 2 iF Welcome to our site 2 Ch Welcome to our site 3 Fy Welcome to our site 3 ht Welcome to our site 4 Fy Move Zoom PP P Preview
18. he following page 24 3 VHSS Publish Wizard HTML Mozilla Firefox AE 28 vhss oddcast com admin publishWizard html php show id 2210311 amp show_name slide id O amp scene name sample scene amp show de 7 7 Publish Your Scene Embed in Web Page SCENE sample scene O Start Over x Close Window If your webhost or software appears in the list at left select it Otherwise please select Standard Web Page Publish To Instructions Settings Standard Web Page Standard Web Page Web Page No Javascript Choose Scene Oi mensions Flash Click in the window below to select the entire text then 400 300 reset 400 300 Reset copy and paste tinto your HTML code where you wish your har x Teale character to appear Lee las Adobe DreamWeaver AIM Pages If your environment does not allow the use of Javascript Choose Background Color Blogger 5 choose the Web Page Without Javascript option at Manera Bolt Elk Bravenet A Color Dandelite Freewebs cam Additional Settings Friendster FrontPage F Secure Protocol HTTPS GoDaddy Greatestlournal W JavaScript API Y Homestead Preview IMAL Preview KoolMoves Macromedia Contribute Microsoft Office Live i O Copy the code then Paste into your page Generate Example HTML Page from this Embed Code script language JavaScript type textijayascript src http ffwhss dvoddcastcom fwhost_embed_tfunctions_v2 phpfacc 24692568js 1 gt lt script gt
19. in alphabetical order by name e Clicking Preview plays the Scene with all of its assigned characteristics to this point e Clicking Cancel stops the process and returns you to the Edit Scenes page without saving Step 2 Accessorizing the Model After selecting and positioning your model clicking the Accessories option at the bottom of the page displays the Accessories page Accessorize Your Model Figure 7 Accessories Style Tab Hair selection Color Attributes Accessorize Your Model Move Zoom APP gt gt Preview Figure 8 Accessories Style Tab Eyewear selection 10 The Accessories page enables you to select unique features for the model and to modify its characteristics Depending on the model you have selected you may see options for changing its Style hair eyewear clothing jewelry headwear facial hair and lip expression Color hair skin eyes make up mouth Attributes physical dimensions for mouth head width head height shoulders nose and age representation and facial expression for 3D models Use the tabs at the top of the Edit Selection area of the page to select the displayed Accessories and customize your model Note Two dimensional models support accessories and colors but do not support facial expressions Three dimensional models support facial expressions but do not support accessories or colors Style Color Add Color To Your Model
20. lays the new audio in the Private categoty Voice Talent My Saved Audios Dase Matikka Private what s this Audio Title click to select Edit Ho Audio The new audio is available for use in this and any other Scene you create Note The Text To Speech option is available only for subscribers with Silver accounts and above Other Methods of Creating an Audio Additional audio creation methods are not described here Please experiment by creating audios on your own or review the complete documentation for more information 16 Step 5 Selecting a Player The final step in the Scene creation process is the selection of a Player you wish to use with your Scene Note Selecting a player for your Scene is not mandatory It depends entirely on the functionality you would like to support If you do not want to use a player select the No Skin option from the Standard player category To get started select the type of Player you wish to apply to the Scene Four types are available with different capabilities and functions They ate Standard Al FAQ and Lead The player types Al FAO and Lead are referred to as the Functional Players The Standard player type is described in detail below The Functional Players are only briefly described Note that Bronze account features do not support the Functional Players Note See the SitePal User s Manual for a detailed discussion of the ch
21. pecific not all of them may be available for the Player you selected First click a button 1 e the Frame button then use the color picker to define the color for it or enter an RGB hex value in the lower right corner of the page If you edit the RGB value click anywhere outside the text field to apply your selection Go through each element and specify your preferred color scheme Clicking Reset returns all color values to their defaults 18 rae Pr Functions Select Player Standard Scene Title Sample Scene P Show Scene Title Show Volume Bar M Show Pause Play Button R Show Mute Button St is lar 282 playa Frame Buttons Fank RESET Figure 18 Modified Display Settings Example Functions Each category of player supports discreetly different types of functionality which are defined here Standard Player Type The Standard player type does not support any extended functionality Funcions Select Player Display Settings Standard The player type you selected for this scene is Standard There are no additional functionalities to set for a Standard option Switch my player to FAQ Lead Generation Artificial Intelligence Figure 19 Standard Player Functions tab Move Zoom APP 4 gt Preview 19 Note The Functional players Al FAQ and Lead are not supported by the Bronze subscription pack
22. site Embed in Web Page Embed in Flash option will help you publish your Scene into your flash movie Embed in Flash Use this option to embed your Scene in your Facebook page Embed in Facebook Our quick and easy wizard will walk you through the process and get a speaking Pe Publish to eBay character on your auction page in no time Email your Scene to your recipients using the email scene option Email Figure 25 Publish Your Scene window Options are provided for embedding the Scene in the following types of web based mediums e Web pages e Flash object 23 e Facebook page e eBay auction 6 Email We will only describe the Web page procedure here For discussions of all publishing methods see the SitePal User s Manual e Click the Embed in Web Page The page refreshes with two embedding options one for static placement the other for float over positioning Publish Wizard Embed in Web Page Choose Method Mozilla Firefox Sele 298 vhss oddcast com admin publishWizard htrol_ method phpeshow id 2210311 amp show name Gslide id 0 amp scene_name sample scenes 7 7 Publish Your Scene Embed in Web Page SCENE sample scene AI Close Window In Page Embedding Overlay Embedding WWW yourpage com WWW yourpage com dica piresvis of welly avaro do h roe 21 rele onl e SH rica a iry kal dhion park of lero a al tare of cba Geen other panies The 04 mt dee Se ho
Download Pdf Manuals
Related Search