SEA SPRINT 2012          Plone Conference 2012 Report OutChris Calloway, Andrew Leeb, Ian Anderson, Timo Stollenwerk    Un...
CREDITS:Individual Sponsors Gonzalo Almieda      Philip Bauer   Elizabeth Leddy Gildardo Bautista   Stephen McMahon   Chri...
CREDITS:Platinum Corporate Sponsor
CREDITS:Gold Corporate Sponsors
CREDITS:Silver Corporate Sponsors
CREDITS:  ParticipantsGonzalo Almieda (flecox)Ian Anderson (ianderso)Chris Calloway (cbcunc)Cris Ewing (cewing)Rok Garbas (...
CREDITS:Remote ParticipantsEd ManloveThe Cafecito Sprint TeamUCLA OIT
SPRINT ORGANIZATION:      Total Budget$13,500 USD
SPRINT ORGANIZATION:            Focused Topic•Most important key to a successful sprint•Game changer: Deco•Target: Plone 4.x
SPRINT ORGANIZATION:            Time And Place•Sprint, eat, sleep, sprint•Attractive location•Airport accessible•Good enou...
SPRINT ORGANIZATION:           Time And Place•Off-season availability•Prior to Plone Conference•Scheduled around other eve...
SPRINT ORGANIZATION:              Invitations•Examined repository activity for related packages•Deco, toobar, tiles, block...
SPRINT ORGANIZATION:              Fundraising•Chipin.com•Plone Foundation strategic sprint•Plone Foundation as financial ag...
SPRINT ORGANIZATION:               Logistics•Coactivate.org•Blog•Email lists•Wikis•To-do lists
SPRINT ORGANIZATION:                Logistics•Temporary housing•Airport pickups•Vans to Oak Island•Kick-off dinner•Meal se...
Sea Sprint Report out       Oak Island, NC        Sept 21 - 24
12 StepProgram
•   Focus on UI Implementation•   Prototype Layout Editor - lots and lots of Javascript•   Lots and lots of Javascript tes...
•   UI Team - consistency with editing•   Deco Layout Team - initial version with drop zones,    fixed width drop zones•   ...
• There was no js test coverage• plone.app.deco unit tests out of date• More than half of the team worked on testing
•   Functioning Layout Editor - arbitrary columns and rows•   Functioning Tiles - editing works, image stored on tile,    ...
• Flexible layouts, add/remove rows and  columns, resize as needed, add tiles.• Rearrange tiles as you wish, move content ...
The Problemhttp://www.ohloh.net/p/plone
Robot Framework●    Generic test automation framework●    Developed by Nokia Siemens●    Open Source●    Selenium Plugin f...
Acceptance Tests●    Keyword-driven●    Behavior-driven●    Data-driven
Robot Framework                  A c pa c                   c e tn e                    T ss                     et
Robot Framework                  A c pa c                   c e tn e                    T ss                     et
Robot Keywords for Plone http://ploneact.readthedocs.org/
Jenkins●    Windows / Linux /    Mac OS X●    Firefox / Chrome / IE
Javascript Unit Tests●    Testrunner    Integration●    Deco Unit Tests
Templer / ZopeSkel●    Tile●    plone_basic●    ...
Thoughts and Future    Directions
Future Directions• Remaining bugs in layout editor • no undo • smarter resizing columns• Further testing for layout editor...
Future Directions• Need more tiles • Replacement tiles for existing core    viewlets   • Migration path from portlets, vie...
Future Directions• Integration with Diazo theming• Toolbar Placement (with content, or at top)• Editing is now done in dif...
Potential Issues• Introduction of more complexity in theme• Introduction of (more) iframes • Context can be lost• Potentia...
Thoughts• We need to have a way of incorporating  new web technologies like Bootstrap into  Plone in a manageable, reprodu...
Seasprint2012ploneconferencereportout
Upcoming SlideShare
Loading in …5
×

Seasprint2012ploneconferencereportout

550 views
495 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
550
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • These 12 items were the result of a 3 hour planning session, after the kick-off dinner\nThese were narrowed down as the most important and achievable given the 2 day timeframe\nWell reasoned ambition - sprinters included people heavily involved with Deco/Tiles development: \n Cris Ewing - UCLA tiles\n Rok Garbas - toolbar, deco\n David Glick - tiles\n Nathan Van Gheem - UI/JS/CSS\n Gonzalo Almeida - collective cover JS/CSS\n\n
  • This is an overview of the topics that were worked on during the sprint, or required special attention\n\n\n\n\n\n\n
  • Day 1 Report Out Summary\nVideo conference was set up for the UI sprinters to discuss editing experience\nDeco’s layout interface\nModal popups\nTile editing vs current editing interface\n\nKeep Deco’s JS and CSS resources separate from the site frontend - iframes\nReimplement drag and drop for rows and columns in the layout editor - Rob Gietema’s implementation automatically created rows and columns if tile near edge of row or column. However, it was discovered that users were inadvertently creating layouts when they didn’t want to. Also, no way to separate out permissions (layout creation, tile placement). collective.cover - separates arranging layout from placing tiles, but can’t handle dragging between multiple iframes, uses jquery ui drag-and-drop, which is too big and does not perform well (according to Rok)\n\nNew implementation has ideas from both older version of Deco and collective.cover\n\nRok fixed toolbar, TinyMCE\n\nIan and myself fixed, reimplemented Image Tile\n\n\n
  • \n
  • Day 2 Report Out Summary\n\nlayout editor rows and columns, resizable, tiles can be moved between rows & columns\n\nimage tile traversal issue solved, editing image solved by whitelisting elements so button clicks don’t get swallowed, custom image widget\n\ntile urls fixed, will work with VHM\n\n\n\nshow demo here David Glick’s demo http://www.screencast.com/t/1BFjd89Xio\n\n
  • example.tile package\nzopeskel template for creating tiles\nbuster-selenium - BusterJS tests run alongside Python unit tests via zope.testrunner\n14 acceptance tests yesterday p.a.toolbar\n12 on p.a.deco\nMost of deco is covered now 41 tests!\n\nremoved useless controlpanel for p.a.deco\n\nAccomplished by 14 Plone developers in 36 hours - 18 hours Saturday and Sunday.\n\n\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Seasprint2012ploneconferencereportout

    1. 1. SEA SPRINT 2012 Plone Conference 2012 Report OutChris Calloway, Andrew Leeb, Ian Anderson, Timo Stollenwerk University of North Carolina at Chapel Hill
    2. 2. CREDITS:Individual Sponsors Gonzalo Almieda Philip Bauer Elizabeth Leddy Gildardo Bautista Stephen McMahon Chris Calloway Alec Mitchell Enzo Cesanelli Calvin Hendryx-Parker Thiago Curvelo Ross PattersonMaurizio Delmonte Jeremy Phillips Cris Ewing Serge Renfer Patrick Gerken Asko SoukkaMatthew Hamilton Eric Steele Dan Jacka Ulrich Stockschlaeder Andreas Jung
    3. 3. CREDITS:Platinum Corporate Sponsor
    4. 4. CREDITS:Gold Corporate Sponsors
    5. 5. CREDITS:Silver Corporate Sponsors
    6. 6. CREDITS: ParticipantsGonzalo Almieda (flecox)Ian Anderson (ianderso)Chris Calloway (cbcunc)Cris Ewing (cewing)Rok Garbas (garbas)Nathan Van Gheem (vangheem)Rob Gietema (robgietema)David Glick (davisagli)Calvin Hendryx-Parker (calvinhp)Andrew Leeb (ableeb)Clayton Parker (claytron)Ross Patterson (rpatterson)Eric Steele (esteele)Timo Stollenwerk (tisto)
    7. 7. CREDITS:Remote ParticipantsEd ManloveThe Cafecito Sprint TeamUCLA OIT
    8. 8. SPRINT ORGANIZATION: Total Budget$13,500 USD
    9. 9. SPRINT ORGANIZATION: Focused Topic•Most important key to a successful sprint•Game changer: Deco•Target: Plone 4.x
    10. 10. SPRINT ORGANIZATION: Time And Place•Sprint, eat, sleep, sprint•Attractive location•Airport accessible•Good enough network
    11. 11. SPRINT ORGANIZATION: Time And Place•Off-season availability•Prior to Plone Conference•Scheduled around other events
    12. 12. SPRINT ORGANIZATION: Invitations•Examined repository activity for related packages•Deco, toobar, tiles, blocks, CMSUI, collective.cover
    13. 13. SPRINT ORGANIZATION: Fundraising•Chipin.com•Plone Foundation strategic sprint•Plone Foundation as financial agent•Plone News•Planet Plone
    14. 14. SPRINT ORGANIZATION: Logistics•Coactivate.org•Blog•Email lists•Wikis•To-do lists
    15. 15. SPRINT ORGANIZATION: Logistics•Temporary housing•Airport pickups•Vans to Oak Island•Kick-off dinner•Meal service
    16. 16. Sea Sprint Report out Oak Island, NC Sept 21 - 24
    17. 17. 12 StepProgram
    18. 18. • Focus on UI Implementation• Prototype Layout Editor - lots and lots of Javascript• Lots and lots of Javascript testing - coverage reports, linting, acceptance tests• zope.testbrowser had no javascript support• plone.app.toolbar - use first version• plone.app.deco - out of date tests• plone.app.imagetile• plone.app.texttile
    19. 19. • UI Team - consistency with editing• Deco Layout Team - initial version with drop zones, fixed width drop zones• Toolbar - overlays, iframes oh my!• Text Tile - TinyMCE loading serial reuse issue• Image Tile - image shows, but is not editable, traversal issues, no scaling, notifies ContentModified• Testing - unit tests, BusterJS integration, coverage, robotframework coverage
    20. 20. • There was no js test coverage• plone.app.deco unit tests out of date• More than half of the team worked on testing
    21. 21. • Functioning Layout Editor - arbitrary columns and rows• Functioning Tiles - editing works, image stored on tile, TinyMCE loads correctly every time• Jenkins grid for Selenium, Windows VMs for multiple IE• Test coverage for Deco javascript nearly 100%!• Buster.JS integration with zope testrunner - no excuses• Documentation - cull out of date, aggregate docs via Sphinx from packages: tiles, deco, toolbar, blocks, panels, layout. Docs dev + narrative are at github/buildout.deco
    22. 22. • Flexible layouts, add/remove rows and columns, resize as needed, add tiles.• Rearrange tiles as you wish, move content from one area to another.• http://www.coactivate.org/projects/sea- sprint-2012/blog/
    23. 23. The Problemhttp://www.ohloh.net/p/plone
    24. 24. Robot Framework● Generic test automation framework● Developed by Nokia Siemens● Open Source● Selenium Plugin for browser tests
    25. 25. Acceptance Tests● Keyword-driven● Behavior-driven● Data-driven
    26. 26. Robot Framework A c pa c c e tn e T ss et
    27. 27. Robot Framework A c pa c c e tn e T ss et
    28. 28. Robot Keywords for Plone http://ploneact.readthedocs.org/
    29. 29. Jenkins● Windows / Linux / Mac OS X● Firefox / Chrome / IE
    30. 30. Javascript Unit Tests● Testrunner Integration● Deco Unit Tests
    31. 31. Templer / ZopeSkel● Tile● plone_basic● ...
    32. 32. Thoughts and Future Directions
    33. 33. Future Directions• Remaining bugs in layout editor • no undo • smarter resizing columns• Further testing for layout editor • No drag and drop tests (yet)• Testing for tiles - Templer!!!
    34. 34. Future Directions• Need more tiles • Replacement tiles for existing core viewlets • Migration path from portlets, viewlets • Replace portlet machinery with Deco theme editor/tile mechanics
    35. 35. Future Directions• Integration with Diazo theming• Toolbar Placement (with content, or at top)• Editing is now done in different ways based upon Deco or Dexterity.• Metadata is un-editable on a Deco page.
    36. 36. Potential Issues• Introduction of more complexity in theme• Introduction of (more) iframes • Context can be lost• Potential for impacting accessability
    37. 37. Thoughts• We need to have a way of incorporating new web technologies like Bootstrap into Plone in a manageable, reproducible way.• Deco brings about a new way of interacting with the layout of a Deco page, and the ability to make items like landing pages in a very interactive way.

    ×