user::MANUAL for SB4
Contents
1. Previews Width ac Magnus es domine et laudabilis valde magna vitus Height tua et sapientiae tuae non est humerus et laudare te ot vult homo aliqua portio creaturae tuae et homo a circumferens mortalitem suar circurferens Border testimonium peccati sul et testimonium quia superbis HSpace resistis ettamen laudare te vult homo aliqua portio creaturae tuae tu excitas utlaudare te delectet quia i fecisti nos ad te et inquietum est cor nostrum donec Align requiescatin te da mihi domine scire et intellegere utum sit prius invocare te an laudare te et scire te prius sit an invocare te sed quis te invocat nesciens te alud enim pro alio potest invocare nesciens an potius invocariz Utsciaris quoamoda autem Space There are 4 tabs in the Image Properties window Image Info eLink Upload Advanced Image Fraperbes Horma Hretss Image Info This tab is used to set the dimensions of the image border spacing and alignment The Preview window shows you how the image will look in the content window This tab also Erse Server LI hiipii bet open auch reduces Miche keder Wich hira Image Properties kmag kue Unk Unik rkanced gives you the option of choosing an image Abarn ative Taxi that already exists on the server rather than having to upload an image ent lr Magnus ek domine ai audabdi wakde magna setup Haat Fu ard cep ee en 251 peer al l2. Cell Properties EESE Table Properties Internet Vision Technologies 8 user MANUAL for sB4 Knowledge Module Lll Frege rider gt Anda Hrefax hp rester ht om ey ches koret dei eda Todd hird Cell Properties Riot par Column Span gt Bakr red Ca bar rn pk Hard rap Fot Fa Le cd Border Color DREJER Oo Haring ied Gk py nest Sid ahs safari artical 2S poner ict Ept Cell Width and Height Cell with and height can be set in pixels or page percentage Word Wrap Word wrap within a cell can be set Cell Alignment Word alignment within a cell can be set to left right top bottom or center Span Used to join two or more cells together Background and Border Colour To choose the colour of the cell background or border click on the Select button The following pop up window will be displayed Internet Vision Technologies 9 user MANUAL for sB4 Knowledge Module Select Color Mozilla Firefox http master ivt com aulsblmodulestcorelfokedikorfeditorFokdialog htmi Select Color Highlight Colours can be set using the palette or by typing the HTML colour code Images Image Optimisation Image Specifications Image dimensions specify the size of an image A page will download faster if height and a width are specified for all images contained within a page This is highly recommended as the browser does not have to wait for the page to load before the i
3. Image Browse Large Browse Flash Upload Browse Thumbnails Internet Vision Technologies 42 user MANUAL for sB4 Knowledge Module A thumbnail is a representation of a bigger image The bigger version of the image is displayed when a thumbnail is clicked These are useful if there are lots of images to include on the page eg a photo gallery Use of thumbnails allows for the page to load faster especially for users who have slower Internet connections Thumbnails should have dimensions of 100 x 100 pixels at the most especially on a Photo Gallery page Not all modules have the need for thumbnails A thumbnail is a smaller version of an image It is only displayed if there is more than one record in a category When a user clicks on the record s link the full sized image will be displayed on the page To upload a thumbnail click on Browse to locate the image file and then select Open Using the drop down menu on the left specify the size of the thumbnail from the available options listed Click on the Save button to ensure that all changes made are saved Note The size of the actual image should be bigger than the thumbnail size Only one image at a time per thumbnail can be used Uploading a new thumbnail m i T E i T Category tab This option enables a record to be shared and to display it in multiple categories sub categories on the public site Simp
4. Link Mozilla Firefox http master ivt com aufsb modules core fckeditorfeditor Fokdialo r Link Link Info Advanced E Mail Address gn es Message Body set Up the Knowledge Module Internet Vision Technologies 23 user MANUAL for sB4 Knowledge Module Before you start using the Knowledge Module to add content to you website it is important that you set up the module to suit your needs Welcome Courses The module setup is made up of About Us General Setup Signup Setup gt Breadcrumb Setup Setup General Setup Signup Setup Breadcrumb Setup Properties Note General Setup should be completed before progressing to another section in this module Signup Setup and Breadcrumb Setup are optional and can be completed at any point General Setup This section enables the selection of fields to display under each tab These fields are to be filled out when records are added to the database Each tab enables the configuration of BGS FET ET ee ee eee ET different aspects of the information such as van on Category Images etc wi G a There is a choice to either display specific tabs and fields or to turn them off This can be achieved by selecting or deselecting the ON checkbox for that particular tab or field Fields can be set as mandatory or required by selecting the REQD checkbox The order in which the fields display can be altered
5. Link Mozilla Firefox 3 http master ivt com aufsb modulesjcore Fckeditor editor Frkdialo uy Link Info Target Advanced Link Type Protocol WAL h r MW Click on the Browse Server button Locate the document in the document management system Internet Vision Technologies 19 user MANUAL for sB4 Knowledge Module Dacueenis azilla FRrelox Ape year eb 2c can dd aching anid Lena r cand h r isen Dumat La Fila ti Published Document test pc Fm Wardon I iz KB Warberafdp So Professional Deed op me ni ER Rosia ft a E Cream GADE od Sk Pebble eg di ri Li Select varsbon History T version Click Select to insert its URL Note Only sites which have the document management module will be able to browse and select their documents from this data repository As a general rule when adding links USiissinallen airs ts to pages within a website or documents stored in the document management system delete the front Link portion of the web address which is Link Info Target Advanced the text highlighted in blue as i indicated below Make sure the Link Type is URL and the Protocol selected from the drop down menu IS prgtaca URL Other Eee eee documentitems 21 Click OK when done The text will now be displayed in blue with underline in the content window to demonstrate that it is now a link A http imaster ivt com au sb
6. File Title Specify a title for the file File Click on Browse to locate and upload the file File List All uploaded files are listed here Click on the Browse button to locate the file Once the file has been located a File Title may be specified Then click on the Add File button to upload the file All uploaded files will be displayed under File List Internet Vision Technologies 41 user MANUAL for sB4 Knowledge Module Sample han ints mann Dapa Oher Poe Fega Tampir Browse Flt Hide Mew Vind miriheertipa ETE O oO O Selecting the checkbox under Hide will not display the file on the public site Click on the Save button to ensure that all changes are saved Deleting a file To delete a file select the checkbox corresponding to the file that is to be removed this refers to the checkbox in the column under the trash can icon Click the delete icon i e the trash can icon and click the Save button Note To delete all the files in one go simply select the checkbox directly under the trash can icon This will automatically select all the files for deletion Click the trash can icon and then the Save button to finalise the deletion Images tab Clicking on this tab allows for the upload of images to be displayed in the record See page 10 for further information on images Sample Main Links Files UGER ER Categor Other Preview Page Template Thumbnail Browse
7. URL Classes mu Adding Hyperlinks a n 4 in Text can be made to link to other pages in a website or to a document stored within the document management module This can be done by highlighting the text to select it and then selecting the Insert Edit Link icon from the Content Editor toolbar The following screen appears Internet Vision Technologies 17 user MANUAL for sB4 Knowledge Module Link Mozilla Firefox 2 http davecunning ivt com au sbjmodulesjcore fckeditor editor fc TF Link Me Link Info Target Advanced Link Type Protocol URL m A o O Link Type URL This option is applicable to links to pages within the current website to external websites and if linking to a document stored in the document management module This option should also be selected when working with anchors E Mail This sets up an email link Target tab A target can be specified to determine how the link is opened Click on the drop down menu to select an option The main target options that can be set are as follows lt not set gt This means that no option has been chosen and when the link is clicked it will open in the same window default option new window _blank This opens the link in a new window recommended option lt popup window gt This opens the link as a pop up to a Page in the Website Click Browse Frontend button Locate the page to link to and
8. 30 user MANUAL for sB4 Knowledge Module existing category Title This is the name given to any new category A title must be specified otherwise the category cannot be created Short Description optional This is where a brief description of the category can be inputted If used it appears on the public site as a preview of the category This field is viewable only when categories are displayed in List View Long Description optional This allows for the inclusion of a more detailed description of the category This is viewable only when there is more than one record nested in the category Public Checking this box means that the category and its content can be viewed on the public site The default setting is public Groups optional If this is left unchecked it means that the category can be viewed by everyone Checking the public checkbox means that the category will be visible to the public Checking the client checkbox means that the category will be visible only to that group of users Checking both public and clients means that the category is visible to both groups Display Menu Selecting this checkbox will display the category as a menu New Image Size This allows for the specification of the size of the image when the image is being uploaded Once the image has been uploaded it cannot be resized The image will then have to be deleted resized and re uploaded Actual size fox fo 100 x 100 To
9. click Select and Close button found on the top right corner of the screen This will automatically insert the URL of the document Note As a general rule when adding hyperlinks to pages within a website or documents stored in the document management system delete the front portion of the web address which is the text highlighted in blue as indicated above Ensure that the Link Type is URL and the Protocol selected from the dropdown list is Other Click OK when done Internet Vision Technologies 18 user MANUAL for sB4 Knowledge Module to a Document in the Document Memory Module Highlight the text in the content window that you want to be the link Click the Insert Edit Link button in the Content Editor Toolbar as shown here main Links Files Images Category Other Preview Page Template Title sample record Esus GI BAGGEN AE E A a i Lag EY Format sample text Sample text Sample text Sample text Sample text sample text Sample text Sample text Sample text Sample text sample text Sample text Sample text Sample text Sample text sample text Sample text Sample text Sample text Sample text sample text Sample text Sample text Sample text Sample text sample text Sample text Sample text Sample text Sample text sample text Sample text Sample text Sample text Sample text sample text Sample text Sample text Sample text A pop up window will be displayed as shown here
10. make up the pages of the site Adding a Record If categories have already been set up under the Category List select the category and click Add a record to add records to it Category List Management Pr Departments P Stratas P g bg Add a record E Uncategorised sample record g All ave Guaating August 77 2009 Live Og New category ga New category F Edit Management category Please note that the tabs that appear are dependent on what was selected during the Setup process See page 23 for more information on setting up the Knowledge Module We will now look at some of the available tabs for Records Main tab This is where content such as a title description and other details can be added to the Internet Vision Technologies 39 user MANUAL for sB4 Knowledge Module record sin 6 Fier meer Cargo Dar Prise Page Template The AAGE Feza This tab also allows group permissions to be set as to who can view the record details Links tab This section allows for links to other websites to be specified If links are specified then these are displayed on that particular webpage for public view Sample kl ii ET Filse Imaga riaa Ota Fres Page Tano Lys nog 0 0 D C Adding a link Enter the URL and title of the link Repeat this process for each link to be added Clicking on the Add Link button will save the URLs If there are more then seven links to be added
11. set the size of the image click on the dropdown list and select the 125 125 required size dimensions 150 x 150 New Image This allows for an image to be associated with a particular category or subcategory To upload an image click on Browse find the image file and then click on Open Click on Save or Save Return to upload the image The image size is determined by what was selected in New Image Size Note Only one image can be used at a time so if there is more than one image uploaded the desired one will need to be selected from the image list Redirect link optional A redirect link allows for the specification to another part of the site Redirect links can be specified for both categories and subcategories Internet Vision Technologies 31 user MANUAL for sB4 Knowledge Module In the redirect link field specify the link that the category or subcategory is supposed to redirect to when clicked and remember to Save Upon clicking on a category or subcategory that has a redirect link the user will be redirected to the specified link Redirect links are optional Breadcrumb link optional Breadcrumb links display the path the user has taken to reach the page they are on As per the example the user has clicked on Clothing Accessories which is located in Products The breadcrumb setup is an optional setup and need not be done if this feature is not desired see page 25 for more information about bre
12. simply enter the first seven and then click on the Add Link button Extra fields will become available to enter more links Deleting a link To delete a link select the checkbox corresponding to the URL that is to be removed this Internet Vision Technologies 40 user MANUAL for sB4 Knowledge Module refers to the checkbox in the column under the trash can icon Click the delete icon i e the trash can icon and click the Save button Note To delete all the links in one go simply select the checkbox directly under the trash can icon This will automatically select all the links for deletion Click the trash can icon and then the Save button to finalise the deletion New Window If this checkbox is selected the corresponding link will open in a new window otherwise it will open in the same window Link Types Several different link type options exist and are explained as follows http is used when linking to a website https is used when linking to a secure website ftp is used when linking to an FTP site news is used when linking to a news site file is used when linking to a file Files tab Clicking on this tab allows for the upload of a file that is to be made available for download on that particular page on the website sample Main Links Images Category Other Preview Page Template File Title File L Browse File List re ae _ Select From Document System
13. Server button to upload the image A pop up box will be displayed letting you know that the file was successfully uploaded to the Server Click OK and the following screen appears An example of the uploaded image will be displayed in this window which allows some editing to be carried out on the image The changes made can be previewed in this window Once finished making changes click the OK button and this will add the image to the page Internet Vision Technologies kafe Prager Morpea Fira File rear Feb alper ab ineaduy cana Fe barbar farbar Pehla here Image Properties ms Fr HELE bin Upload plod Sendttothe Benu r Pine Image Properties Mozilla Firefox La http ffdavecunning ivt com au sb modules core fckeditarfeditar fckdialog hi sf Image Properties Image Info Link Upload Advanced I sitebuilder aboutus knowledge medium 16 email jpg TT Browse Server Alternative Text ee Preview Width 200 Height 140 Border HS pace Space Align Magnus es domine et laudabilis valde magna virtus tua et sapientiae tuae non est numerus et laudare te wult 16 user MANUAL for sB4 Knowledge Module Advanced The Advanced tab is not in use Image Properties Mozilla Firefox Eg A http master ivt com aulsb modulestcorelfckeditor editor Fckdialog html Image Properties Advanced Id Language Direction Language Code pd P
14. adcrumb links Complete the details in the form and click Save You can update the details of a category by clicking the edit icon next to the category name in the category list as shown here Category List Management F C Stratas Uncategorised All go New category You can also access the category details by clicking the icon to the left of the category name as shown here Internet Vision Technologies 32 user MANUAL for sB4 Knowledge Module Category List Management Close x Edit Delete Move Up Move Down Move To Top Move To Bottom Stratas Uncategorised All ga New category Or under the next column which displays the sub categories and records for the category as shown here Category List Management Management Pr Departments Close X T ag Add arecord Edit sample record g ave Luning August 17 20091 Live Delete hove Up Move Down Move To Top Move To Bottom Stratas Uncategorised All og New category g New category 7 Edit Management category Clicking on the icon to the left of the category name will give you the following options Internet Vision Technologies 33 user MANUAL for sB4 Knowledge Module Category List Management PG Close X Edit Delete hove Up hove Down Move To Top Move To Bottom Close X Clicking this will close the menu The menu can also be closed by clicking on the folder icon that was clicked
15. aded the desired one will need to be selected from the image list Internet Vision Technologies 36 user MANUAL for sB4 Knowledge Module Redirect link optional A redirect link allows for the specification to another part of the site Redirect links can be specified for both categories and subcategories In the redirect link field specify the link that the category or subcategory is supposed to redirect to when clicked and remember to Save Upon clicking on a category or subcategory that has a redirect link the user will be redirected to the specified link Redirect links are optional Breadcrumb link optional Breadcrumb links display the path the user has taken to reach the page they are on As per the example the user has clicked on Clothing Accessories which is located in Products The breadcrumb setup is an optional setup and need not be done if this feature is not desired See page 25 for more information about breadcrumb links Complete the details in the form and click Save You can update the details of a sub category by clicking the edit icon next to the sub category name in the category list as shown here Category List Management Management PG Departments Close X um og Add arecord Edit sample record ave Caarirg August 17 20091 Live Delete Move Up Move Down Move To Top Move To Bottom Stratas Uncategorised All lg New category ga New category 7 Edit Manageme
16. ave any number of sub categories which may in turn have any number of more sub categories Records are single items that exist within these categories and sub categories A record may contain text and images and is essentially the content that makes up the website Internet Vision Technologies 5 user MANUAL for sB4 Knowledge Module The categories and sub categories make up the navigation or menu structure of the site HTML Content Editor Toolbar The HTML Content Editor Toolbar is used to design and format the text and images for the records that exist on the website The Toolbar is made up of the following items Vie HTMLSource Text Formatting Undo Reverse and Bold Italics Subscript Text Numbered List Forward hi n Underline Superscript Text Bullet Point List Text Eves Mn ie Strikethrough TERTE eect innate Text Colour seuss Paste as plain text from Find and Replace Background Indent clipboard Paste from 7 Colnar Decre ase Word document i indent Cut Copy P aste Textjustify Left Insert Edit Image Centered Right Insert Table Choose Text Format Justified Insert Horizontal Line Choose Text Style Choose Font Choose Text Size Insert Edit Link Remove Link Insert Edit Anchor Many of these formatting functions will be familiar to you if you use a word processor We will now look at some of the more advanced or web based functi
17. by moving them up down top or bottom of the list HEE ERE HE HE HEE 00 S mq AO OOOO Jo J Signup Form Setup Internet Vision Technologies 24 user MANUAL for sB4 Knowledge Module When a user completes this Signup Form they are added to the contacts database Signup Setup is where specific fields can be chosen to display so that these will be visible on the form and hence be filled out when a user is signing up Any information entered by the user is then stored in the Contacts database Setup Form fields for File Download Registration FIELD DISPLAY REQ D ORDER ow or o ow ow 5 fom or o ow or 5 ow ow fo fom or o ow or o ow ow 5 fom or o ow or 5 ow ow 5 fom ow fo ow ow fo ow ow 5 ow or o fom or E Yes or No Selecting Yes for Display will make a field appear when a user is signing up for a download Selecting No for Display will hide a field when a user is signing up REQ D Selecting this for any field will make the field mandatory The user will have to fill this out before they can finish signing up and start downloading ORDER This enables the selection of the order in which the fields are to appear on the public site Up This moves the field one step up the list Down This moves the field one step down the list Top This moves the field to the top of the list Bottom This moves the field to the bottom of the list Breadcrumb Setup I
18. e starts off blurry and then clears up as the page continues to download The interlaced GIF option can be selected when saving the image in the GIF file format Keep in mind that not all programs can save GIFs through the usual save as method Some programs have a save for web or something similar that is used to save GIFs Refer to the user manual for the program to determine the method it uses to save GIFs Note Interlaced GIFs should only be used if the file is of large size and is already going to take while to download Adding an Image The Content Editor toolbar within a module allows images to be added to a page within the website Depending on the module this toolbar can appear in different locations but are generally found in modules that allow the addition of categories subcategories and records Note If the Content Editor toolbar cannot be seen In module that uses it check that this feature has been enabled for that particular module or check that access privileges have been set correctly Internet Vision Technologies 13 user MANUAL for sB4 Knowledge Module Click the Insert Edit Image icon to begin This will bring up the following window Image Properties Mozilla Firefox RE master ek eom alten modales ieorelfekedtorie dkar cde bo bil Image Properties Image Info Link Upload Advanced Browse Server Alternative Test
19. ed tu Aspect Ratio and Reset Image Size me Creumdarant avatar suam SELE Aspect Ratio If the padlock symbol appears space See alee dees as closed then it means that the image will __ pk a rr remain in proportion If the padlock symbol fjes ee plug Sn lad odde fn dad op ble Veter rer pas re appears as open then the height and width ta ded anr pro ae potet racecar Pe CHE dri ken STAN ee i TATE pop fru Internet Vision Technologies user MANUAL for sB4 Knowledge Module of the image will not be in proportion to each other It is recommended to keep an image in proportion Reset Image Size This allows the reset of the image size back to what it originally was before changes were made URL This is the address of the image This is displayed automatically and does not require changing Alternative Text Specify the text that will appear in the event the picture does not eg a brief description of the item in the picture Width This is the width of the image and is specified automatically when the image is uploaded To change the size of the image it is recommended that this be done in the program that was used to create it Height This is the height of the image and is specified automatically when the image is uploaded To change the size of the image it is recommended that this be done in the program that was used to create it Border Enter a number here 1 or greater to add a bord
20. edge MOdulle cccccccccsececeeeseeeeseeecsueeceeeceaeessueesueeseueesaeesseeeseeeseeens 45 Internet Vision Technologies 3 user MANUAL for sB4 Knowledge Module What is the Knowledge Module SB4 Knowledge Module is used to create typical sections and pages on a web site An SB4 web application may contain a number of Knowledge Modules including e About Us e Contact Us e Resources The Knowledge Module is the simplest form of Content Management provided by SB4 Content can be placed in categories and sub categories which automatically become the website Navigation Each web page is held as a record in the SB4 database Content management is achieved by editing the database of text images and HTML via the administration interface A content editing or WYSIWYG toolbar is used to simplify the editing process removing the need for administrators to understand HTML The Knowledge Module also contains a search function with basic and advanced searches for information within the module For more information contact Internet Vision Technologies Operating Hours 9 00am 5 00pm Monday Friday Phone Melbourne 03 9723 9399 Email info ivt com au Internet Vision Technologies 4 user MANUAL for sB4 Knowledge Module introduction to the knowledge Module The Knowledge Module allows you to add and edit categories These categories are made up of records which co
21. egory List to which the record F r belongs to This will bring up all ag ba the records that are contained in Finesse that category Click on the name of the record to edit Alternatively click on the edit icon beside the record name to edit that record Lg Mew catego Edt Wan agement calegory Internet Vision Technologies 44 user MANUAL for sB4 Knowledge Module Deleting a Record Select the checkbox on the left of the records for deletion and click on the trash can icon to delete them Ge Nes crap LJ Edt Management category A message requesting confirmation of the deletion will display Select Ok to delete the record or Cancel not to do so Internet Vision Technologies 45 user MANUAL for sB4 Knowledge Module Search the Knowledge Module There is a search functionality in the Knowledge Module Simply type in a search item and click the Search button The search will bring up all the areas where the search item could be found in Click the Clear Search button once done or to perform a new search y Ana SSR Acz TEEN Live 23 Management 3 a Departments Uncategorised Fe Stratas 7 fj og Add a record al Ga sample record wr All awe Curing August 17 2003 Live ga New category ga New category GF Edit Management category Internet Vision Technologies 46
22. er around the picture HSpace The distance of the image from the left and right side of the screen enter a number gt 0 VSpace The distance of the image from the top and bottom of the screen enter a number gt 0 Align Change where the image is located on the page eg left centre top etc Link This tab is used to set up the image to be a hyperlink ji H Ls farmer Ak os car b erdu para chaber Leita Fe heh skog hemi Image Propartios nb rl eee oe Enter the URL to link to in the URL field This sas li end URL can be a link to an external site or a link to a page within the site Bruen Sar Mote When adding an external link make sure to include http www otherwise the link will not work Target A target can be specified to determine how the link is opened Click on the drop down menu to Internet Vision Technologies user MANUAL for sB4 Knowledge Module select an option The main target options that can be set are as follows lt not set gt This means that no option has been chosen and when the link is clicked it will open in the same window default option new window blank This opens the link in a new window recommended option lt popup window gt This opens the link as a pop up lt not set gt Upload This tab allows you to upload an image to the Server Click the Browse button to locate the image to be added and click OK Then click the Send it to the
23. ll Padding controls the distance between the text in the cell and the edge of the cell Caption Any text entered here will be displayed as a Caption under the table Internet Vision Technologies 7 user MANUAL for sB4 Knowledge Module Click OK to insert the table into the content window Editing Table Properties Once a table has been inserted into the content window you are able to edit it s properties To do this 1 Right click on the created table to view the editing options MF Insert Row 2 Click Table Properties A pop up window will be displayed Delete Rows an Insert Column Table Properties Mozilla Firefox YW Delete Columns M g Insert Cell EP Delete Cells 1 I Merge Cells http master ivt com aufsb modules core Fekeditor editor Fckdialo r Table Properties Rows Width I Split Cell Columns Height Cell Properties Border size Cell spacing gt m Table Properties pizels Alignment Cell padding 3 Make the necessary changes and click OK Editing Cell Properties You are able to edit the properties of a cell within a table To do this 1 Right click on the created table to view the editing options If you are editing multiple cells hold Shift while using the left mouse click ME Insert Row 2 Click Cell Properties A pop up window will be displayed 5 Delete Rows an Insert Column 4P Delete Columns q7 Inzert Cell ee Delete Cells Fa Merge Cells FH Split Cell
24. ly click the checkbox that corresponds to the category or subcategory to list the record in and click the Save button Sample hMain Links Files Images BLT ITE Other Preview Page Template Management Departments LI Stratas LI 3 Strategic Options Categories LI 4 0 Strategic Selection C 5 0 KEY PERFORMANCE MEASURES CI 2 0 About the Industry Fi 1 0 Aboutthe Business To prevent the display of the record on the public site ensure that none of the checkboxes has been selected Remember to click the Save button This will then result in the record being moved into the Uncategorised category Internet Vision Technologies 43 user MANUAL for sB4 Knowledge Module Preview tab As the name suggests this section provides a preview of how the record will be displayed on the public website Record Status 3 options exist for record statuses and these are explained below Status O Pending Approved Rejected Pending This means that the record has been created but is not displayed on the public site as it is still waiting for approval Set the status to Approved for the record to be displayed on the public site Approved This means that the record has been created and is displayed on the public site Rejected Selecting this means that the record has been deemed not suitable for the public site To edit a record select the Ceca gany Lit Ip mat appropriate category from the ye lua fu Cat
25. mages can be downloaded The dimensions of an image are dependent on the page the image is being created for and the location of the image on the page To avoid a cluttered display use of images should be kept to a minimum Images used throughout the site should be approximately 150 pixels in height and 300 pixels in width at the most but can be less Images used as Internet Vision Technologies 10 user MANUAL for sB4 Knowledge Module headers at the top of a page should be no more then 750px in width and 300px in height The style of a site will determine the number of images that are on a page and the size of each image An image that is in the JPEG or GIF format and no bigger than 150 pixels by 300 pixels can speed up the time it takes for the site to load If an image is saved at a value between 50 to 75 of its quality the details that had been removed from the image will not be noticed by visitors to the site as the impact is minimal Image File Formats Recognized file formats are JPEG or GIF This makes the file size smaller and allows the site to load fairly quickly especially for users with slow Internet connections Images and photos should be saved in the JPEG format and the GIF format should be used for logos or graphics that have less then 256 colors these tend to be created in programs such as Paint Programs that are able to support this function include Adobe Photoshop ImageReady Macromedia Fireworks and Pai
26. modules core fckeditor editar fckdiala to External Websites Internet Vision Technologies 20 user MANUAL for sB4 Knowledge Module To insert a link to another website simply type in the link as per example below Ensure that the Link Type is URL and the Protocol selected from the dropdown list is http Link Mozilla Firefox gt Link Link Info Link Type Frotocol URL TENE Also ensure to include the www part of the web address as specified in the URL Click OK when done Adding an Anchor Internet Vision Technologies 21 user MANUAL for sB4 Knowledge Module T Anchors are similar to markers in that they are useful in drawing attention quickly to desired areas in a webpage The use of anchors makes it possible for the user to go directly to a certain area or section without having to look through the entire webpage To insert an anchor position cursor at the desired point in the webpage Then click on the Insert Edit Anchor icon to insert an anchor at that location In the following example the cursor Anchor Properties Mozilla Firefox was positioned just before the words Test Anchor Clicking on the Insert Edit Anchor icon brought up Anchor Properties the Anchor Properties screen as shown Enter a name for the anchor and click OK For the purpose of this example the Anchor Name to be re entered will be Test Tast http ma
27. n A form will be displayed containing various fields The sample image below does not necessarily represent all fields that are available Category Porte od ark ioe ceria ult O mest CJ pubic C simin Super C admin Member Mew Image Sons Aclual sze Mew lage At Mew lage Sm oual size FA Mew Image AR image Let See Mage Lini ipo Breadknymb Link Thie skras b n abiiy bo eri cee are b readen mi link Checkbes Dalens Cisphry ery IE This wil disp bre he Cale ony as a mara If the categories to be added are known it is easier to add them first followed by the subcategories However categories and subcategories can be added at any time When creating a subcategory check that the Parent Category name is correct Internet Vision Technologies 35 user MANUAL for sB4 Knowledge Module Parent Category This allows the specification of a category to place the new subcategory in This is optional Left blank this will create a new category as opposed to a subcategory in an existing category Title This is the name given to any new category A title must be specified otherwise the category cannot be created Short Description optional This is where a brief description of the category can be inputted If used it appears on the public site as a preview of the category This field is viewable only when categories are displayed in List View Long Description optional This allows for the inclusion of a mo
28. n and content for your website Any content that exists on the website must exist within a category category may have an unlimited number of sub categories and records within it Internet Vision Technologies SB4 Master Web Content Welcome Courses About Us BB Live 23 List Category List Setup Management a P Stratas pr Uncategorised al Properties All lg New category Adding a Categor Internet Vision Technologies 29 user MANUAL for sB4 Knowledge Module Categories can be added by clicking on the folder icon for New Category as indicated in the diagram below Category List Management Stratas Uncategorised All og New category A Category form will be displayed containing various fields The sample image below does not necessarily represent all fields that are available L R ory Perr ed cari for dofaut O gues FJ putt C simin Super Fl admin Nemtet Bey re Sere Arlualszs Mew TEE Browse M Mew krage Sa Actual size FA Mew rage Browse AR lege Let se Tage er Liri een Brea deny Link This mbras the ahili bn artige are breer md link Checkhex Gptiens Cisnisy Mery E This mill disp bry he category 35 Ten Parent Category This allows the specification of a category to place the new subcategory in This is optional Left blank this will create a new category as opposed to a subcategory in an Internet Vision Technologies
29. nt category Clicking on the icon to the left of the category name will give you the following options Internet Vision Technologies 37 user MANUAL for sB4 Knowledge Module EE det n Mrans Lo imga G Aa Dakia rad Lip r d Dort wees To Tap braa To Bitki op Mad sample oi od dl Tes 17 p mat feed ag Mew carta gar sg Merve cate ony Edt Forageren ce gory Close X Clicking this will close the menu The menu can also be closed by clicking on the folder icon that was clicked on initially to open the menu Edit Clicking this will allow the sub category details to be edited Delete Clicking this will delete the sub category and all subcategories records within Move Up This moves the sub category name up the list Move Down This moves the sub category name down the list Move To Top This moves the selected sub category to the top of the list Move To Bottom This moves the selected sub category to the bottom of the list Deleting a Sub Categor To delete a sub category it must first be empty If the sub category is empty click the icon to the left of the sub category name and click Delete Departments P Close X Edit gt Delete Move Lp Move Down Move To Top Move To Bottom Add Edit or Delete a Record Internet Vision Technologies 38 user MANUAL for sB4 Knowledge Module Records are the content text images and links that
30. ntain the information that is displayed on your website The module also contains a search function with basic and advanced searches for information within the module Areas in the Knowledge Module 1 List Allows for the adding and editing of categories subcategories and records 2 Setup Allows for module functions to be activated 3 Properties Allows for list properties to be set The Knowledge Module is either used for a single page of your website Contact Us Privacy Policy or as a categorised set of pages About Us with different sections for different information The Knowledge Module is able to work in this structure by using Categories and Records Categories and Records The List area of the Knowledge Module displays all categories sub categories and records in a series of lists as shown here lntetnet Vislan T echnlogice S64 Master Courant Rese Dear Geant fis Aisin Lbs HEE Lid Getegpor bess Sarath ae SE rete g r 0 p farer en hafai i a diraog Opies og Add aiecord Piety ite og maa m LO E Seti a By reece konaci Us 2 Uscatngnisn C S HEN PERFORMANCE MEASURES pe ta p E IT ideraty Hays Fien Serene Tarn M 2 M iba the using Fa Opies fot Fare Gein gt lerne ay Sate FS NEN Lie Prascy Paboy Dabs the Beans a ap Fid a rece i imi oficii ag PS gY Mpa Gakigary ogg P cating D Edit Strada cae pore Ed 3 Brahe Optio re category A category may h
31. nternet Vision Technologies 25 user MANUAL for sB4 Knowledge Module Breadcrumb links display the path the user has taken to reach the page they are currently on The Breadcrumb is a navigational function that allows you to re trace your steps through a website and jump back a number of steps in a single click Home gt Store gt New Products gt Under 5 gt For Him The Breadcrumb is most often displayed at the top of the content window and shows the categories and sub categories web pages that you have navigated through generally from the home page onwards Internet Vision Technologies 5B4 Master Wael Contaiil Note Do not remove http Ardcame otherwise the Le URL De net remme bt pr Pee 5 hilper breadcrumb p o o i Ai pe links will not F D E h m work tip Oo E Sharp Hap Riper O 0 SE TELT hip a lg t E E hiph oo Migr oO o O m Title Under title enter the word that will be used to refer to the corresponding URL It is recommended that this word is the same as the title of the category Make sure that each row contains the corresponding title and URL URL This refers to the URL that the breadcrumb will link to To find out the URLs visit each category in the public site where the breadcrumb link is to be and then copy and paste that URL into the URL field Make sure that each row contains the corresponding title and URL Public Click on the checkbox under Public next t
32. ntshop Pro There are also plenty of cheap and freeware alternatives available Paint or other drawing programs These programs normally save in the bitmap BMP format and therefore a lot of image detail is lost if an image is saved in JPEG or GIF The BMP format is not recommended for use on the Internet These programs can be used to draw the graphic or logo and the image should then be copied and pasted into a photo editing program to be saved ina JPEG or GIF format Photoshop Paintshop Pro These photo editing programs are designed to create and save images photos and graphics The image quality is far more superior as compared to images created in a Paint program When saving in a different format such as JPEG the image quality should be set ata value between 50 to 75 or a value between 8 to 12 pt Different programs use different values of determining image quality This reduces the size of the file but retains enough quality of the image to make it presentable Check that the image is still of a suitable quality before committing to any changes If the image is over 20K in size optimise the image as a progressive jpeg Refer to the program s user manual for further information on this process if it is available A copy of the image in its original format should be kept as a backup before changing the format of the file Do this by saving a copy of the image file somewhere on the computer Internet Vision Technol
33. o each breadcrumb link to make them public Removing the tick in the checkbox will only render the breadcrumb link invisible on the public site but will not delete them Save Click on the Save button to save the links Delete Click on the checkbox under the trash can icon associated with a particular breadcrumb link to delete it and click on the Save button The breadcrumb link will be deleted Add a Breadcrumb link to a Categor Internet Vision Technologies 26 user MANUAL for sB4 Knowledge Module Breadcrumb links can be added to the categories in the Categories List Once in a category the breadcrumb link is added to the field that is marked in the example below Simply type the title of the breadcrumb link that refers to that category as entered when the breadcrumb links were set up with their URLs and click Save Do this for all categories to add breadcrumb links to Catagory For Fed an ed cae ert El FP ar ed Ta hath for dera i C gun O punk OO a mm Super O simin Member Kima mage Sine Aoba Soe Link Ciptions Bra sdcrumb Link kamaparani This slows the mi da gras ride ary breadcrumb ink Chacko Opies Cispl rMenu E Th Title URL Do not remove http Public 7 Management http master yt com aufaboutusfeid lS parent O http a http http http http http When adding breadcrumb links to a category it is useful to have the breadcrumb setup in one window and the categ
34. ogies user MANUAL for sB4 Knowledge Module e When saving as a JPEG or GIF format check the quality of the image especially if there is text written on the image Text can get blurry if the image quality is reduced too much Image Size and Download Speeds The time a page takes to download depends on what is contained on it This can include anything from text images audio video Flash movies etc Text and images are the quickest to load whereas audio video and Flash movies take longer In most cases websites will most likely only use text and images within its pages To help the page load faster the size of the images should be specified If these are specified then the browser knows exactly where the images are to go or how big they are meant to be As a guide a 20K image can take a 56kbps dial up connection 3 or 4 seconds to download A 100kbps image would take the same user about 15 seconds The same images can take a few seconds for a user with a high speed connection regardless of their size It is important to keep in mind that not everyone will have a high speed connection For users with slow connections large images take more time long enough for them to consider if it is worth the wait to view the rest of the site Resolution This term refers to the quality of an image It can also refer to screen resolution as well as printer capabilities Resolution plays an important part in the use of images on the
35. on initially to open the menu Edit Clicking this will allow the category details to be edited Delete Clicking this will delete the category and all subcategories records within Move Up This moves the category name up the list Move Down This moves the category name down the list Move To Top This moves the selected category to the top of the list Move To Bottom This moves the selected category to the bottom of the list Deleting a Categor To delete a category it must first be empty If the category is empty click the icon to the left of the category name and click Delete Management PG Close X Edit gt Delete hove Up hove Down Move To Top Move To Bottom Add Edit or Delete a Sub Categor Internet Vision Technologies 34 user MANUAL for sB4 Knowledge Module Sub Categories are used to divide the records in a Category into similar groups to benefit the navigation of the site They are useful for dividing the content into related blocks Adding a Sub Categor To add a subcategory to a category click on the name of the category from the Category List for which to create the subcategory for This will open the subcategory section Then click on the New Category icon located under the subcategory section as indicated below Sei vee Mase ees Ca ear werd Lip r a Dort vraa To Tap oad To Bitki il g Aad a sample dei odd a her cae pore a Peres Cbs oy JEG Fare mer ore ga
36. ons in more detail These include Pasting from MS Word Creating Tables Editing Table Properties Editing Cell Properties Images Adding Hyperlinks Adding an Anchor Adding an Email Link Internet Vision Technologies 6 user MANUAL for sB4 Knowledge Module Pasting from MS Word Microsoft Word uses XML and other related HTML characters as part of its on screen format therefore Word documents CANNOT be pasted directly into the HTML editor If you are using content from Microsoft Word first click on the Paste from Word icon Paste the text into the pop up window using the keyboard Ctrl V and click OK This function removes unwanted HTML characters from the text Creating Tables Tables can be used to help align text Table Properties Mozilla Firefox include Images and keep your content http master ivt com aulsblmodulesjcore fokeditor editor Fokdialo arranged in an orderly way Clicking on the Insert Table icon will bring up the Table Properties following pop up window Sor re Columns Height pixels Table Size Select table size in rows and columns Border size Cell spacing Alignment Cell padding 1 Border Size Select boarder size Typical modern table has no boarder enter value of zero Table Width and Height Table width and height can be set in pixels or page percentage Cell Spacing Cell Spacing controls the distance between the cells Cell Padding Ce
37. ories in another This makes it easier to see what the breadcrumb links are and to add them to the categories correctly Add a Breadcrumb link to a Sub Categor Internet Vision Technologies 27 user MANUAL for sB4 Knowledge Module Select the sub category to add a breadcrumb link to In the field titled Breadcrumb Link enter the breadcrumb link information as follows The convention to do this is specify the category title followed by the gt symbol and then the subcategory title as entered when the breadcrumb links were set up with their URLs An example is provided below in which the category is Management and the subcategory is Departments Link Options Breadcrumb Link Management gt Departments This allows the ability to override any breadcrumb link Repeat this process for each category and subcategory that you want to add a breadcrumb link for Breadcrumb links cannot be specified for a record Their breadcrumb link will be the title that was given to them View the Knowledge Module List Internet Vision Technologies 28 user MANUAL for sB4 Knowledge Module All categories sub categories and records are displayed in the List area From here you can create new edit existing or remove categories sub categories and records Welcome Courses About Us gt Setup Properties Add Edit or Delete a Categor Categories are primary level of navigatio
38. owledge Module The file format used will depend on the image It depends on the colours in the photo and the quality the photo is to be saved as A photo that only has a couple of colours in it such as a picture of a clear blue sky might work better saved as a GIF A photo with a variety of colours such as a gradient works better saved in the JPEG format If unsure of which to use the best option is to save the image in both formats and see which looks better Remember to keep a copy of the image in its original format at all times so as to be able to return to make changes to a high quality version of the image that is if image revisions are needed Progressive JPEGs The JPEG format should be used for saving photos and images that have lots of colours A progressive JPEG gives the impression that the image downloads fast when in reality most of the image loads but then continues to download until it is complete This allows the rest of the page to download faster without having to wait for the images to appear Progressive JPEG is recommended for any image over 20K This option can be selected when saving the image in the JPEG format Note If unsure of how to save a photo as a progressive JPEG or an Interlaced GIF refer to the user manual for the program Interlaced GIFs GIF is best used for images that are made up of a few colours eg illustrations Interlaced GIFs create the impression that the image is fast loading The imag
39. re detailed description of the category This is viewable only when there is more than one record nested in the category Public Checking this box means that the category and its content can be viewed on the public site The default setting is public Groups optional If this is left unchecked it means that the category can be viewed by everyone Checking the public checkbox means that the category will be visible to the public Checking the client checkbox means that the category will be visible only to that group of users Checking both public and clients means that the category is visible to both groups Display Menu Selecting this checkbox will display the category as a menu New Image Size This allows for the specification of the size of the image when the image puis et is being uploaded Once the image has been uploaded it cannot be Actual size resized The image will then have to be deleted resized and re uploaded To set the size of the image click on the dropdown list and select the 100 x 100 required size dimensions 125 125 150 x 150 New Image This allows for an image to be associated with a particular category or subcategory To upload an image click on Browse find the image file and then click on Open Click on Save or Save Return to upload the image The image size is determined by what was selected in New Image Size Note Only one image can be used at a time so if there is more than one image uplo
40. site The resolution determines the number of pixels that can be displayed on the screen This means that a 1024 x 768 screen will be able to display 1024 pixels or dots horizontally and 768 pixels or dots vertically Resolution has to be considered when determining the dimensions of the image A 300 x 150 pixel image will display properly on most resolutions A 900 x 700 pixel image will fit on a 1024 x 768 screen but not a 800 x 600 screen This is because the image is larger then the screen measurements Images used throughout the site should be approximately 150 pixels in height and 300 pixels in width at the most but can be less Images used as headers at the top of each page should be no more then 750px in width and 300px in height If these guidelines are adhered to then the images will display fine in most resolutions DPI or dots per inch in relation to a printer refers to the amount of dots it can print per inch This is where the DPI of an image is relevant The higher the DPI the clearer the image is when printed For example if the printer prints at 300 DPI then the image should be set at 300 DPI Refer to the program s user manual for further information on how to set DPI for an image If images are not likely to be printed from the site then the DPI is irrelevant as it does not affect how an image looks on the screen Progressive JPEGs and Interlaced GIFs Internet Vision Technologies 12 user MANUAL for sB4 Kn
41. ster ivt com aufsbimodulesicore FckeditorfeditoriFi 7 The anchor now appears before the text as shown below di Test Anchor Select a word from the webpage which is to point to the section where the anchor is This word needs to be made a hyperlink This will enable the user to be directed straight to the section where the anchor had been added when the hyperlink is clicked see page 17 for more information on setting up hyperlinks There might be several anchors in the one document so it is very important to specify which anchor the hyperlink is supposed to be directed to when clicked The convention for entering the specific URL for an anchor is explained here At the end of the URL simply type in the symbols and followed by the name of the anchor For this example Test was typed in at the end of the URL Ensure that the Link Type is URL and the Protocol selected from the dropdown list is Other Click OK when done Internet Vision Technologies 22 user MANUAL for sB4 Knowledge Module Hyperlinks can be directed to specific user email addresses This can be done by highlighting the text to select it and then selecting the Insert Edit Link icon from the Content Editor toolbar The following screen appears Ensure that the Link Type selected is E Mail and a valid email address is specified Adding the message subject and body content is optional Click OK when done
42. the Document Memory Module 18 Linking to an External WebSite cccccccececseccseccueeeseeeaeseeeseeeeceesaeesaees 20 AIM 21 Adang TEN EAR SEE tes A E E E woes eeesenes 22 Set Up the Knowledge Module nnrnnnvnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnunnnunnnunen 23 Ca 1 SL EE OE 23 ST FN See 24 Brea CI UNMIS de o EE El are eee 25 Add a Breadcrumb Link to a CateQory ccccccecccsecceeecceeeeceeeeeeeeceeeeseeesaeeeseesaeeess 26 Add a Breadcrumb Link to a Sub Category rrrarananannnnnnnnrnranernnnnnnnennnnenanennnnennnennn 27 View the Knowledge Module List rnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnennennnnnnnnnnnnnnenn 28 Add Edit or Delete a Category arrrannrnanrnnnnennnnnnnnennnnnnnnrnnnnnnnnnnnnnennnnnnanennannnannnnnsennnennnnennn 28 Adding Bec ie Ors 210 0 EEE EE 29 ENN 31 Deleting CAEJO Laser KE EDER EENDE 33 Add Edit or Delete a Sub Category rarrrnurnnnnnnnanernnnnnanernannvanenranennnrnnanennaennanennunenunennunenne 34 Adding a Sub Category anrnnannnannnnannnnanennnnnnnnrnnnrnnanennnnnnanennnnennnnnnnsnnanennnnnnnnnnnnnnnnn 34 Editino a SUB AE esre E E EENT 36 Deleting a SUD C ALC GON Y aaret 37 Add Edit OF Delete a RECOM sssssnenneneee tet tt REEL ERE LER LE REEL E LE REE REEL ER LER ERE ERE R LERNER LE EN 38 PIRA 38 RECT SA 43 EINA RECT vekene 43 DEN TREO gatos FEE SEE OE seeded E 44 Search the Knowl
43. user MANUAL for sB4 Knowledge Module Knowledge Module Internet Vision Technologies Internet Vision Technologies 1 user MANUAL for sB4 Knowledge Module Copyright Internet Vision Technologies 2009 All rights reserved Ownership of all software source code software files reports jigs fixtures artwork images filmwork concepts prototypes and material featured within this documentation remains the property of Internet Vision Technologies Internet Vision Technologies user MANUAL for sB4 Knowledge Module Knowledge Module Table of Contents Knowledge Module Summary nxrnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnunnnnnnnunnnennn 4 What is the Knowledge Module rrnnrnnnnnnanrnnnnnnnnrnnnnennnrnnnnennnnenannnnnsnnanennenenannnnunnnnnennnnennnenn 4 Introduction to the Knowledge Module axranrnnnnnnennnnnnnnnnnnnnnnnnnnnnnnennnnnnnnnnnnnennnenn 5 CANE GO FSS ING TR CORO S ENE D ATME Content ETT TOO wicaischssencennatincdaetmeunnonse E A a 6 Pl Ve 7 ETT 7 Editing Table Properties ccccccccccceccceeceeeeeeeeseeeseeeeeeeseeeeeeeeeeeseeseeeeaeeeseesseeseeeeaeess 8 Editing Cell POPES a tec cc logi ae ens bas EN LED eiS 8 ME EET ee eee eee ee ee T 10 Image ON ed 10 Adding an MEG eee 13 Adding MM PET ua 17 Linking to a Page in the Website rrrrnrnnnrrnrrrrarrnnrrnnnnnnennnrrnennnennennnennnsnnnne 18 Linking to a Document in
Download Pdf Manuals
Related Search