Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Tag UI for the keyboard-phobic

0 views
Skip to first unread message

Ian Pottinger

unread,
Feb 15, 2006, 3:59:20 AM2/15/06
to
Hi all,

I've been following the discussion here on moving Firefox's bookmarking
system toward tagging with both excitement and trepidation.

I'm a mouse-coholic! I spend no less that 10 hours a day in the
browser. I work in the browser. I play in the browser. Yet despite
that, I would be hard pressed to remember any of Firefox's or IE's
keyboard shortcuts beyond cut/copy/paste. I hate using the keyboard and
have configure my browser accordingly. This includes adding "Go" and
"Search" buttons for dragged-&-dropped text selections and a very
carefully designed hierarchy of bookmark folders for dragged-&-dropped
URLs. I very rarely use URL autocomplete, preferring instead the
bookmark toolbar and history sidebar.

I've used tagging systems and I love Love LOVE the functionality but I
have yet to come across a tagging UI that allows me to manage and use
tags easily with only a mouse. So, I decided to mock up my own dream
tagging system for the hierarchically minded keyboard-phobic. I hope to
try my hand at developing an extension that integrates this into Places.

I would love some feedback, so please feel free to comment.

Thanks,
Ian


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
###### ######## ## ########## ##########
###### ######## ## ########## ##########
## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ##
## ## ######## ########## ###### ##
## ## ######## ########## ###### ##
## ## ## ## ## ## ## ##
## ## ## ## ## ## ## ##
###### ## ## ## ## ## ##
###### ## ## ## ## ## ##
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Name: Mouse-friendly Tagging Extension UI for Mozilla Firefox 2.0
Version: Draft 0.1 - February 15, 2006
Author: Ian Pottinger
Licence: Creative Commons
: Attribution-NonCommercial-ShareAlike 2.5 Canada
: http://creativecommons.org/licenses/by-nc-sa/2.5/ca/
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Table of Content

1 Placemark Management - Tags
1-a Tags Tab
1-b1 Add Placemark Dialogue - Simple mode
1-b2 Add Placemark Dialogue - Advance mode
1-c1 Properties for "Placemark" Dialogue - Simple mode
1-c2 Properties for "Placemark" Dialogue - Advance mode

1.1 Create (Add) Tagged Placemark
1.2 Create (Add) Untagged Placemark
1.3 Move (Edit) Untagged Placemark
1.4 Copy (Edit) Tagged Placemark
1.5 Filter (Search) Placemarks

2 Placemark Management - Filters
2-a Filter Tab
2-b1 Add Filter Dialogue - Simple mode
2-b2 Add Filter Dialogue - Advance mode
2-c1 Properties for "Filter" Dialogue - Simple mode

2.1 Placemark Filter Sample Data
2.2 Create (Add) Placemark Filter
2.3 Child Filters (subfilters)
2.4 Empty Filters


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
1 Placemark Management - Tags
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* below is the UI to add and edit placemarks, hopefully integrable with
the eventual Places UI.
tabs
+---------------------------------------/----------------+ textfield
| Placemarks Manager / | with
+-------------------------------------/------------------+ /embedded
| +-----------+ +-----------+ /__/ |/ dropdown-
| | Tags | | Filters | \ / menu
+-+ +-+-----------+---------------------------/+
| / |
| [v+----------------+_____ /_]|
|+----------------------------| Name |-----/--+|
|| Name | |==Tag===========| /__/ []|| <-- column
|+----------------------------| Name or Tag |-\------+| selector
||[-] PLACEMARK TAGS | Location | ||
|| | | Keyword | ||
|| +-[-] TAG1 | Description | || TAG1
|| | | +----------------+ || TAG1
|| | +---- place1 TAG1 || TAG1
|| | || TAG1
|| +-[-] TAG2 || TAG2
|| | | || TAG2
|| | +-[-] TAG1 || TAG1-TAG2
|| | | | || TAG1-TAG2
|| | | +---- place2 TAG1 TAG2 || TAG1-TAG2
|| | | || TAG1-TAG2
|| | +---- place3 TAG2 || TAG2
|| | || TAG2
|| +-[-] TAG3 || TAG3
|| | || TAG3
|| +---- place4 TAG3 /__ || TAG3
|| \ \ || TAG3
|| \ || \___ ___/
|+------------------------------------------------\-----+| v
+--------------------------------------------------\-----+ row's active
1-a Tags Tab tree tab-group

+-----------------------------------+
| Add Placemark |
+-----------------------------------+
| |
| Name: [_____________________] | <-- textfield
| |
| Location: [_____________________] |
| |
| [ ] Tags: [XXXXXXXXXXXXXXXXXXXXX] | <-- unchecked checkbox with
| | grouped disabled textfield
| |
| [ Advance ] [ OK ] [ Cancel ] | <-- control buttons
+-----------------------------------+
1-b1 Add Placemark Dialogue - Simple mode

+-----------------------------------+
| Add Placemark |
+-----------------------------------+
| |
| Name: [_____________________] |
| |
| Location: [_____________________] |
| |
| Keyword: [_____________________] |
| |
| --Tags--------------------------- |
| |
| Available Selected |
| +-----------+ +-----------+ | <-- select options boxes
| | ^| | ^| |
| | | [-->] | | | <--+
| | | [<--] | | | |
| | v| | v| | added (new) tags are
| +-----------+ +-----------+ | move to "Selected"
| | |
| [ Add ] [___________] | ---+
| |
| --------------------------------- | (NOTE: tags not utilized by
| | any placemarks (new or unique
| Description: | tags moved to "Available") will
| +-------------------------------+ | be lost upon dialogue dismissal)
| | ^| |
| | | | <-- textarea
| | v| |
| +-------------------------------+ |
| |
| |
| [ Simple ] [ OK ] [ Cancel ] |
+-----------------------------------+
1-b2 Add Placemark Dialogue - Advance mode

+-----------------------------------+
| Properties for "" |
+-----------------------------------+
| |
| Name: [__________________] |
| |
| Location: [__________________] |
| |
| Keyword: [__________________] |
| |
| Tags: [__________________] |
| |
| Description: +------------------+ |
| | ^| |
| | | |
| | v| |
| +------------------+ |
| |
| |
| [ Advance ] [ OK ] [ Cancel ] |
+-----------------------------------+
1-c1 Properties for "Placemark" - Simple mode

+-----------------------------------+
| Properties for "" |
+-----------------------------------+
| |
| Name: [_____________________] |
| |
| Location: [_____________________] |
| |
| Keyword: [_____________________] |
| |
| --Tags--------------------------- |
| |
| Available Selected |
| +-----------+ +-----------+ |
| | ^| | ^| |
| | | [-->] | | |
| | | [<--] | | |
| | v| | v| |
| +-----------+ +-----------+ |
| |
| [ Add ] [___________] |
| |
| --------------------------------- |
| |
| Description: |
| +-------------------------------+ |
| | ^| |
| | | |
| | v| |
| +-------------------------------+ |
| |
| |
| [ Simple ] [ OK ] [ Cancel ] |
+-----------------------------------+
1-c2 Properties for "Placemark" - Advance mode


~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
1.1 Create (Add) Tagged Placemark
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
* with the Add Placemark dialogue openned on a place by menuitem or
keyboard shortcut and manually adding tags to the Tags textfield
* without the Add Placemark dialogue by drag'n'drop of a place to any
area of an active tag-group in Placemark Manager. Placemark Manager
will auto-set the new placemark's Tags property to the tags of the
target tag-group

+-----------------------------------+
| Add Placemark |
+-----------------------------------+
| | drag "Yellowknife" place
| Name: [Yellowknife__________] | to TAGS > DISLIKE
| | (if they exist)
| Location: [_____________________] |
| | or open Add Placemark dialogue
| [x] Tags: [dIsLiKe______________] | <-- (check checkbox to enable
| | Tags textfield) and add
| | "dIsLiKe"
| [ Advance ] [ OK ] [ Cancel ] |
+-----------------------------------+
1.1-a1

+-----------------------------------+
| Add Placemark |
+-----------------------------------+ drag "bananas" place
| | to TAGS > FRUIT > YELLOW
| Name: [bananas______________] | or TAGS > YELLOW > FRUIT
| | (if they exist)
| Location: [_____________________] |
| | or open Add Placemark dialogue
| [x] Tags: [frUIt Yellow_________] | <-- (NOTE: checkbox and textfield
| | retain previous state/content)
| | and replaced "DISLIKE" with
| [ Advance ] [ OK ] [ Cancel ] | "frUIt Yellow"
+-----------------------------------+
1.1-a2

+--------------------------------------------------------+
| Placemarks Manager |
+--------------------------------------------------------+
| +-----------+ +-----------+ |
| | Tags | | Filters | |
+-+ +-+-----------+----------------------------+
| |
| [v:_________________________]|
|+------------------------------------------------------+|
|| Name | Tags []||
|+------------------------------------------------------+|
||[-] PLACEMARK TAGS ||
|| | ||
|| +-[-] DISLIKE || results of
|| | | || the two new
|| | +---- Yellowknife DISLIKE || placemarks
|| | || |
|| +-[-] FRUIT || <--+
|| | | ||
|| | +-[-] YELLOW ||
|| | | ||
|| | +---- bananas FRUIT YELLOW ||
|| | ||
|| +-[-] YELLOW ||
|| | ||
|| +-[-] FRUIT ||
|| | ||
|| +---- bananas FRUIT YELLOW ||
|| ||
|+------------------------------------------------------+|
+--------------------------------------------------------+
1.1-a3

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
1.2 Create (Add) Untagged Placemark
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
* with the Add Placemark dialogue openned on a place by menuitem or
keyboard shortcut and manually clear or disable the Tags textfield
* without the Add Placemark dialogue by drag'n'drop of a place to the
PLACEMARK TAGS, or any area outside the active tag-groups, in the
Placemark Manager tree

+-----------------------------------+
| Add Placemark |
+-----------------------------------+ drag "lemons" place
| | (if it exists)
| Name: [lemons_______________] | to PLACEMARK TAGS
| |
| Location: [_____________________] |
| | or open Add Placemark dialogue
| [ ] Tags: [frUItXYellowXXXXXXXXX] | <-- and clear or disable the Tags
| | textfield
| |
| [ Advance ] [ OK ] [ Cancel ] | (NOTE: a disabled textfield
+-----------------------------------+ retains its content)
1.2-a1

+--------------------------------------------------------+
| Placemarks Manager |
+--------------------------------------------------------+
| +-----------+ +-----------+ |
| | Tags | | Filters | |
+-+ +-+-----------+----------------------------+
| |
| [v:_________________________]|
|+------------------------------------------------------+|
|| Name | Tags []||
|+------------------------------------------------------+|
||[-] PLACEMARK TAGS ||
|| | ||
|| +-[-] DISLIKE ||
|| | | ||
|| | +---- Yellowknife DISKLIKE ||
|| | ||
|| +-[-] FRUIT ||
|| | | ||
|| | +-[-] YELLOW ||
|| | | ||
|| | +---- bananas FRUIT YELLOW ||
|| | ||
|| +-[-] YELLOW ||
|| | | ||
|| | +-[-] FRUIT ||
|| | | ||
|| | +---- bananas FRUIT YELLOW ||
|| | ||
|| +---- lemons ||
|| ||
|+------------------------------------------------------+|
+--------------------------------------------------------+
1.2-a2

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
1.3 Move (Edit) Untagged Placemark
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
* entails adding tags to the placemark's Tags property
* with the Placemark Properties dialogue openned on a placemark
by menuitem or keyboard shortcut and manually adding tags to
the Tags textfield
* without the Placemark Properties dialogue by drag'n'drop of a
placemark to any area of an active tag-group in the Placemark
Manager. The Placemark Manager will auto-set the content of
the placemark's Tags property to the tags of the target tag-group

+-----------------------------------+
| Properties for "lemon" |
+-----------------------------------+
| | drag a "lemon" placemark
| Name: [lemons____________] | to TAGS > FRUIT > YELLOW
| | or TAGS > YELLOW > FRUIT
| Location: [__________________] |
| |
| Keyword: [__________________] |
| | or open "lemon" placemark's
| Tags: [yellow fruit______] | <-- Properties dialogue and
| | added "yellow fruit"
| Description: +------------------+ |
| | ^| |
| | | |
| | v| |
| +------------------+ |
| |
| |
| [ Advance ] [ OK ] [ Cancel ] |
+-----------------------------------+
1.3-a1

+--------------------------------------------------------+
| Placemarks Manager |
+--------------------------------------------------------+
| +-----------+ +-----------+ |
| | Tags | | Filters | |
+-+ +-+-----------+----------------------------+
| |
| [v:_________________________]|
|+------------------------------------------------------+|
|| Name | Tags []||
|+------------------------------------------------------+|
||[-] PLACEMARK TAGS ||
|| | ||
|| +-[-] DISLIKE ||
|| | | ||
|| | +--- Yellowknife DISKLIKE ||
|| | ||
|| +-[-] FRUIT ||
|| | | ||
|| | +-[-] YELLOW ||
|| | | ||
|| | +---- bananas FRUIT YELLOW ||
|| | +---- lemons FRUIT YELLOW ||
|| | ||
|| +-[-] YELLOW ||
|| | ||
|| +-[-] FRUIT ||
|| | ||
|| +---- bananas FRUIT YELLOW ||
|| +---- lemons FRUIT YELLOW ||
|| ||
|+------------------------------------------------------+|
+--------------------------------------------------------+
1.3-a2

+-----------------------------------+
| Properties for "lemon" |
+-----------------------------------+
| | drag a "lemon" placemark
| Name: [lemons____________] | or TAGS > DISLIKE
| |
| Location: [__________________] |
| |
| Keyword: [__________________] |
| | or open "lemon" placemark's
| Tags: [dislike___________] | <-- Properties dialogue and
| | replace "FRUIT YELLOW"
| Description: +------------------+ | with "dislike"
| | ^| |
| | | |
| | v| |
| +------------------+ |
| |
| |
| [ Advance ] [ OK ] [ Cancel ] |
+-----------------------------------+
1.3-b1

+--------------------------------------------------------+
| Placemarks Manager |
+--------------------------------------------------------+
| +-----------+ +-----------+ |
| | Tags | | Filters | |
+-+ +-+-----------+----------------------------+
| |
| [v:_________________________]|
|+------------------------------------------------------+|
|| Name | Tags []||
|+------------------------------------------------------+|
||[-] PLACEMARK TAGS ||
|| | ||
|| +-[-] DISLIKE ||
|| | | ||
|| | +---- Yellowknife DISKLIKE ||
|| | +---- lemons DISKLIKE ||
|| | ||
|| +-[-] FRUIT ||
|| | | ||
|| | +-[-] YELLOW ||
|| | | ||
|| | +---- bananas FRUIT YELLOW ||
|| | ||
|| +-[-] YELLOW ||
|| | ||
|| +-[-] FRUIT ||
|| | ||
|| +---- bananas FRUIT YELLOW ||
|| ||
|+------------------------------------------------------+|
+--------------------------------------------------------+
1.3-b2

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
1.4 Copy (Edit) Tagged Placemark
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
* entails adding additional tags to the placemark's Tags property
* with the Placemark Properties dialogue openned on a placemark
by menuitem or keyboard shortcut and manually adding tags to
the Tags textfield
* without the Placemark Properties dialogue by cntrl-drag'n'drop of
a placemark to any area of an active tag-group in the Placemark
Manager. The Placemark Manager will auto-add any tags from the
target tag-group that is not currently among the contents of the
placemark's Tags property

+-----------------------------------+
| Properties for "lemons" |
+-----------------------------------+
| | cntrl-drag either "lemon"
| Name: [lemons____________] | placemark to TAGS > DISLIKE
| |
| Location: [__________________] |
| |
| Keyword: [__________________] |
| | or open "lemon" placemark's
| Tags: [UIT YELLOW dislike] | <-- Properties dialogue and
| | add "dislike"
| Description: +------------------+ |
| | ^| |
| | | |
| | v| |
| +------------------+ |
| |
| |
| [ Advance ] [ OK ] [ Cancel ] |
+-----------------------------------+
1.4-a1

+--------------------------------------------------------+
| Placemarks Manager |
+--------------------------------------------------------+
| +-----------+ +-----------+ |
| | Tags | | Filters | |
+-+ +-+-----------+----------------------------+
| |
| [v:_________________________]|
|+------------------------------------------------------+|
|| Name | Tags []||
|+------------------------------------------------------+|
||[-] PLACEMARK TAGS ||
|| | ||
|| +-[-] DISLIKE ||
|| | | ||
|| | +-[-] FRUIT ||
|| | | | ||
|| | | +-[-] YELLOW ||
|| | | | ||
|| | | +---- lemons DISLIKE FRUIT YELLOW ||
|| | | ||
|| | +-[-] YELLOW ||
|| | | | ||
|| | | +-[-] FRUIT ||
|| | | | ||
|| | | +---- lemons DISKLIKE FRUIT YELLOW ||
|| | | ||
|| | +--- Yellowknife DISKLIKE ||
|| | ||
|| +-[-] FRUIT ||
|| | | ||
|| | +-[-] YELLOW ||
|| | | ||
|| | +-[-] DISKLIKE ||
|| | | | ||
|| | | +---- lemons DISKLIKE FRUIT YELLOW ||
|| | | ||
|| | +---- bananas FRUIT YELLOW ||
|| | ||
|| +-[-] YELLOW ||
|| | ||
|| +-[-] FRUIT ||
|| | ||
|| +-[-] DISKLIKE ||
|| | | ||
|| | +---- lemons DISKLIKE FRUIT YELLOW ||
|| | ||
|| +---- bananas FRUIT YELLOW ||
|| ||
|+------------------------------------------------------+|
+--------------------------------------------------------+
1.4-a2

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
1.5 Filter (Search) Placemarks
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
* below is the minimal UI required to search placemarks
* add/move/copy behaviour described above remain unchanged
when a search is applied

+--------------------------------------------------------+
| Placemarks Manager |
+--------------------------------------------------------+
| +-----------+ +-----------+ |
| | Tags | | Filters | |
+-+ +-+-----------+----------------------------+
| |
| [v:yellow___________________]| ---+
|+------------------------------------------------------+| |
|| Name | Tags []|| V
|+------------------------------------------------------+| results of
||[-] PLACEMARK TAGS || Nane or Tag
|| | || Search
|| +-[-] DISLIKE || |
|| | | || <--+
|| | +-[-] FRUIT ||
|| | | | ||
|| | | +-[-] YELLOW ||
|| | | | ||
|| | | +---- lemons DISLIKE FRUIT YELLOW ||
|| | | ||
|| | +-[-] YELLOW ||
|| | | | ||
|| | | +-[-] FRUIT ||
|| | | | ||
|| | | +---- lemons DISKLIKE FRUIT YELLOW ||
|| | | ||
|| | +--- Yellowknife DISKLIKE ||
|| | ||
|| +-[-] FRUIT ||
|| | | ||
|| | +-[-] YELLOW ||
|| | | ||
|| | +-[-] DISKLIKE ||
|| | | ||
|| | +---- lemons DISKLIKE FRUIT YELLOW ||
|| | ||
|| +-[-] YELLOW ||
|| | ||
|| +-[-] FRUIT ||
|| | ||
|| +-[-] DISKLIKE ||
|| | ||
|| +---- lemons DISKLIKE FRUIT YELLOW ||
|| ||
|+------------------------------------------------------+|
+--------------------------------------------------------+
1.5-a

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
2 Placemark Management - Filters
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
* below is the UI to create and modify Placemarks Filters
* filter rules use a similar syntax as Google's GMail Filters

+--------------------------------------------------------+
| Placemarks Manager |
+--------------------------------------------------------+
| +-----------+ +-----------+ |
| | Tags | | Filters | |
+-+-----------+-+ +----------------------------+
| |
|[ New ] [v:_________________________]|
|+------------------------------------------------------+|
|| Name | Tags []||
|+------------------------------------------------------+|
||[-] PLACEMARKS FILTERS ||
|| | ||
|| +-[-] PERSONAL TOOLBAR ||
|| ||
|+------------------------------------------------------+|
+--------------------------------------------------------+
2-a Filter Tab

+-----------------------------------+
| Add Filter |
+-----------------------------------+
| |
| Name: [_____________________] |
| |
| Rule: [_____________________] |
| |
| |
| [ Advance ] [ OK ] [ Cancel ] |
+-----------------------------------+
2-b1 Add Filter Dialogue - Simple mode

+-----------------------------------+
| Add Filter |
+-----------------------------------+
| |
| Name: [_____________________] |
| |
| --Rule--------------------------- |
| |
| Formula: |
| +-------------------------------+ |
| | ^| |
| | | |
| | v| |
| +-------------------------------+ |
| |
| Tags |
| +-----------+ [ - ] [ OR ] |
| | ^| [ ( ] [ Name: ] |
| | | [ } ] [ Lctn: ] |
| | | [ Kywd: ] |
| | v| [ Tags: ] |
| +-----------+ [ Desc: ] |
| [ Add ] |
| |
| --------------------------------- |
| |
| Description: |
| +-------------------------------+ |
| | ^| |
| | | |
| | v| |
| +-------------------------------+ |
| |
| [ Simple ] [ OK ] [ Cancel ] |
+-----------------------------------+
2-b2 Add Filter Dialogue - Advance mode

+-----------------------------------+
| Properties for "" |
+-----------------------------------+
| |
| Name: [__________________] |
| |
| Rule: [__________________] |
| |
| Description: +------------------+ |
| | ^| |
| | | |
| | v| |
| +------------------+ |
| |
| |
| [ Advance ] [ OK ] [ Cancel ] |
+-----------------------------------+
2-c1 Properties for "Filter" Dialogue - Simple mode

+-----------------------------------+
| Properties for "" |
+-----------------------------------+
| |
| Name: [_____________________] |
| |
| --Rule--------------------------- |
| |
| Formula: |
| +-------------------------------+ |
| | ^| |
| | | |
| | v| |
| +-------------------------------+ |
| |
| Tags |
| +-----------+ [ - ] [ OR ] |
| | ^| [ ( ] [ Name: ] |
| | | [ } ] [ Lctn: ] |
| | | [ Kywd: ] |
| | v| [ Tags: ] |
| +-----------+ [ Desc: ] |
| [ Add ] |
| |
| --------------------------------- |
| |
| Description: |
| +-------------------------------+ |
| | ^| |
| | | |
| | v| |
| +-------------------------------+ |
| |
| [ Simple ] [ OK ] [ Cancel ] |
+-----------------------------------+
2-c2 Properties for "Filter" Dialogue - Advance mode


~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
2.1 Placemark Filter Sample Data
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
* the following assumes that the places listed below are the sole
contents of the Placemark Manager

+----------------------------------------+
| Name | Tags |
+----------------------------------------+
| |
| apples FRUIT GREEN RED |
| bananas DISLIKE FRUIT YELLOW |
| brand DISLIKE GRAIN |
| grass GREEN |
| lemons DISLIKE FRUIT YELLOW |
| money |
| pets |
| rice GRAIN |
| squash DISLIKE YELLOW VEGETABLE |
| tomatoes FRUIT RED VEGETABLE |
| taxis DISLIKE YELLOW |
| Yellowknife DISLIKE |
| |
+----------------------------------------+
2.1-a

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
2.2 Create (Add) Placemark Filter
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
* with the Add Filter dialogue openned by New Filter button, menuitem or
keyboard shortcut and manually adding rules to the Rule textfield

+-----------------------------------+
| Add Filter |
+-----------------------------------+
| |
| Name: [Yellow_______________] |
| |
| Rule: [tags:(yellow)________] | <-- open Add Filter dialogue
| | and add "tags:(yellow)"
| |
| [ Advance ] [ OK ] [ Cancel ] |
+-----------------------------------+
2.2-a1

+-----------------------------------+
| Add Filter |
+-----------------------------------+
| |
| Name: [Food_________________] |
| |
| Rule: [r vegetable or grain)] | <-- open Add Filter dialogue
| | and add "tags:(fruit or
| | vegetable or grain)"
| [ Advance ] [ OK ] [ Cancel ] |
+-----------------------------------+
2.2-a2

+-----------------------------------+
| Add Filter |
+-----------------------------------+
| |
| Name: [I Like_______________] |
| |
| Rule: [tags:(-dislike)______] | <-- open Add Filter dialogue
| | and add "-dislike"
| |
| [ Advance ] [ OK ] [ Cancel ] |
+-----------------------------------+
2.2-a3

+--------------------------------------------------------+
| Placemarks Manager |
+--------------------------------------------------------+
| +-----------+ +-----------+ |
| | Tags | | Filters | |
+-+-----------+-+ +----------------------------+
| |
| [v:_________________________]| results
|+------------------------------------------------------+| of adding
|| Name | Tags []|| filters
|+------------------------------------------------------+| |
||[-] PLACEMARKS FILTERS || <-+
|| | ||
|| +-[-] PERSONAL TOOLBAR ||
|| | | ||
|| | +-[-] I Like -DISLIKE || <-+
|| | | || |
|| | +---- apples FRUIT GREEN RED || "I Like"
|| | +---- grass GREEN || filter moved
|| | +---- money || to Personal
|| | +---- pets || Toolbar
|| | +---- rice GRAIN ||
|| | +---- tomatoes FRUIT RED VEGETABLE ||
|| | ||
|| +-[-] Food FRUIT GRAIN VEGETABLE ||
|| | | ||
|| | +---- apples FRUIT GREEN ||
|| | +---- bananas DISLIKE FRUIT YELLOW ||
|| | +---- brand DISLIKE GRAIN ||
|| | +---- lemons DISLIKE FRUIT YELLOW ||
|| | +---- rice GRAIN ||
|| | +---- squash DISLIKE YELLOW VEGETABLE ||
|| | +---- tomatoes FRUIT RED VEGETABLE ||
|| | ||
|| +-[-] Yellow YELLOW ||
|| | ||
|| +---- bananas DISLIKE FRUIT YELLOW ||
|| +---- lemons DISLIKE FRUIT YELLOW ||
|| +---- squash DISLIKE YELLOW VEGETABLE ||
|| +---- taxis DISLIKE YELLOW ||
|| ||
|+------------------------------------------------------+|
+--------------------------------------------------------+
2.2-b

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
2.3 Child Filters (subfilters)
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
* child filters filter the contents of their parent filters
* effectively, subfilter's filter rule is appended to the end of
its parent filters' filter rules recursively back to the tree's root
* child filter placemarks are *hidden, but not removed,* from display in
all parent filters ("hidden, but not removed," thus may appear in
multiple child filters)

+--------------------------------------------------------+
| Placemarks Manager |
+--------------------------------------------------------+
| +-----------+ +-----------+ |
| | Tags | | Filters | |
+-+-----------+-+ +----------------------------+
| |
| [v:_________________________]|
|+------------------------------------------------------+|
|| Name | Tags []||
|+------------------------------------------------------+|
||[-] PLACEMARKS FILTERS ||
|| | ||
|| +-[-] PERSONAL TOOLBAR ||
|| | | ||
|| | +-[-] I Like ||
|| | | ||
|| | +---- apples FRUIT GREEN RED ||
|| | +---- grass GREEN ||
|| | +---- money ||
|| | +---- pets ||
|| | +---- rice GRAIN ||
|| | +---- tomatoes FRUIT RED VEGETABLE ||
|| | ||
|| +-[-] Food ||
|| | ||
|| +-[-] Yellow || <-+
|| | | || |
|| | +---- bananas DISLIKE FRUIT YELLOW || "Yellow"
|| | +---- lemons DISLIKE FRUIT YELLOW || filter moved
|| | +---- squash DISLIKE YELLOW VEGETABLE || inside "Food"
|| | || filter
|| +---- apples FRUIT GREEN RED ||
|| +---- brand DISLIKE GRAIN ||
|| +---- rice GRAIN ||
|| +---- tomatoes FRUIT RED VEGETABLE ||
|| ||
|+------------------------------------------------------+|
+--------------------------------------------------------+
2.3-a

+-----------------------------------+
| Properties for "Yellow" | Simple mode
+-----------------------------------+ |
| | <-+
| Name: [Yellow____________] |
| |
| Parents: Tags:(FRUIT or GRAIN | <-+
| Rule: [Tags:(YELLOW)_____] | |
| | |
Non-editable textfield containing
~~~~~~~~~~~~/\/~~~~~~~~~~~~ the recursive concatenation of the
rules of all parent filters
| --Rule--------------------------- | |
| | |
| Parents: Tags:(FRUIT or GRAIN or | <-+
| Formula: |
| +-------------------------------+ |
| |Tags:(YELLOW) ^| |
| | | |
| | v| |
| +-------------------------------+ |
| |
| Tags |
| +-----------+ [ - ] [ or ] |
| |DISLIKE ^| [ ( ] [ Name: ] |
| |FRUIT | [ } ] [ Lctn: ] |
| |GRAIN | [ Kywd: ] |
| |GREEN v| [ Tags: ] | <-+
| +-----------+ [ Desc: ] | |
| [ Add ] | Advance mode
| |
| --------------------------------- |

~~~~~~~~~~~~/\/~~~~~~~~~~~~

| |
| Description: |
| +-------------------------------+ |
| | ^| |
| | | |
| | v| |
| +-------------------------------+ |
| |
| [ Sim|nce ] [ OK ] [ Cancel ] |
+-----------------------------------+
2.3-b

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
2.4 Empty Filters
~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~
* an empty filter may occur if the rules of it and its parents exclude
all placemarks

+--------------------------------------------------------+
| Placemarks Manager |
+--------------------------------------------------------+
| +-----------+ +-----------+ |
| | Tags | | Filters | |
+-+-----------+-+ +----------------------------+
| |
| [v:_________________________]|
|+------------------------------------------------------+|
|| Name | Tags []||
|+------------------------------------------------------+|
||[-] PLACEMARKS FILTERS ||
|| | || "Food" filter
|| +-[-] PERSONAL TOOLBAR || moved inside
|| | || "I Like"
|| +-[-] I Like -DISLIKE || filter
|| | || |
|| +-[-] Food FRUIT GRAIN VEGETABLE || <-+
|| | | ||
|| | +-[-] Yellow YELLOW || <-+
|| | | || |
|| | +---- apples FRUIT GREEN RED || "Yellow"
|| | +---- rice GRAIN || filter loses
|| | +---- tomatoes FRUIT RED VEGETABLE || all content
|| | ||
|| +---- grass GREEN ||
|| +---- money ||
|| +---- pets ||
|| ||
|+------------------------------------------------------+|
+--------------------------------------------------------+
2.4-a

Ian Pottinger

unread,
Feb 15, 2006, 7:03:33 AM2/15/06
to Ian Anthony Pottinger
Ian Pottinger wrote:
> I hate using the keyboard
> and have configure my browser accordingly. This includes adding "Go"
> and "Search" buttons for dragged-&-dropped text selections and a very
> carefully designed hierarchy of bookmark folders for dragged-&-dropped
> URLs.

Just thought an image of my browser configuration might offer insight
into the type of user I am and for whom I want to design this extension.

http://static.flickr.com/42/100029222_37ed834f59_o.gif

0 new messages