This was our old site wiki…but I don't think it was solely for us lecturers??? Am I wrong? Is this where we are going to start "putting our $ where our mouth is"??

Purpose: By having a Google search engine in your wiki, it is easier and more convenient to search for the information you need.

Syntax:

1. Go to http://www.google.com/coop to create your customised Google search engine

2. Follow Google's instructions

3. Go back to http://www.google.com/coop/cse/overview and look for My search engines

4. Click on homepage

5. And then on Add this search engine to your blog or webpage

6. Click on the Get the code button

7. Paste it on your wikidot page as follows

Link to another Wikidot site that uses this feature or where you discovered this feature.

http://nhim.wikidot.com

2. Click on "Find gadgets" on the left vertical navigation. After that you can see many different programs such as MP3 Player, News, Games and so on. Then click on the program you want to embed

3. Select the display settings to your liking

4. Click on "Get the code", copy all the code

5. Finally, create a new page, type as the following

Purpose: Users can use this chatroom for online discussions that requires many users' online participation

Syntax: To embed the chatroom, use

[[embed]]...[[/embed]]

Example:

[[embed]]<iframe src='http://cw.gabbly.com/gabbly/cw.jsp?e=1&t=**http://gongm.wikidot.com/chat-page**' scrolling='no' style='width:400px; height:450px' frameborder='0'></iframe>[[/embed]]

*http://gongm.wikidot.com/chat-page**: replace this URL with the URL of the page that you want to embed the chatroom

width:400px; height:450px: replace the width and height with the size that you want for your chatroom

Link: http://gabbly.com/

To embed audio use [[embedaudio]] ... [[/embedaudio]] and the html embedding code found on the audio hosting website.

The Wikidot currently supports only the following site:
Odeo.com
Studio.odeo.com (This site also belongs to the Odeo, but it is for managing and editing your recorded / linked music files on Odeo.com)

E.g.

[[embedaudio]] <embed src="http://www.odeo.com/flash/audio_player_standard_gray.swf" quality="high" width="300" height="52" name="audio_player_standard_gray" align="middle" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars="audio_id=99133&audio_duration=282.0&valid_sample_rate=true&external_url=http://www.vitalpodcasts.com/FileSystem/podcasts/89/opensource_episode1.mp3" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </embed><br /><a style="font-size: 9px; padding-left: 110px; color: #f39; letter-spacing: -1px; text-decoration: none" href="http://odeo.com/audio/99133/view"> powered by <strong>ODEO</strong></a> [[/embedaudio]]

• Example:

At first, you need to create an account at the site, "http://studio.odeo.com". After that, you need to enter the “Link to Audio” under the “My Audio” column. Here, you will be required to put the name and source (URL) of your MP3 file. Here is a sample source of the MP3 song: "http://nhatluong.wikidot.com/local--files/start/Neptune.mp3". Then, you should click on the “Saved Audio” under “My Audio”, here you will see all of your posted MP3 files on Odeo arranged in the playlist. For instance, you will select the song, “Neptune” as showed in the above source. After that, a new page containing this song's information will open, so you will need to copy the code in order to embed the player bar of this song into the Wikidot site as mentioned in the Syntax section above. Here is the code for the player provided by Odeo:
<embed src="http://odeo.com/flash/audio_player_gray.swf" quality="high" width="322" height="54" name="odeo_player_gray" align="middle" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars="type=audio&id=14839133" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed><br /><a style="font-size: 9px; padding-left: 110px; color: #f39; letter-spacing: -1px; text-decoration: none" href="http://odeo.com/audio/14839133/view">powered by <strong>ODEO</strong></a>

In fact, you can choose many types of the music player for your MP3s posted on Odeo e.g. different colors for the player bar, different sizes or automatically playing, etc… (please refer to studio.odeo.com for further instructions)
After completing all of the steps above, the player of the song “Neptune” provided by Odeo will be embedded into the Wiki page as follows:

• Link: the followings are some instructions on embedding audio files into your personal pages.

Wiki Syntax Description
Studio.odeo (FAQs)

Purpose
Enable to help wiki users to understand diffiult terms and add new terms

Syntax
using a new page module to add pages to the glossary category and then lists all pages in the glossary category alphabetically with previews using the pages module.

Example
[[module NewPage category="Glossary" button="Add Page to Glossary"]]
[[module Pages category="Glossary" preview="true"]]

Link http://thehurl.wikidot.com/glossary

Purpose: The poll will help the reader provide their opinions and feedback without showing their name account

How:
Syntax: [embed]] code of the poll [[/embed]]

You will have to access http://quimble.com to sign up and create your own poll. After finished, code of the poll will be provided. The whole proccess takes only one or two minutes

Example:

Purpose It helps users understand the site better and know exactly where to find the information they need within the site.

Syntax First of all, we had to list all the steps that we went through to create the site in form of information management process (identifying information needs; collecting it from reliable, verifiable sources; refine, categorize and share). Also, a site map is provided for easier information searching. Finally, frequently asked questions are listed with specific answers to them.

Example
Create navigation to the help function
Include a FAQ, KBase, etc
E.g.
Q. How do you create a page?
A. Click on Add a new page

Link help

Purpose: Image has important role in illustrating the theory and make the Wiki page more visible and interesting, and maybe more color

How to do it?
There are 2 ways to upload images in your Wiki. Choose the way you think more convenient.
- Looking at several option at the bottom of the page. Click on File and Upload new file. When you want to show it on your Wiki, Click on Image Wizard and insert the file's name. It should be displayed on your Wiki page.
- The other way is to upload on other web such as photobucket or other upload site. Upload image and use URL Share to post the image on the Wiki

Examples: http://share.wikidot.com/start

Purpose: This helps the users easier to find information in the wiki if they know the fisrt letter of the theory as well as adding more information into the wiki under each taxonomy category.

Syntax: Simply create a page link for each letter in the alphabet. Then in the page of each letter, create a list of theories that have that first letter.

Example: A

Link: http://power-rangers-wikidot.com

Purpose: while users reading content on 1 page can go directly to the related page by click on the highlighting words

Syntax:
Note: the page name should be copy by go to that page and copy the page name from the address bar

Example: start
Link: start

Purpose: while users reading content on 1 page can go directly to the related page by click on the highlighting words

Syntax: type the page name here
Note: the page name should be copy by go to that page and copy the page name from the address bar

Example: start
Link: start

Syntax:
- Click to List all page
- Scroll down and click to Top bar menu
- The top bar menu will appear and show your current page existing in the tool bar
- Click to Edit

Now if you want to create new subject on top bar mene, type in Edit part * Name Appear
To make a small subject inside the main one, type same as above but let one space back to the right

For example:
*Theories
*Information Management
*Discussion

Purpose: while users reading content on 1 page can go directly to the related page by click on the highlighting words

Syntax: type the page name here

Example: Discussion
Link: Link to another Wikidot site that uses this feature or where you discovered this feature.

Purpose: while users reading content on 1 page can go directly to the related page by click on the highlighting words

Syntax: type the page name here

Example: Forum Categories
Link: Link to another Wikidot site that uses this feature or where you discovered this feature.

Purpose: while users reading content on 1 page can go directly to the related page by click on the highlighting words

Syntax: page name

Example: Forum
Link: Link to another Wikidot site that uses this feature or where you discovered this feature.

Purpose: Communicate each other, sharing information and make people do the work completely.

Syntax: Create a new page, everybody in a team can posted their ideas in the forum about the Theory, the lesson related to the discussion

Example: Give an example piece of code

Link: start

i[[embed]] <!-- Beginning of meebo me widget code. Want to talk with visitors on your page? Go to http://www.meebome.com/ and get your widget! --> <embed src="http://widget.meebo.com/mm.swf?ZZNjBKiApG" type="application/x-shockwave-flash" wmode="transparent" width="190" height="275"></embed> [[/embed]]

Link: http://share.wikidot.com/start

Syntax:

1st step:You need to set parent – child for every page that you want to appear in the site map. Setting a page to be a child of other page just as simply as click on the option at the bottom of any page. There you can find the parent option in which you are required to type the name of the parent page

2nd step: You need to create a new page called Site map (or whatever thing you want to call it) After that, copy this syntax on the page: [[module PageTree root="start" showRoot="true" depth="2"]]

…
[[/gallery]]

The only allow attribute within the tag is sized with allowed values : "square", "thumbnail", "small", "medium".
If the [[gallery]] tag is invoked without a list of images it automatically displays rescaled images (thumbnails) of imageable files attached to the current page (this also include thumbnails for any .pdf or .ps document).

If [[gallery]] is invoked with a list of images, only these images are displayed. image-source must not be a URL in this case. Allowed "per-image attributes are:

link - URL or wiki page name (does not work with Flickr images to be o.k. with Flickr terms)
alt - alternative text when the image is not available
To make a document open in a new window the same rules as with a single image applies.

Purpose: to insert a gallery images to page content

Example

Link
http://www.wikidot.com/doc:wiki-syntax

Description: Gallery of images give your Wiki one feature for lists of pictures in one page.

Purpose: If your Wiki discuss about technology or other areas as well, pictures are necessary for users to understand about technology and others more clearly.

Syntax:
"[[gallery size="image-size"]]
: image-source1 attribute1="value1" attribute2="value2" …
: image-source2 attribute1="value1" attribute2="value2" …
…
[[/gallery]]"

Example:
" [[gallery size="image-size"]]
: image-source1 attribute1="value1" attribute2="value2" …
: image-source2 attribute1="value1" attribute2="value2" …
…
[[/gallery]]"

You replace: "image-source1" with link of the picture.

Link: I tried it before. You can follow the syntax above to do Gallery of Images. I studied about it from code snippets collection. Click here

Purpose: Save space
Make the page more attractive
Save time

Syntax:
Type: [[social yahoomyweb]]

Link:
http://lizard.wikidot.com/

Description: Get into a website with a desired link of the audio file. Then copy and paste that link into our wiki site together with the embedded code for it to work.

Purpose: Makes our wiki site more interesting.

Example:

Link: Link to another Wikidot site that uses this feature or where you discovered this feature.

• You click on Site tool at the right bottom of the page.
• Then click on wanted page, and click on top bar menu.
• The top bar menu will appear and show your current page existing in the tool bar.
• You need to create more subject such as Assignment or Theory, and so on. So, you click edit.
• In order to subjects, you have to use * [ # subject name ] (remember that only space between "* and [" and "# and subject name")
• To make pages inside these subjects, we will use * [ [ [ Page name ] ] ] (only space between "* and [[[")

Example
To make a theory subject, you will type like this: * [ # Theory ]
To make a knowledge management page inside this subject, we write: * [ [ [ Knowledge Management ] ] ]

Link
Team HAT's wiki

Description: Look for the existing pictures within Wiki's sources of media then display them in a separate page on your wiki site

Purpose: Find necessary pictures illustrating or decorating any particular page

Syntax: Create a new page and then insert the following code: [[module FlickrGallery tags="keyword" tagMode="all"]]

Example: [[module FlickrGallery tags="flowers" tagMode="all"]] —> to create a picture gallery including all the flowers pictures

Link: http://mrhuyn.wikidot.com/flick-gallery

Description: a tool that allows Wiki users to connect to other web pages desired. It is also a tool that allows writers to post links on web page where writers want readers to access into.

Purpose: In the internet, there are perhaps billions of web sites existing and it is mostly impossible to track down a site you really want to see. The tool of page link is the useful technical feature to improve that drawback. With this tool, Wiki will be more powerful to be a place where people can share information.

Syntax to post a link: [ [ [ page name ] ] ]

Example: here is a link to page instructing how to create a link in Wiki

link to instruction page http://www.wikidot.com/doc:wiki-syntax#toc15

what you will get:

Link: for more details, please visit
http://www.wikidot.com/doc:wiki-syntax

Description: how tho solve the duplicate content in wiki

Purpose: solve duplicate content when organize wiki

Syntax: type again the function inthe same pape event it is the same, name other name for the same category.

Example:

We got that experience in the case that my friend tried to create the new page which has the same structure of other page. Our structure of side bar is

* [[[Home Page]]] * [[[Theories]]] * [[[Topic 1]]] * [[[Topic 2]]] * [[[Topic 3]]] * [[[Topic 4]]] * [[[Topic 5]]] * [[[forum|Forum]]] [[div class="foldable-list-container"]] * [[[Reflections]]] * [[[HoangThien]]] * [[[Quyen]]] * [[[Triet]]] * [[[Sang]]] * [[[Khoa]]] [[/div]] * [[[ Assignment 3]]] * [[[HoangThien]]] * [[[Quyen]]] * [[[Triet]]] * [[[Sang]]] * [[[Khoa]]] * [[[ Assignment 4]]] * [[[Knowledge Bases Exercises]]] * [[[admin:manage|Site Manager]]] ++ Add a new page [[module NewPage size="15" button="new page"]] = [[size 80%]][[[nav:side | edit this panel]]][[/size]]

Link: Quyen'sgroup

Step 1: Manage the Site's Appearance

Go to the Site Manager (by default available at the page admin:manage). There should be a link on the side bar of your pages.

Click on Appearance » Custom Theme.

Of course you will need an administrator role within the Site.

Step 2: Create a Custom Theme

If you already have some custom themes defined you should see them listed. In order to create a new one:

click create a new theme
choose a name for the theme
choose a theme you want to extend…
You can basically extend any theme available. However if you want to start from a plain look as much as possible than you should choose Base theme. Every theme on Wikidot.com extends the Base theme. This theme contains basic layout for pages, dialogs, forum etc. We will come back to it later.

But if you just want to change e.g. colors in an already available theme, then choose this theme (e.g. change colors in the Cappuccino theme).

At the moment suppose you want to extend the Base theme.

Choose an editing method
There are 2 ways to manage your CSS code: put it directly into the box you see here or (which we recommend) keep all the CSS code in a separate page and import it to the box. This way you can easily keep revisions of your theme as you do with wiki pages. The CSS is extracted from the first [[code]] … [[/code]] block in the specified page.

Each time you change the CSS in the "sync" page you have to manually edit the theme and click "import" to update the CSS actually used for your pages.

So we recommend here to open a new window in your browser and create a (empty) page called css:mytheme (or any other that suits you). Put this name in the theme form.

Select navigation elements
Decide if you want to use side/top navigation (menu) elements. Select whether your theme will use it or not?

Save the theme
Even if you do not have CSS ready yet - you will write it later.

Step 3: Write CSS for the Theme

This is the most important step. To do this properly you will have to learn first how the theme you are about to extend is implemented.

For the Base theme look at the CSS file: http://www.wikidot.com/common--theme/base/css/style.css

As you can see this CSS imports a few other styles too:

http://www.wikidot.com/common--theme/base/css/odialog.css used for dialogs (window pop-ups)
http://www.wikidot.com/common--theme/base/css/forum.css basic forum look definitions
http://www.wikidot.com/common--theme/base/css/editor.css wiki editor
http://www.wikidot.com/common--theme/base/css/autocomplete.css used for autocomplete element - leave this alone
http://www.wikidot.com/common--theme/base/css/text_highlighter.css defines colors for code highlighting (within [[code]] … [[/code]] blocks)

Most probably you will only be interested in forum.css and odialog.css. But not too much anyway.

Structure of the page
Most likely you will need to know the DOM structure of the page i.e. what elements are there, what classes and ids etc. Each of the pages has more or less the same layout. You can learn this by:

looking at the HTML source code (in your browser) for a page
reading the Layout Reference document
using the Web Developer extension for Firefox and clicking Outline » Outline current element
exploring the DOM structure by using the DOM Inspector (Firefox has it) or equivalent tools
Learn by example
Let us see how the Flannel Ocean theme is defined - it directly extends the Base theme. The CSS is located here.

What the style actually does:

defines layout for header, footer, side bar and page content
defines font sizes and colors for elements such as headings, anchor links etc.
changes colors for the dialog windows
changes some colors for the forum
If you like the Flannel theme but you just want to change the colors you can simply extend this theme and redefine only the colors! The same for other themes of course. The easiest way in each case is just to copy&paste blocks of code from existing themes to your own theme.

Below is a list of selected themes and their styles

Flannel http://www.wikidot.com/common--theme/flannel/css/style.css
Flannel (no side bar) http://www.wikidot.com/common--theme/flannel-no-side-bar/css/style.css
Flannel Ocean http://www.wikidot.com/common--theme/flannel-ocean/css/style.css
Flannel Ocean (no side bar) http://www.wikidot.com/common--theme/flannel-ocean-no-side-bar/css/style.css
Flannel Nature http://www.wikidot.com/common--theme/flannel-nature/css/style.css
Flannel Nature (no side bar) http://www.wikidot.com/common--theme/flannel-nature-no-side-bar/css/style.css
Cappuccino http://www.wikidot.com/common--theme/cappuccino/css/style.css
Cappucino (side bar on right ) http://www.wikidot.com/common--theme/cappucino-right/css/style.css

Update theme
So let us assume you have embedded the CSS code within the page css:mytheme. Go to Site Manager » Appearance » Custom themes and open your new theme for editing. If you have the source page configured, just click import and see what happens.

Save theme of course.

Preview theme
You can preview the theme in 2 ways:

you can assign the theme to a particular page category by going to Site Manager » Appearance » Themes (as you would do for any other theme)
you can use ThemePreviewer module - just put it on your pages somewhere and it will allow you to preview available themes on your page.

Step 4: Test your Theme!

There are many browser quirks. What some browsers render properly others can not understand at all. Please test your theme with at least major browsers (Firefox, IE, Opera).

Step 5: Assign Themes to Categories

When your theme is ready - go to Site Manager » Appearance » Themes and set the new theme for the page categories you want. And… that should be all!

General tips

do not use pixel units (px) for font size; wherever possible (font size, layout) use font-based units (em) or percentage (%)
keep your design clean and readable
test CSS with different browsers

Source:http://community.wikidot.com/howto:design-your-own-css-theme

Description

Here is a way to include ANY page within your Wiki page using an [[iframe]] element. The syntax for it is:

[[iframe url-source attributes]]

Where attributes can be:

* frameborder (0 or 1 allowed)
* align (left, right, top, bottom, middle)
* height (number of pixels)
* width (number of pixels)
* scrolling (yes or no)
* class
* style
The [[iframe]] element renders into the <iframe src="…" attributes></iframe> HTML element.
Code

Example:how to put the Google front page inside an iframe box.

Purpose: Allow users to organize their menu bar organized and neat and it will provide easier interface for users.

Syntax:

[[div class="foldable-list-container"]] * [# Category title] * [[[Name of page | Display Name]]] [!-- you can put as many linked pages with format above --] [[/div]]

Example:

[[div class="foldable-list-container"]] * [# General Setting] * [[[system: Recent changes | - Recent changes]]] * [[[system: List all pages| - List all pages]]] * [[[admin: manage| - Site Manager]]] [[/div]]

Link: Team KIWI's wiki page used this code.

Description: this is how you can post image on the Wiki

Purpose: to gave a unique character for the Wiki

Syntax: , attached file, then insert image wizard and choose the attached file.

Link: 360 Team

Description:

Forum layout is easy. It consists of 3 elements: category groups, categories and threads.

Purpose: How does the technical feature improve the Wiki

Category groups

Category groups are just container for forum categories for easier logical layout. This layout is visible on the forum main page, e.g. on our Forum. Groups are the top-most items.

Forum categories

Forum categories are items for forum threads (also known as topics). Forum categories can have individual permissions and posts layout. For example: Topics are Wikipedia, Information Management, Weekly activities, Weekly reflections…

Forum threads

Threads cover individual discussion subject and contain individual posts. Simply if anyone wants to talk about something new, a new thread is created.

For example: Reading BE decision before class, I divided tasks for my group members: Each member must summary individual part.

There are 20 pages
Minh VAn: Page 1-5
Trung: Page 6-10
Ha SOn: Page 10-15
Choi: Page 15-20'
Oki??????????

Syntax:

Posts and posts layout:

• Posts are smallest units here. They are just what people say. Posts can be edited after they are posted.
• Posts layout can be set using the ManageSite module and can be:
• flat/linear - posts appear one after another; it is not possible to reply to the post that is not the last post,
• nested - the tree-like structure, any post can be replied and new posts not necessarily appear at the end of the discussion but under the post that is being replied; max nest level determines number of possible levels and defaults to 2

Example:

Give an example piece of code

• Example of flat structure:
post 1
post 2
post 3
post 4
…

• Nested structure:
post 1
o reply to post 1
o another reply to post 1
post 2
o reply
 reply
 …
• Flat/nested choice often determines the way people discuss. In the flat layout there is only one "path" - that is why this is called "linear".
• Nested layout offers more freedom, more digressions and more paths in the discussion but it is more difficult to spot new posts (unless you use RSS feed or watch a thread).
• The default layout is: nested with max_nest_level = 2.
(Source: http://www.wikidot.com/doc:site-structure )

Link:

http://rmitinfomgm.wikidot.com/forum:start

Purpose: Allows the user to immediately see the latest changes. You can use this on your main page for instant news information.

Syntax:
Updated pages:
[[module Pages order="dateEditedDesc" limit="5" preview="true"]]
New pages:
[[module Pages order="dateCreatedDesc" limit="5" preview="true"]]

Example:

Link: Home page of this site uses this code.

Post title: Short description of feature
__

Description: Description of the feature

Purpose: How does the technical feature improve the Wiki

Syntax: Write the code or describe the process required to create the technical feature

Example: Give an example piece of code

Link: Link to another Wikidot site that uses this feature or where you discovered this feature.

this is the syntax to customize your text color

##blue|chose the color you want and put it in this format. In this case, you want a BLUE paragraph##

Here's the result

chose the color you want and put it in this format. In this case, you want a BLUE paragraph

PS: In case that you can't not see the code clearly, I suggest that you should copy and paste :D

This website above is the link to download Mozilla Firefox that can make u able to use Wikidot at home. ^___^"

It's not hard to set up a forum on wikidot.com.

Here's the link that provides step by step instructions on how to set up a forum on wikidot. You can try and follow it.
However, if you still can't do it yourself or get stuck. reply here and I will try to help.

Kien.

PS: man! I forgot to post the link. It's here
http://community.wikidot.com/howto:forum-step-by-step

I'm Kien - Sem 4 student. I have been working with this wiki tool since this semester only, although that I've known about wiki months ago. Frankly speaking, I didn't like to use wiki at all. It's just kind of forums, community sites that loaded all over the internet. If it is not about this course, I think I won't have a chance to try this tool. Talking about wikidot.com, first of all, I think it is a well-designed site that providing users tons of tool in sharing information to others. Seconds, it also allows users to create their own wiki, customize it and integrate many others useful online tools such as RSS. Finally, it's free and kinda fast loaded. However, this doesn't mean that wiki is suitable for anybody, if you don't have a purpose or kind of information and a community that sharing with you the same interests, I dont think that you need to create a wiki at all.
Anyway, this is just my own opinions. I believe that everybody has different opinions to others. So it's you to answer this question yourself: is WIKI useful to us?
Kien.
PS: just a spam, read and forget about this. :D

MinhChau-s3123529

_ The guide of using wiki is to simple. It is very hard for the beginers to follow

Hello Students,

The due date for Assignment 3 is August 22, 2007 at midnight.
Please send me your copy of the Environment Scan Report (Assignment 3) via the Digital Dropbox in Blackboard.
You can give me the hardcopy of the assignment at the next class session corresponding to your group, either on Friday or Saturday.
Let me know if I can answer any other questions.

Best of luck,

If you have read this email, just ignore this thread. Sorry for any inconvennience.

Vuong Long Ky
s3038329

Thank you,