# Active Essays on the Web

_Active Essay: written essay, program fragments and resulting live sumulations into a single cohesive narrative_

_literate programming: so programmieren, dass vor allem Menschen es lesen können - integrated documentation_

- hands-on experience for students
- dynamic simulations -> Etoys
- to calculate things yourself using the computer since it is better suited to do so
- why is it often not possible if you read code to execute it at the same time - you will read it in a webbrowser on your computer
- even on the web you get the impression of "old media" (newspaper, books since you can only read even though you have greater opportunities)
- running examples in an article
- active essays dynamic eperimentation
- not to complicated for the end-user to watch and use simulations
- Squeak beased

- how much state should be saved? even the curser? deep copy vs. shallow copy?
- print it and do it - to execute code immediatly -> serves as communication between author, machine and user
- different idea: for everything you see you can also see the code
- drag and drop to avoid syntax errors ?

- should you scroll? should you even scroll left and right? does the content changes its position dynamically according to size of the window?
- everything needs to be translated into Javascript to execute it inside of the browser
- different browsers (problem?)
- should you be able to style Text or better not?
Etoys??


# Explorable Explanations
- Exchange of thoughts
- active reading instead of passive
- ask questions and get answers
- environment to think for yourself

## Reaktive Dokumente/ reactive documents
- you can play with the assumptions made to see the consequences
- should be available for readers
- you can either read it without deeper interest but at the same time you can dive really into the topic
- drag and drop bar to alter the scenario

## Explorable Examples
- find out things that are not meantioned in the text
- graphics and models
- structure is given
- there is no pressure to interact

## Contextual Information
- not always possible to try and learn things directly next to the text
- change normal text into something were you can look up things --> otherwise curiosity vs. laziness

- simulations where I make single parameters accessible using scroll bars

# Explorables
- one object/ figure/ things with certain rule that is used during the story
- more and more beahviour gets explorable and changeable
- in the end you can change parameters yourself --> reusablity over sequences