Diferencia entre revisiones de «Simulaciones PhET»

De MoodleDocs
(tidy up)
m (fix typo)
 
(No se muestran 23 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
{{EnTraduccion}}
==PhET==
==PhET==
'''[http://phet.colorado.edu/ PhET]''' is a site for interactive simulations for science ([[Física|física]], [[Biología|biología]], [[Química|química]], Earth sciences) and [[Matemáticas|matemáticas]] at elementary, middle school, high school and University levels, from the University of Colorado at Boulder, USA, that provides fun, free, interactive, research-based science and mathematics simulations. The simulations are written in [[Java]], [[Flash]] or [https://en.wikipedia.org/wiki/HTML5 HTML5], and can be run online or downloaded to your (Moodle server) computer. All simulations are open source.
'''[http://phet.colorado.edu/ PhET]''' es un sitio para simulaciones interactivas para ciencias ([[Física|física]], [[Biología|biología]], [[Química|química]], Geofísica) y [[Matemáticas|matemáticas]] a nivel de primaria, secundaria, bachillerato y Universidad, de la Universidad de Colorado en Boulder, USA, que proporciona simulaciones interactivas matemáticas y científicas basadas-en-ciencia, divertidas y gratuitas. Las simulaciones están escritas en  [[Java]], [[Flash]] o [https://en.wikipedia.org/wiki/HTML5 HTML5], y pueden correrse en-línea o descargarse a su computadora/servidor Moodle. Todas las simulaciones son de código abierto.


==What does PhET stand for?==
==¿Qué significa PhET?==
The name "PhET" was originally an acronym for "Physics Education Technology" but the PhET site now includes simulations about many other subjects besides physics, so the acronym is too limited. The PhET team decided to keep the name because it is so widely recognized.
Originalmente "PhET" era un acrónimo para ''Physics Education Technology'', pero actualmente el sitio PhET incluye simulaciones acerca de muchos temas además de física, por lo que el acrónimo es demasiado limitado. Sin embargo, el equipo PhET decidió conservar el nombre porque es muy ampliamente reconocido.


==Downloading the code for one PhET simulation==
{{Pendiente de traducir}}
* Download the code from the [http://phet.colorado.edu/en/get-phet/one-at-a-time PhET site].
* Note that some simulations that were written in [[Flash]] will need to have the [[Filtro de plugins multimedia]] enabled in the Moodle server, which some servers admins will not allow for security reason. Remember that running [[Flash]] code in Macs and iPads can be tricky.
* Simulations written in [[Java]] or [https://en.wikipedia.org/wiki/HTML5 HTML5] can usually run well in modern Moodle servers and in most modern user's devices and browser.
* You can browse and do some minor editing of the downloaded simulation code in an editor such as [https://notepad-plus-plus.org/ Notepad ++] easier than in the Moodle [[Editor de textos]].


==Embedding a PhET simulation in a Moodle Page==
==Incrustar simulaciones PhET en un curso Moodle: la forma fácil==
It is quite easy to insert the HTML5 code into a Moodle [[Página]]. Just remember to activate the <> button in the [[Editor de textos]].
 
===Identificar las simulaciones PhET que quiere usar===
* You can find many simulations in the [http://phet.colorado.edu/en/get-phet/one-at-a-time PhET site].
** It is easier to use the simulations written in HTML5 for showing in student's desktop or laptop computers.
** Note that some simulations that were written in [https://en.wikipedia.org/wiki/Adobe_Flash Flash ] will need to have the [[Filtro de plugins multimedia]] enabled in the Moodle server, which some servers admins will not allow for security reason. Remember that running [https://en.wikipedia.org/wiki/Adobe_Flash Flash] code in Macs and iPads can be tricky.
** Simulations written in Java or [https://en.wikipedia.org/wiki/HTML5 HTML5] can usually run well in modern Moodle servers and in most modern user's devices and browser.
 
===Descargar el código HTML5 para cada simulación deseada===
[[File:pHet DOWNLOAD html5 FILES ONE AT A TIME.png|400px]]
 
* Download the desired simulations into a temp folder.
* You can check the downloaded simulation by (double click) opening with your favorite Internet browser.
{{Note|Firefox, Chrome  and Safary usually work better than Microsoft's Internet explorers. You have been warned!}}
 
===Incrustar la simulación PhET en un curso Moodle===
* Go to the desired Moodle course
* [[Activar la edición]]
* Drag and drop each simulation into the desired position
 
[[File:PhET drag and drop the simulation into the Moodle course.png|400px]]
 
* [[Activar la edición|Des-activar la edición]]
* Check that the simulation works as expected.
* Enjoy!
 
[[File:Phet balancing act in moodle 299.png|400px]]
 
[[File:Phet balancing act in moodle 299 image 2.png|400px]]
 
==Simulaciones PhET en idiomas diferentes al inglés==
[https://phet.colorado.edu/en/simulations/category/new Phet simulations] are available for download in many languages, just choose your language at the bottom of the simulations page.
[[File:PhET simulations are available in several languages.png|400px]]
 
==Traducir/personalizar las cadenas_de_caracteres del idioma inglés (o español) dentro de una simulación PhET==
* You can also [https://phet.colorado.edu/en/for-translators translate other simulations with the PhET site tools].
* It is very easy to translate/customize the English language strings inside an HTML5 file PhET simulation into your desired language.
* You will need to use a text editor, such as [https://notepad-plus-plus.org/  Notepad ++], or a programmer's editor.
{{Nota|Do not try to use Microsoft Word or it will not work. You have been warned!}}
** simply open the *.html file in the editor,
** search for the English language string you want to change,
** replace with your translation,
** repeat as needed,
** save the translated file with a new name.
** check that it works as intended.
** enjoy!
==Incrustar un enlace hacia una simulación PhET em una página o una etiqueta Moodle: la forma difícil==
* We will be using the HTML5 version of the balancing act simulation for this example.
*  Firstly, go to the [http://phet.colorado.edu/ PhET] site, and locate the simulation that you want to use.
* Then, copy the address (green rectangle) that links to that simulation's HTML5 code (blue rectangle):
 
[[File:Phet simulation copy the simulation address.png]]
 
* Now you can add a new [[Etiqueta]] or [[Página]] resource, where you will link to the PhET simulation
** Es bastante sencillo incrustar el código HTML5 dentro de una [[Página]] de Moodle.
** Solamente recuerde activar el botón  <> en el [[Editor de texto]].


[[File:A PhET in a Moodle page.png|400px]]
[[File:A PhET in a Moodle page.png|400px]]


==Can you embed PhET code in the Moodle Quiz?==
* Add a [[Etiqueta|etiqueta]], or a [[Página|página]].
According to [https://moodle.org/mod/forum/discuss.php?d=315338#unread this post], Tim Hunt tried this (with the balancing act SIM), with these results:
** Activate the <> button in the [[Editor de texto]], in order to insert HTML code directly into the editor.
** Now Insert the following text code, replacing ''address_of_phet_simulation_to_be_linked'' with the actual address that you copied (e.g, ''https://phet.colorado.edu/sims/html/balancing-act/latest/balancing-act_en.html?download'', but remember to remove the ''?download'' part):
 
<iframe src="address_of_phet_simulation_to_be_linked" width="800" height="600" scrolling="no" allowfullscreen></iframe>
{Note|You can change the width and height values (800 and 600 above) to a size that better suits your client's displays.}}
 
** This is how your label should look like:
 
[[File:Phet simulationtype the needed code and paste the actual simulatiuon address.png|800px]]
 
* If you click again in the  <> button in the [[Editor de texto]], you will change from HTML code editing mode into interpreted mode, and you will see the simulation while it is being  loaded and displayed. The simulation will show properly from now on:
 
[[File:Phet simulation with the embedded simulation inside the label.png|400px]]
 
* Now click the 'Save and return to course' button.
* And it's done !:
[[File:Phet simulation with the finished label.png|400px]]
 
* Enjoy!
 
[[File:Phet balancing act in moodle 299.png|400px]]
 
 
[[File:Phet balancing act in moodle 299 image 2.png|400px]]
 
 
==¿Se puede incrustar el código de una simulación  PhET en un examen de Moodle?==
De acuerdo a [https://moodle.org/mod/forum/discuss.php?d=315338#unread this post], Tim Hunt tried this (with the balancing act SIM), with these results:
* At first it did not work, because his test Moodle site is running on [[HTTP security|https]], and the embed code has http://, so it gets blocked by browser security settings.
* At first it did not work, because his test Moodle site is running on [[HTTP security|https]], and the embed code has http://, so it gets blocked by browser security settings.
* However, editing the URL in the embed code to be https, then it worked.
* However, editing the URL in the embed code to be https, then it worked.


===Embedding a simulation in a quiz===
===Incrustar una simulación dentro de un [[Examen]]===
You can either:
Usted puede una de dos:
have the students first interact with the simulation embedded in a [[Page]]  (see Embedding a PhET simulation in a Moodle Page) and take a quiz later.
hacer que los estudiantes primeramente interactúen con la simulación incrustada en una [[Página]]  (vea Incrustar una simulación PhET en una página de Moodle) y que después realicen el examen.
* embed the simulation in a [[Question_types#Description|description question type]] (see below) prior to asking the relevant questions with the usual [[Question types|question types]].
* incrustar la simulación dentro de una pregunta del tipo [[Tipos_de_preguntas#Descripci.C3.B3n|descripción]] (vea debajo) antes de hacer las preguntas relevantes con los [[Tipos_de_preguntas]] habituales.
 
[[File:Phet simulationin a  description question type.png|600px]]


==Embedding a PhET simulation in a Moodle question==
* Make a [[Tipo de Pregunta de Verdadero/Falso]], [[Tipo de Pregunta de Opción Múltiple]], or any other [[Tipos de preguntas|tipo de pregunta]] with the embedded link to the simulation (the hard way) displaying in a smaller frame:
It is quite easy to insert the HTML5 code into a Moodle [[Tipos_de_preguntas#Descripci.C3.B3n|tipo de pregunta descripción]]. Just remember to activate the <> button in the [[Editor de texto]].
[[File:Phet simulationin with a true-false question type.png|600px]]
 
==Incrustar una simulación dentro de una pregunta de Moodle==
Es bastante sencillo insertar el código  HTML5 dentro de una pregunta del tipo [[Tipos_de_preguntas#Descripci.C3.B3n|descripción]] de Moodle. Solamente recuerde activar el botón de <> en el [[Editor de texto]].


[[File:A PhET in a Moodle description question type.png|400px]]
[[File:A PhET in a Moodle description question type.png|400px]]


When you click the 'Save changes' button, the simulation code will be saved and you can see the preview when you edit the question:
Cuando Usted haga click en el botón para 'Guardar cambios' se guardará el código de la simulación y Usted verá una vista previa cuando edite la pregunta:


[[File:A PhET in a Moodle description question type interpreted.png|400px]]
[[File:A PhET in a Moodle description question type interpreted.png|400px]]


==Is there a list of PhET simulations that run well with Moodle?==
==¿Existe una lista de las simulaciones PhET que funcionan bien con Moodle?==
Not yet, but you can try downloading one simulation from the [[http://phet.colorado.edu/en/get-phet/one-at-a-time PhET site] and post your results in [https://moodle.org/mod/forum/discuss.php?d=315338 this forum thread].
Todavía no, pero Usted puede descargar una simulación del [http://phet.colorado.edu/en/get-phet/one-at-a-time sitio PhET] y publicar sus resultados en [https://moodle.org/mod/forum/discuss.php?d=315338 este foro].
* It seems that all the HTML5 simulations available in January 2018 work if they are properly embedded (either the easy way or the hard way)!
 


[[Categoría:Biología]]
[[Categoría:Biología]]
Línea 43: Línea 127:
[[Categoría:Matemáticas]]
[[Categoría:Matemáticas]]
[[Categoría:Física]]
[[Categoría:Física]]
[[Categoría:Medicina]]


[[Categoría:Preguntas]]
[[Categoría:Preguntas]]
[[Categoría:Juego]]




[[es:PhET simulations]]
[[en:PhET simulations]]

Revisión actual - 18:13 6 abr 2018

PhET

PhET es un sitio para simulaciones interactivas para ciencias (física, biología, química, Geofísica) y matemáticas a nivel de primaria, secundaria, bachillerato y Universidad, de la Universidad de Colorado en Boulder, USA, que proporciona simulaciones interactivas matemáticas y científicas basadas-en-ciencia, divertidas y gratuitas. Las simulaciones están escritas en Java, Flash o HTML5, y pueden correrse en-línea o descargarse a su computadora/servidor Moodle. Todas las simulaciones son de código abierto.

¿Qué significa PhET?

Originalmente "PhET" era un acrónimo para Physics Education Technology, pero actualmente el sitio PhET incluye simulaciones acerca de muchos temas además de física, por lo que el acrónimo es demasiado limitado. Sin embargo, el equipo PhET decidió conservar el nombre porque es muy ampliamente reconocido.

Nota: Pendiente de Traducir. ¡Anímese a traducir esta página!.     ( y otras páginas pendientes)


Incrustar simulaciones PhET en un curso Moodle: la forma fácil

Identificar las simulaciones PhET que quiere usar

  • You can find many simulations in the PhET site.
    • It is easier to use the simulations written in HTML5 for showing in student's desktop or laptop computers.
    • Note that some simulations that were written in Flash will need to have the Filtro de plugins multimedia enabled in the Moodle server, which some servers admins will not allow for security reason. Remember that running Flash code in Macs and iPads can be tricky.
    • Simulations written in Java or HTML5 can usually run well in modern Moodle servers and in most modern user's devices and browser.

Descargar el código HTML5 para cada simulación deseada

pHet DOWNLOAD html5 FILES ONE AT A TIME.png

  • Download the desired simulations into a temp folder.
  • You can check the downloaded simulation by (double click) opening with your favorite Internet browser.
Note: Firefox, Chrome and Safary usually work better than Microsoft's Internet explorers. You have been warned!


Incrustar la simulación PhET en un curso Moodle

  • Go to the desired Moodle course
  • Activar la edición
  • Drag and drop each simulation into the desired position

PhET drag and drop the simulation into the Moodle course.png

Phet balancing act in moodle 299.png

Phet balancing act in moodle 299 image 2.png

Simulaciones PhET en idiomas diferentes al inglés

Phet simulations are available for download in many languages, just choose your language at the bottom of the simulations page. PhET simulations are available in several languages.png

Traducir/personalizar las cadenas_de_caracteres del idioma inglés (o español) dentro de una simulación PhET

Nota: Do not try to use Microsoft Word or it will not work. You have been warned!


    • simply open the *.html file in the editor,
    • search for the English language string you want to change,
    • replace with your translation,
    • repeat as needed,
    • save the translated file with a new name.
    • check that it works as intended.
    • enjoy!

Incrustar un enlace hacia una simulación PhET em una página o una etiqueta Moodle: la forma difícil

  • We will be using the HTML5 version of the balancing act simulation for this example.
  • Firstly, go to the PhET site, and locate the simulation that you want to use.
  • Then, copy the address (green rectangle) that links to that simulation's HTML5 code (blue rectangle):

Phet simulation copy the simulation address.png

  • Now you can add a new Etiqueta or Página resource, where you will link to the PhET simulation
    • Es bastante sencillo incrustar el código HTML5 dentro de una Página de Moodle.
    • Solamente recuerde activar el botón <> en el Editor de texto.

A PhET in a Moodle page.png

<iframe src="address_of_phet_simulation_to_be_linked" width="800" height="600" scrolling="no" allowfullscreen></iframe>

{Note|You can change the width and height values (800 and 600 above) to a size that better suits your client's displays.}}

    • This is how your label should look like:

Phet simulationtype the needed code and paste the actual simulatiuon address.png

  • If you click again in the <> button in the Editor de texto, you will change from HTML code editing mode into interpreted mode, and you will see the simulation while it is being loaded and displayed. The simulation will show properly from now on:

Phet simulation with the embedded simulation inside the label.png

  • Now click the 'Save and return to course' button.
  • And it's done !:

Phet simulation with the finished label.png

  • Enjoy!

Phet balancing act in moodle 299.png


Phet balancing act in moodle 299 image 2.png


¿Se puede incrustar el código de una simulación PhET en un examen de Moodle?

De acuerdo a this post, Tim Hunt tried this (with the balancing act SIM), with these results:

  • At first it did not work, because his test Moodle site is running on https, and the embed code has http://, so it gets blocked by browser security settings.
  • However, editing the URL in the embed code to be https, then it worked.

Incrustar una simulación dentro de un Examen

Usted puede una de dos:

  • hacer que los estudiantes primeramente interactúen con la simulación incrustada en una Página (vea Incrustar una simulación PhET en una página de Moodle) y que después realicen el examen.
  • incrustar la simulación dentro de una pregunta del tipo descripción (vea debajo) antes de hacer las preguntas relevantes con los Tipos_de_preguntas habituales.

Phet simulationin a description question type.png

Phet simulationin with a true-false question type.png

Incrustar una simulación dentro de una pregunta de Moodle

Es bastante sencillo insertar el código HTML5 dentro de una pregunta del tipo descripción de Moodle. Solamente recuerde activar el botón de <> en el Editor de texto.

A PhET in a Moodle description question type.png

Cuando Usted haga click en el botón para 'Guardar cambios' se guardará el código de la simulación y Usted verá una vista previa cuando edite la pregunta:

A PhET in a Moodle description question type interpreted.png

¿Existe una lista de las simulaciones PhET que funcionan bien con Moodle?

Todavía no, pero Usted puede descargar una simulación del sitio PhET y publicar sus resultados en este foro.

  • It seems that all the HTML5 simulations available in January 2018 work if they are properly embedded (either the easy way or the hard way)!