Skip to content

Banjo – progress report

June 13, 2009

Eric Steele and I have been making steady progress towards a working web-based tool for making theming Plone sites with Deliverance easier. The tool is called Banjo and is designed for non-technical persons who want to take a pre-existing HTML/CSS website design and make it work with Plone without touching the code.

Here’s the latest screencast:

[blip.tv ?posts_id=2248997&dest=-1]

In the previous screencast, we showed how you can click on elements in the content and theme panes, and identify the CSS selector representing that element. After brainstorming on the UI for how to do the actually mapping, we came up with a simple solution for now.

Step 1: Choose the source element

  1. Click on an element in the content pane – a dialog box appears
  2. Select which action you want to perform on that element
  3. Check off if you want to perform that action on the children of the element
  4. Click confirm

Step 2: Choose the destination element

  1. Click on an element in the theme pane – a dialog box appears
  2. Confirm which element you want to map
  3. Check off if you want to perform that action on the children of the element.

Future: Drag-n-drop UI

Eventually, we’d like to build a drag-n-drop interface so that you could just click and element in the content pane, hold the mouse down and drop it onto an element in the theme pane by releasing the mouse button. Then a dialog box like this would appear:

As always, feedback is very welcome. You can join the Banjo mailing list to join in on the conversation and download the buildout if you want to try it out.

By the way, in case you’re interested, these wireframes were created with OmniGraffle using the Yahoo! Design Stencil Kit, which I highly recommend. The SimpleWireFrame stencil is also really good.

3 Comments leave one →
  1. June 13, 2009 6:42 pm

    Very cool, Banjo is coming along nicely!

  2. Ian F. Hood permalink
    June 14, 2009 3:16 am

    Good work, I like where you’re going!

  3. January 27, 2010 2:48 am

    Is it just me or are the screenshot images broken??
    Getting 404 errors.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: