Difference between revisions of "Cheat sheet"

From The Grove - Academia de Idiomas
Jump to: navigation, search
 
(69 intermediate revisions by 2 users not shown)
Line 1: Line 1:
Esta página deve ser usada para testes e referências.  
+
Esta é uma página de referências. Use a página sandbox para fazer testes.
 +
__TOC__
 +
 
 +
==Tooltips==
 +
 
 +
'''Code''': <pre width="30%">{{#tip-text: Please do the following exercises. | Por favor, faça os seguintes exercícios.}}</pre>
 +
 
 +
'''Example''':
 +
{{#tip-text: Please do the following exercises. | Por favor, faça os seguintes exercícios.}}
  
 
==Referências==
 
==Referências==
  
===Adicionando vídeos do Youtube===
+
<br>
 +
= Adicionando vídeos do Youtube =
 +
 
 +
'''Code''': <pre width="30%">{{youtube|ID}}</pre>
  
<nowiki>{{#ev:youtube|ID}}</nowiki>
+
'''Guide''': http://www.mediawiki.org/wiki/Extension:EmbedVideo
{{#ev:youtube|wiOwqDmacJo}}
 
  
===Collapsible Text===
+
'''Example''':
 +
{{youtube|wiOwqDmacJo}}
  
<code><div class="toccolours mw-collapsible mw-collapsed" style="width:800px">
+
----
 +
<br>
 +
= Collapsible Text =
 +
 
 +
'''Code''': <pre width="80%"><div class="toccolours mw-collapsible mw-collapsed" style="width:720px">
 
This text is not collapsible; but the next is collapsible and hidden by default:
 
This text is not collapsible; but the next is collapsible and hidden by default:
<div class="mw-collapsible-content">{{Lorem}}</div>
+
<div class="mw-collapsible-content">This one only shows when you click "expand"</div>
</div></code>
+
</div></pre>
  
 +
'''Guide''': http://www.mediawiki.org/wiki/Manual:Collapsible_elements
  
<div class="toccolours mw-collapsible mw-collapsed" style="width:800px">
+
'''Example''':
 +
<div class="toccolours mw-collapsible mw-collapsed" style="width:720px">
 
This text is not collapsible; but the next is collapsible and hidden by default:
 
This text is not collapsible; but the next is collapsible and hidden by default:
<div class="mw-collapsible-content">{{Lorem}}</div>
+
<div class="mw-collapsible-content">This one only shows when you click "expand"</div>
 
</div>
 
</div>
 +
----
 +
<br>
 +
= Quiz =
 +
 +
'''Code''':<pre width="30%"><quiz display=simple>
 +
{Question
 +
|type="()"}
 +
+ The correct answer.
 +
- Distractor.
 +
- Distractor.
 +
- Distractor.
 +
</quiz></pre>
 +
 +
'''Guide''': https://en.wikiversity.org/wiki/Help:Quiz
 +
 +
'''Example''':
 +
<quiz display=simple>
 +
{Question
 +
|type="()"}
 +
+ The correct answer.
 +
- Distractor.
 +
- Distractor.
 +
- Distractor.
 +
</quiz>
 +
 +
<br>
 +
= Gallery =
 +
'''Code''':<pre width="80%">
 +
<gallery caption="Sample gallery" widths="180px" heights="120px" perrow="5">
 +
File:Asteroidsscale.jpg
 +
File:Asteroidsscale.jpg|Captioned
 +
File:Asteroidsscale.jpg|Captioned with alt text|alt=The Wikipedia logo
 +
File:Asteroidsscale.jpg|[[Help:Contents/Links|Links]] can be put in captions.
 +
File:Asteroidsscale.jpg|Full [[MediaWiki]] <br />[[syntax]] may now be used...
 +
File:Asteroidsscale.jpg
 +
File:Asteroidsscale.jpg|Captioned
 +
File:Asteroidsscale.jpg|Captioned with alt text|alt=The Wikipedia logo
 +
File:Asteroidsscale.jpg|[[Help:Contents/Links|Links]] can be put in captions.
 +
File:Asteroidsscale.jpg|Full [[MediaWiki]] <br />[[syntax]] may now be used...
 +
</gallery>
 +
</pre>
 +
 +
'''Guide''': http://en.wikipedia.org/wiki/Wikipedia:Gallery_tag
 +
 +
'''Example''':
 +
<gallery caption="Sample gallery" widths="180px" heights="120px" perrow="5">
 +
File:Asteroidsscale.jpg
 +
File:Asteroidsscale.jpg|Captioned
 +
File:Asteroidsscale.jpg|Captioned with alt text|alt=The Wikipedia logo
 +
File:Asteroidsscale.jpg|[[Help:Contents/Links|Links]] can be put in captions.
 +
File:Asteroidsscale.jpg|Full [[MediaWiki]] <br />[[syntax]] may now be used...
 +
File:Asteroidsscale.jpg
 +
File:Asteroidsscale.jpg|Captioned
 +
File:Asteroidsscale.jpg|Captioned with alt text|alt=The Wikipedia logo
 +
File:Asteroidsscale.jpg|[[Help:Contents/Links|Links]] can be put in captions.
 +
File:Asteroidsscale.jpg|Full [[MediaWiki]] <br />[[syntax]] may now be used...
 +
</gallery>
 +
 +
= Destacando texto =
 +
'''Code/Example''':<pre width="40%">
 +
<pre width=40%>
 +
    I look forward to meeting you.
 +
    They left without saying "Goodbye."
 +
</<nowiki>pre></nowiki></pre>
 +
 +
----
 +
 +
= Table =
 +
 +
{| class="prettytable" align="right"
 +
!colspan="5"| verb + verb(ing)
 +
|+ align="bottom" |
 +
'''Example'''
 +
|-
 +
| avoid || dislike || enjoy || finish || mind
 +
|-
 +
| practice || imagine || suggest || stop || deny
 +
|-
 +
| delay || regret || admit || consider || involve
 +
|-
 +
| miss || postpone || risk || ||
 +
|}
 +
 +
'''Code''':<pre width="50%">
 +
{| class="prettytable" align="right"
 +
!colspan="5"| verb + verb(ing)
 +
|+ align="bottom" |
 +
'''Example'''
 +
|-
 +
| avoid || dislike || enjoy || finish || mind
 +
|-
 +
| practice || imagine || suggest || stop || deny
 +
|-
 +
| delay || regret || admit || consider || involve
 +
|-
 +
| miss || postpone || risk
 +
|}
 +
</pre>
 +
 +
'''Guide''': http://www.mediawiki.org/wiki/Help:Tables
 +
 +
= Adicionando tabs =
 +
 +
'''Code''':
 +
<pre width="25%">
 +
= Discussion =
 +
 +
= Teacher Guide =
 +
 +
<headertabs />
 +
</pre>
 +
 +
'''Guide''': http://www.mediawiki.org/wiki/Extension:Header_Tabs
 +
 +
'''Example''': Tabs utilizados nesta página.
 +
 +
= Adicionando audio =
 +
 +
'''Code''':
 +
 +
<pre>
 +
<html5media>http://thegrove.com.br/metodo/images/3/36/How_to_Make_the_Most_of_Your_Weekend.mp3</html5media>
 +
</pre>
 +
 +
'''Example''':
 +
<html5media>http://thegrove.com.br/metodo/images/3/36/How_to_Make_the_Most_of_Your_Weekend.mp3</html5media>
 +
 +
= Reading comprehension exercise =
 +
<pre>
 +
Answer the following questions according to the text.
 +
 +
<quiz display=simple>
 +
{First question:
 +
|type="()"}
 +
- wrong answer
 +
- wrong answer
 +
+ right answer
 +
 +
{Second question:
 +
|type="()"}
 +
- wrong answer
 +
- wrong answer
 +
+ right answer
 +
 +
{Third question:
 +
|type="()"}
 +
- wrong answer
 +
+ right answer
 +
- wrong answer
 +
</quiz>
 +
</pre>
 +
= Listening exercise =
 +
<pre>
 +
==Listening Exercise==
 +
 +
<html5media>http://thegrove.com.br/metodo/images/3/36/How_to_Make_the_Most_of_Your_Weekend.mp3</html5media>
 +
 +
<quiz display=simple>
 +
{Watch the video and complete the text according to what you can understand.
 +
|type="{}"}
 +
- This is an example of a { listening _6 } exercise. Basically what you do, is { format _6 } the text, using { _# } where _# is the number of letters the { word _4 } they have to guess has.
 +
</quiz>
 +
 +
</pre>
 +
 +
==Example==
 +
 +
==Listening Exercise==
 +
 +
{{youtube|sNk_atoAvvc}}
 +
 +
<quiz display=simple>
 +
{Watch the video and complete the text according to what you can understand.
 +
|type="{}"}
 +
- This is an example of a { listening _10 } exercise. Basically what you do, is { format _7 } the text, using { whatever _9 } where _# is the number of letters the { word _4 } they have to guess has.
 +
</quiz>
 +
 +
=Adding comments=
 +
<pre>
 +
{{#widget:DISQUS
 +
|id=jointhegrove
 +
|uniqid={{PAGENAME}}
 +
|url={{fullurl:{{PAGENAME}}}}
 +
}}
 +
</pre>
 +
 +
=Adding a Survey - Google Forms=
 +
 +
<pre>
 +
{{#widget:Google Form
 +
|key=po-s58YMwf85Q3UxRzdGOBw
 +
|width=600
 +
|height=1050
 +
}}
 +
</pre>
 +
 +
'''Example''':
 +
{{#widget:Google Form
 +
|key=po-s58YMwf85Q3UxRzdGOBw
 +
|width=600
 +
|height=1050
 +
}}
 +
 +
=Vocabulary list=
 +
 +
===Code:===
 +
 +
Para palavras não compostas:
 +
<pre>
 +
{{Definition|word}}
 +
</pre>
 +
 +
Para palavras compostas:
 +
<pre>
 +
{{Definition2|work|out}}
 +
</pre>
 +
 +
Para palavras compostas:
 +
<pre>
 +
{{Definition3|work|it|out}}
 +
</pre>
 +
 +
===Example:===
 +
<div class="well">
 +
{{Definition|word}}
 +
{{Definition2|work|out}}
 +
{{Definition|word}}
 +
{{Definition|word}}
 +
{{Definition|word}}
 +
{{Definition|word}}
 +
{{Definition|word}}
 +
</div>
 +
 +
=Caixas de exemplos, diálogos e textos=
 +
 +
===Caixa de diálogos===
 +
 +
'''Código''':
 +
<pre>
 +
{{Example|
 +
*Frase do  fulano.
 +
::Resposta do sicrano.
 +
}}
 +
</pre>
 +
 +
'''Exemplo de uso''':
 +
 +
{{Example|
 +
*Que isso cumpadi, tá me tirando?
 +
::Tá lôco rapá! Sai pra lá!
 +
}}
 +
 +
'''Exemplo de código''':
 +
<pre>
 +
{{Example|
 +
* How are you?
 +
::I'm good, and you?
 +
* How are you doing today?
 +
::I am doing fine, thanks. How about you?
 +
* How will you travel to India next year?
 +
::I will travel by plane.
 +
* How do you feel about your job?
 +
::I love it. It is very exciting.
 +
}}
 +
</pre>
 +
 +
===Caixa de exemplos===
 +
 +
'''Código''':
 +
<pre>
 +
{{Example|
 +
<div class="well well-ex">
 +
*Frase em inglês.
 +
**Tradução para o português.
 +
}}
 +
</pre>
 +
 +
'''Exemplo de uso''':
 +
{{Example|
 +
*She is going to the movies today.
 +
**Ela vai ao cinema hoje.
 +
}}
 +
 +
===Caixas de texto===
 +
 +
'''Cógido''':
 +
<pre>
 +
<div class="well well-text">
 +
Hey there,
 +
 +
I'm writing to ask for your advice on a problem I have at the moment. As you might already know, my boss is putting a lot of pressure on me to finish the project I am working on in two weeks. But, I know I need at least another week to do it well. I am afraid if I ask for more time he might think I am not doing a good job. Of course, he should realize that I am doing all this work alone when usually a team of three handle this kind of project. What do you think I should do?
 +
</div>
 +
</pre>
 +
 +
'''Exemplo de uso''':
 +
 +
<div class="well well-text">
 +
Hey there,
 +
 +
I'm writing to ask for your advice on a problem I have at the moment. As you might already know, my boss is putting a lot of pressure on me to finish the project I am working on in two weeks. But, I know I need at least another week to do it well. I am afraid if I ask for more time he might think I am not doing a good job. Of course, he should realize that I am doing all this work alone when usually a team of three handle this kind of project. What do you think I should do?
 +
</div>
 +
 +
=Transformando listas numeradas em alfabéticas=
 +
 +
Coloque o seguinte código no início da lição.
 +
 +
Código:
 +
<pre>
 +
{{#css:olexercises.css}}
 +
</pre>
 +
 +
=True or False=
 +
 +
<pre>
 +
{{#css:
 +
  span.questionId { display: none; }
 +
  div.header { display: none; }
 +
}}
 +
 +
==True or False==
 +
<quiz display="simple">
 +
{&nbsp;
 +
|type="()"}
 +
| True &nbsp; | False &nbsp;
 +
 +
+-Andrew got down to scrub the floor.
 +
+-There was water and soap in the bucket.
 +
+-The sponge was dry before Andrew put it into the bucket.
 +
-+The floor was already clean.
 +
-+There were spots, food and paint on the floor.
 +
-+Andrew didn't scrub the floor clean.
 +
+-Andrew cleaned the kitchen and then went into the bathroom.
 +
+-Andrew poured the soapy water down the drain.
 +
-+Andrew took a shower.
 +
</quiz>
 +
</pre>
 +
 +
=Easy Reading=
 +
<pre>
 +
{{#css:
 +
  span.questionId { display: none; }
 +
  div.header { display: none; }
 +
}}
 +
 +
==Conversation==
 +
 +
#question
 +
 +
 +
==True or False==
 +
<quiz display="simple">
 +
{&nbsp;
 +
|type="()"}
 +
| True &nbsp; | False &nbsp;
 +
 +
-+false
 +
+-true
 +
 +
</quiz>
 +
 +
 +
==Open-ended Questions==
 +
 +
#question
 +
</pre>
  
==Testes==
+
{{#widget:DISQUS
 +
|id=jointhegrove
 +
|uniqid={{PAGENAME}}
 +
|url={{fullurl:{{PAGENAME}}}}
 +
}}

Latest revision as of 16:48, 22 May 2021

Esta é uma página de referências. Use a página sandbox para fazer testes.

Tooltips

Code:

{{#tip-text: Please do the following exercises. | Por favor, faça os seguintes exercícios.}}

Example: Please do the following exercises.

Referências


Adicionando vídeos do Youtube

Code:

{{youtube|ID}}

Guide: http://www.mediawiki.org/wiki/Extension:EmbedVideo

Example:





Collapsible Text

Code:

<div class="toccolours mw-collapsible mw-collapsed" style="width:720px">
This text is not collapsible; but the next is collapsible and hidden by default:
<div class="mw-collapsible-content">This one only shows when you click "expand"</div>
</div>

Guide: http://www.mediawiki.org/wiki/Manual:Collapsible_elements

Example:

This text is not collapsible; but the next is collapsible and hidden by default:

This one only shows when you click "expand"


Quiz

Code:

<quiz display=simple>
{Question
|type="()"}
+ The correct answer.
- Distractor.
- Distractor.
- Distractor.
</quiz>

Guide: https://en.wikiversity.org/wiki/Help:Quiz

Example:

Question

The correct answer.
Distractor.
Distractor.
Distractor.



Gallery

Code:

<gallery caption="Sample gallery" widths="180px" heights="120px" perrow="5">
File:Asteroidsscale.jpg
File:Asteroidsscale.jpg|Captioned
File:Asteroidsscale.jpg|Captioned with alt text|alt=The Wikipedia logo
File:Asteroidsscale.jpg|[[Help:Contents/Links|Links]] can be put in captions.
File:Asteroidsscale.jpg|Full [[MediaWiki]] <br />[[syntax]] may now be used...
File:Asteroidsscale.jpg
File:Asteroidsscale.jpg|Captioned
File:Asteroidsscale.jpg|Captioned with alt text|alt=The Wikipedia logo
File:Asteroidsscale.jpg|[[Help:Contents/Links|Links]] can be put in captions.
File:Asteroidsscale.jpg|Full [[MediaWiki]] <br />[[syntax]] may now be used...
</gallery>

Guide: http://en.wikipedia.org/wiki/Wikipedia:Gallery_tag

Example:

Destacando texto

Code/Example:

 <pre width=40%>
    I look forward to meeting you.
    They left without saying "Goodbye."
 </pre>

Table

verb + verb(ing)
Example
avoid dislike enjoy finish mind
practice imagine suggest stop deny
delay regret admit consider involve
miss postpone risk

Code:

{| class="prettytable" align="right"
!colspan="5"| verb + verb(ing)
|+ align="bottom" |
'''Example'''
|-
| avoid || dislike || enjoy || finish || mind
|-
| practice || imagine || suggest || stop || deny
|-
| delay || regret || admit || consider || involve
|-
| miss || postpone || risk 
|}

Guide: http://www.mediawiki.org/wiki/Help:Tables

Adicionando tabs

Code:

= Discussion =

= Teacher Guide =

<headertabs />

Guide: http://www.mediawiki.org/wiki/Extension:Header_Tabs

Example: Tabs utilizados nesta página.

Adicionando audio

Code:

<html5media>http://thegrove.com.br/metodo/images/3/36/How_to_Make_the_Most_of_Your_Weekend.mp3</html5media>

Example:

Reading comprehension exercise

Answer the following questions according to the text.

<quiz display=simple>
{First question:
|type="()"}
- wrong answer
- wrong answer
+ right answer

{Second question:
|type="()"}
- wrong answer
- wrong answer
+ right answer

{Third question:
|type="()"}
- wrong answer
+ right answer
- wrong answer
</quiz>

Listening exercise

==Listening Exercise==

<html5media>http://thegrove.com.br/metodo/images/3/36/How_to_Make_the_Most_of_Your_Weekend.mp3</html5media>

<quiz display=simple>
{Watch the video and complete the text according to what you can understand.
|type="{}"}
- This is an example of a { listening _6 } exercise. Basically what you do, is { format _6 } the text, using { _# } where _# is the number of letters the { word _4 } they have to guess has.
</quiz>

Example

Listening Exercise



Watch the video and complete the text according to what you can understand.

- This is an example of a

exercise. Basically what you do, is

the text, using

where _# is the number of letters the

they have to guess has.


Adding comments

{{#widget:DISQUS
|id=jointhegrove
|uniqid={{PAGENAME}}
|url={{fullurl:{{PAGENAME}}}}
}}

Adding a Survey - Google Forms

{{#widget:Google Form
|key=po-s58YMwf85Q3UxRzdGOBw
|width=600
|height=1050
}}

Example: {{#widget:Google Form |key=po-s58YMwf85Q3UxRzdGOBw |width=600 |height=1050 }}

Vocabulary list

Code:

Para palavras não compostas:

{{Definition|word}}

Para palavras compostas:

{{Definition2|work|out}}

Para palavras compostas:

{{Definition3|work|it|out}}

Example:

DT   word

DT   work out

DT   word

DT   word

DT   word

DT   word

DT   word

Caixas de exemplos, diálogos e textos

Caixa de diálogos

Código:

{{Example|
*Frase do  fulano.
::Resposta do sicrano.
}}

Exemplo de uso:

  • Que isso cumpadi, tá me tirando?
Tá lôco rapá! Sai pra lá!

Exemplo de código:

{{Example|
* How are you?
::I'm good, and you?
* How are you doing today?
::I am doing fine, thanks. How about you?
* How will you travel to India next year?
::I will travel by plane.
* How do you feel about your job?
::I love it. It is very exciting.
}}

Caixa de exemplos

Código:

{{Example|
<div class="well well-ex">
*Frase em inglês.
**Tradução para o português.
}}

Exemplo de uso:

  • She is going to the movies today.
    • Ela vai ao cinema hoje.

Caixas de texto

Cógido:

<div class="well well-text">
Hey there,

I'm writing to ask for your advice on a problem I have at the moment. As you might already know, my boss is putting a lot of pressure on me to finish the project I am working on in two weeks. But, I know I need at least another week to do it well. I am afraid if I ask for more time he might think I am not doing a good job. Of course, he should realize that I am doing all this work alone when usually a team of three handle this kind of project. What do you think I should do?
</div>

Exemplo de uso:

Hey there,

I'm writing to ask for your advice on a problem I have at the moment. As you might already know, my boss is putting a lot of pressure on me to finish the project I am working on in two weeks. But, I know I need at least another week to do it well. I am afraid if I ask for more time he might think I am not doing a good job. Of course, he should realize that I am doing all this work alone when usually a team of three handle this kind of project. What do you think I should do?

Transformando listas numeradas em alfabéticas

Coloque o seguinte código no início da lição.

Código:

{{#css:olexercises.css}}

True or False

{{#css:
  span.questionId { display: none; }
  div.header { display: none; }
}}

==True or False==
<quiz display="simple">
{ 
|type="()"}
| True   | False  

+-Andrew got down to scrub the floor.
+-There was water and soap in the bucket.
+-The sponge was dry before Andrew put it into the bucket.
-+The floor was already clean.
-+There were spots, food and paint on the floor.
-+Andrew didn't scrub the floor clean.
+-Andrew cleaned the kitchen and then went into the bathroom.
+-Andrew poured the soapy water down the drain.
-+Andrew took a shower.
</quiz>

Easy Reading

{{#css:
  span.questionId { display: none; }
  div.header { display: none; }
}}

==Conversation==

#question


==True or False==
<quiz display="simple">
{ 
|type="()"}
| True   | False  

-+false
+-true

</quiz>


==Open-ended Questions==

#question

{{#widget:DISQUS |id=jointhegrove |uniqid=Cheat sheet |url=http://thegrove.com.br/metodo/index.php/Cheat_sheet }}