Re: [Inkscape-devel] GSOC status report - Better support for SVG paints - Inkscape Devel

Re: [Inkscape-devel] GSOC status report - Better support for SVG paints

Tomasz Boczkowski

14 Jun 2014 14 Jun '14

11:06 a.m.

As you progress with converting existing dialogs to the TileView widget and adding new dialogs that use the widget, have a look at what behaviors should be common to all the dialogs. For example, I would think that users would want to control the size of the tile (as is done in the Symbols dialog).

I've noticed that symbols, patterns and swatches are very similar in the way they can be stored, rendered and presented to the user. They are all fragments of SVG documents, usually stored in /shared directory. When I finish implementing model for strong paints I'll see if it's usable for symbols. It seems to me much of the code can be shared.

In addition to symbols dialog, size of the tile and fitting into tile will be controlled in swatches dialog. TileView widget supports it. I have to choose what kind of UI to use for setting the size. Currently the symbols dialog uses buttons at the bottom, while existing swatches dialog provides menu with options to control the look. In addition to this, in my proposal [1] I sketched a dialog for TileView configuration, but now I see it using it would mean a lot of clicking.

[1] https://www.dropbox.com/s/vupc7hl7wwsxsj1/new_patterns_ui_3.png

Tomasz

Attachments:

attachment.htm (text/html — 2.7 KB)

Show replies by date

Tomasz Boczkowski

16 Jun 16 Jun

4:24 p.m.

New subject: GSOC status report - Better support for SVG paints

Week 4:

This time I had to do a couple of tasks for my university, so the development has slowed down a little bit.

I managed to integrate the TileView widget with symbols dialog. Screencast [1] shows the dialog in action.

Another task I was involved in was creating a model for storing paints. This one should allow grouping into categories, and manage such functions as reading the resource directory and reacting to the changes in current document. I also considered the possibility for the model to store any kind of previewable elements, including symbols. I had to do a few tries "from scratch", what took a lot of paper. The model will be ready tomorrow.

[1] https://www.dropbox.com/s/nn93i2cvdbnfk4y/symbols-dialog.mpeg

On Sat, Jun 14, 2014 at 1:06 PM, Tomasz Boczkowski <penginsbacon@...400...> wrote:

...

...
As you progress with converting existing dialogs to the TileView widget and adding new dialogs that use the widget, have a look at what behaviors should be common to all the dialogs. For example, I would think that users would want to control the size of the tile (as is done in the Symbols dialog).

I've noticed that symbols, patterns and swatches are very similar in the way they can be stored, rendered and presented to the user. They are all fragments of SVG documents, usually stored in /shared directory. When I finish implementing model for strong paints I'll see if it's usable for symbols. It seems to me much of the code can be shared.

In addition to symbols dialog, size of the tile and fitting into tile will be controlled in swatches dialog. TileView widget supports it. I have to choose what kind of UI to use for setting the size. Currently the symbols dialog uses buttons at the bottom, while existing swatches dialog provides menu with options to control the look. In addition to this, in my proposal [1] I sketched a dialog for TileView configuration, but now I see it using it would mean a lot of clicking.

[1] https://www.dropbox.com/s/vupc7hl7wwsxsj1/new_patterns_ui_3.png

Tomasz

Tomasz Boczkowski

23 Jun 23 Jun

8:05 p.m.

New subject: GSOC status report - Better support for SVG paints

Hi!

Now it's time to write about week 5 of GSOC.

I've implemented pattern preview in fill and stroke dialog. It loads pattern files from inkscape stock directories, displays as tiles and allows selection. The screenshots [1,2] show the widget in action.

Regards, Tomasz

[1] https://www.dropbox.com/s/4c88d2qkb7s8yfq/pattern-selector.mpeg [2] https://www.dropbox.com/s/kpbf9vqls5lxpf7/pattern_dialog_bg.png

On Mon, Jun 16, 2014 at 6:24 PM, Tomasz Boczkowski <penginsbacon@...400...> wrote:

...

Week 4:

This time I had to do a couple of tasks for my university, so the development has slowed down a little bit.

I managed to integrate the TileView widget with symbols dialog. Screencast [1] shows the dialog in action.

Another task I was involved in was creating a model for storing paints. This one should allow grouping into categories, and manage such functions as reading the resource directory and reacting to the changes in current document. I also considered the possibility for the model to store any kind of previewable elements, including symbols. I had to do a few tries "from scratch", what took a lot of paper. The model will be ready tomorrow.

[1] https://www.dropbox.com/s/nn93i2cvdbnfk4y/symbols-dialog.mpeg

On Sat, Jun 14, 2014 at 1:06 PM, Tomasz Boczkowski <penginsbacon@...400...

...
wrote:

...
...
As you progress with converting existing dialogs to the TileView widget and adding new dialogs that use the widget, have a look at what behaviors should be common to all the dialogs. For example, I would think that users would want to control the size of the tile (as is done in the Symbols dialog).

I've noticed that symbols, patterns and swatches are very similar in the way they can be stored, rendered and presented to the user. They are all fragments of SVG documents, usually stored in /shared directory. When I finish implementing model for strong paints I'll see if it's usable for symbols. It seems to me much of the code can be shared.

In addition to symbols dialog, size of the tile and fitting into tile will be controlled in swatches dialog. TileView widget supports it. I have to choose what kind of UI to use for setting the size. Currently the symbols dialog uses buttons at the bottom, while existing swatches dialog provides menu with options to control the look. In addition to this, in my proposal [1] I sketched a dialog for TileView configuration, but now I see it using it would mean a lot of clicking.

[1] https://www.dropbox.com/s/vupc7hl7wwsxsj1/new_patterns_ui_3.png

Tomasz

Jabiertxo Arraiza Cenoz

8:29 p.m.

New subject: GSOC status report - Better support for SVG paints

Great!

El lun, 23-06-2014 a las 22:05 +0200, Tomasz Boczkowski escribió:

...

Hi!

Now it's time to write about week 5 of GSOC.

I've implemented pattern preview in fill and stroke dialog. It loads pattern files from inkscape stock directories, displays as tiles and allows selection. The screenshots [1,2] show the widget in action.

Regards, Tomasz

[1] https://www.dropbox.com/s/4c88d2qkb7s8yfq/pattern-selector.mpeg [2] https://www.dropbox.com/s/kpbf9vqls5lxpf7/pattern_dialog_bg.png

On Mon, Jun 16, 2014 at 6:24 PM, Tomasz Boczkowski <penginsbacon@...1063....> wrote:

...
Week 4:

This time I had to do a couple of tasks for my university, so the development has slowed down a little bit.

I managed to integrate the TileView widget with symbols dialog. Screencast [1] shows the dialog in action.

Another task I was involved in was creating a model for storing paints. This one should allow grouping into categories, and manage such functions as reading the resource directory and reacting to the changes in current document. I also considered the possibility for the model to store any kind of previewable elements, including symbols. I had to do a few tries "from scratch", what took a lot of paper. The model will be ready tomorrow.

[1] https://www.dropbox.com/s/nn93i2cvdbnfk4y/symbols-dialog.mpeg

On Sat, Jun 14, 2014 at 1:06 PM, Tomasz Boczkowski <penginsbacon@...2179......

...
wrote:

...
...
As you progress with converting existing dialogs to the TileView widget and adding new dialogs that use the widget, have a look at what behaviors should be common to all the dialogs. For example, I would think that users would want to control the size of the tile (as is done in the Symbols dialog).

I've noticed that symbols, patterns and swatches are very similar in the way they can be stored, rendered and presented to the user. They are all fragments of SVG documents, usually stored in /shared directory. When I finish implementing model for strong paints I'll see if it's usable for symbols. It seems to me much of the code can be shared.

In addition to symbols dialog, size of the tile and fitting into tile will be controlled in swatches dialog. TileView widget supports it. I have to choose what kind of UI to use for setting the size. Currently the symbols dialog uses buttons at the bottom, while existing swatches dialog provides menu with options to control the look. In addition to this, in my proposal [1] I sketched a dialog for TileView configuration, but now I see it using it would mean a lot of clicking.

[1] https://www.dropbox.com/s/vupc7hl7wwsxsj1/new_patterns_ui_3.png

Tomasz

HPCC Systems Open Source Big Data Platform from LexisNexis Risk Solutions Find What Matters Most in Your Big Data with HPCC Systems Open Source. Fast. Scalable. Simple. Ideal for Dirty Data. Leverages Graph Analysis for Fast Processing & Easy Data Exploration http://p.sf.net/sfu/hpccsystems _______________________________________________ Inkscape-devel mailing list Inkscape-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-devel

Martin Owens

24 Jun 24 Jun

3:02 a.m.

New subject: GSOC status report - Better support for SVG paints

Hi Tomasz,

Thanks for posting the video and screenshot, these help a lot and I wanted to give you a user interface review. I like the icons and these show the patterns much better than the old drop down.

Because 'current Document' and 'patterns' have exclusive options, they are more properly expressed using a tab pattern. Those expanders are most often used in gnome for setting categories which are non-exclusive and thus one must have access to all of them in one stream.

The symbols dialog contains the closest match with it's 'current document' and then other sources for symbols as categories available in a dropdown.

But, if there is only going to be two entries (current document vs other patterns) I would:

a) Copy the solid fill ui with it's use of tabs b) use text labels instead of icons (like you are now) c) Select current document if it has any patterns d) or Select the "other patterns" by default instead

If we plan to have multiple collections of patterns, then a drop down will be better as the user could expand the available set of patterns.

Hope this is helpful.

Best Regards, Martin Owens

On Mon, 2014-06-23 at 22:05 +0200, Tomasz Boczkowski wrote:

...

Hi!

Now it's time to write about week 5 of GSOC.

Regards, Tomasz

[1] https://www.dropbox.com/s/4c88d2qkb7s8yfq/pattern-selector.mpeg [2] https://www.dropbox.com/s/kpbf9vqls5lxpf7/pattern_dialog_bg.png

On Mon, Jun 16, 2014 at 6:24 PM, Tomasz Boczkowski <penginsbacon@...400...> wrote: Week 4:

    This time I had to do a couple of tasks for my university, so
    the development has slowed down a little bit.


    I managed to integrate the TileView widget with symbols
    dialog. Screencast [1] shows the dialog in action.


    Another task I was involved in was creating a model for
    storing paints. This one should allow grouping
    into categories, and manage such functions as reading the
    resource directory and reacting to the changes
    in current document. I also considered the possibility for the
    model to store any kind of previewable elements,
    including symbols. I had to do a few tries "from scratch",
    what took a lot of paper. The model will be ready tomorrow.


    [1] https://www.dropbox.com/s/nn93i2cvdbnfk4y/symbols-dialog.mpeg


    On Sat, Jun 14, 2014 at 1:06 PM, Tomasz Boczkowski
    <penginsbacon@...400...> wrote:
            > As you progress with converting existing dialogs to
            the TileView widget
            > and adding new dialogs that use the widget, have a
            look at what
            > behaviors should be common to all the dialogs. For
            example, I would
            > think that users would want to control the size of
            the tile (as is done
            > in the Symbols dialog).


            I've noticed that symbols, patterns and swatches are
            very similar in the
            way they can be stored, rendered and presented to the
            user. They are 
            all fragments of SVG documents, usually stored
            in /shared directory.
            When I finish implementing model for strong paints
            I'll see if it's usable
            for symbols. It seems to me much of the code can be
            shared.


            In addition to symbols dialog, size of the tile and
            fitting into tile will
            be controlled in swatches dialog. TileView widget
            supports it. 
            I have to choose what kind of UI to use for setting
            the size. Currently
            the symbols dialog uses buttons at the bottom, while
            existing 
            swatches dialog provides menu with options to control
            the look.
            In addition to this, in my proposal [1] I sketched a
            dialog for TileView
            configuration, but now I see it using it would mean a
            lot of clicking.


            [1] https://www.dropbox.com/s/vupc7hl7wwsxsj1/new_patterns_ui_3.png


            Tomasz

HPCC Systems Open Source Big Data Platform from LexisNexis Risk Solutions Find What Matters Most in Your Big Data with HPCC Systems Open Source. Fast. Scalable. Simple. Ideal for Dirty Data. Leverages Graph Analysis for Fast Processing & Easy Data Exploration http://p.sf.net/sfu/hpccsystems _______________________________________________ Inkscape-devel mailing list Inkscape-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-devel

Tomasz Boczkowski

12:07 p.m.

New subject: GSOC status report - Better support for SVG paints

Hi!

Thank you for the review.

The use of multiple collections of patterns is planned and partially implemented. The name "pattens" is taken from SVG file name. As for the use of expanders, I would like to keep consistency with new swatches UI, that is also part of my project [1]. There the categories are not exclusive. The user might want to use multiple palletes (eg. blues and greens) at the same time.

[1] https://www.dropbox.com/s/7nbg1uzk1sal2kn/new_swatches_ui.png

Regards, Tomasz

On Tue, Jun 24, 2014 at 5:02 AM, Martin Owens <doctormo@...400...> wrote:

...

Hi Tomasz,

Thanks for posting the video and screenshot, these help a lot and I wanted to give you a user interface review. I like the icons and these show the patterns much better than the old drop down.

Because 'current Document' and 'patterns' have exclusive options, they are more properly expressed using a tab pattern. Those expanders are most often used in gnome for setting categories which are non-exclusive and thus one must have access to all of them in one stream.

The symbols dialog contains the closest match with it's 'current document' and then other sources for symbols as categories available in a dropdown.

But, if there is only going to be two entries (current document vs other patterns) I would:

a) Copy the solid fill ui with it's use of tabs b) use text labels instead of icons (like you are now) c) Select current document if it has any patterns d) or Select the "other patterns" by default instead

If we plan to have multiple collections of patterns, then a drop down will be better as the user could expand the available set of patterns.

Hope this is helpful.

Best Regards, Martin Owens

On Mon, 2014-06-23 at 22:05 +0200, Tomasz Boczkowski wrote:

...
Hi!

Now it's time to write about week 5 of GSOC.

I've implemented pattern preview in fill and stroke dialog. It loads pattern files from inkscape stock directories, displays as tiles and allows selection. The screenshots [1,2] show the widget in action.

Regards, Tomasz

[1] https://www.dropbox.com/s/4c88d2qkb7s8yfq/pattern-selector.mpeg [2] https://www.dropbox.com/s/kpbf9vqls5lxpf7/pattern_dialog_bg.png

On Mon, Jun 16, 2014 at 6:24 PM, Tomasz Boczkowski <penginsbacon@...400...> wrote: Week 4:
    This time I had to do a couple of tasks for my university, so
    the development has slowed down a little bit.


    I managed to integrate the TileView widget with symbols
    dialog. Screencast [1] shows the dialog in action.


    Another task I was involved in was creating a model for
    storing paints. This one should allow grouping
    into categories, and manage such functions as reading the
    resource directory and reacting to the changes
    in current document. I also considered the possibility for the
    model to store any kind of previewable elements,
    including symbols. I had to do a few tries "from scratch",
    what took a lot of paper. The model will be ready tomorrow.


    [1]
https://www.dropbox.com/s/nn93i2cvdbnfk4y/symbols-dialog.mpeg

...
    On Sat, Jun 14, 2014 at 1:06 PM, Tomasz Boczkowski
    <penginsbacon@...400...> wrote:
            > As you progress with converting existing dialogs to
            the TileView widget
            > and adding new dialogs that use the widget, have a
            look at what
            > behaviors should be common to all the dialogs. For
            example, I would
            > think that users would want to control the size of
            the tile (as is done
            > in the Symbols dialog).


            I've noticed that symbols, patterns and swatches are
            very similar in the
            way they can be stored, rendered and presented to the
            user. They are
            all fragments of SVG documents, usually stored
            in /shared directory.
            When I finish implementing model for strong paints
            I'll see if it's usable
            for symbols. It seems to me much of the code can be
            shared.


            In addition to symbols dialog, size of the tile and
            fitting into tile will
            be controlled in swatches dialog. TileView widget
            supports it.
            I have to choose what kind of UI to use for setting
            the size. Currently
            the symbols dialog uses buttons at the bottom, while
            existing
            swatches dialog provides menu with options to control
            the look.
            In addition to this, in my proposal [1] I sketched a
            dialog for TileView
            configuration, but now I see it using it would mean a
            lot of clicking.


            [1]
https://www.dropbox.com/s/vupc7hl7wwsxsj1/new_patterns_ui_3.png

...
            Tomasz
...
HPCC Systems Open Source Big Data Platform from LexisNexis Risk Solutions Find What Matters Most in Your Big Data with HPCC Systems Open Source. Fast. Scalable. Simple. Ideal for Dirty Data. Leverages Graph Analysis for Fast Processing & Easy Data Exploration http://p.sf.net/sfu/hpccsystems _______________________________________________ Inkscape-devel mailing list Inkscape-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-devel

Martin Owens

1:03 p.m.

New subject: GSOC status report - Better support for SVG paints

On Tue, 2014-06-24 at 14:07 +0200, Tomasz Boczkowski wrote:

...

The use of multiple collections of patterns is planned and partially implemented. The name "pattens" is taken from SVG file name. As for the use of expanders, I would like to keep consistency with new swatches UI, that is also part of my project [1]. There the categories are not exclusive. The user might want to use multiple palletes (eg. blues and greens) at the same time.

I understand, although the UI for both is less ideal, especially when there is no default opened.

I wonder what UI pattern would do both.

Martin,

Tomasz Boczkowski

27 Jun 27 Jun

5:49 p.m.

New subject: GSOC status report - Better support for SVG paints

I've implemented the look and feel options that were planned in project proposal. [1] Now there are three view modes: * list, showing tiles with labels divided into categories * grid, presenting only preview tiles contiguously * tree, presenting preview tiles divided into categories

There can be more pattern files in inkscape stock directories. Each of them is shown as a category. The categories are opened by default. Hovewer the user can close some of them.

[1] https://www.dropbox.com/s/ezd82tfcb5zo0x6/pattern-selector-2.mpeg

Tomasz

Josh Andler

6:19 p.m.

New subject: GSOC status report - Better support for SVG paints

Great work Tomasz! One quick suggestion, please add Black to the options for background color. :)

Cheers, Josh

On Fri, Jun 27, 2014 at 10:49 AM, Tomasz Boczkowski <penginsbacon@...400...> wrote:

...

I've implemented the look and feel options that were planned in project proposal. [1] Now there are three view modes:

list, showing tiles with labels divided into categories

grid, presenting only preview tiles contiguously

tree, presenting preview tiles divided into categories

There can be more pattern files in inkscape stock directories. Each of them is shown as a category. The categories are opened by default. Hovewer the user can close some of them.

[1] https://www.dropbox.com/s/ezd82tfcb5zo0x6/pattern-selector-2.mpeg

Tomasz

Open source business process management suite built on Java and Eclipse Turn processes into business applications with Bonita BPM Community Edition Quickly connect people, data, and systems into organized workflows Winner of BOSSIE, CODIE, OW2 and Gartner awards http://p.sf.net/sfu/Bonitasoft _______________________________________________ Inkscape-devel mailing list Inkscape-devel@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-devel

Tavmjong Bah

6:35 p.m.

New subject: GSOC status report - Better support for SVG paints

On Fri, 2014-06-27 at 11:19 -0700, Josh Andler wrote:

...

Great work Tomasz!

...

One quick suggestion, please add Black to the options for background color. :)

Tav

Martin Owens

7:23 p.m.

New subject: GSOC status report - Better support for SVG paints

On Fri, 2014-06-27 at 19:49 +0200, Tomasz Boczkowski wrote:

...

I've implemented the look and feel options that were planned in project proposal. [1] Now there are three view modes:

list, showing tiles with labels divided into categories

grid, presenting only preview tiles contiguously

tree, presenting preview tiles divided into categories

Nice work Tomasz!

Martin,

3590

Age (days ago)

3603

Last active (days ago)

List overview

Download

10 comments

5 participants

tags (0)

participants (5)

Jabiertxo Arraiza Cenoz
Josh Andler
Martin Owens
Tavmjong Bah
Tomasz Boczkowski