1. This is a sample website. E.g. a blogpost provided by a static webserver, wordpress, or any other cms. If the user is authorized, "Aloha Editor" is activated by adding a couple of javascript lines. The user can edit the content within the frontend, without page reload or entering a backend.
2. This is the source code of the website. The yellow marks show - the inclusion of the Aloha Editor. - the edit-enabling of two dom elements (the teaser content1 and the body content2)
3. This is a dummy implementation of a "save" button in the ribbon (see slides for screendesign): A button is added to the ribbon. when called, the content of all editable dom elements is fetched (and automatically cleaned of any browser-quirks html or helper code), and can be stored to a backend (wordpress api, typo3, etc).