1,309
edits
Changes
From Open Educational Resources
Learn Easy Java Simulation (view source)
Revision as of 13:12, 15 October 2016
, 13:12, 15 October 2016→Functionalities
=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%;|{{ext-img|450px|https://upload.wikimedia.org/wikipedia/commons/e/e4/Easy_Java_Simulation_1_EXAMPLE.jpg}}
|style="width: 50%;|Image Image Image Image (Step 2)
|style="width: 50%;|{{ext-img|450px|https://upload.wikimedia.org/wikipedia/commons/8/88/Easy_Java_Simulation_2_Model_Variables.jpg}}
|-
|-
|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%;|{{ext-img|450px|https://upload.wikimedia.org/wikipedia/commons/7/79/Easy_Java_Simulation_3_Evolution.jpg}}
|style="width: 50%;|Image Image Image Image (Step 4)
|style="width: 50%;|{{ext-img|450px|https://upload.wikimedia.org/wikipedia/commons/5/5e/Easy_Java_Simulation_4_Plotting_Frame.jpg}}
|-
|-
|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%;|{{ext-img|450px|https://upload.wikimedia.org/wikipedia/commons/6/64/Easy_Java_Simulation_5_View.jpg}}
|style="width: 50%;|{{ext-img|450px|https://upload.wikimedia.org/wikipedia/commons/0/0e/Easy_Java_Simulation_6_Finished_Example.jpg}}
|-
|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.
==File formats for creation==
==File formats for creation==
