Play with Lively Kernel

1
Tutorial

• Play with Lively Kernel
• Example application
• Creating MyProject.js
• Grouping

2
Play with Lively Kernel

• Use safari web browser to open page
  http//livelykernel.cs.tut.fi/
• Open resources
• Go thru next steps
• Go thru Lively Kernel tutorial
• Play with Lively Kernel
• Read the Technical Overview

3
Example application

• Download the Lively Kernel as a zip archive
  (http//livelykernel.cs.tut.fi/)
• Use Safari web browser to open index.xhtml
• Open Examples.js with an editor
• Find ClockMorph (begins from line 100)
• Read it thru and ask questions
• Modify it a little bit and save
• Refresh the web browser

4
How to create a new lively kernel project

• Create MyProject.js file
• Copy one of the projects from Examples.js to
  MyProject.js -file (and modify it a little bit)
• You should have something like
• Morph.subclass(scope, "MyMorph",
• example morph
• )

5
Link your file with Lively Kernel

• Add MyProject.js to index.xhtml file
• ltscript type"text/ecmascript"
  xlinkhref"MyProject.js"/gt
• Add MyMorph to defaultconfigs.js -file to
  Applications list.
• It should be something like that (depends on
  example morph selected)
• "Example MyMorph", function()
• var m WorldMorph.current().addMorph(
• new MyMorph(pt(100, 100),50))
• , openAtStartUp true,

6
Using Aptana

• Open Aptana
• Create a new general project (file-gtnew-gtGeneral-gt
  Project)
• Import lively kernel (import-gtfile system-gt)

7
Enabling develop menu in Safari

• Edit -gt preferences -gtAdvanced -gt Show Develop
  menu in menu bar
• Develop -gt show error console

8
Presentations

• PowerPoint presentation (10 minutes)
• Application demo (10 minutes)
• Conversation (10 minutes)
• PPT-presentation and full source for demo

9
Final report

• Proposed Outline
• Idea description
• Non-Technical Description
• Technical Details