Knowledgebase

Outstanding Web Services Provided at Kent


How do I use the Staff Profile snippets?

The following article outlines the instructions for the use of the Staff Profile snippets. This is a Mini Summary snippet (animated and static) which works in conjunction with the Page List and staff profile Content snippet.

Please note, publishers are responsible for the copyright and content of all posts and images used, and they they must adhere to all other University regulations.

Mini Summary

Best practice

  • The snippet has been designed to work within the right-hand column of a Two Column snippet or any of the columns in the a Three Column snippet
  • There are two variations of this snippet, animated and static - with the former being scrollable
  • We advise to keep dynamic/animated snippets to 1-2 per page for ease of user interaction and comprehension
  • It is recommended that the number of items visible to the user at any one time for either animated or static be set to 5
  • Should you chose the animated Mini Summary snippet and the number of staff profiles available does not exceed the number of items set to be visible, the snippet will default to the static version
Implementation
  1. Drag and drop the Staff Profile snippet (animated or static) onto the desired page
  2. In Design view, complete the parameter table as follows:
    1. Title: The title displayed above the snippet on the page. This is used to identify to the user what information is being displayed - "Staff Profiles" for instance
    2. Data Source: Sources to be drawn upon for this snippet can be one or many, a combination of file locations. Select 'Link' in the parameter table and use the 'Point to File' within the Properties pane to point at the directory containing all of your staff profiles. Should you wish to gather staff profiles from multiple directories, simply duplicate the link in the parameter table and repeat the above 'Point to File' process for this link
    3. Please ensure that you maintain the list structure within this parameter whether you are using one or many entries
    4. Items: This outlines the total number of staff profiles to be contained within the snippet. For the static version, this is the total displayed at any one time to the user. For the animated version, this is the total number of staff profiles that are scrollable, not displayed at any one time
    5. Visible Items: This parameter is only visible for the animated version of the snippet. It works in a similar fashion to that of 'Items' for the static version - in as far as, the total number of staff profiles to be visible to the user at any one time
    6. View More Link: This link must point to an HTML file that contains a Page List snippet. More details on this can be seen below
    7. Sorting: This can be set to either 'name' or 'random'
      1. If 'name', then the snippet will look at files in the pre-defined file location(s) and pick out the names from the content of the files and list alphabetically using first name and second name in order of priority. So "Adam Blogs" will appear before "Joe Bloggs"
      2. If 'random' is specified, the staff profiles will display in a new random order every time the page is refreshed/loaded
  3. Save the HTML file and check in Preview before publishing to Live
back to top

Full Page Summary

Best practice

  • The snippet has been designed to work using the whole content area
  • It is recommended that the number of tabs does not exceed one line

Implementation

  1. Drag and drop the snippet onto the desired page
  2. Fill in the tabs as required. Each tab must correlate to a folder.
    • E.g. If you want a tab for admin staff and a tab for lecturers, you will need a folder for each within the profile folder. These folders must contain all of those staff. Your folder structure should look something like this:
      • Profiles
        • admin
          • staffname1.html
          • staffname1.html
        • lecturers
          • lecturer1.html
          • lecturer2.html
  3. Select "Link to folder" and using the point to file tool, select the relevant folder for that tab
  4. If you would like to display telephone numbers or email for each member of staff, insert 'email' or 'phone' into the Extra Display Options field, otherwise leave this blank.
  5. Save the HTML file and check in test before publishing to Live
back to top

Content

Best practice

  • This has been designed to work using the whole content area or in the left-hand column of a Two Column snippet
  • A mentioned above, please ensure that you use full names for the file names as the Page List snippet will use these to index
Implementation
  1. Drag and drop the staff profile Content snippet onto a new page
  2. In Design view, complete the parameter table as follows:
    1. Title: Formal title of the member of staff
    2. Firstname: The member of staff's first name(s)
    3. Surname: The member of staff's surname
    4. Job Title: The job title of the member of staff
    5. Department: The department(s) the member of staff belongs to
    6. Email Address: The member of staff's email address. Please keep these as University of Kent email addresses wherever possible
    7. Telephone No.: The member of staff's internal telephone number - direct or departmental
    8. CV Link: You can set this as either an internal or external link. For an internal link, use the 'Point to File' for 'Link' within the Properties pane in Dreamweaver and point to the file within your site. For an external link, type the external URL (http://...) in the 'Link' field within the Properties pane
    9. Website link: Type the URL (http://...) in the 'Link' field within the Properties pane
    10. Profile Image: Select the '(x)' and then use the 'Point to file' for 'Src' within the Properties pane at the bottom of Dreamweaver to insert the image for this article
    11. Introduction Blurb: Brief introductory description about the member of staff
    12. About Tab Text: A more in-depth description about the member of staff
    13. Publications Tab: If this parameter is left blank, then the tab titled 'Publications' will not appear. This parameter can be populated by plain text, no HTML, or used in conjunction with the KAR List snippet. For more information on this, please read our Knowledgebase article
    14. Your Blog Feed: Should the member of staff have a Kent blog and wish it to be associated with their staff profile, please sepcify the feed address here. In doing so, a new tab 'Blog' will appear - "http://blogs.kent.ac.uk/web/feed/" for instance
    15. Alternative About Text source: If the member of staff does has a Kent based blog and they have an About page already, then this can be plugged into the staff profile by obtaining the feed link for the page in question. This will pull from the feed given and populate the 'About' tab. External blogs are not yet fully supported for security reasons. If you specify a blog feed here, anything already defined in the 'About Tab Text' will be overwritten
    16. Additional tabs: This parameter allows for extra tabs to be added to your staff profiles. The snippet required is called Extra Tabs and can be found within the Staff Profiles snippet pack. By default, one has already been added - you can delete this if not required. As per the formatting in Design view, simply change 'Tab title/name here' and then enter the content below
  3. Now save the file in directory created for your staff profiles on Preview
  4. Check in Preview before publishing to Live
back to top

General Best Practice

  • We advise that you create a new directory specifically for staff profiles in which you will store all your staff profiles - one file per staff profile, each containing a staff profile Content snippet (this is outlined below)
Images
  • Images should be prepared beforehand and stored in a central location specifically for staff profile photos
  • The maximum width for the Content snippet for images is 129px
  • Images that differ from this will be resized relative to that width
  • The Mini Summary snippet will adjust these images to have a maximum width of 62px having imported them direct from the Content snippet
back to top

Maintained by IS Requirements and Solutions, University of Kent, Canterbury, Kent, CT2 7NF

Enquiries: +44 (0)1227 824851 or contact us

Last Updated: 04/03/2013