Advantages of Hiring UIUX Design Service Providers for Your Business
Seasprint2012ploneconferencereportout
1. SEA SPRINT 2012
Plone Conference 2012 Report Out
Chris Calloway, Andrew Leeb, Ian Anderson, Timo Stollenwerk
University of North Carolina at Chapel Hill
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 Patterson
Maurizio Delmonte Jeremy Phillips
Cris Ewing Serge Renfer
Patrick Gerken Asko Soukka
Matthew Hamilton Eric Steele
Dan Jacka Ulrich Stockschlaeder
Andreas Jung
6. CREDITS:
Participants
Gonzalo 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)
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. • 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. • There was no js test coverage
• plone.app.deco unit tests out of date
• More than half of the team worked on testing
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. • 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/
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. 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. 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. Potential Issues
• Introduction of more complexity in theme
• Introduction of (more) iframes
• Context can be lost
• Potential for impacting accessability
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.
Editor's Notes
\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