603
edits
Changes
Jump to navigation
Jump to search
Line 104:
Line 104: − To add a new image (or another type of media file) to the page, click the "Media" icon (a picture of mountains) in the "Insert" menu. The image will be added wherever your cursor is.+ − [[File:VisualEditor_Media_Insert_Menu-en.png|200px]] <br> − You will get two options, "search" and "upload". − ====Search images within the TROER====+ − # If you are already uploaded your image in TROER website, just search the image file name which you uploaded. − # It will give you the list of files, click on the image which you want to insert in your page. Click on the "use this image" option. − # In the next screen, you can do the basic changes like thumbline, image size and alignment, finally click on the "Insert". − ====Upload your image to TROER====+ − If you want to insert your image into the page, + − # Again click on the "Insert" >> "media" >> "upload" >> "Select a file".+ − # Now, you have to browse and select the image file from your local drive, Click on the "Open".+ − # In the next screen, you can do the basic changes like thumbline, image size and alignment, finally click on the "Insert".+ + + + + + + − + Line 126:
Line 127: − + − ===Inserting Table=== − You can insert Table in TOER by using this below syntax − − 1. Basic table with Information − Syntax in TOER is:<br> − <pre> − {| 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 − |} − − </pre> − Will be seen as − {| 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 − |} − − 2. Inserting image within the table − And If you want to insert image within the table see the below syntax − <pre> − − {|class="wikitable" − |- − |Prophase 1 − |[[File:Prophase 1.gif|400px]] − |} − − </pre> − − Will be seen as − {| class="wikitable" − |- − |Prophase 1 − |[[File:Prophase 1.gif|400px]] − |} − − 3. Inserting header for each table. − − Syntax :- − <pre> − {| 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 − |} − − </pre> − − Will be see like : − {| 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 − |} − − If you want to try different format tabling like merge table and for change width/hight of the table, go through [https://en.wikipedia.org/wiki/Help:Table table wiki help]. − Youtube video can be embedded in TOER+ − Video on Surds from Youtube+ − + − Syntax is:+ − + − <nowiki>{{#widget:YouTube|id=iTt3TVjsjuY}}</nowiki>+ − − − − {{#widget:YouTube|id=iTt3TVjsjuY}} − − − If you want to make the video appear as thumbnail, then syntax is: − − − − + − + − + − + − Now follow this below steps to embed the uploaded mm file into your TOER page+ − Syntax is: − − + − + − + − + − #From the embed code,pick out a number string+ − + − Syntax in TOER is:+ − + − <nowiki>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 }} </nowiki>+ − + − − − − − |url=http://www.slideshare.net/slideshow/embed_code/29378973 − |width=450 − |height=360 − |border=1 − }}</nowiki> − Line 280:
Line 164: − − where 29378973 is the number string. Line 288:
Line 170: + + + + + + + + + + + + + + + + + + + + Line 367:
Line 269: − + − − ==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=== − #Open the ggb file in Geogebra − #Click on File -> Export As -> Dynamic Worksheet as webpage. − #Select Advanced and from drop down menu, select Clipboard: Mediawiki − #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: − − <span> </span> − − − − − − ===Steps in embedding a Geogebra file in TOER=== − #Open the ggb file in Geogebra − #Click on File -> Export As -> Dynamic Worksheet as webpage. − #Provide Title, Text below and above the constructions and then Click on upload. − #Get the URL after the upload and use it in ''iframe'' widget as shown below: − <nowiki>{{#widget:Iframe − |url=https://www.geogebra.org/material/iframe/id/hestdNWy/width/1355/height/636/border/888888 − |width=600 − |height=400 − |border=1 − }}</nowiki> − − {{#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=== − #Create a Geogebratube ID; you must login to upload material − #On the toolbar, click on Upload Material − #Choose File (browse for files on your computer) and then click upload − #It will display a progress bar for upload − #Provide explanations as necessary for students − #You should add any questions you want to ask in worksheet for students − #Click on “Continue Uploading” − #It will display a progress bar for upload − #Enter Title of file − #Enter other information for other teachers − #Choose language, target Age − #Definitely add tags to help search for file better - eg., chord, tangent, multiplication, etc − #You can determine whether the file should be publicly available − #Save the file −
→Inserting image
===Inserting image ===
===Inserting image ===
This refers to inserting uploaded files into your current page
1. To add your uploaded image (or another type of media file) to the page which you already uploaded, click the "Media" icon (a picture of mountains) in the "Insert" menu.
[[File:VisualEditor_Media_Insert_Menu-en.png|200px]]
2. Clicking the "Media" icon opens a dialog that open search box, just type your uploaded file name and it will start searching from TROER for media files related to the title of the page you're searching.
3. After the image you selected is inserted into the page, another dialog will open. This dialog allows you to add and edit the caption of the image. The captions.
4. You can also set various parameters for the files in the "Advanced settings" window (for mind map, select frame less and click in '''insert'''). These include the alignment, the type, and size of the image.
5. When you're done, click "'''Insert'''" to close the dialog and return to editing the page.
The image will be added wherever your cursor is.
==Advanced Editing==
==Advanced Editing==
In TOER, we upload text and mind maps, other resources are uploaded elsewhere and then linked/embedded on the TOER using widgets-
In TOER, we upload text and mind maps, other resources are uploaded elsewhere and then linked/embedded on the TOER using widgets and other methods -
#Geogebra files - [http://geogebratube.org Geogebratube]
#Geogebra files - [http://geogebratube.org Geogebratube]
#Presentations - slide show in [http://slideshare.net Slideshare]
#Presentations - slide show in [http://slideshare.net Slideshare]
#Podcasts (audio files) - [http://yourlisten.com Yourlisten] or [https://soundcloud.com/ Soundcloud]<code><nowiki/></code><code><nowiki/></code>
#Podcasts (audio files) - [http://yourlisten.com Yourlisten] or [https://soundcloud.com/ Soundcloud]<code><nowiki/></code><code><nowiki/></code>
#Gallery - adding photos as a gallery which is used for showing two or more images.
#Gallery - adding photos as a gallery which is used for showing two or more images.
Most of these resources except Gallery are from external repositories.
===Inserting video===
===Inserting video===
To embed any youtube videos to your current page,
# Select "'''Template'''" option from the "Insert" menu.
# Type youtube in the template search box and select '''YouTube''' from the list,
# In the next window it will ask you to enter your '''youtube video ID'''.
# For finding your YouTube video ID.Look at the URL of youtube video, and at the end of it, you should see a combination of numbers and letters after an equal sign (=). Example: <nowiki>https://www.youtube.com/watch?v=PTaL1s3YJPY</nowiki> in this youtube link "'''PTaL1s3YJPY'''" is the video ID.
# Like above you need to enter your video ID in the video ID box and click on '''INSERT''', finally save your page to see the youtube video in your page.{{#widget:YouTube|id=iTt3TVjsjuY}}
will be seen as
<nowiki>{{#ev:youtube| o3gN9wI_w64| 150| left}}</nowiki>
{{#ev:youtube| o3gN9wI_w64| 150| left}}
===Inserting mindmap===
===Inserting mindmap===
# Click on Upload a new file at left side or [[Special:Upload|click here]]
# Click on Insert -> Media
# Click on Browse and select you mindmap file to upload.
# Type the exact name of your mindmap file. For eg., '''File:Mymindmap.mm'''
# Modify file name and Add description if needed.
# Select the mindmap and click on Use this image.
# Click on upload file to finish the upload.
# Go to advanced settings and uncheck wrap text under position. Select flameless and click on full size.
Alternatively, on the source editor it can be inserted through this <nowiki>[[File:Mymindmap.mm]]</nowiki>.
<nowiki>[[File:Student_ICT_curriculum.mm]]</nowiki> and the file will be like below
[[File:Student_ICT_curriculum.mm]]
[[File:Student_ICT_curriculum.mm]]
===Inserting slides===
===Inserting slides===
#You can insert slides from a ODP, PDF, PPT files using slideshare.
# You can insert slides from a ODP, PDF, PPT files using slideshare.
#Create an id for yourself on http://slideshare.net (this is very easy, like creating any id for any web service)
# Create an id for yourself on http://slideshare.net (this is very easy, like creating any id for any web service)
#Upload your file on http://slideshare.net
# Upload your file on http://slideshare.net
#Click on share file and select the 'embed code'
# Click on share file and select the 'embed code' then you will get a link like:- {{#widget:Iframe |url=<nowiki>http://www.slideshare.net/slideshow/embed_code/</nowiki>'''48241562'''<nowiki> |width=450 |height=360 |border=1 }}</nowiki>
# In above link "'''48241562"''' this is the 8 digit wordpress code.
# Copy the 8 digit word press code
# Click on <nowiki>'''</nowiki>Insert<nowiki>'''</nowiki> >> <nowiki>'''</nowiki>Template<nowiki>'''</nowiki> >> in the search box search " slide share" and select the slide share template and click on <nowiki>'''</nowiki>"Add Template"<nowiki>'''</nowiki>.
# It will ask your your slide share 8 digit express code, just paste your copied 8 digit wordpress code.
# Finally click on <nowiki>'''"Insert"'''</nowiki>.
# For see the embeded slide file, click on the <nowiki>'''"save page"'''</nowiki>. it will looks like below
<nowiki> instead of {{#widget:Iframe |url=http://slideshare.net/slideshow/embed_code/MDPAyvmMvPtOgZ" |width=450 |height=360 |border=1 }}
</nowiki>
<nowiki>{{#widget:Iframe
{{#widget:Iframe
{{#widget:Iframe
|border=1
|border=1
}}
}}
===Inserting audio podcast===
===Inserting audio podcast===
#You can edit the audio resource using a public software like audacity. Editing can reduce/remove unwanted sounds, add background music etc.
#You can edit the audio resource using a public software like audacity. Editing can reduce/remove unwanted sounds, add background music etc.
#The final audio clip can be uploaded on http://yourlisten.com and the link provided on TOER
#The final audio clip can be uploaded on http://yourlisten.com and the link provided on TOER
=== Inserting Geogebra file ===
'''Steps in uploading a Geogebra file to Geogebra tube'''
# Create a Geogebratube ID; you must login to upload material
# On the toolbar, click on Upload Material
# Choose File (browse for files on your computer) and then click upload
# It will display a progress bar for upload
# Provide explanations as necessary for students
# You should add any questions you want to ask in worksheet for students
# Click on “Continue Uploading”
# It will display a progress bar for upload
# Enter Title of file
# Enter other information for other teachers
# Choose language, target Age
# Definitely add tags to help search for file better - eg., chord, tangent, multiplication, etc
# Save the file
'''Steps in embedding a Geogebra file in TROER'''
# Open the ggb file in Geogebra materials site
# Click on Share -> Mediawiki.
# Copy the id and paste it in Insert->Template->Geogebra->id and click on Insert and save to see the geogebra file on TROER.
===Inserting Gallery===
===Inserting Gallery===
|Most of the formatting options available in LibreOffice Writer are available in Calc also. Making the text bold, italicised, increasing/reducing font size, font color etc are all available. Data can also be formatted based on its nature – numeric information can be assigned “,” separators. || [[File:LO Calc 1 viewing a spreadsheet.png|450px]]
|Most of the formatting options available in LibreOffice Writer are available in Calc also. Making the text bold, italicised, increasing/reducing font size, font color etc are all available. Data can also be formatted based on its nature – numeric information can be assigned “,” separators. || [[File:LO Calc 1 viewing a spreadsheet.png|450px]]
|}
|}
:4. '''Two or more images:''' For two or more images, Gallery can be used to with appropriate <code>heights</code> in <code>packed</code> mode and align left with <code>text-align:left</code> in the <code>style=</code> attribute as shown in above [[TOER wiki help#Inserting Gallery|Inserting Gallery]] section. Write the description of the images outside the gallery.
:4. '''Two or more images:''' For two or more images, Gallery can be used to with appropriate <code>heights</code> in <code>packed</code> mode and align left with <code>text-align:left</code> in the <code>style=</code> attribute as shown in above [[TOER wiki help#Inserting Gallery|Inserting Gallery]] section. Write the description of the images outside the gallery.<span></span><span></span>
<span></span><div id="ggbContainer6a650c91f2ffdff69475a69d87f54f6a"></div><span></span>
=Creating pages and adding template=
=Creating pages and adding template=
===New page===
===New page===