This document summarizes two Seaside component libraries: Material Design and Telescope. Material Design provides widgets and components styled according to Google's Material Design specifications. It aims to create graceful, optimized, and light widgets. Telescope allows creating meaningful visualizations and rendering them with Cytoscape.js. It provides powerful styling, custom layouts, and group semantics. Both libraries are maintained by Synectique and available via GitHub repositories.

1. Improve your Seaside
stack
Material Design & Telescope On Web
Synectique
Cyril Ferlicot-Delbecque - https://ferlicot.fr

2. “
Material Design
for Seaside
2

3. 3
Olivier Auverlot
Kévin Lanvin
LAUNCHED BY
Synectique

4. 4
Guillaume Larcheveque
Yann Lesage
CURRENTLY MAINTAINED BY
Cyril Ferlicot
Synectique

5. 5
Material Design
Goal
Widgets
Components
Origin
● Tired of Bootstrap
● Google’s Standard: Material Design

6. WEB COMPONENTS
6
Goal
Widgets
Components
Gracefull
Optimized
Light
Origin

7. NEW SEASIDE BRUSHES
7
Goal
Widgets
Components
Origin

8. REUSABLE WIDGETS
8
NestedList
Calendar
Designed Select
Goal
Widgets
Components
Origin

9. REUSABLE WIDGETS
9
Sortable and Paginated Table
Goal
Widgets
Components
Origin

10. “
Repository: https://github.com/DuneSt/MaterialDesignLite
Script:
Metacello new
githubUser: 'DuneSt' project: 'MaterialDesignLite' commitish: 'master' path: 'src';
baseline: 'MaterialDesignLite';
load
Demo: http://localhost:8080/MDLComponentsDemoApplication
10

11. NEXT STEPS
11
Functional tests (Parasol)
New widgets as a progress bar

12. “
Telescope On Web
CytoscapeJs
12

13. 13
Guillaume Larcheveque
Yann Lesage
MAINTAINED BY
Cyril Ferlicot
Synectique

14. TELESCOPE
● Create meaningful Visualizations
● Render them with different Connectors
○ Roassal (Currently obsolete)
○ CytoscapeJs
14
Synectique

15. POWERFUL STYLESHEET
15
Style
Layouts
Interactions
Groups

16. VAST INTERACTIONS
16
Style
Layouts
Interactions
Groups

17. CUSTOM LAYOUTS
17
Style
Layouts
Interactions
Groups

18. ANGLE MANAGEMENT
18
Style
Layouts
Interactions
Groups

19. GROUP SEMANTIC
19
Style
Layouts
Interactions
Groups

20. “Repository: http://smalltalkhub.com/#!/~Moose/Telescope
Soon: https://github.com/TelescopeSt/Telescope
Script:
Metacello new
smalltalkhubUser: 'Moose' project: 'Telescope';
configuration: 'TelescopeOnWeb’;
version: #development;
Load
Demo: http://localhost:8080/TelescopeWebDemo
20

21. Demo
Synectique