Answers.Body: <p>App Inventor syncs with a tablet so that as students change the app's code, it changes the app running on the tab. It can't auto-sync media, so you have to re-sync the app when you add new sound or pics. It syncs via wireless network or usb. </p>
  
  <p>Khan Academy offers this slider concept with its Javascript Animation lessons. </p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2018-01-18T19:15:07.700Z
Answers.Text: Would you mind providing links to the relevant Kahn Academy lessons? Screenshots would also be useful because of the visual nature of the question.
Answers.UserDisplayName: thesecretmaster
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2018-01-18T16:22:54.167Z
Answers.LastActivityDate: 2018-01-18T16:22:54.167Z
Answers.UserDisplayName: Kay Bee
Answers.Body: <p>The <a href="https://ccl.northwestern.edu/netlogo/" rel="nofollow noreferrer">NetLogo</a> agent-based modelling environment is a teaching tool which uses an enhanced Logo that can have inputs hooked up to sliders. I have played with its simulators sometimes just for my own amusement.</p>
  
  <p>A nice simpler model is the one displaying <a href="http://www.netlogoweb.org/launch#http://www.netlogoweb.org/assets/modelslib/Sample%20Models/Social%20Science/Traffic%20Basic.nlogo" rel="nofollow noreferrer">how freeways get clogged</a>, just playing with the rate at which cars accelerate and decelerate.</p>
  
  <p><strong>Important</strong> most models have both a <em>Setup</em> and a <em>Go</em> button. If you don't press <em>Setup</em> nothing happens.</p>
  
  <p>All the nodels have an Info tab at the bottom which explains how the model works and usually the effect of its input variables.</p>
  
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2018-01-24T18:53:56.757Z
Answers.Text: I just had a look, I went to the examples. I see sliders, I see buttons. I slide sliders, I press button. But that is it, nothing happens. Am I doing something wrong?
Answers.UserDisplayName: ctrl-alt-delor
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2018-01-25T02:10:20.187Z
Answers.Text: Most of the models have a "Setup" button then a "Go" button. I assume you're talking about the climate simulation which comes up first on the web version - it works if you press those two in order. (Typical code written by scientists ;-)
Answers.UserDisplayName: Andy Dent
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2018-01-25T10:32:01.270Z
Answers.Text: Thanks I tried that last time, this time it worked (different models, so that may be a factor).
Answers.UserDisplayName: ctrl-alt-delor
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2018-01-24T12:11:59.457Z
Answers.LastActivityDate: 2018-01-25T02:15:12.820Z
Answers.LastEditDate: 2018-01-25T02:15:12.820Z
Answers.UserDisplayName: Andy Dent
Body: <p>I read something on this site, that lead me to read about Bret Victor's learnable programming and direct manipulation.</p>
  <p>I was wondering if anyone has used any software like this.</p>
  <p>What software have we used? What effect did it have on teaching and learning?</p>
  <h1>What is direct manipulation, also referred to as learnable programming</h1>
  <p>Victor tells us that the techniques that we now use, are based on best practice from the days of paper and pen, teletypes. That we have not yet adapted to this new media and what it can do. That typing a program, and then immediately running it, is not immediate enough. Output should change as code changes, not wait for us to press run. We should be able to manipulate the output, to change the code. Not just manipulate the code, to change the output.</p>
  <p><a href="https://i.sstatic.net/2zMYV.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/2zMYV.png" alt="enter image description here" /></a> An example: Here we see the programmer, manipulating a variable, by using a slider. We the the effect on the output. We see the effect over time. The programmer is trying to give the turtle the correct bounce, so that the jumping character will be able to get through the gap. The programmer no-longer had to do long calculations, or do guess/change/run cycles. Whey just slide the slider until they see what they want.</p>
  <p>see:</p>
  <ul>
  <li><a href="https://vimeo.com/36579366" rel="nofollow noreferrer">Invention on principle</a> (programming perspective)</li>
  <li><a href="https://vimeo.com/64895205" rel="nofollow noreferrer">Stop drawing dead fish</a> (an art perspective)</li>
  <li><a href="https://www.youtube.com/watch?v=8pTEmbeENF4" rel="nofollow noreferrer">The future of programming</a> (a historic perspective)</li>
  <li><a href="http://worrydream.com/LearnableProgramming/" rel="nofollow noreferrer">LearnableProgramming</a> good blog post on teaching and learning progrmming</li>
  </ul>
  <hr />
  <p>Preference is for <a href="https://www.gnu.org/philosophy/free-sw.en.html" rel="nofollow noreferrer">Free Software</a>, that is software with freedoms, not with zero price (I do not introduce proprietary software into my school).</p>
  
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2017-12-17T21:19:45.677Z
Comments.Text: Does [SHENZHEN I/O](http://store.steampowered.com/app/504210/SHENZHEN_IO/) meet your requirements?
Comments.UserDisplayName: Guy Coder
Tags: <resource-request><programming-environment>
Title: Use of “learnable programming” (via direct manipulation) software, in teaching
ThreadText: # Use of “learnable programming” (via direct manipulation) software, in teaching
  
  (Asked by: username_0 on 2017-11-02)
  
  I read something on this site, that lead me to read about Bret Victor's learnable programming and direct manipulation.
  
  I was wondering if anyone has used any software like this.
  
  What software have we used? What effect did it have on teaching and learning?
  
  # What is direct manipulation, also referred to as learnable programming
  
  Victor tells us that the techniques that we now use, are based on best practice from the days of paper and pen, teletypes. That we have not yet adapted to this new media and what it can do. That typing a program, and then immediately running it, is not immediate enough. Output should change as code changes, not wait for us to press run. We should be able to manipulate the output, to change the code. Not just manipulate the code, to change the output.
  
  [![enter image description here](https://i.sstatic.net/2zMYV.png)](https://i.sstatic.net/2zMYV.png) An example: Here we see the programmer, manipulating a variable, by using a slider. We the the effect on the output. We see the effect over time. The programmer is trying to give the turtle the correct bounce, so that the jumping character will be able to get through the gap. The programmer no-longer had to do long calculations, or do guess/change/run cycles. Whey just slide the slider until they see what they want.
  
  see:
  
  * [Invention on principle](https://vimeo.com/36579366) (programming perspective)
  * [Stop drawing dead fish](https://vimeo.com/64895205) (an art perspective)
  * [The future of programming](https://www.youtube.com/watch?v=8pTEmbeENF4) (a historic perspective)
  * [LearnableProgramming](http://worrydream.com/LearnableProgramming/) good blog post on teaching and learning progrmming
  
  ---
  
  Preference is for [Free Software](https://www.gnu.org/philosophy/free-sw.en.html), that is software with freedoms, not with zero price (I do not introduce proprietary software into my school).
  
  **Tags:** resource-request, programming-environment
  
  > **Comments:**
  > **username_1**: Does [SHENZHEN I/O](http://store.steampowered.com/app/504210/SHENZHEN_IO/) meet your requirements?  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_2 on 2018-01-18. Score: 1
  
  App Inventor syncs with a tablet so that as students change the app's code, it changes the app running on the tab. It can't auto-sync media, so you have to re-sync the app when you add new sound or pics. It syncs via wireless network or usb.
  
  Khan Academy offers this slider concept with its Javascript Animation lessons.
  
  > **Comments:**
  > **username_3**: Would you mind providing links to the relevant Kahn Academy lessons? Screenshots would also be useful because of the visual nature of the question.  
  
  ---
  
  ### Answer by username_4 on 2018-01-24. Score: 1
  
  The [NetLogo](https://ccl.northwestern.edu/netlogo/) agent-based modelling environment is a teaching tool which uses an enhanced Logo that can have inputs hooked up to sliders. I have played with its simulators sometimes just for my own amusement.
  
  A nice simpler model is the one displaying [how freeways get clogged](http://www.netlogoweb.org/launch#http://www.netlogoweb.org/assets/modelslib/Sample%20Models/Social%20Science/Traffic%20Basic.nlogo), just playing with the rate at which cars accelerate and decelerate.
  
  **Important** most models have both a *Setup* and a *Go* button. If you don't press *Setup* nothing happens.
  
  All the nodels have an Info tab at the bottom which explains how the model works and usually the effect of its input variables.
  
  > **Comments:**
  > **username_0**: I just had a look, I went to the examples. I see sliders, I see buttons. I slide sliders, I press button. But that is it, nothing happens. Am I doing something wrong?  
  > **username_4**: Most of the models have a "Setup" button then a "Go" button. I assume you're talking about the climate simulation which comes up first on the web version - it works if you press those two in order. (Typical code written by scientists ;-)  
  > **username_0**: Thanks I tried that last time, this time it worked (different models, so that may be a factor).  
  
  ---
  
  