Difference between revisions of "TOER wiki help"

From Open Educational Resources
Jump to navigation Jump to search
Line 42: Line 42:
 
#Videos - [http://Youtube.com Youtube] or [http://vimeo.com Vimeo]
 
#Videos - [http://Youtube.com Youtube] or [http://vimeo.com Vimeo]
 
#Podcasts (audio files) - [http://yourlisten.com Yourlisten]
 
#Podcasts (audio files) - [http://yourlisten.com Yourlisten]
 +
 +
===Coloring Text===
 +
Below syntax can be used to color text:
 +
{|class=wikitable
 +
!Markup
 +
!Renders as
 +
|-
 +
| <code><nowiki>{{ font color | green | green text }}</nowiki></code>
 +
| {{ font color | green | green text }}
 +
|-
 +
| <code><nowiki>{{ font color | blue | do not style text as a link }}</nowiki></code>
 +
| {{ font color | blue | do not style text as a link }}
 +
|-
 +
| <code><nowiki>{{ font color | white | black | white with black background }}</nowiki></code>
 +
| {{ font color | white | black | white with black background }}
 +
|-
 +
|  | <code>{<nowiki/>{ font color'''{{big | {{! }}<nowiki/>{{! }} }}'''yellow | default text in yellow background }}</code>
 +
| {{ font color |  | yellow | default text in yellow background }}
 +
|-
 +
|  | <code>{<nowiki/>{ font color'''{{big | {{! }} }}'''bg=yellow | text = default text in yellow background }}</code>
 +
| {{ font color | bg=yellow | text = default text in yellow background }}
 +
|}
  
 
===Inserting image ===
 
===Inserting image ===

Revision as of 05:09, 17 November 2016

Help on editing TOER

Basic editing

Entering Text

Just type in text or copy paste from your existing text file (.doc or .odt) into the wiki page


Headings

To create a heading, simply put the "=" sign before and after the heading. Single "=" stands for HEADING 1, "==" for HEADING 2 (SUB HEADING TO for HEADING 1) and so on. Create as many headings and sub headings as you want


External Web link

When you want to link a page from outside the TOER website, (external link)
Syntax is as follows: Open Square Bracket,followed by the URL/web page address,followed by a space and then the description of the link.

eg [http://en.wikipedia.org/wiki/Nth_root Wikipedia Page for Surds] will read as Wikipedia Page for Surds
http://en.wikipedia.org/wiki/Nth_root - is the web link
Wikipedia Page for Surds - name of the link

Internal Web link

When you want to link a page from within the TOER website (internal link) Syntax is as follows
open DOUBLE Square Bracket,followed by the TOER page name (without http etc) ,followed by pipe and then the description of the link eg [[Surds | TOER Surds page]] will read as TOER Surds page
Surds is the name of the TOER page - http://teacher-network.in/OER/index.php/Surds
TOER Surds page is the name of the link

Advanced Editing

In TOER, we upload text and mind maps, other resources are uploaded elsewhere and then linked/embedded on the TOER using widgets-

  1. Geogebra files - Geogebratube
  2. Photos - slide show in Google Picassa
  3. Presentations - slide show in Slideshare
  4. Videos - Youtube or Vimeo
  5. Podcasts (audio files) - Yourlisten

Coloring Text

Below syntax can be used to color text:

Markup Renders as
{{ font color | green | green text }} green text
{{ font color | blue | do not style text as a link }} do not style text as a link
{{ font color | white | black | white with black background }} white with black background
{{ font color || yellow | default text in yellow background }} default text in yellow background
{{ font color | bg=yellow | text = default text in yellow background }} default text in yellow background

Inserting image

Link wikimedia commons images in to our TOER

You can insert wikimedia commons images on TOER in two ways, with external image link or with Filename. Inserting image with latter method ensures that images show up on PDF versions of wiki pages instead of references with former method. First open the web page with the image (picture).

Filename
  1. Click on Use this file with wikipedia symbol and copy the syntax
  2. Paste the syntax on the page you wish to add image

[[File:Example.jpg|thumb|Example]]

will be seen as

Example

As mentioned before, inserting image this way ensures that images show up on PDF versions of wiki pages instead of references with external links with second method.

External image link
  1. Right click on the image and select 'copy image URL'
  2. Then go to your TOER page, type {{ext-img|size|imageurl}}. For ex.,. {{ext-img|150px|https://upload.wikimedia.org/wikipedia/mediawiki/a/a9/Example.jpg}} if url is https://upload.wikimedia.org/wikipedia/mediawiki/a/a9/Example.jpg and you wish to give 150px size.


Source of images - https://search.creativecommons.org/

Upload our own images in TOER and link into our TOER page

1 On the left hand side in the navigation sidebar, click the "Upload File" link. 2 On the Upload file page, browse for the image you want to upload to your TOER page. 3 The file will show in the File history and the file name will display in the page.

On the image page to the top left, you can see the file name. in this case File:Dog4.gif.

Click Upload File. Note: Please note down the file name Your file is uploaded to TOER website and now we have use this image file in our any TOER page.

1. Click the Embedded file icon in the WYSIWYG editor. A code will be generated like the following:

[[File:Example.jpg|image size in px]]

2. Change "Example.jpg" name into your file name which you noted when uploading. 3. If you want to re-size the image file, replace 400px into your required size(The default maximum size depends on the format and the internal image dimensions (according to its media type). 3. Click on the "Save the page".

Now you will see your image show on the wiki page.

Also all Wikimedia Commons images can be directly used in this wiki with normal image syntax as described above -

[[File:Example.jpg|thumb]]

Example.jpg

Resizing the image after inserting

Inserting Table

You can insert Table in TOER by using this below syntax

1. Basic table with Information Syntax in TOER is:

{| class="wikitable" border="1"
|-
! header 1
! header 2
! header 3
|-
| row 1, cell 1
| row 1, cell 2
| row 1, cell 3
|-
| row 2, cell 1
| row 2, cell 2
| row 2, cell 3
|}

Will be seen as

header 1 header 2 header 3
row 1, cell 1 row 1, cell 2 row 1, cell 3
row 2, cell 1 row 2, cell 2 row 2, cell 3

2. Inserting image within the table And If you want to insert image within the table see the below syntax


{|class="wikitable"
|-
|Prophase 1
|[[File:Prophase 1.gif|400px]]
|}

Will be seen as

Prophase 1 Prophase 1.gif

3. Inserting header for each table.

Syntax :-

{| class="wikitable" border="1"
|+ '''Table Heading'''
! header 1
! header 2
! header 3
|-
| row 1, cell 1
| row 1, cell 2
| row 1, cell 3
|-
| row 2, cell 1
| row 2, cell 2
| row 2, cell 3
|}

Will be see like :

Table Heading
header 1 header 2 header 3
row 1, cell 1 row 1, cell 2 row 1, cell 3
row 2, cell 1 row 2, cell 2 row 2, cell 3

If you want to try different format tabling like merge table and for change width/hight of the table, go through table wiki help.

Inserting image slide show

You can embed a Picassa (Google photos) image slide show in TOER Using your gmail id, create a photo album on picassa (http://picasaweb.google.com). To learn how to upload photos on picasa, click here

{{#widget:Picasa |user=<put your gmail id which with you have created the album itfc.education@gmail.com> |album=<write your picasa album id here> |width=300 |height=200 |captions=1 |autoplay=1 |interval=5 }}

example

You can also insert a single image from picassa to the wiki. Click on the image on picasa, copy paste the url of the photo to wiki.

Please note that this depends on adobe flash and may not work on all modern web browsers.

Inserting video

Youtube video can be embedded in TOER Video on Surds from Youtube

Syntax is:

{{#widget:YouTube|id=iTt3TVjsjuY}}

will be seen as


If you want to make the video appear as thumbnail, then syntax is: {{#ev:youtube| o3gN9wI_w64| 150| left}}

{{#ev:youtube| o3gN9wI_w64| 150| left}}

Inserting mindmap

  1. Click on Upload a new file at left side or click here
  2. Click on Browse and select you mindmap file to upload.
  3. Modify file name and Add description if needed.
  4. Click on upload file to finish the upload.

Now follow this below steps to embed the uploaded mm file into your TOER page Syntax is: [[File:Student_ICT_curriculum.mm]] and the file will be like below

File:Student ICT curriculum.mm

Inserting slides

  1. You can insert slides from a ODP, PDF, PPT files using slideshare.
  2. Create an id for yourself on http://slideshare.net (this is very easy, like creating any id for any web service)
  3. Upload your file on http://slideshare.net
  4. Click on share file and select the 'embed code'
  5. From the embed code,pick out a number string

Syntax in TOER is:

slideshare, please use wordpress 8 digit code as in this e.g. - {{#widget:Iframe |url=http://www.slideshare.net/slideshow/embed_code/48241562 |width=450 |height=360 |border=1 }}

instead of {{#widget:Iframe |url=http://slideshare.net/slideshow/embed_code/MDPAyvmMvPtOgZ" |width=450 |height=360 |border=1 }}

{{#widget:Iframe |url=http://www.slideshare.net/slideshow/embed_code/29378973 |width=450 |height=360 |border=1 }}


where 29378973 is the number string.

Inserting audio podcast

  1. It is easier to create audio resources than video resources. Audio resources are very useful for language learning. They are a very useful complement to the usual print resources. While print resources support the 'reading/writing' skills, audio resources can support the 'listening/speaking' skills.
  2. You can record an audio resource on your smart phone or on your computer.
  3. You can edit the audio resource using a public software like audacity. Editing can reduce/remove unwanted sounds, add background music etc.
  4. The final audio clip can be uploaded on http://yourlisten.com and the link provided on TOER

Math Formula

http://karnatakaeducation.org.in/KOER/en/index.php/Math_Formula_on_Wiki

Uploading a Geogebra file on Geogebratube and embedding in TOER

Steps in embdedding your own Geogebra file in TOER through Mediawiki export

  1. Open the ggb file in Geogebra
  2. Click on File -> Export As -> Dynamic Worksheet as webpage.
  3. Select Advanced and from drop down menu, select Clipboard: Mediawiki
  4. This will make the code required for embedding on wiki to be copied and paste the same on the wiki page where you need it to get it as shown below:

<ggb_applet width="798" height="464" ggbBase64="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" showResetIcon = "false" enableRightClick = "false" errorDialogsActive = "true" enableLabelDrags = "false" showMenuBar = "false" showToolBar = "false" showToolBarHelp = "false" showAlgebraInput = "false" useBrowserForJS = "true" allowRescaling = "true" />


Steps in embedding a Geogebra file in TOER

  1. Open the ggb file in Geogebra
  2. Click on File -> Export As -> Dynamic Worksheet as webpage.
  3. Provide Title, Text below and above the constructions and then Click on upload.
  4. Get the URL after the upload and use it in iframe widget as shown below:

{{#widget:Iframe |url=https://www.geogebra.org/material/iframe/id/hestdNWy/width/1355/height/636/border/888888 |width=600 |height=400 |border=1 }}

Steps in uploading a Geogebra file to Geogebra tube

  1. Create a Geogebratube ID; you must login to upload material
  2. On the toolbar, click on Upload Material
  3. Choose File (browse for files on your computer) and then click upload
  4. It will display a progress bar for upload
  5. Provide explanations as necessary for students
  6. You should add any questions you want to ask in worksheet for students
  7. Click on “Continue Uploading”
  8. It will display a progress bar for upload
  9. Enter Title of file
  10. Enter other information for other teachers
  11. Choose language, target Age
  12. Definitely add tags to help search for file better - eg., chord, tangent, multiplication, etc
  13. You can determine whether the file should be publicly available
  14. Save the file

Creating pages and adding template

New page

To create a new page, Goto to browser address bar and after "http://teacher-network.in/OER/index.php/" type your new page name and press Enter. After this if the page is not exist in this website, it will show you like Create the page "new page name" on this wiki!.

Now click on your new page name link(will be in red color), and start editing your page and click on the save page button.

To add template in your page:

Once a page has been created, the content template must be added. The syntax is as follows:
{{subst:Math-Content}}
{{subst:Science-Content}}
{{subst:SS-Content}}

Once an activity page has been created, the activity template must be added to each page.

The syntax is as follows:
{{subst:Math-Activity}}
{{subst:Science-Activity}}
{{subst:SS-Activity}}


Cross referring English and Kannada TOER

On top of every English TOER Page give the link to its corresponding / equivalent Kannada TOER page For example on top of http://www.karnatakaeducation.org.in/TOER/en/index.php/Economy_And_Government give [http://karnatakaeducation.org.in/TOER/index.php/ಅರ್ಥವ್ಯವಸ್ಥೆ_ಮತ್ತು_ಸರ್ಕಾರ ಕನ್ನಡದಲ್ಲಿ ನೋಡಿ]

On top of every Kannada TOER Page give the link to its corresponding / equivalent English TOER page For example on top of http://karnatakaeducation.org.in/TOER/index.php/ಅರ್ಥವ್ಯವಸ್ಥೆ_ಮತ್ತು_ಸರ್ಕಾರ give [http://www.karnatakaeducation.org.in/TOER/en/index.php/Economy_And_Government See in English]

Useful reports from wiki

What changes have been made on any wiki page - and who has made them

At the bottom of each wiki page, the link 'history' is provided. Clicking this will give us all the changes made on that page, when it was made and who made it. Any changes made by mistake can be 'rolled back' or deleted.

To get the changes made on the entire TOER wiki, click on 'Recent changes' on the left frame

User list

To get a list of all the wiki editors, we can visit

Forgot password / cannot login

  1. Check if your user id is created, visit Special:ListUsers pages in the wiki and see if your id is there
  2. if user id not created, then write TOER@KarnatakaEducation.org.in and ask for a wiki id. Note that normally wiki id will be given in a training workshop
  3. If user id exists, but you have forgotten your password, then Click on Log in button
  4. Click on ' Forgotten your login details? ' and ENTER your WIKI ID
  5. WIKI will send a mail to the 'Connected email id', provided during the creation of the login-id
  6. Open your email. Click on the weblink in your email and you will connect to DIET WIKI
  7. Click on your wiki link
  8. Enter your wiki id and your NEW password to login. (keep this NEW PASSWORD CAREFULLY and do not lose it)
  9. You will see your id on the top right part of the screen

Steps to use Wiki to create a web-site

  1. Identify the audience for the site - who do you want should see the site
  2. Collate the information you want to share through the site
    1. Information about the institution - plans, programmes, staff
    2. Detailed information about programmes - objectives, scope, approach, activities, status, challenges/risks, outcomes
  3. Try and collate information in different formats
    1. Text information, images/photos/pictures, videos, animations, existing web links
  4. Make a 'design' for your site - home page contents, other pages. This is similar to designing a home - based on needs, how many rooms and for what purpose. Good news is that you can always add pages to your wiki whenever you want, and add/modify/remove content, which is not so easily possible with a house!!
    1. Home page should be simple and clear. Avoid jazzy styles.
    2. No information should be too lengthy on home page. Use additional pages for providing details.
    3. Cluster/categorize information and provide it in pages based on such categories/clusters.
    4. Any page address (web link) should be provided either on the site home page, or on another page, based on relevance. This can help user to reach any page from the home page. Of course, user can reach a page just through the web address as well.

How to edit TOER wiki sidebar

Click here to edit our TOER wiki sidebar . After you click on this just follow the normal wiki editing formating for adding menu and sub menu etc.

How to create print version and get pdf of books on wiki

We have Student Textbook and Teacher Hand Book collaboratively done on this wiki and we have prepared Print versions and pdf copies of the same. Below are the steps on how to do this on any wiki. Please note this needs to be done only once and Print versions are automatically updated from the book. Pdf can be generated from the left side Download as PDF link under Print/export.

Generally, it is a good solution to learn from examples. See ICT teacher handbook/Print version and read these quick guidelines.

Preparing a book

No navigational templates used in a book should be printed. Check this using the "Print preview" function of your browser. To prevent a block of text from being printed, cover it with <div class="noprint"> ... </div>. Use class="notice" or class="notice metadata" for cleanup templates like {{stub}}, {{cleanup}}; or <noinclude> ... </noinclude>. Similarly, if you want some content to be displayed only in the print version but not at normal reading, use <includeonly> ... </includeonly>.

Creating separate page for print version

In brief:

  1. Create the page Book/Print version (for a book called Book) and link to it from the TOC
  2. Insert the {{print version notice|Book|Book/Print_version}} template to the top of the book's Print version page.
  3. Insert every chapter like a template, preceded by the chapter's title.
    = Chapter name =
    {{:Book/Chapter name}}

Do not cut-and-paste any text from a book to its print version.

Linking from the book

Make a visible link to the print version from the book's cover or table of contents. You can simply insert the {{print version}} template in the page Book if the page of the printed version is Book/Print version to create a box like the one shown.