Personal and Professional Development
  How to use the wiki
Added by Dave Miller, last edited by Dave Miller on 20-03-2009  (view change)

Labels:

howto's howto's Delete
layout layout Delete
wiki wiki Delete
display display Delete
columns columns Delete
formatting formatting Delete
table table Delete
of of Delete
contents contents Delete
Enter labels to add to this page:
Wait Image 
Looking for a label? Just start typing.

Getting Started

How to set up your personal space

Two page illustrated guide to logging in and setting up your wiki space:

Ten steps to wiki heaven (page1)

Ten steps to wiki heaven (page2)

This subject is also covered in these instructions: Setting up your personal Wiki

How to upload your own profile picture

  • Click on preferences (Top Left hand of every page, near log in)
  • Edit profile
  • Click on the 'Profile Picture' link
  • Upload a Profile Picture
  • If you have trouble uploading displaying a jpg from your mac laptop - try a couple of things - move to to a college PC
  • change the image size to 48x48px - save as a gif
  • Upload the Picture

How to get help if you get stuck

  • Go to the excellent college technical support forum
  • Login and describe your problems as clearly as possible, explaining how you have already tried to solve the problems.
  • Your queries will be answered within 24hrs (sometimes in 1/2 an hour!)
  • If you're not sure sure how to describe the problem you could also go to the IT Help Desk in the LRC and show them.

How to change permissions - so others can work in your space.

 eg to allow another individual user or specified group to be able to edit your personal space.

  • Browse Space-> Space Admin-> Permissions
  • Then edit permissions to add another individual user of my space

How to get a smaller URL

  • Click on 'Page Operations' link
  • Click on 'Info'
  • Look for the 'Tiny Link'

General Contents Layout and Display

How to do basic formatting

  • Make a page -> Add Page
  • Add a title (this is the name of the page)
  • Click on the 'Edit' tab
  • Choose either the 'Rich Text' or 'Wiki Markup' tab
  • Look at the Help Tips (on the right) - all the formatting instructions are here.
  • Write paragraph text or headings:
Notation Comment
h1. Biggest heading

Biggest heading

h2. Bigger heading

Bigger heading

h3. Big Heading

Big Heading

h4. Normal Heading

Normal Heading

h5. Small Heading
Small Heading
h6. Smallest Heading
Smallest Heading
  • Add some text
  • Save

How to change the Layout and Colour scheme for your space

  • Your Personal Space -> Browse Space -> Space Administration
  • Click on Themes, then select the theme you want.

How to add Pictures

To add a picture:

  • Upload pictures into the wiki using the 'Attachments' tab
  • Then add into page using: !http://www.host.com/image.gif! or !attached-image.gif!

Note: Use Photoshop to resize pictures (so they fit the page) and to save them as files you can use in the wiki (eg gif or jpeg).

How to add a picture gallery

{gallery}

This creates a gallery of thumbnails of all images attached to a page. This will only work on pages that allow attachments, obviously.

How to add a picture slideshow

{gallery:slideshow=false}

The slideshow parameter allows you to turn off the "View As Slideshow" link (on by default).

How to add a PDF slideshow

{viewfile:filename.pdf|width=800 | height=800}

How to link pages

[pagetitle]

Creates an internal hyperlink to the specified page in the desired space (or the current one if you don't specify any space).

[http://www.google.com]

Creates a remote hyperlink.

More advanced stuff

How to use Cards

This puts a border around the page (so it looks like a card - sort of), and each page is navigated to from a tab at the top of the card. Looks quite good.
Here some example code to do that:

{composition-setup}
{deck:id=Profile}
{card:label=About Me}{include:About Me}{card} 
{card:label=Projects Gallery}{include:Projects Gallery}{card}  {card:label=CV}{include:CV}{card} 
{card:label=My Ongoing Research}{include:My Ongoing Research}{card} 
{deck}

Where the code says 'include' you are including a page that you've made with that name.

How to add columns

Add the following code to make a 2 column layout:

{section} 
{column:width=30%}Column one text goes here{column} 
{column:width=70%}Column two text goes here{column}
{section}

How to embed video

  • You can either link to or embed flash video within your wiki pages if you upload your video to YouTube or Blip.tv
  • Alternatively you can attach quicktime movies (but these will take ages to download) like an image and then embed it in your page

Here are 3 different ways to embed you-tube clips into your page:

{you-tube:id=123456|align=left}  {you-tube:id=123456\|align=center}  {widget:url=http://www.youtube.com/watch?v=WMUN9I0VMok&feature=related | width=500 | height=400}

For example:

How to add RSS to your page.

{rss:url=http://host.com/rss.xml}

Refer to the Wiki 'Help Tips' for more info on this.

How to display a tagcloud

{popular-labels:style=heatmap|count=7|order=name}
{popular-labels:style=tagcloud|count=7|order=name}

To make this work you have to add 'labels' to the bottom of your page. For example, the 'heatmap' style looks like this:

Good examples of student wikis

[James Kay Graphics3 ]
[Gabriel Weichert Graphics3 ]
Jo Tomkins Graphics3
Alana Chapman Graphics3
[Robert Moir Fashion 3]
Mem Ali Fashion3
[Tom Harrison Interaction 3]
[Daniel O'Connell Interaction 3]
[Amy Barker DMI3]
[Christian Carlsson DMI3]
[Davey Childs Clarke DMI3]
[Callum Parish DMI3]
[Marta Woszczyna Product3]
Agnieszka Zielinska Product3
Anthony Michael Product3

For more examples please look at the list of Ravensbourne student wikis, blogs and websites: Student wikis, websites & blogs

Example student wiki

This example has been created by the PPD Team. It shows how you can organise and structure your information, showcase your work, and pull in information from other web sites.
Take a look here:

Hi Dave,

Great write up!

Mike (ICT)