# Software Design 2016 - HPI Seminar on evolving the Lively4 Web-based Development Environment

The seminar will build upon the results of our previous [SWD](SWD15) and [WebDev](WebDev16) seminars.

The development environment runs 100% in the browser and can therefore be served from static [github.io](https://livelykernel.github.io/lively4-core/draft/start.html?load=/README.md) pages and use GitHub, Dropbox and other Cloud APIs for persistence. 

For faster development and other experiments we also have our very basic node.js service, that gives us more control during development. 

We can for example navigate and edit [these wiki pages](https://github.com/LivelyKernel/Lively4/wiki/WebDev16) using the 
[our server on lively-kernel.org](https://lively-kernel.org/lively4/lively4-core/draft/start.html?load=https://lively-kernel.org/lively4/Lively4.wiki/WebDev16.md)

# Projects

- [Project 1: Non-linear Constraint Solving](project1.md)
- [Project 2: Explorable DOM](project2.md)
- [Project 3: Abstraction-aware Debugging](project3.md)
- [Project 4: Babel Projectional Editor](project4.md)
- [Project 5: Particle-based Simulations](project5.md)

## Quick Manual for Lively4

- CTRL+Click opens Halo to drag,copy, edit all DOM elements directly on a web page
- CTRL+RightClick opens context menu with various tools...

# Getting Started

## Basic Lively4 development workflow:

- a) Go to https://lively-kernel.org/lively4/lively4-core/start.html
- b) Play around with objects and in workspace 
  - Ctrl-Left/Right Click for Halo and context menu
- c) Use tools to browse and change modules and templates
- d) Open Sync tool and log with github account 
- e) Press sync to update your instance and commit changes

## Advanced Lively4: 

- Work in different branches under https://lively-kernel.org/lively4
- Try out serverless variant   
  - https://livelykernel.github.io/lively4-core/start.html?load=https://lively4//README.md
- Install your own lively4-server

## Development Links

- Github Projects: 
  - https://github.com/livelykernel/lively4-core 
  - https://github.com/LivelyKernel/lively4-server (optional) 
  - https://github.com/LivelyKernel/lively4-chrome-loader (optional)
- Github Wiki 
  - https://github.com/LivelyKernel/Lively4/wiki/SWD16
- Deployed on github.io: 
  - https://livelykernel.github.io/lively4-core/start.html?load=https://lively4/README.md
- Deployed on lively-kernel.org: 
  - https://lively-kernel.org/lively4/lively4-core/start.html