Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
wizard [2017/01/09 14:52]
isabella
wizard [2017/01/17 14:30]
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 198: Line 198:
 {{:​wizard:​output_description.png?​nolink&​|New description to Save Map Filename port}} {{:​wizard:​output_description.png?​nolink&​|New description to Save Map Filename port}}
 {{:​wizard:​third_page_inputs.png?​nolink&​|Third page inputs}} {{:​wizard:​third_page_inputs.png?​nolink&​|Third page inputs}}
-{{:​wizard:​third_page_visualization.png?​nolink&​600|Third page visualization}} 
  
 == Finishing the Simple Wizard == == Finishing the Simple Wizard ==
Line 209: 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 227: 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 245: 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 264: 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 279: 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 288: 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 309: Line 307:
 {{:​wizard:​table_icon.png?​nolink&​|Table icon}} {{:​wizard:​table_icon.png?​nolink&​|Table icon}}
  
-The **Table Properties** window will open upIf 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 326: 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 336: 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 352: 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 375: 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 382: 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 395: 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}}