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

The seminar will build upon the results of our previous [SWD Seminar](SWD15). 

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)

## 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...

# Projects

* [Project 1 -- Cache: Jan Graichen, Meike Baumgaertner](WebDev16_Project1)
* [Project 2 -- RDF: Daniel Stolpe, Yannis Kommana](WebDev16_Project2)
*	[Project 3 -- Indexing: Daniel Werner, Felix Wolff](WebDev16_Project3)
* [Project 4 -- Services: Fabio Niephaus, Philipp Otto](WebDev16_Project4)
* [Project 5 -- COP: Jakob Reschke,  Marianne Thieffry](WebDev16_Project5)
* [Project 6 -- AExpr: Timo Djuerken, Philipp Pajak](WebDev16_Project6)

# Getting Started

## Basic Lively4 development workflow:

- a) Go to https://lively-kernel.org/lively4/lively4core/draft/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://livelykernel.org/lively4
- Try out serverless variant   
  - https://livelykernel.github.io/lively4-core/draft/start.html?load=https://lively4//
- 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/WebDev16
- Deployed on github.io: 
  - https://livelykernel.github.io/lively4-core/draft/start.html?load=https://lively4/README.md
- Deployed on lively-kernel.org: 
  - https://lively-kernel.org/lively4/lively4-core/draft/start.html