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
Last revision Both sides next revision
wizard [2017/01/09 14:40]
isabella
wizard [2017/01/17 13: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 190: Line 190:
 {{:​wizard:​save.png|}} {{:​wizard:​next_step.png|}} {{:​wizard:​save.png|}} {{:​wizard:​next_step.png|}}
  
-After that you have to click in edit wizard+After that you have to click in Edit Wizard.
  
 {{:​wizard:​edit_wizard.png|}} {{:​wizard:​edit_wizard.png|}}
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 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}}