Hands on Pier

www.tudorgirba.com

hands on

ESUG 2008© Tudor Gîrba

Roadmap

•About Pier

•Pier is not just a wiki, it is a content management system (CMS) based on Magritte and Seaside

•Pier is open source under the MIT license

•Pier from the outside

•Demos

•Pier from the inside

•Architecture

•Extensions

CMS, easy, cool, free

?Who builds

Lukas RenggliMichel BanyMatthias BerthDamien CassouTudor GîrbaDale HenrichsKeith HodgesRamon LeonNik LutzPhilippe MarshallDamien PolletNiall Ross

Why do I present it?

1from the outside

?How mature is

www.seaside.st

choose.s-i.ch

moose.unibe.ch

www.esug.org

www.lukas-renggli.ch

www.tudorgirba.com

?How extensible is

Citezen

LightBox

Post ticker

Randomizer

Search

StehlDichEin

Top Feeder

Twitter

?How to customizethe look of

2from the inside

Structure

Structure*

children

Structure

Page File

children

Structure

Page File

children

Structure

Page File

Context*

children

Structure

Page File

Context Command

Edit Login

children

Kernel

Structure

Page File

Context Command

Edit Login

children

Kernel

Structure

Page File

Context Command

Edit Login

Persistency

children

Kernel

Structure

Page File

Context Command

Edit Login

Persistency

children

environment

Kernel

Structure

Page File

Context Command

Edit Login

Persistency

childrenroot

environment

Browse Changes

Kernel

Structure

Page File

Context Command

Edit Login

Persistency

childrenroot

Component

environment

Browse Changes

PostTicker

is based on

Magritte

describe once, get everywhere

Any Seaside application can be a widget

Persistency: Gemstone, image

3from the ...

'From Squeak3.9.1 of 2 March 2008 [latest update: #7075] on 27 August 2008 at 10:18:30 am'!

ISComponent subclass: #ISPier

instanceVariableNames: 'context'

classVariableNames: ''

poolDictionaries: ''

category: 'ISea-Tests'!

!ISPier methodsFor: 'rendering-command' stamp: 'lr 8/27/2008 07:30'!

renderCommand: aString on: html

renderHeading: [ self renderCommandHeadingOn: html ]

contents: [ self renderCommandBodyOn: html ]

animation: aString

on: html! !

renderCommandBodyOn: html

context command isView

ifTrue: [ ^ self renderViewOn: html ].

html form: [

ISMagritte new

start: context command description

object: context command

on: html ]! !

renderCommandHeadingOn: html

html isea button

beBack; beLeft; beCancel;

callback: [ context := context structure: context structure ];

response: [ :renderer | self renderChildren: 'push_left_to_right' on: renderer ];

with: (context command isView

ifTrue: [ 'Up' ]

ifFalse: [ context command cancelButton value ]).

html heading: context command label.

context command isView ifFalse: [

html isea button

beBlue; beRight;

callback: [ self execute ];

response: [ :renderer |

ifTrue: [ self renderChildren: 'push_left_to_right' on: renderer ]

ifFalse: [ self renderCommand: 'push_right_to_left' on: renderer ] ];

with: context command saveButton value ]! !

renderViewOn: html

PRCurrentContext use: self during: [

html div style: 'padding: 10px; background: #fff; height: 100%'; with: [

ISRenderer new

start: context structure

in: self on: html ] ]! !

!ISPier methodsFor: 'initialization' stamp: 'tg 8/14/2008 14:54'!

initialize

super initialize.

context := PRContext kernel: PRKernel instances anyOne! !

!ISPier methodsFor: 'rendering' stamp: 'lr 8/27/2008 07:31'!

renderContentOn: html

self renderChildren: nil on: html! !

!ISPier methodsFor: 'rendering-children' stamp: 'lr 8/27/2008 00:23'!

renderChildren: aString on: html

renderHeading: [ self renderChildrenHeadingOn: html ]

contents: [ self renderChildrenBodyOn: html ]

animation: aString

on: html! !

renderChildrenBodyOn: html

html isea list

list: context enumerator contents;

labels: [ :each | each title ];

callback: [ :value | context := context structure: value ];

response: [ :renderer | self renderChildren: 'push_right_to_left' on: renderer ].

context commands do: [ :each |

html isea action

class: 'tallButton black right';

callback: [ context := context command: each new ];

context command isQuick

ifTrue: [

self execute.

self renderChildren: 'push_left_to_right' on: renderer ]

with: each label ]! !

renderChildrenHeadingOn: html

context structure parent notNil ifTrue: [

html isea button

callback: [ context := context structure: context structure parent ];

with: 'Up' ].

html heading: context structure title.

(PREditCommand isValidIn: self context)

ifTrue: [

html isea button

beRight; beCancel;

callback: [ context := context command: PREditCommand new ];

response: [ :renderer | self renderCommand: 'push_right_to_left' on: renderer ];

with: 'Edit' ]

ifFalse: [

html isea button

beRight; beCancel;

callback: [ context := context command: PULogin new ];

with: 'Login' ]! !

!ISPier methodsFor: 'accessing' stamp: 'lr 8/27/2008 07:33'!

context

^ context! !

context: aContext

context := aContext! !

!ISPier methodsFor: 'actions' stamp: 'lr 8/27/2008 09:12'!

execute

[ context command execute ]

on: Error

do: [ :err |

Transcript show: err description; cr.

^ context := context structure: context structure ].

context := context command answer ]! !

"-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- "!

ISPier class

instanceVariableNames: ''!

!ISPier class methodsFor: 'initialization' stamp: 'lr 8/27/2008 00:12'!

initialize

| application |

application := self registerAsApplication: 'isea/pier'.

application libraries do: [ :each | application removeLibrary: each ].

application preferenceAt: #deploymentMode put: true.

application addLibrary: ISLibrary! !

ISPier initialize!

'From Squeak3.9.1 of 2 March 2008 [latest update: #7075] on 27 August 2008 at 10:18:30 am'!

ISComponent subclass: #ISPier

instanceVariableNames: 'context'

classVariableNames: ''

poolDictionaries: ''

category: 'ISea-Tests'!

renderCommand: aString on: html

renderHeading: [ self renderCommandHeadingOn: html ]

contents: [ self renderCommandBodyOn: html ]

animation: aString

on: html! !

renderCommandBodyOn: html

ifTrue: [ ^ self renderViewOn: html ].

html form: [

ISMagritte new

start: context command description

object: context command

on: html ]! !

renderCommandHeadingOn: html

html isea button

callback: [ context := context structure: context structure ];

with: (context command isView

ifTrue: [ 'Up' ]

ifFalse: [ context command cancelButton value ]).

html heading: context command label.

context command isView ifFalse: [

html isea button

beBlue; beRight;

callback: [ self execute ];

ifTrue: [ self renderChildren: 'push_left_to_right' on: renderer ]

with: context command saveButton value ]! !

renderViewOn: html

html div style: 'padding: 10px; background: #fff; height: 100%'; with: [

ISRenderer new

start: context structure

in: self on: html ] ]! !

!ISPier methodsFor: 'initialization' stamp: 'tg 8/14/2008 14:54'!

initialize

super initialize.

context := PRContext kernel: PRKernel instances anyOne! !

!ISPier methodsFor: 'rendering' stamp: 'lr 8/27/2008 07:31'!

renderContentOn: html

self renderChildren: nil on: html! !

renderChildren: aString on: html

renderHeading: [ self renderChildrenHeadingOn: html ]

contents: [ self renderChildrenBodyOn: html ]

animation: aString

on: html! !

renderChildrenBodyOn: html

html isea list

list: context enumerator contents;

labels: [ :each | each title ];

callback: [ :value | context := context structure: value ];

response: [ :renderer | self renderChildren: 'push_right_to_left' on: renderer ].

context commands do: [ :each |

html isea action

class: 'tallButton black right';

callback: [ context := context command: each new ];

context command isQuick

ifTrue: [

self execute.

self renderChildren: 'push_left_to_right' on: renderer ]

with: each label ]! !

renderChildrenHeadingOn: html

context structure parent notNil ifTrue: [

html isea button

callback: [ context := context structure: context structure parent ];

with: 'Up' ].

html heading: context structure title.

(PREditCommand isValidIn: self context)

ifTrue: [

html isea button

beRight; beCancel;

callback: [ context := context command: PREditCommand new ];

with: 'Edit' ]

ifFalse: [

html isea button

beRight; beCancel;

callback: [ context := context command: PULogin new ];

with: 'Login' ]! !

context

^ context! !

context: aContext

context := aContext! !

!ISPier methodsFor: 'actions' stamp: 'lr 8/27/2008 09:12'!

execute

[ context command execute ]

on: Error

do: [ :err |

Transcript show: err description; cr.

^ context := context structure: context structure ].

context := context command answer ]! !

"-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- "!

ISPier class

instanceVariableNames: ''!

!ISPier class methodsFor: 'initialization' stamp: 'lr 8/27/2008 00:12'!

initialize

| application |

application := self registerAsApplication: 'isea/pier'.

application libraries do: [ :each | application removeLibrary: each ].

application preferenceAt: #deploymentMode put: true.

application addLibrary: ISLibrary! !

ISPier initialize!

~100 lines o

f code

www.lukas-renggli.ch/smalltalk/pier

Tudor Gîrbawww.tudorgirba.com

creativecommons.org/licenses/by/3.0/

Hands on Pier

Technology

Hands On (Fingers, Hands, Touching, Feeling, Movement

Hands On (Fingers, Hands, Touching, Feeling, Movement, Somatics

Hands-On SEO

CONTENTS Westminster Bridge Lambeth Bridge Blackfriars OXO Tower South Bank Tower Westminster Pier London Eye Pier Embankment Pier Savoy Pier Festival Pier Blackfriars Pier Bankside

Hands on, hands off: Gendered access in ... - Kylie Pepplerkpeppler.com/Docs/2014_Peppler_Hands_On_Hands_Off.pdf · Hands On, Hands Off: Gendered Access in Crafting and Electronics

CORNERSTONE DRIVE PROPOSED BUSWAY ON-RAMP · pier 4 pier 5 pier 6 pier 7 pier 8 abutment b on-ramp ... 500 1500 height varies - 8200 to 14200 egl ... drawing no. scale size a1. filename:

Hands-on Academic Cybersecurity Degree Programs · Hands-on Academic Cybersecurity Degree Programs ... • Ethical hacking ... Hands-On Academic Cybersecurity Degree Programs

Open Streets: New York City - Welcome to NYC.gov | …...Columbia University Yeshiva University Pier 25 Pier 15 Pier 17 Pier 35 Waterside Plaza Pier 40 Pier 45 Pier 61 Pier 62 Pier

Computer Systems Laboratory - Hands-On Presentation Hands … · 2016-01-06 · Presentation Overview Presentation Pydgin Intro Hands-On GCD Instr Presentation PyMTL Intro ⇣ Hands-On

be478d95e8aa404656c1 …… · LOCATION NAME CENTER DOCKS Pier 1 Pier 2 Pier 3 Pier 4 Pier 5 Pier 6 Pier 7 Pier 8 Pier 9 Pier 10 Pier 11 Pier 12 Pier 13 Pier 14 Fuel Dock- Left

Hands-On Presentation Hands-On GCD Instr PyMTL Intro Max ... · Presentation Overview Presentation Pydgin Intro Hands-On GCD Instr Presentation PyMTL Intro ⇣ Hands-On Max/RegIncr

Ansible Hands-on Introduction - people.redhat.compeople.redhat.com/.../rhug/q2.2017/Ansible-Hands-on-Introduction.pdf · Ansible Hands-on Introduction Jon Jozwiak, Sr. Cloud Solutions

All hands meeting Pier Oddone, September 21 st, 2011

Thinking with your hands / laboratorio hands-on

Unit 6 At a PE lesson. Put your hands on your head. Put your hands on your face. Put your hands on your ears. Put your hands on your eyes. Put your hands

Analysis of Velocity Measurements at NOTS Pier on San ...pier is located at Wilson Cove on the same coast as NOTS Pier about 2 miles to the northwest. Although the pier at Wilson Cove

PIER Summer Course on Bayesian Models in Education ...hseltman/PIER/BMER/Topic1-Introduction.pdf · PIER Summer Course on Bayesian Models in Education Research Review and Overview

All Hands Meeting Status of Fermilab Pier Oddone September 9, 2009

All hands meeting Pier Oddone, September 21 st , 2011

River Bus map - projectmapping.co.uk · Chelsea Harbour Pier London Eye Millennium Pier Blackfriars Millennium Pier Embankment Pier London Bridge City Pier Bankside Pier Tower Millennium