603
edits
Changes
From Open Educational Resources
mLine 16:
Line 16: + + + + + − #'''Please label images as Step 1''' − #'''Please add 500px''' − + − + − + − + − + − + − + − + + + + + + + + Line 74:
Line 84: + +
1 revision imported: from troer
EJS can produce attractive simulations that allow user interaction.<br>
EJS can produce attractive simulations that allow user interaction.<br>
EJS can produce quality simulations much more quickly than starting from scratch.<br>
EJS can produce quality simulations much more quickly than starting from scratch.<br>
==Other similar applications==
==Other similar applications==
not applicable
==Development and community help==
==Development and community help==
[http://www.um.es/fem/EjsWiki/index.php/Main/WhatIsEJS Official Website]
=Working with the application=
=Working with the application=
==Functionalities==
==Functionalities==
{| class="wikitable"
{| class="wikitable"
|-
|-
|style="width: 50%;|Image Image Image Image (Step 1)
|style="width: 50%;|[[File:Easy_Java_Simulation_1_EXAMPLE.jpg|450px]]
|style="width: 50%;|Image Image Image Image (Step 2)
|style="width: 50%;|[[File:Easy_Java_Simulation_2_Model_Variables.jpg|450px]]
|-
|-
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
|style="width: 50%;|Step 1- The image is a screenshot of an EJS simulation modeling the path of a ball confined to move between two walls that form a wedge shape.
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
|style="width: 50%;|Step 2- we will create a simple visualization of the two populations versus time using EJS. After launching, we move to the Model portion of the interface. This is where we enter the variables for our simulation. Follow the directions and click to create a new page of variables. After giving the page a name, you add the variables described in the model. Variables are added by directly editing the variable table that was just created.
|-
|-
|style="width: 50%;|Image Image Image Image (Step 3)
|style="width: 50%;|[[File:Easy_Java_Simulation_3_Evolution.jpg|450px]]
|style="width: 50%;|Image Image Image Image (Step 4)
|style="width: 50%;|[[File:Easy_Java_Simulation_4_Plotting_Frame.jpg|450px]]
|-
|-
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
|style="width: 50%;|Step 3- The next step in creating our simulation is to describe how the model changes over time. Since we are using a differential equation model you need to move to the Evolution portion and create a page of ODEs. After naming the page, indicate the independent variable, t, and then enter the differential equations for the model. The equations can be inserted by double-clicking the table cells.
|style="width: 50%;|Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext Texttexttexttexttext
|style="width: 50%;|Step 4- Having defined the model, we move to the visualization. Our goal is to see how the predator and prey populations vary with time. Thus, we want to create a plot of x and y versus t. So, we add a plot to our visualization window. You accomplish this by clicking the PlottingFrame element highlighted below and then clicking Simulation View in the Tree of Elements.
|-
|style="width: 50%;|[[File:Easy_Java_Simulation_5_View.jpg|450px]]
|style="width: 50%;|[[File:Easy_Java_Simulation_6_Finished_Example.jpg|450px]]
|-
|style="width: 50%;|Step 5- we indicate what variables the plot will graph. By double clicking plot within the Tree of Elements, a new window pops up. Fill the Input X and Input Y fields with t and x respectively. To help differentiate the two populations, edit the Line Color parameter to be BLUE. Next we add a plot of the predator versus time by right-clicking the plot just edited and selecting Copy from the popup menu. Then right-click the plottingPanel element and select Paste. Edit the plot2 element so that Input Y is y.
|style="width: 50%;|Step 6- In those short steps, a complete simulations is ready for use. Indeed, it is easy to visualize such a model with EJS. To see your resulting work, click the green triangle on the right side of the main window to launch and see the application.
|}
|}
[https://en.wikipedia.org/wiki/Easy_Java_Simulations WIKIPEDIA]<br>
[https://en.wikipedia.org/wiki/Easy_Java_Simulations WIKIPEDIA]<br>
[http://www.um.es/fem/EjsWiki/uploads/Download/EjsS_Manual.pdf EJS MANUAL]
[http://www.um.es/fem/EjsWiki/uploads/Download/EjsS_Manual.pdf EJS MANUAL]
[[Category:Explore an application]]
