Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Material Design and Seaside

225 views

Published on

Talk from Pharodays 2017.
Video: https://youtu.be/n2o1X17tls4

Published in: Software
  • Video: https://youtu.be/n2o1X17tls4
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

Material Design and Seaside

  1. 1. Improve your Seaside stack Material Design & Telescope On Web Synectique Cyril Ferlicot-Delbecque - https://ferlicot.fr
  2. 2. “ Material Design for Seaside 2
  3. 3. 3 Olivier Auverlot Kévin Lanvin LAUNCHED BY Synectique
  4. 4. 4 Guillaume Larcheveque Yann Lesage CURRENTLY MAINTAINED BY Cyril Ferlicot Synectique
  5. 5. 5 Material Design Goal Widgets Components Origin ● Tired of Bootstrap ● Google’s Standard: Material Design
  6. 6. WEB COMPONENTS 6 Goal Widgets Components Gracefull Optimized Light Origin
  7. 7. NEW SEASIDE BRUSHES 7 Goal Widgets Components Origin
  8. 8. REUSABLE WIDGETS 8 NestedList Calendar Designed Select Goal Widgets Components Origin
  9. 9. REUSABLE WIDGETS 9 Sortable and Paginated Table Goal Widgets Components Origin
  10. 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. 11. NEXT STEPS 11 Functional tests (Parasol) New widgets as a progress bar
  12. 12. “ Telescope On Web CytoscapeJs 12
  13. 13. 13 Guillaume Larcheveque Yann Lesage MAINTAINED BY Cyril Ferlicot Synectique
  14. 14. TELESCOPE ● Create meaningful Visualizations ● Render them with different Connectors ○ Roassal (Currently obsolete) ○ CytoscapeJs 14 Synectique
  15. 15. POWERFUL STYLESHEET 15 Style Layouts Interactions Groups
  16. 16. VAST INTERACTIONS 16 Style Layouts Interactions Groups
  17. 17. CUSTOM LAYOUTS 17 Style Layouts Interactions Groups
  18. 18. ANGLE MANAGEMENT 18 Style Layouts Interactions Groups
  19. 19. GROUP SEMANTIC 19 Style Layouts Interactions Groups
  20. 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. 21. Demo Synectique

×