Difference between revisions of "Cheat sheet"

From The Grove - Academia de Idiomas
Jump to: navigation, search
Tag: mobile edit
 
(29 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
__TOC__
 
__TOC__
  
−
<div id="mf-cheatsheet">
+
==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==
  
Line 8: Line 14:
 
= Adicionando vídeos do Youtube =
 
= Adicionando vídeos do Youtube =
  
−
'''Code''': <pre width="30%">{{#ev:youtube|ID}}</pre>
+
'''Code''': <pre width="30%">{{youtube|ID}}</pre>
  
 
'''Guide''': http://www.mediawiki.org/wiki/Extension:EmbedVideo
 
'''Guide''': http://www.mediawiki.org/wiki/Extension:EmbedVideo
  
 
'''Example''':
 
'''Example''':
−
{{#ev:youtube|wiOwqDmacJo}}
+
{{youtube|wiOwqDmacJo}}
  
 
----
 
----
Line 19: Line 25:
 
= Collapsible Text =
 
= Collapsible Text =
  
−
'''Code''': <pre width="80%"><div class="toccolours mw-collapsible mw-collapsed" style="width:600px">
+
'''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">This one only shows when you click "expand"</div>
 
<div class="mw-collapsible-content">This one only shows when you click "expand"</div>
Line 27: Line 33:
  
 
'''Example''':
 
'''Example''':
−
<div class="toccolours mw-collapsible mw-collapsed" style="width:600px">
+
<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">This one only shows when you click "expand"</div>
 
<div class="mw-collapsible-content">This one only shows when you click "expand"</div>
Line 100: Line 106:
 
= Table =
 
= Table =
  
−
{| class="wikitable" align="right"
+
{| class="prettytable" align="right"
 
!colspan="5"| verb + verb(ing)
 
!colspan="5"| verb + verb(ing)
 
|+ align="bottom" |
 
|+ align="bottom" |
Line 111: Line 117:
 
| delay || regret || admit || consider || involve
 
| delay || regret || admit || consider || involve
 
|-
 
|-
−
| miss || postpone || risk  
+
| miss || postpone || risk || ||
 
|}
 
|}
  
 
'''Code''':<pre width="50%">
 
'''Code''':<pre width="50%">
−
{| class="wikitable" align="right"
+
{| class="prettytable" align="right"
 
!colspan="5"| verb + verb(ing)
 
!colspan="5"| verb + verb(ing)
 
|+ align="bottom" |
 
|+ align="bottom" |
Line 152: Line 158:
  
 
<pre>
 
<pre>
−
<flashmp3>http://www.thegrove.com.br/mp3/Episode%201%20-%20Simple%20Present.mp3</flashmp3>
+
<html5media>http://thegrove.com.br/metodo/images/3/36/How_to_Make_the_Most_of_Your_Weekend.mp3</html5media>
 
</pre>
 
</pre>
  
 
'''Example''':
 
'''Example''':
−
<flashmp3>http://www.thegrove.com.br/mp3/Episode%201%20-%20Simple%20Present.mp3</flashmp3>
+
<html5media>http://thegrove.com.br/metodo/images/3/36/How_to_Make_the_Most_of_Your_Weekend.mp3</html5media>
  
 
= Reading comprehension exercise =
 
= Reading comprehension exercise =
Line 186: Line 192:
 
==Listening Exercise==
 
==Listening Exercise==
  
−
{{#ev:youtube|ID}}
+
<html5media>http://thegrove.com.br/metodo/images/3/36/How_to_Make_the_Most_of_Your_Weekend.mp3</html5media>
  
−
{| class="prettytable" width=800
 
−
|
 
 
<quiz display=simple>
 
<quiz display=simple>
 
{Watch the video and complete the text according to what you can understand.
 
{Watch the video and complete the text according to what you can understand.
Line 195: Line 199:
 
- 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.
 
- 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>
 
</quiz>
−
|}
+
 
 
</pre>
 
</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=
 
=Adding comments=
Line 207: Line 223:
 
</pre>
 
</pre>
  
−
=Adding SoundCloud file=
+
=Adding a Survey - Google Forms=
  
 
<pre>
 
<pre>
−
{{#widget:SoundCloud
+
{{#widget:Google Form
−
|id=16040214
+
|key=po-s58YMwf85Q3UxRzdGOBw
−
|width=100%
+
|width=600
 +
|height=1050
 
}}
 
}}
 
</pre>
 
</pre>
  
 
'''Example''':
 
'''Example''':
−
{{#widget:SoundCloud
+
{{#widget:Google Form
−
|id=16040214
+
|key=po-s58YMwf85Q3UxRzdGOBw
−
|width=100%
+
|width=600
 +
|height=1050
 
}}
 
}}
  
−
=Adding a Survey - Google Forms=
+
=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>
 
<pre>
−
{{#widget:Google Form
+
{{Example|
−
|key=po-s58YMwf85Q3UxRzdGOBw
+
*Frase do  fulano.
−
|width=600
+
::Resposta do sicrano.
−
|height=750
 
 
}}
 
}}
 
</pre>
 
</pre>
  
−
'''Example''':
+
'''Exemplo de uso''':
−
{{#widget:Google Form
+
 
−
|key=po-s58YMwf85Q3UxRzdGOBw
+
{{Example|
−
|width=600
+
*Que isso cumpadi, tá me tirando?
−
|height=750
+
::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===
  
−
=Colors=
+
'''Código''':
 
<pre>
 
<pre>
−
<span style="color:white; background:orangered"> '''This text will be white and on an orange background''' </span>
+
{{Example|
 +
<div class="well well-ex">
 +
*Frase em inglês.
 +
**Tradução para o português.
 +
}}
 
</pre>
 
</pre>
−
<span style="color:white; background:forestgreen"> '''This text will be white and on a green background''' </span>
 
−
<span style="color:white; background:orangered"> '''This text will be white and on an orange background''' </span>
 
  
−
[[Wiki Color Formatting Help]]
+
'''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>
 
</div>
−
<div class="nomobile">
+
</pre>
−
<headertabs />
+
 
 +
'''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>
 
</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>
  
 
{{#widget:DISQUS
 
{{#widget:DISQUS

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:

  • Sample gallery
  • Asteroidsscale.jpg

  • Captioned

  • The Wikipedia logo

    Captioned with alt text

  • Links can be put in captions.

  • Full MediaWiki
    syntax may now be used...

  • Asteroidsscale.jpg

  • Captioned

  • The Wikipedia logo

    Captioned with alt text

  • Links can be put in captions.

  • Full MediaWiki
    syntax may now be used...

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 }}

Retrieved from "http://thegrove.com.br/metodo/index.php?title=Cheat_sheet&oldid=9070"