Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
wizard [2017/01/09 14:55] isabella |
wizard [2017/01/17 14:30] (current) isabella |
||
---|---|---|---|
Line 89: | Line 89: | ||
{{:wizard:page_name.png?nolink&|Wizard page valid name}} | {{:wizard:page_name.png?nolink&|Wizard page valid name}} | ||
- | Now lets edit this page and add some text. To edit a page can just double click on its name at the | + | Now lets edit this page and add some text. To edit a page can just click on edit wizard at the |
- | editor page list on the left or click it once to select and click on the edit page icon: | + | icon wizard: |
- | {{:wizard:edit_page_icon.png?nolink&|Edit page icon}} | + | {{:wizard:edit_wizard.png|}} |
The page editor will be showed up: | The page editor will be showed up: | ||
Line 208: | Line 208: | ||
{{:wizard:run_wizard_prompt.png?nolink&|Prompt for running a wizard}} | {{:wizard:run_wizard_prompt.png?nolink&|Prompt for running a wizard}} | ||
- | It is also possible to run the wizard tutorial through the **Play Wizard** button in the tool bar. | + | It is also possible to run the wizard tutorial through the **Run Wizard** button in the tool bar. |
{{:wizard:run_wizard_button_toolbar.png?nolink&|Run wizard button in tool bar}} | {{:wizard:run_wizard_button_toolbar.png?nolink&|Run wizard button in tool bar}} | ||
Line 226: | Line 226: | ||
until now. We are going to be faster now. | until now. We are going to be faster now. | ||
- | == Open the model == | + | ==== Open the model ==== |
Open the model | Open the model | ||
Line 244: | Line 244: | ||
{{:wizard:gof_page1.png?nolink&|Game of Life wizard first page}} | {{:wizard:gof_page1.png?nolink&|Game of Life wizard first page}} | ||
- | Now, save the wizard in a file within the model. In the directory **game_of_life**, create a directory called | + | Now, import the wizard in a file within the model. In the directory **game_of_life**, create a directory called |
- | **wizard** and save the file **wizard_gof.egow**. Take a look at the directory tree below. | + | **wizard** and save the file **wizard_gof.egow**. |
- | {{:wizard:gof_directories.png?nolink&|Directory tree}} {{:wizard:gof_saving_wizard.png?nolink&|Saving wizard in a file}} | + | {{:wizard:gof.png|}} |
<note tip>Always save the wizard after some modification and before closing the Wizard Editor. </note> | <note tip>Always save the wizard after some modification and before closing the Wizard Editor. </note> | ||
Line 263: | Line 263: | ||
{{:wizard:images_folder.png?nolink&|Folder for images}} | {{:wizard:images_folder.png?nolink&|Folder for images}} | ||
- | {{:wizard:images_folder2.png?nolink&|Folder for images}} | + | |
<note warning>Save the images used in your wizard in a folder whithin the wizard file to facilitate portability.</note> | <note warning>Save the images used in your wizard in a folder whithin the wizard file to facilitate portability.</note> | ||
Line 278: | Line 278: | ||
{{:wizard:image_properties.png?nolink&|Image properties window}} | {{:wizard:image_properties.png?nolink&|Image properties window}} | ||
- | As you can see, there are three tabs of properties: **Image Info**, **Link** and **Advanced**. In the **Image Info** | + | As you can see, there are two tabs of properties: **General** and **Apperance**. In the **General** |
tab there is a field for the image **URL**. You should insert there the //absolute// path to the image file in you | tab there is a field for the image **URL**. You should insert there the //absolute// path to the image file in you | ||
computer. In this example the absolute path is: | computer. In this example the absolute path is: | ||
Line 287: | Line 287: | ||
image even if you change computers since you keep that directory structure. | image even if you change computers since you keep that directory structure. | ||
- | {{:wizard:adding_image.png?nolink&|Adding image}} | ||
You can change the image size in the **Width** and **Height** fields or set a tooltip in the **Alternative Text** | You can change the image size in the **Width** and **Height** fields or set a tooltip in the **Alternative Text** | ||
Line 308: | Line 307: | ||
{{:wizard:table_icon.png?nolink&|Table icon}} | {{:wizard:table_icon.png?nolink&|Table icon}} | ||
- | The **Table Properties** window will open up. If you have some trouble to fully visualize it you can resize the Page | + | You can choose rows and columns of your design table. |
- | Editor window. | + | |
{{:wizard:table_properties.png?nolink&|Table properties window}} | {{:wizard:table_properties.png?nolink&|Table properties window}} | ||
Line 325: | Line 324: | ||
Remember to save you wizard often. Close the Wizard Editor after save and lets make a little modification in the model. | Remember to save you wizard often. Close the Wizard Editor after save and lets make a little modification in the model. | ||
- | In the first [[Calculate Map]] that //generates the initial 'seed'//, add a [[Number Value]] and link a [[Double]] to | + | In the first [[Calculate Map]] that //generates the initial 'seed'//, add a [[Number Value]] and link a [[Real value]] to |
- | its **Value** port and set the **Value Number** to **1**. Edit the Double alias, using the "Comment Edtor" editor, and | + | its **Value** port and set the **Value Number** to **1**. Edit the Real value alias, using the "Comment Editor" editor, and |
change it to "Percentage of living cells". | change it to "Percentage of living cells". | ||
- | {{:wizard:model_mod.png?nolink&|Modification in the game of life model}} | + | {{:wizard:model_mod.png?900|}} |
Edit this **Calculate Map** expression to set a cell as alive based on the **v1** value and not by **0.3**. | Edit this **Calculate Map** expression to set a cell as alive based on the **v1** value and not by **0.3**. | ||
Line 335: | Line 334: | ||
{{:wizard:exp.png?nolink&|New expression}} | {{:wizard:exp.png?nolink&|New expression}} | ||
- | Now we can control the percentage of living cells in the initial state through the value in the [[Double]] functor. | + | Now we can control the percentage of living cells in the initial state through the value in the [[Real value]] functor. |
== The Wizard Inputs == | == The Wizard Inputs == | ||
- | In the Wizard Editor, create a third page to receive the inputs and add the Double one. | + | In the Wizard Editor, create a third page to receive the inputs and add the Real value. |
{{:wizard:page3.png?nolink&700|Third page}} | {{:wizard:page3.png?nolink&700|Third page}} | ||
Line 351: | Line 350: | ||
{{:wizard:page3_view1.png?nolink&|Third page visualization}} | {{:wizard:page3_view1.png?nolink&|Third page visualization}} | ||
- | Try to add more inputs, e.g., the number of generations of the game. This is the **Iterations** [[Repeat]] functor | + | Try to add more inputs. |
- | input. Export it and add an input in the third page. Remember to save the wizard before closing the editor. | + | |
- | + | ||
- | {{:wizard:gof_export2.png?nolink&|Exporting number of iterations}} | + | |
- | {{:wizard:adding_generations.png?nolink&|Adding another input}} | + | |
- | {{:wizard:input2_desc.png?nolink&|New description for Repeat iterations}} | + | |
== Finishing == | == Finishing == | ||
- | Save and test the wizard. | + | Run the wizard and the model. |
- | {{:wizard:test_page3.png?nolink&700|Testing the wizard}} | + | {{:wizard:test_page3.png?nolink&700|Testing the wizard}} {{:wizard:run_page3.png?700|}} |
You have finished the wizard construction for the Conway's Game of Life model! You learned some new features and | You have finished the wizard construction for the Conway's Game of Life model! You learned some new features and | ||
Line 374: | Line 368: | ||
I have choosed this one: | I have choosed this one: | ||
- | http://www.youtube.com/watch?hl=en&v=XcuBvj0pw-E | + | https://youtu.be/uUtQZ41LSLk |
Click on the **Share** button. | Click on the **Share** button. | ||
Line 381: | Line 375: | ||
Click on the embed button: {{:wizard:embed_button.png?nolink&|Embed}} | Click on the embed button: {{:wizard:embed_button.png?nolink&|Embed}} | ||
- | |||
- | Select the //Use old embed code option// and your size option. | ||
- | |||
- | {{:wizard:old_code.png?nolink&|Old code option}} | ||
- | |||
- | This is important to keep compatibility. | ||
- | |||
- | <note warning>Select the //Use old embed code option// when embedding Youtube videos.</note> | ||
Select and copy the code in the text box. | Select and copy the code in the text box. | ||
Line 394: | Line 380: | ||
{{:wizard:code_selection.png?nolink&|Selected code}} | {{:wizard:code_selection.png?nolink&|Selected code}} | ||
- | Edit the page you want to put the video and click the **Source** button. | + | Edit the page you want to put the video and click the ** HTML Source** button. |
- | {{:wizard:source_button.png?nolink&|Source button}} | + | {{:wizard:source_button.png?700|}} |
- | Paste the code you have copied in the end of the text. | + | Paste the code you have copied in the body of the text. |
{{:wizard:code_pasted.png?nolink&|Code pasted}} | {{:wizard:code_pasted.png?nolink&|Code pasted}} |